Browse Source

Un-styleify and un-buildify

master
Jens Pitkänen 5 months ago
parent
commit
26fb085ecb
15 changed files with 61 additions and 669 deletions
  1. +0
    -53
      build.py
  2. +13
    -8
      public/basic.css
  3. BIN
      public/fonts/Bitter-Italic.woff2
  4. BIN
      public/fonts/Bitter-Regular.woff2
  5. BIN
      public/fonts/SourceCodePro-Black.ttf
  6. BIN
      public/fonts/SourceCodePro-Bold.ttf
  7. +0
    -93
      public/fonts/SourceCodePro-License.txt
  8. BIN
      public/fonts/SourceCodePro-Light.ttf
  9. BIN
      public/fonts/SourceCodePro-Medium.ttf
  10. BIN
      public/fonts/SourceCodePro-Regular.ttf
  11. +48
    -36
      public/index.html
  12. +0
    -52
      public/index.md
  13. +0
    -47
      public/plain/index.html
  14. +0
    -190
      public/stylized.css
  15. +0
    -190
      static/stylized.css

+ 0
- 53
build.py View File

@@ -1,53 +0,0 @@
import mistletoe
import os
from distutils.dir_util import copy_tree

# Replacement strings
NAV_PLACEHOLDER = "<!-- Nav -->"
BODY_PLACEHOLDER = "<!-- Body -->"

# Define how a single html file is composed
def process_body(html, html_from_md):
html = html.replace(BODY_PLACEHOLDER, html_from_md)
def idify(html, tag, name):
old = "<" + tag + ">" + name + "</" + tag + ">"
new = "<" + tag + " id=\"" + name.lower() + "\">" + name + "</" + tag + ">"
html = html.replace(old, new)
idify(html, "h2", "Bio")
idify(html, "h2", "Creations")
idify(html, "h2", "Contact")

def rel_me(html, link):
html_output = html.replace('href="' + link + '"',
'rel="me" href="' + link + '"')
rel_me(html, "https://fedi.neon.moe/neon")
rel_me(html, "https://keybase.io/neonmoe")
rel_me(html, "https://github.com/neonmoe")
rel_me(html, "https://git.neon.moe/neon")
rel_me(html, "https://nc.itch.io")
return html

# Read the files required for composing html
with open("static/index.md", "r") as md_file:
html_from_md = mistletoe.markdown(md_file)
with open("templates/index.html", "r") as index_file:
html_index = index_file.read()
with open("templates/plain.html", "r") as plain_file:
html_plain = plain_file.read()

# Compose the html files
html_index = process_body(html_index, html_from_md)
html_plain = process_body(html_plain, html_from_md)

# Make dirs
if not os.path.exists("public/plain"):
os.makedirs("public/plain")

# Write html files
with open("public/index.html", "w") as html_file:
html_file.write(html_index)
with open("public/plain/index.html", "w") as html_file:
html_file.write(html_plain)

# Copy over static files
copy_tree("static", "public")

+ 13
- 8
public/basic.css View File

@@ -2,6 +2,7 @@
font-family: "Bitter";
src: local("Bitter Regular"),
local("Bitter-Regular"),
url("fonts/Bitter-Regular.woff2"),
url("fonts/Bitter-Regular.otf");
}

@@ -10,6 +11,7 @@
font-style: italic;
src: local("Bitter Italic"),
local("Bitter-Italic"),
url("fonts/Bitter-Italic.woff2"),
url("fonts/Bitter-Italic.otf");
}

@@ -20,6 +22,12 @@ html {
@media (min-width: 42em) { body { width: 40em; } }
@media (min-width: 74ch) { body { width: 70ch; } }

body { background: #FFF; color: #444; }
h1, h2, h3, h4, h5, h6 { color: #333; }
a { color: #0037EB; }
a:visited { color: #7600D6; }
a:hover { color: #4C00EB; }
a:active { color: #EB005E; }
@media (prefers-color-scheme: dark) {
body { background: #333; color: #CCC; }
h1, h2, h3, h4, h5, h6 { color: #EEE; }
@@ -28,14 +36,6 @@ html {
a:hover { color: #D3BFFF; }
a:active { color: #FFBFD8; }
}
@media (prefers-color-scheme: light) {
body { background: #FFF; color: #444; }
h1, h2, h3, h4, h5, h6 { color: #333; }
a { color: #0037EB; }
a:visited { color: #7600D6; }
a:hover { color: #4C00EB; }
a:active { color: #EB005E; }
}

body {
margin: auto;
@@ -60,3 +60,8 @@ small {
font-style: italic;
font-weight: light;
}

.note-hover {
text-decoration-line: underline;
text-decoration-style: dotted;
}

BIN
public/fonts/Bitter-Italic.woff2 View File


BIN
public/fonts/Bitter-Regular.woff2 View File


BIN
public/fonts/SourceCodePro-Black.ttf View File


BIN
public/fonts/SourceCodePro-Bold.ttf View File


+ 0
- 93
public/fonts/SourceCodePro-License.txt View File

@@ -1,93 +0,0 @@
Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

BIN
public/fonts/SourceCodePro-Light.ttf View File


BIN
public/fonts/SourceCodePro-Medium.ttf View File


BIN
public/fonts/SourceCodePro-Regular.ttf View File


+ 48
- 36
public/index.html View File

@@ -6,46 +6,58 @@
<meta name="flattr:id" content="12d6o1">
<title>neon • moe</title>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="stylized.css" rel="stylesheet" type="text/css" title="Stylized">
<link href="basic.css" rel="alternate stylesheet" type="text/css" title="Basic">
<link href="basic.css" rel="stylesheet" type="text/css" title="Basic">
</head>
<body>
<div id="container">
<h1>NEON • MOE</h1>
<h2>Bio</h2>
<p>My name is Jens Pitkänen, on the <a href="https://en.wikipedia.org/wiki/Fediverse" title="The Wikipedia entry for the Fediverse">fediverse</a> I go by
<a href="https://fedi.neon.moe/neon" title="My profile on the fediverse">Neon</a>. I study mathematics at the University of Helsinki,
and I've been writing games and game-adjacent software since 2011.</p>
<p>For a quick overview of my creations, see the <a href="#creations" title="The section of this page concerning my creations">Creations</a>
section. For a complete list, see the <a href="https://archive.neon.moe" title="A site containing screenshots, descriptions and downloads for all of my archived creations.">archive</a>. The archive
has a filter system, which you can also use to get an overview of
technologies I'm familiar with.</p>
<h2>Creations</h2>
<p>I release games and game-adjacent projects on <a href="https://nc.itch.io" title="My profile page on itch.io">nc.itch.io</a>. I
strive to release my code as <a href="https://www.gnu.org/philosophy/free-sw.en.html" title="The FSF page explaining free software">free software</a>, and said
code lives on <a href="https://git.neon.moe/neon" title="My personal Git server">git.neon.moe</a>, <a href="https://archive.neon.moe" title="A site containing screenshots, descriptions and downloads for all of my archived creations.">archive.neon.moe</a>, and
<a href="https://github.com/neonmoe" title="My GitHub profile">GitHub/neonmoe</a>.</p>
<p>Here are some notable examples of my work:</p>
<ul>
<li><a href="https://nc.itch.io/solitude" title="The itch.io page of a VR world painting game I made.">Solitude</a>, a VR tribute to Shelter</li>
<li><a href="https://nc.itch.io/neon-fishing" title="The itch.io page of a neon VR fishing game I made.">Neon Fishing</a>, a virtual reality fishing experience</li>
<li><a href="https://nc.itch.io/ai-bot-problem" title="The itch.io page of a neat puzzle game I made.">AI-Bot Problem</a>, a good puzzle game</li>
</ul>
<h2>Contact</h2>
<p>Mention <a href="https://fedi.neon.moe/neon" title="My profile on the fediverse">@neon@fedi.neon.moe</a> on the <a href="https://en.wikipedia.org/wiki/Fediverse" title="The Wikipedia entry for the Fediverse">fediverse</a>
for quick replies. You can also send email to <a href="mailto:jens@neon.moe" title="My email">jens@neon.moe</a>,
but expect a slower reply. My PGP public key can be found on
<a href="https://keybase.io/neonmoe" title="My Keybase profile">Keybase</a>.</p>
<p>This page agrees that <a href="https://simpleweb.iscute.ovh/" title="It is!">simple web is cute</a>, and
was <a href="/index.md" title="This page, but in unrendered, plain-text Markdown.">written</a> in <a href="https://commonmark.org/" title="The specific edition of Markdown I refer to.">Markdown</a>. Keep the web
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML" title="HTML">simple</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" title="CSS">cute</a>.</p>
<p><small>All rights reversed Ⓚ Jens Pitkänen</small></p>

<h2>Bio</h2>
<p>
My name is Jens Pitkänen, on the fediverse I go by
<a href="https://fedi.neon.moe/neon" title="My profile on the fediverse">Neon</a>.
I study mathematics at the University of Helsinki, and have
been writing games and game-adjacent software since
2011. While I generally write code for whatever I get
interested in for the moment (be it python for tooling, html
for websites, or go for servers), I usually gravitate towards
<span class="note-hover" title="OpenGL, raytracing, shaders">graphics</span>
and other
<span class="note-hover" title="Low-level languages, writing games without an engine">engine programming</span>.
</p>
<h2>Creations</h2>
<p>
I release games and game-adjacent projects on
<a href="https://nc.itch.io" title="My profile page on itch.io">nc.itch.io</a>.
I strive to release my code as
<a href="https://www.gnu.org/philosophy/free-sw.en.html" title="The FSF page explaining free software">free software</a>,
and said code lives on
<a href="https://git.neon.moe/neon" title="My personal Git server">git.neon.moe</a>,
<a href="https://archive.neon.moe" title="A site containing screenshots, descriptions and downloads for all of my archived creations.">archive.neon.moe</a>, and
<a href="https://github.com/neonmoe" title="My GitHub profile">GitHub/neonmoe</a>.
</p>
<p>Here are some notable examples of my work:</p>
<ul>
<li><a href="https://nc.itch.io/solitude">Solitude</a>, a VR tribute to Shelter</li>
<li><a href="https://nc.itch.io/neon-fishing">Neon Fishing</a>, a virtual reality fishing experience</li>
<li><a href="https://nc.itch.io/ai-bot-problem">AI-Bot Problem</a>, a good puzzle game</li>
</ul>
<h2>Contact</h2>
<div id="contact" class="vcard">
Identifier: <span class="n"><span class="given-name">Jens</span> <span class="family-name">Pitkänen</span></span>,
<span class="nickname">neon[moe]</span><br>
Website: <a class="url" href="https://neon.moe/">this page, neon.moe</a><br>
Fediverse: <a class="activitypub" href="https://fedi.neon.moe/neon">@neon@fedi.neon.moe</a><br>
Email: <a class="email" href="mailto:jens@neon.moe" title="My email">jens@neon.moe</a><br>
</div>
<p>
<small>
Keep the web
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML" title="HTML">simple</a>
and
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS" title="CSS">cute</a>.
All rights reversed Ⓚ Jens Pitkänen.
</small>
</p>
</div>
<p id="nav" align="center">
[<a href="plain/">
Plain version of the site
</a>]
</p>
</body>
</html>

+ 0
- 52
public/index.md View File

@@ -1,52 +0,0 @@
# NEON • MOE
## Bio
My name is Jens Pitkänen, on the [fediverse][fedi-wiki] I go by
[Neon][fedi-me]. I study mathematics at the University of Helsinki,
and I've been writing games and game-adjacent software since 2011.

For a quick overview of my creations, see the [Creations][creations]
section. For a complete list, see the [archive][archive]. The archive
has a filter system, which you can also use to get an overview of
technologies I'm familiar with.

## Creations
I release games and game-adjacent projects on [nc.itch.io][itch]. I
strive to release my code as [free software][free-software], and said
code lives on [git.neon.moe][git], [archive.neon.moe][archive], and
[GitHub/neonmoe][github].

Here are some notable examples of my work:
- [Solitude][solitude], a VR tribute to Shelter
- [Neon Fishing][neon-fishing], a virtual reality fishing experience
- [AI-Bot Problem][ai-bot-problem], a good puzzle game

## Contact
Mention [@neon@fedi.neon.moe][fedi-me] on the [fediverse][fedi-wiki]
for quick replies. You can also send email to [jens@neon.moe][email],
but expect a slower reply. My PGP public key can be found on
[Keybase][keybase].

This page agrees that [simple web is cute][simple-web-is-cute], and
was [written][original] in [Markdown][markdown]. Keep the web
[simple][html] and [cute][css].

<small>All rights reversed Ⓚ Jens Pitkänen</small>

[fedi-wiki]: https://en.wikipedia.org/wiki/Fediverse "The Wikipedia entry for the Fediverse"
[free-software]: https://www.gnu.org/philosophy/free-sw.en.html "The FSF page explaining free software"
[fedi-me]: https://fedi.neon.moe/neon "My profile on the fediverse"
[creations]: #creations "The section of this page concerning my creations"
[archive]: https://archive.neon.moe "A site containing screenshots, descriptions and downloads for all of my archived creations."
[itch]: https://nc.itch.io "My profile page on itch.io"
[git]: https://git.neon.moe/neon "My personal Git server"
[github]: https://github.com/neonmoe "My GitHub profile"
[solitude]: https://nc.itch.io/solitude "The itch.io page of a VR world painting game I made."
[neon-fishing]: https://nc.itch.io/neon-fishing "The itch.io page of a neon VR fishing game I made."
[ai-bot-problem]: https://nc.itch.io/ai-bot-problem "The itch.io page of a neat puzzle game I made."
[email]: mailto:jens@neon.moe "My email"
[keybase]: https://keybase.io/neonmoe "My Keybase profile"
[simple-web-is-cute]: https://simpleweb.iscute.ovh/ "It is!"
[original]: /index.md "This page, but in unrendered, plain-text Markdown."
[markdown]: https://commonmark.org/ "The specific edition of Markdown I refer to."
[html]: https://developer.mozilla.org/en-US/docs/Web/HTML "HTML"
[css]: https://developer.mozilla.org/en-US/docs/Web/CSS "CSS"

+ 0
- 47
public/plain/index.html View File

@@ -1,47 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="flattr:id" content="12d6o1">
<title>neon • moe</title>
<link href="../favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="../basic.css" rel="stylesheet" type="text/css" title="Basic">
</head>
<body>
<h1>NEON • MOE</h1>
<h2>Bio</h2>
<p>My name is Jens Pitkänen, on the <a href="https://en.wikipedia.org/wiki/Fediverse" title="The Wikipedia entry for the Fediverse">fediverse</a> I go by
<a href="https://fedi.neon.moe/neon" title="My profile on the fediverse">Neon</a>. I study mathematics at the University of Helsinki,
and I've been writing games and game-adjacent software since 2011.</p>
<p>For a quick overview of my creations, see the <a href="#creations" title="The section of this page concerning my creations">Creations</a>
section. For a complete list, see the <a href="https://archive.neon.moe" title="A site containing screenshots, descriptions and downloads for all of my archived creations.">archive</a>. The archive
has a filter system, which you can also use to get an overview of
technologies I'm familiar with.</p>
<h2>Creations</h2>
<p>I release games and game-adjacent projects on <a href="https://nc.itch.io" title="My profile page on itch.io">nc.itch.io</a>. I
strive to release my code as <a href="https://www.gnu.org/philosophy/free-sw.en.html" title="The FSF page explaining free software">free software</a>, and said
code lives on <a href="https://git.neon.moe/neon" title="My personal Git server">git.neon.moe</a>, <a href="https://archive.neon.moe" title="A site containing screenshots, descriptions and downloads for all of my archived creations.">archive.neon.moe</a>, and
<a href="https://github.com/neonmoe" title="My GitHub profile">GitHub/neonmoe</a>.</p>
<p>Here are some notable examples of my work:</p>
<ul>
<li><a href="https://nc.itch.io/solitude" title="The itch.io page of a VR world painting game I made.">Solitude</a>, a VR tribute to Shelter</li>
<li><a href="https://nc.itch.io/neon-fishing" title="The itch.io page of a neon VR fishing game I made.">Neon Fishing</a>, a virtual reality fishing experience</li>
<li><a href="https://nc.itch.io/ai-bot-problem" title="The itch.io page of a neat puzzle game I made.">AI-Bot Problem</a>, a good puzzle game</li>
</ul>
<h2>Contact</h2>
<p>Mention <a href="https://fedi.neon.moe/neon" title="My profile on the fediverse">@neon@fedi.neon.moe</a> on the <a href="https://en.wikipedia.org/wiki/Fediverse" title="The Wikipedia entry for the Fediverse">fediverse</a>
for quick replies. You can also send email to <a href="mailto:jens@neon.moe" title="My email">jens@neon.moe</a>,
but expect a slower reply. My PGP public key can be found on
<a href="https://keybase.io/neonmoe" title="My Keybase profile">Keybase</a>.</p>
<p>This page agrees that <a href="https://simpleweb.iscute.ovh/" title="It is!">simple web is cute</a>, and
was <a href="/index.md" title="This page, but in unrendered, plain-text Markdown.">written</a> in <a href="https://commonmark.org/" title="The specific edition of Markdown I refer to.">Markdown</a>. Keep the web
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML" title="HTML">simple</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" title="CSS">cute</a>.</p>
<p><small>All rights reversed Ⓚ Jens Pitkänen</small></p>

<br>
<p align="center">
<small><a href="../">Back to the normal version of this site</a></small>
</p>
</body>
</html>

+ 0
- 190
public/stylized.css View File

@@ -1,190 +0,0 @@
/* Font-faces, you can find the Source Code Pro license at neon.moe/fonts/SourceCodePro-License.txt */
@font-face {
font-family: "Source Code Pro";
src: local("Source Code Pro Regular"),
local("SourceCodePro-Regular"),
url("fonts/SourceCodePro-Regular.ttf");
}

@font-face {
font-family: "Source Code Pro";
font-style: italic;
src: local("Source Code Pro Light"),
local("SourceCodePro-Light"),
url("fonts/SourceCodePro-Light.ttf");
}

@font-face {
font-family: "Source Code Pro";
font-weight: bold;
src: local("Source Code Pro Bold"),
local("SourceCodePro-Bold"),
url("fonts/SourceCodePro-Bold.ttf");
}

/* Base stuff */

html {
background-color: #222;
color: #DDD;
font-family: "Source Code Pro", monospace;
}

/* Terminal and row layouts */

@media (min-width: 42em) { body { width: 40em; } }
@media (min-width: 72ch) { body { width: 70ch; } }

body {
margin: auto;
}

#container {
background-color: #333;
padding: 0.5em;
padding: 1ch;
padding-right: 0.75em;
padding-right: 1.5ch;
box-shadow: 1em 1em 0px #111;
margin-top: 1em;
margin-bottom: 2em;
}

@media (max-width: 42em) {
html {
background-color: #333;
}

body {
width: 90%;
width: calc(100% - 2em);
}

#container {
height: 100%;
padding: 0;
padding-top: 0.5em;
padding-bottom: 1em;
margin: auto;
box-shadow: none;
}
}

.row {
line-height: 1.3;
}

/* Colors */

a, button {
transition: 0.1s color;
color: #F07292;
text-decoration: none;
}

a:focus, a.active, button:focus, button:active {
color: #F39FC1;
}

a:focus, button:focus {
outline: 2px dotted #F39FC1;
outline-offset: 1px;
}

a:hover, button:hover {
cursor: pointer;
color: #F592B2;
}

small {
color: #4CAF50;
font-style: italic;
font-weight: light;
}

h2::before {
content: "# ";
}

h1 {
color: #FFEB3B;
}

h2 {
color: #9DE;
}

h3 {
color: #9CD;
}

/* Element layout changes */

button {
background: none;
border: none;
font-family: "Source Code Pro", monospace;
font-size: 1rem;
margin: 0;
padding: 0;
}

h1 {
font-weight: bold;
font-size: 1rem;
margin: 0;
padding: 0;
}

h2 {
font-weight: bold;
font-size: 1rem;
margin: 0;
padding: 0;
margin-top: 1em;
}

h3 {
font-weight: normal;
font-size: 1rem;
margin: 0;
padding: 0;
}

small {
font-size: 1rem;
}

ul {
margin: 0;
padding: 0;
padding-left: 1.2em;
list-style-type: " - ";
}

p {
margin: 0;
padding: 0;
margin-bottom: 1em;
}

li p {
margin-bottom: 0;
}

/* Animation and slightly more magical styles */
@keyframes blink {
0% { opacity: 1; }
49% { opacity: 1; }
50% { opacity: 0; }
99% { opacity: 0; }
100% { opacity: 1; }
}

#prompt:after {
content: "_";
animation-name: blink;
animation-iteration-count: infinite;
animation-duration: 1s;
animation-play-state: running;
}

+ 0
- 190
static/stylized.css View File

@@ -1,190 +0,0 @@
/* Font-faces, you can find the Source Code Pro license at neon.moe/fonts/SourceCodePro-License.txt */
@font-face {
font-family: "Source Code Pro";
src: local("Source Code Pro Regular"),
local("SourceCodePro-Regular"),
url("fonts/SourceCodePro-Regular.ttf");
}

@font-face {
font-family: "Source Code Pro";
font-style: italic;
src: local("Source Code Pro Light"),
local("SourceCodePro-Light"),
url("fonts/SourceCodePro-Light.ttf");
}

@font-face {
font-family: "Source Code Pro";
font-weight: bold;
src: local("Source Code Pro Bold"),
local("SourceCodePro-Bold"),
url("fonts/SourceCodePro-Bold.ttf");
}

/* Base stuff */

html {
background-color: #222;
color: #DDD;
font-family: "Source Code Pro", monospace;
}

/* Terminal and row layouts */

@media (min-width: 42em) { body { width: 40em; } }
@media (min-width: 72ch) { body { width: 70ch; } }

body {
margin: auto;
}

#container {
background-color: #333;
padding: 0.5em;
padding: 1ch;
padding-right: 0.75em;
padding-right: 1.5ch;
box-shadow: 1em 1em 0px #111;
margin-top: 1em;
margin-bottom: 2em;
}

@media (max-width: 42em) {
html {
background-color: #333;
}

body {
width: 90%;
width: calc(100% - 2em);
}

#container {
height: 100%;
padding: 0;
padding-top: 0.5em;
padding-bottom: 1em;
margin: auto;
box-shadow: none;
}
}

.row {
line-height: 1.3;
}

/* Colors */

a, button {
transition: 0.1s color;
color: #F07292;
text-decoration: none;
}

a:focus, a.active, button:focus, button:active {
color: #F39FC1;
}

a:focus, button:focus {
outline: 2px dotted #F39FC1;
outline-offset: 1px;
}

a:hover, button:hover {
cursor: pointer;
color: #F592B2;
}

small {
color: #4CAF50;
font-style: italic;
font-weight: light;
}

h2::before {
content: "# ";
}

h1 {
color: #FFEB3B;
}

h2 {
color: #9DE;
}

h3 {
color: #9CD;
}

/* Element layout changes */

button {
background: none;
border: none;
font-family: "Source Code Pro", monospace;
font-size: 1rem;
margin: 0;
padding: 0;
}

h1 {
font-weight: bold;
font-size: 1rem;
margin: 0;
padding: 0;
}

h2 {
font-weight: bold;
font-size: 1rem;
margin: 0;
padding: 0;
margin-top: 1em;
}

h3 {
font-weight: normal;
font-size: 1rem;
margin: 0;
padding: 0;
}

small {
font-size: 1rem;
}

ul {
margin: 0;
padding: 0;
padding-left: 1.2em;
list-style-type: " - ";
}

p {
margin: 0;
padding: 0;
margin-bottom: 1em;
}

li p {
margin-bottom: 0;
}

/* Animation and slightly more magical styles */
@keyframes blink {
0% { opacity: 1; }
49% { opacity: 1; }
50% { opacity: 0; }
99% { opacity: 0; }
100% { opacity: 1; }
}

#prompt:after {
content: "_";
animation-name: blink;
animation-iteration-count: infinite;
animation-duration: 1s;
animation-play-state: running;
}

Loading…
Cancel
Save