Remove all styling
restarting in terms of styling.
steve0greatness,
created on Sunday, 13 October 2024, 08:21:07 (1728807667),
received on Sunday, 13 October 2024, 08:22:48 (1728807768)
Author identity: Steve0Greatness <steve0greatnessiscool@gmail.com>
7390196390e9d3dab27de2bf3e236aeec148ad1e
static/src/0greatnesswebring.css
@@ -1,10 +0,0 @@
.ZeroGreatnessWebring {
border: 1px solid white;
background-color: black;
padding: 2px;
border-radius: 2px;
}
.ZeroGreatnessWebring :any-link {
color: lightgray;
}
static/src/blog.css
@@ -1,28 +0,0 @@
.toolbar {
display: flex;
align-items: center;
border: 1px solid white;
padding: 8px;
}
.toolbar > :any-link {
text-decoration: none;
font-size: 16px;
margin-right: 15px;
font-family: monospace;
display: inline-flex;
}
.toolbar > strong {
display: inline-block;
font-family: monospace;
font-size: 1rem;
padding-right: 14px;
margin-right: 14px;
border-right: 1px solid white;
}
.time-stamps {
margin-top: 5px;
border-bottom: 1px solid white;
}
static/src/code-blocks.css
@@ -1,74 +0,0 @@
@import url("/fonts/mononoki/mononoki.css");
.codehilite .hll { background-color: #49483e }
.codehilite, pre:not(.codehilite pre) code { font-size: .85rem; font-family: "mononoki", monospace; background: #272822; color: #f8f8f2; padding: 10px; display: block; }
:any-link code:not(.codehilite code):not(pre code) { color: inherit }
code:not(.codehilite code):not(pre code) { display: inline-block; font-family: "mononoki", monospace; background: #272822; color: #f8f8f2; padding: 5px; margin: 5px 0}
.codehilite pre { margin: 0; white-space: pre-wrap }
.codehilite .c { color: #75715e } /* Comment */
.codehilite .err { color: #960050; background-color: #1e0010 } /* Error */
.codehilite .k { color: #66d9ef } /* Keyword */
.codehilite .l { color: #ae81ff } /* Literal */
.codehilite .n { color: #f8f8f2 } /* Name */
.codehilite .o { color: #f92672 } /* Operator */
.codehilite .p { color: #f8f8f2 } /* Punctuation */
.codehilite .ch { color: #75715e } /* Comment.Hashbang */
.codehilite .cm { color: #75715e } /* Comment.Multiline */
.codehilite .cp { color: #75715e } /* Comment.Preproc */
.codehilite .cpf { color: #75715e } /* Comment.PreprocFile */
.codehilite .c1 { color: #75715e } /* Comment.Single */
.codehilite .cs { color: #75715e } /* Comment.Special */
.codehilite .gd { color: #f92672 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gi { color: #a6e22e } /* Generic.Inserted */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #75715e } /* Generic.Subheading */
.codehilite .kc { color: #66d9ef } /* Keyword.Constant */
.codehilite .kd { color: #66d9ef } /* Keyword.Declaration */
.codehilite .kn { color: #f92672 } /* Keyword.Namespace */
.codehilite .kp { color: #66d9ef } /* Keyword.Pseudo */
.codehilite .kr { color: #66d9ef } /* Keyword.Reserved */
.codehilite .kt { color: #66d9ef } /* Keyword.Type */
.codehilite .ld { color: #e6db74 } /* Literal.Date */
.codehilite .m { color: #ae81ff } /* Literal.Number */
.codehilite .s { color: #e6db74 } /* Literal.String */
.codehilite .na { color: #a6e22e } /* Name.Attribute */
.codehilite .nb { color: #f8f8f2 } /* Name.Builtin */
.codehilite .nc { color: #a6e22e } /* Name.Class */
.codehilite .no { color: #66d9ef } /* Name.Constant */
.codehilite .nd { color: #a6e22e } /* Name.Decorator */
.codehilite .ni { color: #f8f8f2 } /* Name.Entity */
.codehilite .ne { color: #a6e22e } /* Name.Exception */
.codehilite .nf { color: #a6e22e } /* Name.Function */
.codehilite .nl { color: #f8f8f2 } /* Name.Label */
.codehilite .nn { color: #f8f8f2 } /* Name.Namespace */
.codehilite .nx { color: #a6e22e } /* Name.Other */
.codehilite .py { color: #f8f8f2 } /* Name.Property */
.codehilite .nt { color: #f92672 } /* Name.Tag */
.codehilite .nv { color: #f8f8f2 } /* Name.Variable */
.codehilite .ow { color: #f92672 } /* Operator.Word */
.codehilite .w { color: #f8f8f2 } /* Text.Whitespace */
.codehilite .mb { color: #ae81ff } /* Literal.Number.Bin */
.codehilite .mf { color: #ae81ff } /* Literal.Number.Float */
.codehilite .mh { color: #ae81ff } /* Literal.Number.Hex */
.codehilite .mi { color: #ae81ff } /* Literal.Number.Integer */
.codehilite .mo { color: #ae81ff } /* Literal.Number.Oct */
.codehilite .sa { color: #e6db74 } /* Literal.String.Affix */
.codehilite .sb { color: #e6db74 } /* Literal.String.Backtick */
.codehilite .sc { color: #e6db74 } /* Literal.String.Char */
.codehilite .dl { color: #e6db74 } /* Literal.String.Delimiter */
.codehilite .sd { color: #e6db74 } /* Literal.String.Doc */
.codehilite .s2 { color: #e6db74 } /* Literal.String.Double */
.codehilite .se { color: #ae81ff } /* Literal.String.Escape */
.codehilite .sh { color: #e6db74 } /* Literal.String.Heredoc */
.codehilite .si { color: #e6db74 } /* Literal.String.Interpol */
.codehilite .sx { color: #e6db74 } /* Literal.String.Other */
.codehilite .sr { color: #e6db74 } /* Literal.String.Regex */
.codehilite .s1 { color: #e6db74 } /* Literal.String.Single */
.codehilite .ss { color: #e6db74 } /* Literal.String.Symbol */
.codehilite .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.codehilite .fm { color: #a6e22e } /* Name.Function.Magic */
.codehilite .vc { color: #f8f8f2 } /* Name.Variable.Class */
.codehilite .vg { color: #f8f8f2 } /* Name.Variable.Global */
.codehilite .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.codehilite .vm { color: #f8f8f2 } /* Name.Variable.Magic */
.codehilite .il { color: #ae81ff } /* Literal.Number.Integer.Long */
static/src/global.css
@@ -1,134 +0,0 @@
@import url("/fonts/inter/inter.css");
@import url("/fonts/mononoki/mononoki.css");
body,
html {
margin: 0;
width: 100vw;
font-size: 95%;
font-family: "Inter";
}
body {
background-image: url("/Background.webp");
background-color: #000;
color: #fff;
}
:any-link {
color: #9a9af0;
}
:any-link:active {
color: #f09a9a;
}
main {
padding: 8px;
box-sizing: border-box;
max-width: 60vw;
margin: 0 auto;
background-color: #19191b;
}
.breadcrumbs {
list-style: none;
padding: 8px;
box-sizing: border-box;
margin: 0 auto;
width: 60vw;
background-color: #19191b;
}
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs li + li::before {
content: "\00A5";
}
body > header {
display: flex;
padding: 20px;
box-sizing: border-box;
align-items: center;
width: 60vw;
margin: 0 auto;
background-color: #0b0b0c;
}
body > header :any-link {
color: #f1f1f1 !important;
font-style: italic;
text-decoration: none;
}
body > header h2 {
font-size: large;
margin: 0;
}
body > header nav {
font-size: large;
padding-left: 15px;
margin-left: 15px;
border-left: 1px solid white;
}
body > header nav :any-link:not(:last-child) {
margin-right: 15px;
}
tr > :not(:last-child) {
padding-right: 15px;
}
body > footer {
margin: 8px auto;
margin-top: 12px;
width: fit-content;
padding: 15px;
background-color: #19191b;
position: absolute;
top: 15px;
right: 15px;
}
.footer-link-list-holder {
flex: 1;
}
.footer-link-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.footer-link-list-label {
font-weight: 900;
font-size: 1.05rem;
}
img {
image-rendering: optimizeQuality;
}
abbr :any-link {
text-decoration-style: dotted;
text-decoration-color: currentColor;
}
.button-hotlink {
display: block;
margin-top: 3px;
}
input,
textarea {
appearance: none;
background-color: #000;
color: #fff;
border: 1px solid white;
}
static/src/marquee.css
@@ -1,50 +0,0 @@
.ticker-wrapper {
overflow: hidden;
display: block;
width: 100%;
}
.ticker-wrapper .ticker {
animation: infinite linear ticker 14s;
white-space: nowrap;
display: inline-block;
box-sizing: content-box;
}
.ticker-wrapper.pauseonhover:hover > * {
animation-play-state: paused;
}
@keyframes ticker {
0% {
margin-left: 100%;
transform: translateX(0%);
}
100% {
margin-left: 0;
transform: translateX(-100%);
}
}
.cool-people-prj :any-link {
text-decoration: none;
}
@media (prefers-reduced-motion) {
.ticker-wrapper .ticker {
animation: none;
}
.ticker-wrapper {
overflow: scroll;
}
}
.ticker-wrapper.ticker-reversed .ticker {
animation-direction: reverse;
}
.cool-people-prj-no-bttn :any-link {
margin-right: 5px;
}
static/src/nonimp.css
@@ -1,48 +0,0 @@
abbr:has(:any-link) {
text-decoration: none;
}
kbd {
white-space: pre-wrap;
font-family: "mononoki", monospace;
display: inline-block;
font-size: .85rem;
}
:not(samp) kbd:not(:has(kbd)) {
background-color: #222728;
color: currentColor;
border: currentColor 1px solid;
border-radius: 10px;
padding: 5px;
margin: 1px 0;
}
samp kbd {
display: block;
}
samp {
background-color: #282722;
color: #fff;
font-family: "mononoki", monospace;
padding: 10px;
display: block;
font-size: .85rem;
white-space: pre-wrap;
}
input[type=checkbox],
input[type=radio] {
width: 1em;
height: 1em;
}
input[type=radio] {
border-radius: 100%;
}
input:is([type=radio], [type=checkbox]):checked {
background-color: #f00;
}
views/_layout.html
@@ -7,17 +7,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{% block title %}{% endblock %} - S0G</title>
<style>
body {
background: black;
color: white;
}
:any-link {
color: red;
html {
color-scheme: dark;
}
</style>
<link rel="stylesheet" href="/src/global.css" />
<link rel="stylesheet" href="/src/marquee.css" defer="defer" />
<link rel="stylesheet" href="/src/nonimp.css" defer="defer" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Steve0Greatness" />
<meta property="og:image" content="/OG-Image.png" />
views/blog-list.html
@@ -4,7 +4,6 @@
<link rel="alternate" href="/blog/feed.rss" type="application/rss+xml" title="Steve0Greatness' Blog" />
<link rel="alternate" href="/blog/feed.json" type="application/feed+json" title="Steve0Greatness' Blog" />
<link rel="alternate" href="/blog/feed.atom" type="application/atom+xml" title="Steve0Greatness' Blog" />
<link rel="stylesheet" href="/src/blog.css" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Blog index" />
<meta property="og:url" content="https://steve0greatness.nekoweb.org/blog/" />
views/blog-post.html
@@ -2,8 +2,6 @@
{% block title %}{{ Title }}{% endblock %}
{% block Head %}
{{super()}}
<link rel="stylesheet" href="/src/code-blocks.css" />
<link rel="stylesheet" href="/src/blog.css" />
<link rel="alternate" href="/blog/{{PlaintextPath}}" type="text/plain" title="Post source" />
<meta property="og:title" content="{{ Title }}" />
<meta property="og:type" content="article" />
views/index.html
@@ -1,7 +1,6 @@
{% extends "_layout.html" %}
{% block Head %}
{{super()}}
<link rel="stylesheet" href="/src/0greatnesswebring.css" defer="defer" />
<meta property="og:title" content="Index" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://steve0greatness.nekoweb.org/" />
views/list.html
@@ -1,7 +1,6 @@
{% extends "_layout.html" %}
{% block Head %}
{{super()}}
<link rel="stylesheet" href="/src/code-blocks.css" />
<meta property="og:type" content="website" />
<meta property="og:title" content="{{Title}}" />
<meta property="og:url" content="https://steve0greatness.nekoweb.org/{{Location}}" />
views/redirect.html
@@ -2,8 +2,7 @@
<head>
<style>
html { background: #000; color: #fff }
a { color: #0ff; font-family: monospace }
html { color-scheme: dark; }
</style>
<link rel="canonical" href="{{redirect}}" />
<meta charset="utf-8" />