Browse Source

little design revamp

master
sn0w 2 months ago
parent
commit
4c4071c02e
Signed by: sn0w <sn0w@posteo.de> GPG Key ID: DDEDFB9D3FA15727

+ 349
- 0
assets/css/normalize.css View File

@@ -0,0 +1,349 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
font-size: 2em;
margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

/* Embedded content
========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
border-style: none;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/

legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
display: none;
}

+ 52
- 4
assets/css/style.css View File

@@ -1,8 +1,12 @@
/*
* General site styling
*/

body {
background-color: #000;
color: #ccc;

max-width: 786px;
max-width: 1024px;
margin-left: auto;
margin-right: auto;

@@ -10,6 +14,30 @@ body {
font-size: 14px;
}

.page {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}

.post {
max-width: 786px;
margin-left: auto;
margin-right: auto;
}

.footer-msg {
text-align: center;
}

/*
* Content styling
*/

ul > li {
margin-bottom: 5px;
}

a {
color: #a450d8;
}
@@ -20,6 +48,7 @@ code > a {

.logo {
color: #a450d8;
margin-bottom: 20px;
}

.blog-listing {
@@ -29,6 +58,7 @@ code > a {
}

.blog-listing > table {
width: 100%;
border: #a450d8 3px solid;
border-radius: 8px;
padding: 14px;
@@ -59,12 +89,30 @@ li > p code {
padding: 2px;
}

img {
max-width: 100%;
}

/*
* Helper classes
*/

.center {
display: flex;
align-items: center;
justify-content: center;
}

/*
* Code coloring
*/

code span. { background: #282a36; color: #f8f8f2; } /* Normal */
code span.al { color: #f8f8f2; } /* Alert */
code span.an { color: #50fa7b; } /* Annotation */
code span.at { color: #50fa7b; } /* Attribute */
code span.bn { color: #bd93f9; } /* BaseN */
code span.bu { } /* BuiltIn */
code span.bu { /* default */ } /* BuiltIn */
code span.cf { color: #ff79c6; } /* ControlFlow */
code span.ch { color: #f1fa8c; } /* Char */
code span.cn { color: #8be9fd; font-style: italic; } /* Constant */
@@ -77,11 +125,11 @@ code span.er { color: #f8f8f2; } /* Error */
code span.ex { color: #ff79c6; } /* Extension */
code span.fl { color: #bd93f9; } /* Float */
code span.fu { color: #50fa7b; } /* Function */
code span.im { } /* Import */
code span.im { /* default */ } /* Import */
code span.in { color: #6272a4; } /* Information */
code span.kw { color: #ff79c6; } /* Keyword */
code span.op { color: #ff79c6; } /* Operator */
code span.ot { } /* Other */
code span.ot { /* default */ } /* Other */
code span.pp { color: #ff79c6; } /* Preprocessor */
code span.re { color: #ff79c6; } /* RegionMarker */
code span.sc { color: #f1fa8c; } /* SpecialChar */

build.zsh → build.sh View File

@@ -1,10 +1,14 @@
#!/bin/zsh
#!/bin/bash

set -e
set -o pipefail
shopt -s globstar

render() {
echo "#> Rendering ${1} as ${2}"
#
# Render markdown to html
#
render() { # 1: md source, # 2: html target
echo "#>> Rendering ${1} as ${2}"
cat ./partials/header.html > "${2}"
pandoc \
-f gfm-smart \
@@ -13,31 +17,46 @@ render() {
cat ./partials/footer.html >> "${2}"
}

#
# Render markdown with header and footer
#
render_type() { # 1: type, 2: md source, 3: html target
cat ./partials/${1}_header.md >> "${2}_tmp"
cat "${2}" >> "${2}_tmp"
cat ./partials/${1}_footer.md >> "${2}_tmp"
render "${2}_tmp" "${3}"
rm "${2}_tmp"
}

#
# Drop last build
#
echo "#> Cleaning up"

if [[ -d _public ]]; then
rm -r _public
fi
mkdir -p _public/blog

#
# Build pages
#
echo "#> Making pages/posts"

for page in ./content/**/*.md; do
file="$(echo "${page}" | rev | cut -d/ -f1 | rev | sed 's/\.md//g').html"

if [[ "${page}" =~ "blog" ]]; then
cat ./partials/blog_post_header.md >> "${page}_tmp"
cat "${page}" >> "${page}_tmp"
cat ./partials/blog_post_footer.md >> "${page}_tmp"
render "${page}_tmp" "./_public/blog/${file}"
rm "${page}_tmp"
render_type blog_post "${page}" "./_public/blog/${file}"
else
render "${page}" "./_public/${file}"
render_type page "${page}" "./_public/${file}"
fi
done

#
# Build blog index
echo "#> Making blog index page"
#
echo "#> Making blog index"

cat ./partials/blog_index_header.md >> ./_public/blog/index.md
for page in $(ls ./content/blog/*.md | sort -d -r); do
@@ -55,6 +74,7 @@ rm ./_public/blog/index.md

# Copy media
echo "#> Transferring media"

cp -r assets _public/assets

if [[ "$1" == "--serve" ]]; then

+ 0
- 2
content/blog/2017-12-25_Why-IOTA-Sucks.md View File

@@ -266,5 +266,3 @@ supports this utterly flawed coin. We're better off without it.

Stop this madness.<br>
Invest in something safe.

<hr/>

+ 19
- 0
content/contact.md View File

@@ -0,0 +1,19 @@
<div class="navbar-wrap center">
<div class="navbar">
<a href="/">/home</a>&nbsp;・&nbsp;
<a href="/blog">/blog</a>&nbsp;・&nbsp;
/contact
</div>
</div>
<br>

If you want to contact me for anything, here are some options:

- E-Mail: `echo "c24wd0Bwb3N0ZW8uZGU=" | base64 -d`
- Fediverse: `@sn0w@cofe.rocks` ([link](https://cofe.rocks/sn0w))
- Matrix: `@sn0w:matrix.heldscal.la`
- Discord: `FADED#0001`

Using PGP for non-encrypted services is highly recommended.<br>
My key is `D3D00F7849C07268ADA947BBDDEDFB9D3FA15727`.<br>
Pull it from any major keyserver or `@sn0w` on [keybase](https://keybase.io/sn0w).

+ 22
- 21
content/index.md View File

@@ -1,44 +1,45 @@
Hi, my name is
<pre class="logo">
.d888b, 88bd88b d8888b ?88 d8P d8P
?8b, 88P' ?8bd8P' ?88 d88 d8P' d8P'
`?8b d88 88P88b d88 ?8b ,88b ,88'
`?888P' d88' 88b`?8888P' `?888P'888P'
</pre>
<div class="navbar-wrap center">
<div class="navbar">
/home&nbsp;・&nbsp;
<a href="/blog">/blog</a>&nbsp;・&nbsp;
<a href="/contact.html">/contact</a>
</div>
</div>
<br>

welcome to my website!<br><br>
Hi, welcome on my little website.<br>
People call me sn0w around here.

I'm a programmer who tries to survive in a world of broken, inefficient, and bloated software.
When I'm not writing or reversing code, I love managing servers, drinking more coffee than any
sane person would ever drink, and listening to metal.

I sometimes write about things in [my blog](/blog).<br>
Check it out if you're into that stuff.

If you want to contact me you can:

- Shoot a mail to `c24wd0Bwb3N0ZW8uZGU=`
- DM `@sn0w@cofe.rocks`
- Write `FADED#0001` on Discord

Using PGP is encouraged.<br>
Use `D3D00F7849C07268ADA947BBDDEDFB9D3FA15727`.
Check it out if you're into tech stuff.

<br>

Up for a little challenge?<br>
Take a look at [this](/assets/hmmm.flac).<br>
Take a look at [this file](/assets/hmmm.flac).<br>
I feel like the number 666 might be helpful.

<br>


<div class="footer-msg">

\-\-\-\-\-\-\-\-\-\-

Proudly handcrafted with <3, markdown, and some shell scripts.<br>
Proudly handcrafted with <3, markdown, and bash.<br>
Repo with sources [here](https://glitch.sh/sn0w/website.git).<br>

</div>

<div class="footer center">

![](/assets/icons/gethtmlnow.gif)
[![](/assets/icons/neocities_button.gif)](https://neocities.org/site/snowtastic)
[![](/assets/icons/silicon-valley.png)](https://districts.neocities.org/silicon-valley/)
![](/assets/icons/nojs.gif)

</div>

+ 1
- 0
partials/blog_index_footer.md View File

@@ -1 +1,2 @@
</div>
</div>

+ 10
- 4
partials/blog_index_header.md View File

@@ -1,6 +1,12 @@
[<< Back to homepage](/)

<div class="navbar-wrap center">
<div class="navbar">
<a href="/">/home</a>&nbsp;・&nbsp;
/blog&nbsp;・&nbsp;
<a href="/contact.html">/contact</a>
</div>
</div>
<br>
<div class="post">

Welcome to my blog!

@@ -15,6 +21,6 @@ However, **please** don't necro-analyze old posts for correctnes.

<div class="blog-listing">

| | Name | Posted | Size |
|:-|:-----|-------:|-----:|
| | Name | Posted At | Words |
|:-|:-----|----------:|------:|
|![](/assets/icons/back.gif)|[../](/)|-|-

+ 1
- 2
partials/blog_post_footer.md View File

@@ -1,2 +1 @@

[<< Back to overview](/blog)
</div>

+ 9
- 1
partials/blog_post_header.md View File

@@ -1 +1,9 @@
[<< Back to overview](/blog)
<div class="navbar-wrap center">
<div class="navbar">
<a href="/">/home</a>&nbsp;・&nbsp;
<a href="/blog">/blog</a>&nbsp;・&nbsp;
<a href="/contact.html">/contact</a>
</div>
</div>
<br>
<div class="post">

+ 10
- 0
partials/header.html View File

@@ -7,6 +7,16 @@

<title>sn0w's website</title>

<link rel="stylesheet" href="/assets/css/normalize.css"/>
<link rel="stylesheet" href="/assets/css/style.css"/>
</head>
<body>
<br>
<div class="logo-wrap center">
<pre class="logo">
.d888b, 88bd88b d8888b ?88 d8P d8P
?8b, 88P' ?8bd8P' ?88 d88 d8P' d8P'
`?8b d88 88P88b d88 ?8b ,88b ,88'
`?888P' d88' 88b`?8888P' `?888P'888P'
</pre>
</div>

+ 1
- 0
partials/page_footer.md View File

@@ -0,0 +1 @@
</div>

+ 1
- 0
partials/page_header.md View File

@@ -0,0 +1 @@
<div class="page">

Loading…
Cancel
Save