Compare commits

...

2 Commits

Author SHA1 Message Date
jb0gie
c0e54310d4 Merge branch 'main' of https://git.codingvm.codes/metab0gie/thr33site 2021-10-20 21:19:23 +01:00
jb0gie
a901660f88 yup 2021-10-20 14:17:31 +01:00
5 changed files with 180 additions and 0 deletions

141
components/app-content.riot Normal file
View File

@ -0,0 +1,141 @@
<app-content>
<div class="col-span-2">
<h1 class="font-bold"></h1>
<p>🗝🔔🌞🌟👑</p>
</div>
<section>
<h2 class="font-bold">📜 Epiclog</h2>
<p>
Im a creative innovator based on earth, conceptualising delightful visual experiences for mobile / web that inturn empower &amp; engage users.
</p>
<p>
Although like many, one weakness I acknowledge is not valuing myself highly and this is something I routinely work on improving. Regardless of weakness, some of my strengths include: Impeccable timing. Now I don't mean I'm super punctual, nothing like that.
</p>
<p>
What I mean is no matter how much effort I put in, I'm always in place need to be. I express myself through movement and making others laugh.
</p>
</section>
<section>
<h2 class="font-bold">👩🏽‍🚀 Vision</h2>
<p>
Our world is augmenting itself with new technologies. We are constantly learning and evolving. We are constantly evolving. Mass adoption is coming.
</p>
<h2 class="font-bold">🏆 Accomplishments</h2>
<ul>
<li>2008: Helped with Hurricane Katrina Relief via Secondary School 🏈 Team</li>
<li>2014: Won the IBM design in community award </li>
<li>Present: Finishing this page..😅</li>
</ul>
</section>
<blockquote class="font-bold">
<p>The best way out is always through <br>-Robert Frost</p>
</blockquote>
<section>
<h2 class="font-bold">🌮 EXP.</h2>
<h3 class="font-bold">👨‍🎓 Scholar</h3>
<ul>
<li>Speed: 📚x3</li>
<li>Coordination: 📚x10</li>
<li>Power: 📚x8</li>
<li>IQ: 📚x7</li>
<li>Leadership: 📚x7</li>
<li>Luck: 📚x13</li>
<li>Piety: 📚x2</li>
<li>Lore: 📚x19</li>
</ul>
<p>
Domestication is the key to success in life. So I played along with the rules and made a few mistakes. I'm not a perfectionist, but I'm a perfectionist. So much so i've wanted this page to be a perfect it never saw the digital light of day.
</p>
<p>
Maybe i had to live life first before i could write this, who knows. But i'm proud of what i've done &amp; where i've been. Learning is life, and learning is fun.
</p>
<h3 class="font-bold">👨‍🍳 Cook</h3>
<ul>
<li>Speed: 🍳x7</li>
<li>Coordination: 🍳x13</li>
<li>Power: 🍳x5</li>
<li>IQ: 🍳x9</li>
<li>Leadership: 🍳x9</li>
<li>Luck: 🍳x23</li>
<li>Piety: 🍳x6</li>
<li>Lore: 🍳x25</li>
</ul>
<p>
I can cook, and I love it. I love it so much that I'm always trying to learn new things. Although my cook style is somewhat orthodox and not very creative, I feel my fundamentals are strong. Hehe I love cooking.
</p>
<h3 class="font-bold">🤵 Barkeep </h3>
<ul>
<li>Speed: 🍹x22</li>
<li>Coordination: 🍹x30</li>
<li>Power: 🍹x10</li>
<li>IQ: 🍹x15</li>
<li>Leadership: 🍹x15</li>
<li>Luck: 🍹x33</li>
<li>Piety: 🍹x16</li>
<li>Lore: 🍹x40</li>
</ul>
<p>
I went to college with a barkeep background. I was a barkeep for a few years, but I didn't really enjoy it.
Partly
</p>
<h3 class="font-bold">💁 Waiter</h3>
<ul>
<li>Speed: 🥗x13</li>
<li>Coordination: 🥗x50</li>
<li>Power: 🥗x7</li>
<li>IQ: 🥗x10</li>
<li>Leadership: 🥗x9</li>
<li>Luck: 🥗x23</li>
<li>Piety: 🥗x6</li>
<li>Lore: 🥗x25</li>
</ul>
<p>
The 2 years I worked as a waiter at a local restaurant, I was able to learn a lot about the business. I also learnt how to be a good person (and not a bad one).i picked up a lot of skills in the process. I made a lot of tips hehe.
</p>
<h3 class="font-bold">👹 Techshaman</h3>
<ul>
<li>Speed: 📿x13</li>
<li>Coordination: 📿x50</li>
<li>Power: 📿x7</li>
<li>IQ: 📿x10</li>
<li>Leadership: 📿x9</li>
<li>Luck: 📿x23</li>
<li>Piety: 📿x6</li>
<li>Lore: 📿x25</li>
</ul>
<p>
Just before I encrouched onto lvl30, I became the Techshaman.
My mission is to halp. 🧞
ॐweareone. onethreethreeseven. morethanone.
</p>
</section>
<blockquote class="font-bold">
<p>TYSM++♥ for scrolling!</p>
</blockquote>
<blockquote class="font-bold">
<p>
<a href="https://linktr.ee/jb0gie">
check out ma socials, let's connect please...i'm lonely 😅
</a>
</p>
</blockquote>
</app-content>

View File

@ -0,0 +1,14 @@
<my-card-body>
<div class="divide-y divide-gray-200">
<div class="py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg sm:leading-7">
<p>{ props.intro1 }</p>
<p>{ props.intro }</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>
</my-card-body>

View File

@ -0,0 +1,6 @@
<my-card-header>
<div>
<!--<img src="/images/" class="h-7 sm:h-8" /> pic > txt?-->
<h1 class="sm:text-4xl">{ props.cardHead }</h1>
</div>
</my-card-header>

View File

@ -0,0 +1,15 @@
<my-card>
<div class="min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12">
<div class="relative py-3 sm:max-w-xl sm:mx-auto">
<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>
<div class="relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20">
<my-card-header />
<my-card-body />
<my-card-footer />
</div>
</div>
</div>
</div>
</my-card>

View File

@ -160,7 +160,11 @@
<script type="text/javascript"> <script type="text/javascript">
riot.compile() riot.compile()
.then(() => { .then(() => {
<<<<<<< HEAD
riot.mount('app, my-card')
=======
riot.mount('my-app') riot.mount('my-app')
>>>>>>> ac223f59d0aacee72edc59b32aff7d7bef0cfa5a
}) })
</script> </script>
<!-- RIOT end --> <!-- RIOT end -->