py-on.github.io/index.html at main · py-on/py-on.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>contintail</title><link rel="icon" href="/media/icon.KGn6EI7s.png"><style>@import"https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{background-color:#232321;font-family:Shantell Sans,sans-serif}h1,.s1{font-size:1.8vw}h2,.s2{font-size:1.6vw}h3,.s3{font-size:1.4vw}h1,h2,h3{color:#3c4147}p{font-size:1.2vw}sub{font-size:1vw;color:#302f2dc0}a{text-decoration:none;color:#47403c;transition:color .3s}a:hover{color:#4f2424}.lightbox{background-color:#e7dad1;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABSUlEQVR4nO2bUQrCMAxAowzx/gfxAF7BC4kI+mOHTkraNC3VvPdVW9oJCdlzZrvL+fQQEVkOR3nnfrt+fP7X9b0EZ5k1MqPWyYA0mC0yo9bJgFkjM2qdDFgHk0UGDxgEHiDBwQMkOMM9QJvX1vEAZ9w9QIusF3iAE24e8GuRT5ABaeAd+dK7QfaLVe7HA4yYPUCLvLVW1O7HAxoxe8Bs4AFGmj1gNvCASswe8HWQUuXTvFZLSvd73Q3IgNHu37uG4AGVdPeAbcaUml5tpuEBRrp7QGlErZHPnZPAAxTcPCB7gUE1AA8w4uYBuchpxpabb32eoJ2TIAPWgZMHeFXz7XW9I48HvOjmAaW//krPycH/Ao106w/Q5luhP8AJ9/6A3tAf4MywPsFW6BPsBH2CEhz6BCU4vC8gweF9AQkOHiDBwQMkOHiABOcJr6K6pnsyIR4AAAAASUVORK5CYII=);background-repeat:repeat;border:4px solid #302f2d}.darkbox{background-color:#ddcec4;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABQElEQVR4nO2bWwoCMQxFr6Lo/nEDLsK9KX7ojwUtDGlepZh7vuqk7Qwkg8cxs7tdLy8AOJ7O+Ob5uP98/tf4HsU5rJqZWXFWQBuslplZcVbAqpmZFWcFtMFqmaEHTIIegOLQA1Cc6R4gHZfi9IBgwj1AymwU9IAgwjzAes9q59MDgnF7gJT5Fu/3k+jXab816AGDmD1gNPNepEqgBzgxe8Bq0AOMuD2gnye5/9Y873rr9bMC2sCaeS1bXuDdnx5gJNwDRsn61UgPUEIPyL2s9QnzgB6pYrQVNnpeeoCSNA/Ini+tpwcMEuYB2ic4Wkb3pQcoCfeA6ErIyjw94EOaB1ifBm/tswX/F3CS1h8gHffC/oAgwvsDsmF/QDDT+gS9sE8wCfYJojjsE0Rx+L4AisP3BVAcegCKQw9AcegBKM4biQmlXcEtZfcAAAAASUVORK5CYII=);background-repeat:repeat;border:4px solid #302f2d}#primary{display:flex;flex-direction:row;margin:4vh 4vh 0;color:#302f2d;ul{list-style-type:"✦ "}#content{padding:2vh 4vh;width:90%;display:flex;flex-direction:row;word-wrap:break-word;#left{min-width:45%}#right img{margin:0 auto;max-width:100%;height:auto}}#side{text-align:center;width:10%;padding:2vh;img{max-width:100%;height:auto}h1,.s1{font-size:1.8vw}h2,.s2{font-size:1.6vw}h3,.s3{font-size:1.4vw}p{font-size:1.2vw}sub{font-size:1vw}}}footer{text-align:center;margin:0 4vh 4vh;h1,.s1{font-size:1.4vw}h2,.s2{font-size:1.2vw}h3,.s3{font-size:1vw}p{font-size:.8vw}sub{font-size:.6vw}}nav{display:none}@media screen and (max-width:900px){h1,.s1{font-size:2.8vw}h2,.s2{font-size:2.6vw}h3,.s3{font-size:2.4vw}p{font-size:2.2vw}sub{font-size:2vw}#primary{margin:0 4vh;display:block!important}#content{width:auto!important;display:block!important}#side{display:none!important}nav{display:flex;flex-direction:row;justify-content:center;text-align:center;background-color:#ddcec4;padding:2vh;margin:2vh 4vh 0;img{max-width:100%;height:auto}#navright{margin:4px 2vh}}}
</style></head> <body> <nav class="darkbox"> <div id="navleft"> <img src="/media/logo.CEsu0ftf.png" width="128px" height="128px" class="logo"> </div> <div id="navright"> <p><b> <a href="/" class="s2">home</a> ✦
<a href="/dir" class="s2">posts</a> ✦
<a href="https://bsky.app/profile/latte.party" class="s3">bluesky</a> ✦
<a href="https://contintail.tumblr.com" class="s3">tumblr</a> ✦
<a href="https://ko-fi.com/contintail" class="s3">ko-fi</a> ✦
<a href="https://steamcommunity.com/id/contintail" class="s3">steam</a> ✦
<a href="https://github.com/py-on" class="s3">github</a> </b></p> </div> </nav> <div id="primary"> <div id="side" class="darkbox"> <img src="/media/logo.CEsu0ftf.png" width="128px" height="128px" class="logo"> <h1>contintail</h1> <p><b> <a href="/" class="s2">home</a><br> <a href="/dir" class="s2">posts</a><br> </b></p><h1><b>✦</b></h1><b> <a href="https://bsky.app/profile/latte.party" class="s3">bluesky</a><br> <a href="https://contintail.tumblr.com" class="s3">tumblr</a><br> <a href="https://ko-fi.com/contintail" class="s3">ko-fi</a><br> <a href="https://steamcommunity.com/id/contintail" class="s3">steam</a><br> <a href="https://github.com/py-on" class="s3">github</a><br> </b> </div> <div id="content" class="lightbox"> <div id="left">  <!-- title --> <h1>hey, im valerie.</h1> <!-- content --> <h3>
i spend much of my time online: drawing, talking, listening to music.
</h3> <h3>
always open to talk, though i am very anxious. (discord: @wa.ff)
</h3>  </div> <div id="right">  <img src="/media/maki-by-yaigi.a-CeW3vj.png" width="460" height="600" alt="maki by @_yaigi (OWARINO.xyz)">  </div> </div> </div> <footer class="darkbox"> <p><a href="https://miaxynia.carrd.co/" target="_blank">if you're reading this go to my girlfriend's page :3</a></p> </footer> </body></html>