~arcade/nebula

44e5b0633e4dff6c12933e8a00ffc3e4fa1cf26a — Arcade Wise 4 months ago 4182686
Update built site
4 files changed, 20 insertions(+), 11 deletions(-)

M bin/helix
M docs/hedonism.html
M docs/index.html
M docs/static/stylesheet.css
M bin/helix => bin/helix +0 -0
M docs/hedonism.html => docs/hedonism.html +18 -10
@@ 17,18 17,26 @@
          
        </h2>
      </div>
      <div class="content"><h1>hedonism</h1>
<p>[ In response to someone saying their writing was meaningless]
Isn't everything, in the end?
We exist for a mere microsecond on a cosmic scale, and are remembered for little more
      <div class="content"><h1>Hedonism</h1>
<p>Hedonism gets a bad rep. But it's my personal philosophy. I think I summarized it really well in this little passage:</p>
<h2>In response to someone saying their writing was meaningless</h2>
<p>Isn't everything, in the end?<br />
We exist for a mere microsecond on a cosmic scale, and are remembered for little more<br />
How many people do you know from ancient egypt? Like 1 or 2, out of millions.
Odds are you'll be forgotten and insignificant.
So have fun! Do what you want! Make your life mean something to you and those you love.
Maximize for your pleasure while minimizing others suffering!
So if your writing is meaningless, who cares? You had fun writing it!
Others enjoyed reading it! It was good!</p>
<p>I personally call this approach to life Hedonistic Nihilism, which is just really
Odds are you'll be forgotten and insignificant.<br />
So have fun! Do what you want! Make your life mean something to you and those you love.<br />
Maximize for your pleasure while minimizing others suffering!<br />
So if your writing is meaningless, who cares? You had fun writing it!<br />
Others enjoyed reading it! It was good!<br />
I personally call this approach to life Hedonistic Nihilism, which is just really<br />
fun to say, and a great philosophy if I do say so myself.</p>
<h2>Extra bits:</h2>
<p>I personnally get really happy seeing other people happy, so if you don't, maybe
try something other than hedonism, as you might hurt people.</p>
<h2>Caveats</h2>
<p>Now, of course, you have to be careful. Even if taking a drug would maximize happiness now,
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>


M docs/index.html => docs/index.html +1 -0
@@ 38,6 38,7 @@
<h2>Writing!</h2>
<ul>
<li><a href="/web3.html">My (not so) first thoughts on Web 3</a> : web3 and its horrors.</li>
<li><a href="/hedonism.html">Hedonism</a> : Hedonism and why it rocks.</li>
<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>

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; } @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; } .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; } .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