diff options
Diffstat (limited to 'mockup/index.html')
| -rw-r--r-- | mockup/index.html | 142 |
1 files changed, 142 insertions, 0 deletions
diff --git a/mockup/index.html b/mockup/index.html new file mode 100644 index 0000000..0d908e8 --- /dev/null +++ b/mockup/index.html @@ -0,0 +1,142 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8"/> + <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="fonts.css"> + <title>cel's garden</title> + </head> + + <body> + + <img class="branch" id="branch1" src="branches/branch837-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch2" src="branches/branch878.png" alt="cherry blossom branch"> + <img class="branch" id="branch3" src="branches/branch837-2.png" alt="cherry blossom branch"> + <img class="branch" id="branch4" src="branches/branch840.png" alt="cherry blossom branch"> + <img class="branch" id="branch5" src="branches/branch869.png" alt="cherry blossom branch"> + <img class="branch" id="branch6" src="branches/branch871.png" alt="cherry blossom branch"> + <img class="branch" id="branch7" src="branches/branch879.png" alt="cherry blossom branch"> + <img class="branch" id="branch8" src="branches/branch880.png" alt="cherry blossom branch"> + <img class="branch" id="branch9" src="branches/branch881-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch10" src="branches/branch881-2.png" alt="cherry blossom branch"> + <img class="branch" id="branch11" src="branches/branch882-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch12" src="branches/branch882-2.png" alt="cherry blossom branch"> + <img class="branch" id="branch13" src="branches/branch883-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch14" src="branches/branch883-2.png" alt="cherry blossom branch"> + + <div class="page"> + <header> + <div class="panel" id="title"> + <h1>cel πΈ</h1> + </div> + <!--<iframe + class="panel" + id="stream" + src="https://live.blos.sm/embed/video" + title="girlstream" + referrerpolicy="origin" + scrolling="no" + allowfullscreen> + </iframe>--> + <a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">now playing: Parfum d'Γ©toiles - Ichiko Aoba</a> + </header> + <nav class="panel" id="nav"> + <ul id="nav"> + <li><a class="active" href="/">home</a></li> + <li><a href="/contact">kontakt</a></li> + <li><a href="/projects">projetos</a></li> + <li><a href="/sound">ι³</a></li> + <li><a href="/listens">ζ₯½</a></li> + <li><a href="/linkz">cute linkz</a></li> + <li><a href="https://bimbo.video">video</a></li> + <li><a href="https://live.blos.sm">π΄ live</a></li> + <li><a href="/pix">pix</a></li> + <li><a href="/thoughts">thoughts</a></li> + <li><a href="/girlblog">girlblog</a></li> + <li><a href="/writing">flop</a></li> + <li><a href="/zettelkasten">zettelkasten</a></li> + <li><a href="/read">γγ</a></li> + <li><a href="https://sectorinf.com/cel">π¦ππππ·</a></li> + <li><a href="/plants">plantas</a></li> + <li><a href="https://ass-smacc"><img src="https://skinnyver.se/emoji/Wigs/suscakke.png"></a></li> + <li><a href="https://pussy.accountants">pussy</a></li> + <li><a href="/guestbook">visitas</a></li> + </ul> + </nav> + + <main> + <div class="content"> + <div class="info panel"> + <h2>hallo i am celeste welcome 2 my site π</h2> + <p>this is where i dump everything</p> + <p>i wish u a wonderful day</p> + <br> + <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/f28c467a-0ee1-4d49-a638-08a010fd9927/quinntyping.png"> + <p>perpetually under construction</p> + + </div> + <div class="info panel h-card" rel="author"> + <h1 class="p-name">cel</h1> + + <h3>pronouns: <a class="u-url" rel="me" href="https://en.pronouns.page/@celblossom"><span class="p-x-pronoun-nominative">she</span>/<span class="p-x-pronoun-accusative">her</span></a></h3> + + <ul> + <li>email: <a class="u-email" href="mailto:cel@blos.sm">cel@blos.sm</a> <a href="cel.asc" class="u-key" rel="pgpkey">pgp key</a></li> + <li>matrix: <a class="u-impp" href="matrix:u/@cel:pussy.accountants">@cel:pussy.accountants</a></li> + <li>xmpp: <a class="u-impp" href="xmpp:cel@blos.sm?message">cel@blos.sm</a></li> + <li>fedi: <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@skinnyver.se</a></li> + <li>silly little videos (soon): <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@bimbo.video</a></li> + <li>pix (soon 2): <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@portra400.video</a></li> + <li>git: <a class="u-url" rel="me" href="https://sectorinf.com/cel">sectorinf/cel</a></li> + <li>scrobbles: <a class="u-url" href="https://listenbrainz.org/user/celblossom">listenbrainz/celblossom</a></li> + <li>bandcamp fan: <a class="u-url" href="https://bandcamp.com/celblossom">bandcamp/celblossom</a></li> + <br> + <li><span class="p-note">languages (in rough skill order): english, portuguese, german, japanese, chinese, french, latin, toki pona, korean</span></li></li> + <li><span class="p-note">programming: rust, go, webdev, erlang, lisp</span></li> + </ul> + </div> + </div> + <aside> + <div class="panel" id="blogs"> + <h2>latest blogs <a class="label" href="/feed.xml"><img class="label" src="https://cinni.net/images/icon/rssbadge.png" alt="rss newsfeed"></a></h2> + <table id="blog-list"> + <tr> + <td><a class="blog-entry" href="/thoughts/fedi">fedi<span class="blog-date">2023-02-04</span></a></td> + </tr> + <tr> + <td><a class="blog-entry" href="/thoughts/fedi">slaying<span class="blog-date">2023-01-20</span></a></td> + </tr> + </table> + </div> + <div class="panel" id="skinnyverse"> + <h2><a id="latest-skweets" href="https://skinnyver.se/cel">latest skweets</a></h2> + <div class="post"> + <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile"> + <div class="post-content"> + <div><h4>@cel</h4><h5>2h ago</h5></div> + <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p> + <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div> + </div> + </div> + <div class="post"> + <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile"> + <div class="post-content"> + <div><h4>@cel</h4><h5>2h ago</h5></div> + <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p> + <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div> + </div> + </div> + </div> + <aside> + </main> + <footer> + <div class="panel" id="footer"> + <a href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a> + <a href="https://social.xenofem.me/"><img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/4520d16b-565c-4956-b1f0-dd18afcdf906/xenofemme.png"></a> + <a href="https://asbestos.cafe"><img src="https://asbestos.cafe/instance/asbestoscafesisterinstance.png"></a> + <a href="https://worm.pink"><img src="https://worm.pink/instance/wormpinksistersite.png"></a> + </div> + </footer> + </div> +</body> +</html> |