metab0gie/thr33site
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: irb0gie:4db2fe00eac603ec5031dc79d72195795be42633
Branches Tags
irb0gie:main
...
compare: irb0gie:947971adc0b7258d9c5a9fc17891b42688b11e68
Branches Tags
irb0gie:main

3 Commits
4db2fe00ea ... 947971adc0

Author SHA1 Message Date
jb0gie
947971adc0 yup 2021-10-19 22:10:51 +01:00
jb0gie
92639190ae Merge branch 'main' of https://git.codingvm.codes/metab0gie/thr33site 2021-10-19 22:05:26 +01:00
jb0gie
ab3af3b07f now were cooking baby 2021-10-19 22:05:20 +01:00
3 changed files with 71 additions and 0 deletions
Show Stats Expand all files Collapse all files

3
components/accent.riot Normal file
View File

@ -0,0 +1,3 @@
<accent>
</accent>

64
components/card.riot Normal file
View File

@ -0,0 +1,64 @@
<card>
<!-- Card Outer Container -->
<div class="min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12">
<!-- Card Inner Container -->
<div class="relative py-3 sm:max-w-xl sm:mx-auto">
<!-- Card Accent Color -->
<div class="absolute inset-0 bg-gradient-to-r from-cyan-400 to-sky-500 shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl"></div>
<!-- Card Color-->
<div class="relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20">
<!-- CARD TITLE -->
<div>
<!--<img src="/images/" class="h-7 sm:h-8" /> pic > txt?-->
<h1 class="sm:text-4xl">COOL TITLE</h1>
</div>
<div class="divide-y divide-gray-200">
<!-- CARD CONTENT -->
<div class="py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg sm:leading-7">
<p>Some Text I'll figure out how to change using props hopefully</p>
<ul class="list-disc space-y-2">
<li class="flex items-start">
<span class="h-6 flex items-center sm:h-7">
<svg class="flex-shrink-0 h-5 w-5 text-cyan-500" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
</span>
<p class="ml-2">
Customizing your
<code class="text-sm font-bold text-gray-900">tailwind.config.js</code> file
</p>
</li>
<li class="flex items-start">
<span class="h-6 flex items-center sm:h-7">
<svg class="flex-shrink-0 h-5 w-5 text-cyan-500" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
</span>
<p class="ml-2">
Extracting classes with
<code class="text-sm font-bold text-gray-900">@apply</code>
</p>
</li>
<li class="flex items-start">
<span class="h-6 flex items-center sm:h-7">
<svg class="flex-shrink-0 h-5 w-5 text-cyan-500" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
</span>
<p class="ml-2">Code completion with instant preview</p>
</li>
</ul>
<p>I'm glad i figured out howto todo dis, bc dis is awesome af my g!!!!</p>
</div>
<div class="pt-6 text-base leading-6 font-bold sm:text-lg sm:leading-7">
<p>Check dis out:</p>
<p>
<a href="https://metagame.wtf" class="text-purple-600 hover:text-purple-700"> follow&rarr;🐙</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</card>

4
package.json
View File

@ -11,4 +11,8 @@
"devDependencies": { "devDependencies": {
"vite": "^2.5.4" "vite": "^2.5.4"
} }
} }