~julienxx/circumlunar.webspace

e4036b0f84af5b2f4ec8be1a414f5ca34483a8cc — Julien Blanchard 2 years ago
Initial design
4 files changed, 92 insertions(+), 0 deletions(-)

A about.html
A font.ttf
A index.html
A style.css
A  => about.html +21 -0
@@ 1,21 @@
<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>julienXX - ABOUT.TXT</title>
  </head>
  <body>
    <br/>
    <p>$ SHOW ABOUT.TXT</p>
    <br/>
    <p><span class="tab">HELLO! I'M A SOFTWARE DEVELOPER FROM PARIS</span></p>
    <p><span class="tab">YOU CAN CONTACT ME AT JULIEN@TYPED-HOLE.ORG</span></p>
    <p><span class="tab">MY CODE IS ON <a href="https://github.com/julienxx">GITHUB</a> AND <a href="https://git.sr.ht/%7Ejulienxx/">SH.RT</a>
    <p><span class="tab">I BABBLE IN THE <a href="https://mastodon.sdf.org/@julienxx">FEDIVERSE</a></span></p>
    <p><span class="tab">EOF</span></p>
    <br/>
    <p><span class="tab">144 BYTES READ</span></p>
    <br/>
    <p><a href="index.html">$ BACK █</a></p>
  </body>
</html>

A  => font.ttf +0 -0
A  => index.html +26 -0
@@ 1,26 @@
<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>julienXX</title>
  </head>
  <body>
    <p>>>> LINK TO ~JULIENXX ESTABLISHED</p>
    <br/>
    <p>$ LIST</p>
    <p><span class="tab">DRIVE A: USER 0</span></p>
    <ul>
      <li><a href="about.html">ABOUT.TXT</a></li>
      <li><a href="gopher://typed-hole.org:70/1/cyoa">CYOA.GAME/</a></li>
      <li><a href="gopher://sdf.org:70/1/users/julienxx/Lobste.rs">LOBSTE.RS/</a></li>
      <li><a href="gopher://sdf.org:70/1/users/julienxx/Lobste.rs">SOCCER/</a></li>
      <li><a href="gopher://sdf.org:70/1/users/julienxx/Lobste.rs">TILDE.NEWS/</a></li>
      <li><a href="gopher://typed-hole.org:70/1/~julienxx/moku-pona/updates.txt">PHLOG.ROLL/</a></li>
    </ul>
    <p><span class="tab">31K FREE</span></p>
    <p>$ █</p>
  </body>
</html>

<!-- ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -->
<!-- ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ -->

A  => style.css +45 -0
@@ 1,45 @@
body {
    background-color: black;
    background-image: radial-gradient(rgba(0, 255, 0, 0.25), black 120%);
    height: 100vh;
    margin: 0;
    overflow: hidden;
    padding: 2rem;
    color: #01f141;
    font: 1.3rem C64, monospace;
    text-shadow: 0 0 5px #61B877;
}
body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient(0deg, rgba(255, 0, 0, 0.15), rgba(0, 0, 255, 0.15) 1px, transparent 1px, transparent 2px);
    pointer-events: none;
}
::selection {
    background: #0080ff;
    text-shadow: none;
}
pre {
    margin: 0;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: underline dotted;
}
ul {
    list-style-type: none;
}
span.tab {
    margin-left: 2em;
}
@font-face {
    font-family: 'C64';
    src: URL('font.ttf') format('truetype');
}