Merge branch 'main' of https://github.com/wbt/subscrypto

wbt · Oct 21, 2023 · 335ea7a · 335ea7a
2 parents a497083 + a14e552
commit 335ea7a
Show file tree

Hide file tree

Showing 5 changed files with 258 additions and 0 deletions.
diff --git a/packages/nextjs/figmaexport/host b/packages/nextjs/figmaexport/host
@@ -0,0 +1,57 @@
+<div className="w-96 h-96 relative bg-red-900">
+  <div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" />
+  <div className="w-96 h-96 left-[200px] top-[-166px] absolute bg-violet-400 rounded-full shadow border" />
+  <div className="w-96 h-96 left-[-327px] top-[638px] absolute bg-blue-300 rounded-full shadow border" />
+  <div className="w-96 h-16 left-0 top-0 absolute bg-violet-950 shadow" />
+  <div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" />
+  <img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" />
+  <img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" />
+  <img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" />
+  <img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" />
+  <img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" />
+  <div className="w-16 h-16 left-[279px] top-[679px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-white bg-opacity-0 rounded-full border-2 border-black" />
+    <img className="w-10 h-10 left-[10.29px] top-[10.29px] absolute" src="https://via.placeholder.com/41x41" />
+  </div>
+  <div className="w-36 h-36 left-[109px] top-[140px] absolute bg-white rounded-full border-2 border-black" />
+  <div className="w-80 h-32 left-[19px] top-[87px] absolute text-black text-4xl font-bold font-['Istok Web']">Hosting</div>
+  <img className="w-11 h-11 left-[58px] top-[13px] absolute origin-top-left rotate-180" src="https://via.placeholder.com/46x46" />
+  <div className="w-64 h-14 left-[52px] top-[410px] absolute text-center text-black text-2xl font-bold font-['Istok Web'] underline">Tier selection</div>
+  <div className="w-20 h-11 left-[20px] top-[465px] absolute text-black text-2xl font-bold font-['Istok Web']">Tier</div>
+  <div className="w-28 h-11 left-[227px] top-[464px] absolute text-black text-2xl font-bold font-['Istok Web']">Deposit</div>
+  <div className="w-28 h-11 left-[92px] top-[464px] absolute text-black text-2xl font-bold font-['Istok Web']">Unit/wk</div>
+  <div className="w-36 h-16 left-[105px] top-[177px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">Add Icon</div>
+  <div className="w-80 h-px left-[19px] top-[509px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <div className="w-80 h-px left-[19px] top-[591px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <div className="w-80 h-px left-[19px] top-[672px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <div className="w-64 h-11 left-[49px] top-[293px] absolute">
+    <div className="w-64 h-11 left-0 top-0 absolute bg-white rounded-lg border-b-2 border-black" />
+    <div className="w-36 left-[56px] top-[6px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">Name</div>
+  </div>
+  <div className="w-64 h-11 left-[49px] top-[350px] absolute">
+    <div className="w-64 h-11 left-0 top-0 absolute bg-white rounded-lg border-b-2 border-black" />
+    <div className="w-36 left-[56px] top-[6px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">Website</div>
+  </div>
+  <div className="w-36 h-16 left-[193px] top-[511px] absolute">
+    <div className="w-36 h-11 left-0 top-[11px] absolute bg-white rounded-lg border-b-2 border-black" />
+    <div className="w-36 h-16 left-0 top-0 absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0.00000 ETC</div>
+  </div>
+  <div className="w-20 h-16 left-[95px] top-[511px] absolute">
+    <div className="w-20 h-11 left-0 top-[10px] absolute bg-white rounded-lg border-b-2 border-black" />
+    <div className="w-20 h-16 left-0 top-0 absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0</div>
+  </div>
+  <div className="w-20 h-16 left-[93px] top-[593px] absolute">
+    <div className="w-20 h-11 left-0 top-[10px] absolute bg-white rounded-lg border-b-2 border-black" />
+    <div className="w-20 h-16 left-0 top-0 absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0</div>
+  </div>
+  <div className="w-36 h-11 left-[193px] top-[605px] absolute">
+    <div className="w-36 h-11 left-0 top-0 absolute bg-white rounded-lg border-b-2 border-black" />
+    <div className="w-36 h-7 left-[1px] top-[12px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0.0000 ETC</div>
+  </div>
+  <div className="w-24 h-11 left-[-7px] top-[522px] absolute text-center text-black text-2xl font-bold font-['Istok Web']">1</div>
+  <div className="w-24 h-11 left-[-7px] top-[606px] absolute text-center text-black text-2xl font-bold font-['Istok Web']">2</div>
+  <div className="w-40 h-11 left-[101px] top-[694px] absolute">
+    <div className="w-40 h-10 left-0 top-[2px] absolute bg-lime-500 bg-opacity-25" />
+    <div className="w-36 left-[4px] top-0 absolute text-center text-black text-3xl font-bold font-['Istok Web']">Confirm</div>
+  </div>
+</div>
diff --git a/packages/nextjs/figmaexport/host and subs b/packages/nextjs/figmaexport/host and subs
@@ -0,0 +1,42 @@
+<div className="w-96 h-96 relative bg-red-900">
+  <div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" />
+  <div className="w-96 h-96 left-[-358px] top-[553px] absolute bg-violet-400 rounded-full shadow border" />
+  <div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" />
+  <img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" />
+  <img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" />
+  <img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" />
+  <img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" />
+  <img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" />
+  <div className="w-20 h-20 left-[267px] top-[656px] absolute">
+    <div className="w-20 h-20 left-0 top-0 absolute bg-violet-300 rounded-full" />
+    <img className="w-14 h-14 left-[13.49px] top-[13.49px] absolute" src="https://via.placeholder.com/54x54" />
+  </div>
+  <div className="w-96 h-96 left-[143px] top-[-183px] absolute bg-blue-600 bg-opacity-40 rounded-full shadow border" />
+  <div className="w-6 h-4 left-[19px] top-[41px] absolute">
+    <div className="w-6 h-px left-0 top-0 absolute bg-zinc-300 border-4 border-black"></div>
+    <div className="w-6 h-px left-0 top-[8px] absolute bg-zinc-300 border-4 border-black"></div>
+    <div className="w-6 h-px left-0 top-[16px] absolute bg-zinc-300 border-4 border-black"></div>
+  </div>
+  <div className="w-80 h-28 left-[12px] top-[315px] absolute text-black text-4xl font-bold font-['Istok Web']">Subscription</div>
+  <div className="w-80 h-32 left-[19px] top-[87px] absolute text-black text-4xl font-bold font-['Istok Web']">Hosting</div>
+  <div className="w-80 h-40 left-[12px] top-[144px] absolute bg-white rounded-2xl" />
+  <div className="w-16 h-16 left-[23px] top-[158px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" />
+    <img className="w-16 h-16 left-[-2.05px] top-[-2.05px] absolute" src="https://via.placeholder.com/67x67" />
+  </div>
+  <div className="w-16 h-16 left-[176px] top-[228px] absolute text-black text-sm font-bold font-['Istok Web']">1 week<br/>2 weeks<br/>3 weeks<br/></div>
+  <div className="w-24 h-16 left-[254px] top-[228px] absolute text-green-400 text-sm font-bold font-['Istok Web']">+0.1 ETC<br/>+0.15 ETC<br/>+0.178 ETC<br/></div>
+  <div className="w-16 h-16 left-[143px] top-[228px] absolute text-black text-sm font-bold font-['Istok Web']">Last</div>
+  <div className="w-36 h-16 left-[98px] top-[155px] absolute text-black text-4xl font-bold font-['Istok Web']">Spotify</div>
+  <img className="w-11 h-11 left-[291px] top-[157px] absolute" src="https://via.placeholder.com/46x46" />
+  <div className="w-80 h-40 left-[12px] top-[374px] absolute bg-white rounded-2xl" />
+  <div className="w-16 h-16 left-[23px] top-[385px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" />
+    <img className="w-24 h-24 left-[-19px] top-[-19px] absolute" src="https://via.placeholder.com/101x101" />
+  </div>
+  <div className="w-16 h-16 left-[176px] top-[458px] absolute text-black text-sm font-bold font-['Istok Web']">1 month<br/>2 months<br/>3 months<br/></div>
+  <div className="w-24 h-16 left-[254px] top-[458px] absolute text-red-500 text-sm font-bold font-['Istok Web']">-0.1 ETC<br/>-0.1 ETC<br/>-0.1 ETC<br/></div>
+  <div className="w-16 h-16 left-[143px] top-[458px] absolute text-black text-sm font-bold font-['Istok Web']">Last</div>
+  <div className="w-36 h-16 left-[98px] top-[385px] absolute text-black text-4xl font-bold font-['Istok Web']">Netflix</div>
+  <img className="w-11 h-11 left-[291px] top-[387px] absolute" src="https://via.placeholder.com/46x46" />
+</div>
diff --git a/packages/nextjs/figmaexport/main page b/packages/nextjs/figmaexport/main page
@@ -0,0 +1,51 @@
+<div className="w-96 h-96 relative bg-red-900">
+  <div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" />
+  <div className="w-96 h-96 left-0 top-[444px] absolute bg-white rounded-3xl shadow" />
+  <div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" />
+  <div className="w-96 h-96 left-[-184px] top-[-184px] absolute bg-blue-600 bg-opacity-40 rounded-full shadow border" />
+  <div className="w-72 h-11 left-[33px] top-[80px] absolute bg-white rounded-2xl" />
+  <div className="w-6 h-4 left-[19px] top-[41px] absolute">
+    <div className="w-6 h-px left-0 top-0 absolute bg-zinc-300 border-4 border-black"></div>
+    <div className="w-6 h-px left-0 top-[8px] absolute bg-zinc-300 border-4 border-black"></div>
+    <div className="w-6 h-px left-0 top-[16px] absolute bg-zinc-300 border-4 border-black"></div>
+  </div>
+  <div className="w-52 h-px left-[78px] top-[464px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <div className="w-72 h-12 left-[57px] top-[31px] absolute text-black text-2xl font-bold font-['Istok Web']">Welcome, Jack!</div>
+  <div className="w-48 h-8 left-[80px] top-[87px] absolute text-neutral-400 text-xl font-bold font-['Istok Web']">Search</div>
+  <div className="w-80 h-32 left-[15px] top-[332px] absolute text-black text-xl font-bold font-['Istok Web']">Overview</div>
+  <div className="w-80 h-40 left-[12px] top-[150px] absolute bg-violet-700 bg-opacity-60 rounded-2xl" />
+  <div className="w-16 h-16 left-[15px] top-[364px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" />
+    <img className="w-24 h-24 left-[-19px] top-[-19px] absolute" src="https://via.placeholder.com/101x101" />
+  </div>
+  <div className="w-16 h-16 left-[12px] top-[479px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" />
+    <img className="w-28 h-28 left-[-19.90px] top-[-19.90px] absolute" src="https://via.placeholder.com/106x106" />
+  </div>
+  <div className="w-16 h-16 left-[10px] top-[659px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" />
+    <img className="w-28 h-28 left-[-20.51px] top-[-20.51px] absolute" src="https://via.placeholder.com/109x109" />
+  </div>
+  <div className="w-16 h-16 left-[83px] top-[364px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" />
+    <img className="w-16 h-16 left-[-2.05px] top-[-2.05px] absolute" src="https://via.placeholder.com/67x67" />
+  </div>
+  <div className="w-16 h-16 left-[10px] top-[570px] absolute">
+    <div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" />
+    <img className="w-20 h-20 left-[-2.21px] top-[-2.21px] absolute" src="https://via.placeholder.com/72x72" />
+  </div>
+  <img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" />
+  <img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" />
+  <img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" />
+  <img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" />
+  <img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" />
+  <div className="w-72 h-28 left-[22px] top-[218px] absolute text-white text-opacity-80 text-3xl font-bold font-['Istok Web']">10.00000 ETC<br/>(USD$40,000)</div>
+  <div className="w-72 h-14 left-[26px] top-[165px] absolute text-white text-opacity-80 text-3xl font-bold font-['Istok Web'] underline">Total Balance</div>
+  <div className="w-32 h-16 left-[90px] top-[478px] absolute"><span style="text-black text-base font-bold font-['Istok Web']">Netflix<br/></span><span style="text-stone-500 text-xs font-bold font-['Istok Web']">20 Oct 02:40pm</span></div>
+  <div className="w-32 h-16 left-[243px] top-[478px] absolute text-red-500 text-base font-bold font-['Istok Web']">-0.00076 ETC</div>
+  <div className="w-32 h-16 left-[243px] top-[655px] absolute text-red-500 text-base font-bold font-['Istok Web']">-0.00076 ETC</div>
+  <div className="w-32 h-16 left-[243px] top-[568px] absolute text-green-400 text-base font-bold font-['Istok Web']">+0.00036 ETC</div>
+  <div className="w-32 h-16 left-[90px] top-[658px] absolute"><span style="text-black text-base font-bold font-['Istok Web']">Netflix<br/></span><span style="text-stone-500 text-xs font-bold font-['Istok Web']">20 Sep 03:15pm</span></div>
+  <div className="w-32 h-16 left-[90px] top-[568px] absolute"><span style="text-black text-base font-bold font-['Istok Web']">Spotify<br/></span><span style="text-stone-500 text-xs font-bold font-['Istok Web']">19 Oct 06:40pm</span></div>
+  <img className="w-7 h-7 left-[43px] top-[88px] absolute border" src="https://via.placeholder.com/28x30" />
+</div>
diff --git a/packages/nextjs/figmaexport/report b/packages/nextjs/figmaexport/report
@@ -0,0 +1,38 @@
+<div className="w-96 h-96 relative bg-red-900">
+  <div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" />
+  <div className="w-80 h-96 left-[11px] top-[474px] absolute bg-white rounded-2xl" />
+  <div className="w-80 h-32 left-[22px] top-[483px] absolute text-black text-3xl font-bold font-['Istok Web']">Billing Statement</div>
+  <img className="w-14 h-14 left-[280px] top-[552px] absolute" src="https://via.placeholder.com/55x55" />
+  <img className="w-14 h-14 left-[280px] top-[653px] absolute" src="https://via.placeholder.com/55x55" />
+  <div className="w-52 h-px left-[80px] top-[635px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <img className="w-11 h-11 left-[294px] top-[483px] absolute" src="https://via.placeholder.com/46x46" />
+  <div className="w-60 h-40 left-[27px] top-[515px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Sep, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Oct, 2023<br/></span></div>
+  <div className="w-60 h-40 left-[25px] top-[616px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Aug, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Sep, 2023<br/></span></div>
+  <img className="w-14 h-14 left-[280px] top-[753px] absolute" src="https://via.placeholder.com/55x55" />
+  <div className="w-52 h-px left-[86px] top-[735px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <div className="w-60 h-40 left-[24px] top-[716px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Jul, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Aug, 2023<br/></span></div>
+  <div className="w-96 h-96 left-[-182px] top-[-217px] absolute bg-blue-600 bg-opacity-40 rounded-full shadow border" />
+  <div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" />
+  <img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" />
+  <img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" />
+  <img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" />
+  <img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" />
+  <img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" />
+  <div className="w-6 h-4 left-[19px] top-[41px] absolute">
+    <div className="w-6 h-px left-0 top-0 absolute bg-zinc-300 border-4 border-black"></div>
+    <div className="w-6 h-px left-0 top-[8px] absolute bg-zinc-300 border-4 border-black"></div>
+    <div className="w-6 h-px left-0 top-[16px] absolute bg-zinc-300 border-4 border-black"></div>
+  </div>
+  <div className="w-80 h-96 left-[11px] top-[89px] absolute bg-white rounded-2xl" />
+  <div className="w-80 h-32 left-[22px] top-[98px] absolute text-black text-3xl font-bold font-['Istok Web']">Revenue Report</div>
+  <img className="w-14 h-14 left-[280px] top-[167px] absolute" src="https://via.placeholder.com/55x55" />
+  <img className="w-14 h-14 left-[280px] top-[268px] absolute" src="https://via.placeholder.com/55x55" />
+  <div className="w-52 h-px left-[80px] top-[250px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <div className="w-52 h-px left-[77px] top-[734px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <img className="w-11 h-11 left-[294px] top-[98px] absolute" src="https://via.placeholder.com/46x46" />
+  <div className="w-60 h-40 left-[27px] top-[130px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Sep, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Oct, 2023<br/></span></div>
+  <div className="w-60 h-40 left-[25px] top-[231px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Aug, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Sep, 2023<br/></span></div>
+  <img className="w-14 h-14 left-[280px] top-[368px] absolute" src="https://via.placeholder.com/55x55" />
+  <div className="w-52 h-px left-[86px] top-[350px] absolute bg-neutral-300 border-8 border-stone-300"></div>
+  <div className="w-60 h-40 left-[24px] top-[331px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Jul, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Aug, 2023<br/></span></div>
+</div>