aboutsummaryrefslogblamecommitdiffstats
path: root/mockup/index.html
blob: 0d908e8f2e893f5ce42205b379dd4af14dc4940c (plain) (tree)













































































































































                                                                                                                                                                                                                                                        
<!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>