~arcade/nebula

528c253d0c3538d95f1065daf4de8d60ddadf2c9 — Arcade Wise 3 months ago 5ab6a25
Add a music tracker
M bin/helix => bin/helix +0 -0
M docs/AI.html => docs/AI.html +0 -2
@@ 44,7 44,6 @@ The content of this page can be considered can be considered to be neither being
<p>This disclosure was heavily inspired by <a href="https://melody.dev">melody</a>'s <a href="https://melody.dev/ai/">AI Disclosure</a>.</p>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 56,7 55,6 @@ The content of this page can be considered can be considered to be neither being
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

     
  </body>
</html>
\ No newline at end of file

M docs/hedonism.html => docs/hedonism.html +0 -2
@@ 56,7 56,6 @@ over the long term it won't help. Same for STDs.</p>
<p>But, if done right, you get to have a really happy life!</p>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 68,7 67,6 @@ over the long term it won't help. Same for STDs.</p>
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

     
  </body>
</html>
\ No newline at end of file

M docs/index.html => docs/index.html +10 -13
@@ 59,9 59,18 @@
<li><a href="/zombieProgrammers.html">Zombie Programmers and Mr. Barthes</a> : Does the author of a piece of code die?</li>
<li><a href="/rndm/stickers.html">Stickers - Random Thoughts</a> : On why stickers are such a big thing.</li>
</ul>
<hr />
<h2>I'm listening to:</h2>
<div class="main-music" id="music">
      <img src="https://upload.wikimedia.org/wikipedia/commons/b/b9/Youtube_loading_symbol_1_(wobbly).gif" alt="playlist" class="playlist" id="playlist" />
      <div id="right">
        <h2 id="title">What Am I Listeing To?</h2>
        <h3 id="artist">Loading...</h3>
      </div>
    <script src="/static/yc.js"></script>
</div>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 73,9 82,7 @@
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

    

    <div class="main-iframe">
      <iframe
        src="https://overengineering.kognise.dev/embed/arcade"


@@ 85,16 92,6 @@
        frameborder="0"
      />
    </div>

    <div class="main-iframe" id="music">
      <img src="" alt="playlist" class="playlist" id="playlist" />
      <div id="right">
        <h2 id="title"></h2>
        <h3 id="artist"></h3>
      </div>

      <script src="/yc.js"></script>
    </div>
     
  </body>
</html>
\ No newline at end of file

M docs/rndm/dithering.html => docs/rndm/dithering.html +0 -2
@@ 37,7 37,6 @@
      <div class="content"><h1>UWU</h1>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 49,7 48,6 @@
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

     
  </body>
</html>
\ No newline at end of file

M docs/rndm/stickers.html => docs/rndm/stickers.html +0 -2
@@ 48,7 48,6 @@ so the stickers are less for you (even though they look amazing), and more for t
<p>That's why we love stickers. They are a way to broadcast who are you are and what you stand for. They're little posters for your devices!</p>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 60,7 59,6 @@ so the stickers are less for you (even though they look amazing), and more for t
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

     
  </body>
</html>
\ No newline at end of file

M docs/static/stylesheet.css => docs/static/stylesheet.css +1 -1
@@ 1,1 1,1 @@
:root { --border-color: #002b36; --border-acent-color: #2aa198; --shadow-color: #657b83; --background-color: #fdf6e3; --main-background-color: #fff; --text-color: black; --code-color: #eee8d5; scrollbar-color: var(--border-acent-color) var(--background-color); } ::-webkit-scrollbar { color: var(--border-acent-color); background: var(--background-color); } ::selection { background-color: var(--border-acent-color); color: var(--code-color); } body { background-color: var(--background-color); font-family: serif; } main { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } main h1 { font-size: 230%; } main { font-size: 115%; } main iframe { position: absolute; bottom: 0; left: 0; } main hr { border: 1px solid var(--border-acent-color); } main blockquote { border-left-width: 2px; border-left-style: solid; border-left-color: var(--border-acent-color); padding-left: 20px; margin-left: 20px; } main pre { padding: 3px; border-radius: 3px; background-color: var(--code-color); } .imgcontainer { border: 2px solid var(--border-acent-color); box-shadow: 5px 5px 0px 0px var(--shadow-color); padding-top: 15px; margin-left: 10px; float: right; text-align: center; margin-bottom: 10px; } main h2 { text-align: center; } .imgcontainer img { border-top: 2px solid var(--border-acent-color); max-width: 100%; } main .imgcontainer p { color: #1f6161; /* a11y */ } .titlebar { padding: 0; padding-left: 10px; padding-right: 10px; /* border on bottom */ border-bottom: 2px solid var(--border-color); line-height: 80%; font-size: x-small; } .titlebar a { text-decoration: none; color: var(--text-color); } .titlebar h2 { text-align: left; } .titlebar { align-self: left; } .ai { float: right; } .content { padding: 0px 10px 10px 10px; } .main-iframe { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; height: 100px; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } .widgets { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 1rem; margin-top: -2rem; position: relative; } .music img { max-height: 100px; } .playlist { max-height: 100px; float: right; } #right { float: left; margin-left: 0.5rem; margin-bottom: 0.2rem; } #right h2 { font-size: x-large; } #right h3 { font-size: larger; color: gray; } @media screen and (max-width: 800px) { main { width: 95%; min-height: 95vh; } .main-iframe { width: 95%; } .widgets { width: 95%; max-height: calc(31 * 3); } .imgcontainer { width: 90%; width: 50%; margin-left: 0; margin: 0 auto; } :root { scrollbar-width: 5px; } } @media screen and (min-width: 800px) and (max-width: 1000px) { main { width: 80%; min-height: 95vh; } .main-iframe { width: 80%; } .widgets { width: 80%; max-height: calc(31 * 3); } .imgcontainer { width: 80%; width: 50%; margin-left: 0; margin: 0 auto; } } @media screen and (min-width: 800px) { .widgets { max-height: 31px; } .imgcontainer { max-width: 25%; } } 
\ No newline at end of file
:root { --border-color: #002b36; --border-acent-color: #2aa198; --shadow-color: #657b83; --background-color: #fdf6e3; --main-background-color: #fff; --text-color: black; --code-color: #eee8d5; scrollbar-color: var(--border-acent-color) var(--background-color); } ::-webkit-scrollbar { color: var(--border-acent-color); background: var(--background-color); } ::selection { background-color: var(--border-acent-color); color: var(--code-color); } body { background-color: var(--background-color); font-family: serif; } main { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } main h1 { font-size: 230%; } main { font-size: 115%; } main iframe { position: absolute; bottom: 0; left: 0; } main hr { border: 1px solid var(--border-acent-color); } main blockquote { border-left-width: 2px; border-left-style: solid; border-left-color: var(--border-acent-color); padding-left: 20px; margin-left: 20px; } main pre { padding: 3px; border-radius: 3px; background-color: var(--code-color); } .imgcontainer { border: 2px solid var(--border-acent-color); box-shadow: 5px 5px 0px 0px var(--shadow-color); padding-top: 15px; margin-left: 10px; float: right; text-align: center; margin-bottom: 10px; } main h2 { text-align: center; } .imgcontainer img { border-top: 2px solid var(--border-acent-color); max-width: 100%; } main .imgcontainer p { color: #1f6161; /* a11y */ } .titlebar { padding: 0; padding-left: 10px; padding-right: 10px; /* border on bottom */ border-bottom: 2px solid var(--border-color); line-height: 80%; font-size: x-small; } .titlebar a { text-decoration: none; color: var(--text-color); } .titlebar h2 { text-align: left; } .titlebar { align-self: left; } .ai { float: right; } .content { padding: 0px 10px 10px 10px; } .main-iframe { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; height: 100px; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } .main-music { min-height: 100px; overflow-wrap: break-word; } .music img { max-height: 100px; } .playlist { max-height: 100px; float: right; } #right { float: left; max-width: 80%; overflow-wrap: break-word; margin-left: 0.5rem; margin-bottom: 0.2rem; } #right h2 { font-size: x-large; } #right h3 { font-size: larger; color: gray; } .widgets { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 1rem; margin-top: -2rem; position: relative; } @media screen and (max-width: 800px) { main { width: 95%; min-height: 95vh; } .playlist { float: none; width: 30vh; min-height: 30vh; /* align the image in the center */ margin: auto; } #right { float: none; } /* .main-music { visibility: hidden !important; } */ .main-iframe { /* visibility: hidden !important; */ width: 95%; } .widgets { /* visibility: hidden !important; */ width: 95%; max-height: calc(31 * 3); } .imgcontainer { width: 90%; width: 50%; margin-left: 0; margin: 0 auto; } :root { scrollbar-width: 5px; } } @media screen and (min-width: 800px) and (max-width: 1000px) { main { width: 80%; min-height: 95vh; } .main-iframe { width: 80%; } .widgets { width: 80%; max-height: calc(31 * 3); } .imgcontainer { width: 80%; width: 50%; margin-left: 0; margin: 0 auto; } } @media screen and (min-width: 800px) { .widgets { max-height: 31px; } .imgcontainer { max-width: 25%; } } 
\ No newline at end of file

M docs/static/yc.js => docs/static/yc.js +4 -2
@@ 27,5 27,7 @@ const getData = () => {

getData();

// run getData every 10 seconds
setInterval(getData, 1000);
if (!navigator.connection.saveData) { // Make sure we're not on a metered connection
  // run getData every 30 seconds
  setInterval(getData, 30000);
}

M docs/test.html => docs/test.html +0 -2
@@ 41,7 41,6 @@ alert("hai");
</script>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 53,7 52,6 @@ alert("hai");
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

     
  </body>
</html>
\ No newline at end of file

M docs/web3.html => docs/web3.html +0 -2
@@ 137,7 137,6 @@ games.</p>
</blockquote>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 149,7 148,6 @@ games.</p>
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

     
  </body>
</html>
\ No newline at end of file

M docs/zombieProgrammers.html => docs/zombieProgrammers.html +0 -2
@@ 89,7 89,6 @@ I have also attached some basic resources for further reading on this. Thanks fo
</ul>
</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 101,7 100,6 @@ I have also attached some basic resources for further reading on this. Thanks fo
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

     
  </body>
</html>
\ No newline at end of file

M site/content/index.md => site/content/index.md +24 -1
@@ 2,23 2,46 @@
title: "nebula - a home on the net"
permalink: "/index"
ai: "true"
music: "true"
musicframe: "true"
---

# Arcade Wise - A person who does stuff!

## Activism - Software - Being Queer
![Yours truly :3](static/me.png)  

![Yours truly :3](static/me.png)

---

## Projects!

### Mine:

- [nebula](https://sr.ht/~arcade/nebula) : A _lightweight_ home on the net, from scratch!
- [dialect](https://github.com/l3gacyb3ta/dialect) : A programming language that compiles to JavaScript, with modern syntax and cool language features. Even has an online playground!
- [corgi](https://github.com/l3gacyb3ta/corgi) : Python CLI tool for the amazing file host [doggo.ninja](https://doggo.ninja/).
- [xt](https://github.com/l3gacyb3ta/xt) : A set of extension functions for the fish shell.

### Ones I've worked on:

- [duckcoin](https://github.com/quackduck/duckcoin) : A toy cryptocurrency from scratch, written in go!

## Writing!

- [My (not so) first thoughts on Web 3](/web3.html) : web3 and its horrors.
- [Hedonism](/hedonism.html) : Hedonism and why it rocks.
- [Zombie Programmers and Mr. Barthes](/zombieProgrammers.html) : Does the author of a piece of code die?
- [Stickers - Random Thoughts](/rndm/stickers.html) : On why stickers are such a big thing.

---
## I'm listening to:

<div class="main-music" id="music">
      <img src="https://upload.wikimedia.org/wikipedia/commons/b/b9/Youtube_loading_symbol_1_(wobbly).gif" alt="playlist" class="playlist" id="playlist" />
      <div id="right">
        <h2 id="title">What Am I Listeing To?</h2>
        <h3 id="artist">Loading...</h3>
      </div>
    <script src="/static/yc.js"></script>
</div>
\ No newline at end of file

M site/theme/index.html => site/theme/index.html +0 -13
@@ 40,7 40,6 @@
      </div>
      <div class="content">{{ content | safe }}</div>
    </main>

    <div class="widgets">
      <img src="/static/pan_bev.png" />
      <img src="/static/trans_bev.png" />


@@ 52,9 51,7 @@
      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

    {% if builtin.path == 'index.md' %}

    <div class="main-iframe">
      <iframe
        src="https://overengineering.kognise.dev/embed/arcade"


@@ 64,16 61,6 @@
        frameborder="0"
      />
    </div>

    <div class="main-iframe" id="music">
      <img src="" alt="playlist" class="playlist" id="playlist" />
      <div id="right">
        <h2 id="title"></h2>
        <h3 id="artist"></h3>
      </div>

      <script src="/yc.js"></script>
    </div>
    {% endif %} {% if code == 'true' %}
    <script src="/static/highlight.min.js"></script>
    <script>

M site/theme/static/stylesheet.css => site/theme/static/stylesheet.css +39 -13
@@ 137,20 137,10 @@ main .imgcontainer p {
  position: relative;
}

.widgets {
  margin: auto;
  width: 50%;
  background-color: var(--main-background-color);
  color: var(--text-color);
  border: 2px solid var(--border-color);
  padding: 0;

  box-shadow: 5px 5px 0px 0px var(--shadow-color);
  margin-bottom: 1rem;
  margin-top: -2rem;
  position: relative;
.main-music {
  min-height: 100px;
  overflow-wrap: break-word;
}

.music img {
  max-height: 100px;
}


@@ 162,6 152,8 @@ main .imgcontainer p {

#right {
  float: left;
  max-width: 80%;
  overflow-wrap: break-word;
  margin-left: 0.5rem;
  margin-bottom: 0.2rem;
}


@@ 175,17 167,51 @@ main .imgcontainer p {
  color: gray;
}

.widgets {
  margin: auto;
  width: 50%;
  background-color: var(--main-background-color);
  color: var(--text-color);
  border: 2px solid var(--border-color);
  padding: 0;

  box-shadow: 5px 5px 0px 0px var(--shadow-color);
  margin-bottom: 1rem;
  margin-top: -2rem;
  position: relative;
}

@media screen and (max-width: 800px) {
  main {
    width: 95%;
    min-height: 95vh;
  }
  
  .playlist {
    float: none;
    width: 30vh;
    min-height: 30vh;
    /* align the image in the center */
    margin: auto;
  }

  #right {
    float: none;
  }

  /* .main-music {
    visibility: hidden !important;
  } */

  .main-iframe {
    /* visibility: hidden !important; */

    width: 95%;
  }

  .widgets {
    /* visibility: hidden !important; */

    width: 95%;
    max-height: calc(31 * 3);
  }

M site/theme/static/yc.js => site/theme/static/yc.js +4 -2
@@ 27,5 27,7 @@ const getData = () => {

getData();

// run getData every 10 seconds
setInterval(getData, 1000);
if (!navigator.connection.saveData) { // Make sure we're not on a metered connection
  // run getData every 30 seconds
  setInterval(getData, 30000);
}