Compare commits

...

2 Commits

Author SHA1 Message Date
jb0gie
ac223f59d0 sdone for now 2021-10-20 21:02:11 +01:00
jb0gie
bcaadc0dba now we are getting somewhere 2021-10-20 20:45:08 +01:00
5 changed files with 229 additions and 208 deletions

View File

@ -1,170 +0,0 @@
<app-content>
<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">
<div>
<!--<img src="/images/" class="h-7 sm:h-8" /> pic > txt?-->
<h1 class="sm:text-4xl">Џ̸̬̼̲͇͆̓̊́̐͘͜Ξ̷̢͈̦̬̖͍̻̦̫͉̔̒̅̄͋̄͒̄Ж̷̥̙̘̣̙̀͒͘͜ϟ̷̛̞̜̬̥̮̩̳̻̜̯̂Ц̶̛̜̗̎́̀̈́̾̏ </h1>
</div>
<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>𝐢 𝐫 𝐛𝟎𝐠𝐢𝐞. a simple, minimalistic, and free thinker.</p>
<p>I like making stuff &amp; eventually putting it on the internet.</p>
<code>𝐢 𝐫 𝐭𝐞𝐜𝐡𝐬𝐡𝐚𝐦𝐚𝐧 横も 。𝐧𝐢𝐜𝐞𝐬𝐭𝟎𝐧𝐓𝐡𝐞𝐍𝐞𝐭 <20>͎̫̎<CD8E></code>
<!--<p>
<a href="https://metagame.wtf" class="text-purple-600 hover:text-purple-700"> follow&rarr;🐙</a>
</p>-->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-span-2">
<h1 class="font-bold"></h1>
<p>🗝🔔🌞🌟👑</p>
</div>
<blockquote class="font-bold">
<p>
</p>
</blockquote>
<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

@ -1,3 +1,150 @@
<my-app> <my-app>
<app-content></app-content> <div class="min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12 z-50">
<div class="relative py-3 sm:max-w-xl sm:mx-auto">
<div class="relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20 bg-clip-padding bg-opacity-60 border border-gray-200" style="backdrop-filter: blur(20px);">
<div>
<!--<img src="/images/" class="h-7 sm:h-8" /> pic > txt?-->
<h1 class="text-center sm:text-5xl">Џ̸̬̼̲͇͆̓̊́̐͘͜Ξ̷̢͈̦̬̖͍̻̦̫͉̔̒̅̄͋̄͒̄Ж̷̥̙̘̣̙̀͒͘͜ϟ̷̛̞̜̬̥̮̩̳̻̜̯̂Ц̶̛̜̗̎́̀̈́̾̏<h1>
</div>
<br>
<div class="divide-y divide-purple-200">
<div class="py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-2xl sm:leading-7">
<p>𝐢 𝐫 𝐛𝟎𝐠𝐢𝐞. a simple, minimalistic, and free thinker.</p>
<p>I like making stuff &amp; eventually putting it on the internet.</p>
<br>
<p class="text-center">𝐢 𝐫 𝐭𝐞𝐜𝐡𝐬𝐡𝐚𝐦𝐚𝐧 横も 。𝐧𝐢𝐜𝐞𝐬𝐭𝟎𝐧𝐓𝐡𝐞𝐍𝐞𝐭 <20>͎̫̎<CD8E></p>
<!--<p>
<a href="https://metagame.wtf" class="text-purple-600 hover:text-purple-700"> follow&rarr;🐙</a>
</p>-->
</div>
</div>
</div>
</div>
</div>
<section>
<p>
</p>
<p>
</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>
</my-app> </my-app>

View File

@ -1,35 +0,0 @@
<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">
<div>
<!--<img src="/images/" class="h-7 sm:h-8" /> pic > txt?-->
<h1 class="sm:text-4xl">{ props.title }</h1>
</div>
<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></p>
<p></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>
</my-card>

80
components/card/style.css Normal file
View File

@ -0,0 +1,80 @@
/* @import url("https://use.typekit.net/jmk3xov.css"); */
/* @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap'); */
/*
canvas {
position: fixed;
top: 0;
left: 0;
}
:root {
--dark-bg: rgba(15, 15, 15, 0.95);
--spacing: 350px;
font-family: brandon-grotesque, sans-serif;
font-weight: 400;
font-style: normal;
}
main {
width: 100vw;
color: white;
z-index: 99;
position: absolute;
width: 100%;
margin: 0px auto;
padding: 120px 0px;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
h1, h2, h3, blockquote{
font-family: elevon, sans-serif;
font-family: 'Ubuntu Condensed', sans-serif;
font-weight: 700;
font-style: normal;
}
header {
background: var(--dark-bg);
grid-column: 2 / span 3;
font-size: 2.5rem;
padding: 2rem;
margin-bottom: var(--spacing);
text-align: center;
}
section {
grid-column: 2 / 8;
padding: 1rem;
background: var(--dark-bg);
font-size: 1.25rem;
line-height: 1.5;
margin-bottom: var(--spacing);
}
blockquote {
margin: 0;
padding: 0;
grid-column: 2 / span 9;
margin-bottom: var(--spacing);
}
blockquote p {
color: black;
background-color: white;
font-size: 5rem;
display: inline;
line-height: 1.2;
}
blockquote a{
text-decoration: none;
}
.left {
grid-column: 6 / 12;
} */

View File

@ -156,12 +156,11 @@
<!-- RIOT --> <!-- RIOT -->
<my-app></my-app> <my-app></my-app>
<script src="components/app.riot" type="riot"></script> <script src="components/app.riot" type="riot"></script>
<script src="components/app-content.riot" type="riot"></script>
<script src="https://unpkg.com/riot@6/riot+compiler.min.js"></script> <script src="https://unpkg.com/riot@6/riot+compiler.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
riot.compile() riot.compile()
.then(() => { .then(() => {
riot.mount('app, ') riot.mount('my-app')
}) })
</script> </script>
<!-- RIOT end --> <!-- RIOT end -->