chris/chris-website-content
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

First

Browse source
This commit is contained in:
Chris Josten 2020-07-18 03:24:52 +02:00
commit aaef6994f5
26 changed files with 1952 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
articles/01-hello-world.yamd Normal file
View file

@ -0,0 +1,47 @@
title: Hello World
slug: hello-world
firstPublished: 2019-06-30 14:31:45
updated: 2020-06-26 11:28:00
author: Chris Josten
hidden: true
tags:
- test
---
Hello, world! This is the first article ever written on this site! It
mainly consists of tests to check out the features of this website and the styling.
# Second paragraph
[test](https://example.com)
![This is a full-width image](/static/img/logo.png "Title text")
![This is an inline image](/static/img/logo.png "Title text"){width=100px} This C has eyes. Wow, isn't that
amazing! I bet it Cs more than you! We still need more filler text to make it to the end of this page.
Nothing happened. You have been invited to nothing.
> I might be wise.
> <footer>a wise man</footer>
`
code.execute();
`
Quibusdam laborum reprehenderit voluptate labore perferendis consequatur odit laboriosam. Perspiciatis saepe consequuntur voluptas. Deserunt et totam asperiores natus nulla illum.
Laborum quibusdam commodi corporis debitis velit eum autem. Quo labore numquam ipsa quo corrupti maxime ratione cupiditate. Ab impedit et et quo et sed.
Eaque officiis ut minus. Repellat commodi illum qui voluptas quos. Ut labore quod adipisci enim. Dolor pariatur ut earum id quia eum non. Consequatur assumenda nihil neque nihil cupiditate corrupti eaque sint.
Est at a quo atque vel est itaque quis. Illo enim omnis maiores quia dolorum cumque aspernatur. Rem debitis delectus eius et possimus nihil sed veniam.
Saepe non quidem id ab dicta aliquid. Ut consequatur sint non. Enim veritatis dolor asperiores consequatur itaque aliquid dolorem. Perspiciatis rem quidem voluptas qui esse recusandae.
```{.html .numberSource .literate}
<!doctype html>
<html lang="en">
<head>
<title>This is supposed to be such a large title that the page has to scroll</title>
</head>
</html>
```

BIN
mijnblog Executable file
View file

Binary file not shown.

47
pages/01-hello-world.yamd Normal file
View file

@ -0,0 +1,47 @@
title: Hello World
slug: hello-world
firstPublished: 2019-06-30 14:31:45
updated: 2020-06-26 11:24:00
author: Chris
tags:
- test
- test2
- test3
---
Hello, world! This is the first article ever written on this site! It
mainly consists of tests to check out the features of this website and the styling.
# Second paragraph
[test](https://example.com)
![This is a full-width image](/static/img/icoon.png "Alt text")
![This is an inline image](/static/img/icoon.png "Alt text") This C has eyes. Wow, isn't that
amazing! I bet it Cs more than you!
> I might be wise.
> <footer>a wise man</footer>
`
code.execute();
`
Quibusdam laborum reprehenderit voluptate labore perferendis consequatur odit laboriosam. Perspiciatis saepe consequuntur voluptas. Deserunt et totam asperiores natus nulla illum.
Laborum quibusdam commodi corporis debitis velit eum autem. Quo labore numquam ipsa quo corrupti maxime ratione cupiditate. Ab impedit et et quo et sed.
Eaque officiis ut minus. Repellat commodi illum qui voluptas quos. Ut labore quod adipisci enim. Dolor pariatur ut earum id quia eum non. Consequatur assumenda nihil neque nihil cupiditate corrupti eaque sint.
Est at a quo atque vel est itaque quis. Illo enim omnis maiores quia dolorum cumque aspernatur. Rem debitis delectus eius et possimus nihil sed veniam.
Saepe non quidem id ab dicta aliquid. Ut consequatur sint non. Enim veritatis dolor asperiores consequatur itaque aliquid dolorem. Perspiciatis rem quidem voluptas qui esse recusandae.
```{.html .numberSource .literate}
<!doctype html>
<html lang="en">
<head>
<title>This is supposed to be such a large title that the page has to scroll</title>
</head>
</html>
```

11
pages/index.yamd Normal file
View file

@ -0,0 +1,11 @@
title: Home
slug: index
---
I am Chris Josten &mdash; you might have guessed it from the url. I am a &lt;occupation&gt; at
&lt;institution&gt; right now, with a strong interest in &lt;some jargon&gt;. When I'm not busy with that,
I'm arguing about &lt;hobby that appeals to nerds&gt; and &lt;hobby that appeals to a wider audience&gt;.
I have not made any substantial (yet), but [I have written some hobby projects](/projects/).
I also would like to take this opportunity to mention that the number one is not a prime number and
that it never will be one.

14
projects/harbour-audio-output.md Normal file
View file

@ -0,0 +1,14 @@
title: Audio output chooser
slug: harbour-audio-output
images:
- harbour-audio-output-1.jpg
platforms:
- Sailfish OS
technologies:
- QML
- pulseaudio
icon: harbour-audio-output.png
description: A simple application to choose the audio output of the system.
---
A simple application to choose the audio output of the system.

BIN
public/static/img/256x256 Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
public/static/img/chris-icoon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
public/static/img/logo.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
public/static/img/logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
public/static/img/logo.png.bak Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/static/img/projects/icons/harbour-audio-output.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

BIN
public/static/img/projects/icons/this-website.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
public/static/img/projects/images/harbour-audio-output-1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 119 KiB

1238
public/static/script/prism.js Normal file
View file

File diff suppressed because it is too large Load diff

268
public/static/style/base.css Normal file
View file

@ -0,0 +1,268 @@
@media (max-width: 850px) {
body {
flex-wrap: wrap;
}
body > main {
box-sizing: border-box;
min-width: 100%;
}
body > section.header-navigation, body > footer {
width: 100%;
flex-grow: 1 !important;
}
.hide-small {
display: none;
}
.hide-big {
display: block !important;
}
}
.hide-big {
display: none;
}
:root {
font-family: "sans-serif";
--colour-bg: #f0f0f0;
--colour-bg-main: #ddd;
--colour-bg-code: #ccc;
--colour-fg: #000000;
--colour-fg-highlight: #7f0602;
--colour-fg-lineno: #111;
--colour-fg-code-number: #06027f;
--colour-fg-code-string: #027f06;
--colour-fg-code-fun: #7b7f02;
--colour-fg-code-com: #027b7f;
}
@media (prefers-color-scheme: dark) {
:root {
--colour-bg: #101010;
--colour-bg-main: #333;
--colour-bg-code: #222;
--colour-fg: #ffffff;
--colour-fg-highlight: #fc918d;
--colour-fg-lineno: #ccc;
--colour-fg-code-number: #918dfc;
--colour-fg-code-string: #8dfc91;
--colour-fg-code-fun: #f8fc8d;
--colour-fg-code-com: #8df8fc;
}
}
body {
background-color: #f0f0f0;
background-color: var(--colour-bg);
margin: 0;
display: flex;
justify-content: center;
min-height: 100vh;
color: #000000;
color: var(--colour-fg);
}
body > section.header-navigation {
flex: 0 0 200px;
padding: 2em;
}
body > footer {
flex: 0 0 200px;
padding: 2em;
border: none;
}
body > section.header-navigation > header {
text-align: center;
}
body > section.header-navigation > header > img {
width: 100%;
max-width: 160px;
}
body > main {
flex: 1 1;
padding: 2em;
/* width: 600px; */
border-left: #7f0602 dotted 1px;
border-right: #7f0602 dotted 1px;
border-left: var(--colour-fg-highlight) dotted 1px;
border-right: var(--colour-fg-highlight) dotted 1px;
max-width: 600px;
background-color: #ddd;
background-color: var(--colour-bg-main);
}
h1, .title {
margin: 0;
/* font-size: 2em; */
}
.subtitle {
margin: 0;
font-size: 1rem;
font-weight: normal;
font-style: italic;
}
header {
border-bottom: 1px dotted #000000;
border-bottom: 1px dotted var(--colour-fg);
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}
hr {
border: none;
border-top: 1px dotted #000000;
border-top: 1px dotted var(--colour-fg);
}
footer {
border-top: 1px dotted #000000;
border-top: 1px dotted var(--colour-fg);
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top: 0.5em;
}
nav ul {
padding: 0em;
list-style: none;
}
/* PROJECT LIST */
.project-header {
display: flex;
align-items: center;
}
.project-header > div {
flex: 1 1;
}
.project-header > .project-icon {
margin: 0;
margin-right: 0.5em;
}
.project-icon {
width: 4.5em;
height: 4.5em;
float: left;
margin: 0.5em;
margin-left: 0;
}
.platforms-technologies {
margin: 0.5em 0;
}
dl.project-platforms-technologies {
padding: 0.5em 0;
border-top: 1px dotted #000000;
border-top: 1px dotted var(--colour-fg);
border-bottom: 1px dotted #000000;
border-bottom: 1px dotted var(--colour-fg);
}
.tag {
display: inline-block;
background-color: #ccc;
background-color: var(--colour-bg-code);
border-radius: 1em;
font-size: 0.75em;
padding: 0.5em;
margin: 0.25em;
}
.screenshots {
height: 400px;
width: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
@media (max-height: 800px) {
.screenshots {
height: 240px;
}
}
.screenshot {
display: inline-block;
height: 100%;
}
/* MARKDOWN */
:not(pre) > code {
background-color: #ccc;
background-color: var(--colour-bg-code);
padding: 0.2em 0.4em;
}
article :not(figure) > img {
float: right;
}
div.sourceCode, blockquote, .screenshots {
scrollbar-color: var(--colour-fg-highlight) var(--colour-bg-code);
/*scrollbar-width: thin;*/
background-color: #ccc;
background-color: var(--colour-bg-code);
}
pre.sourceCode {
}
pre, blockquote {
border-left: 1px solid #7f0602;
border-left: 1px solid var(--colour-fg-highlight);
padding-left: 1em;
padding-right: 1em;
margin-left: 1em;
margin-right: 1em;
clear: both;
}
blockquote footer {
text-align: right;
font-style: italic;
border: none;
}
figure {
background-color: var(--colour-bg-code);
margin: 0;
text-align: center;
}
figure > img {
max-width: 100%;
}
figure > figcaption {
padding: 0.5em;
}
a {
color: var(--colour-fg-highlight);
text-decoration: underline dotted;
}
a:hover {
color: var(--colour-fg);
text-decoration: underline solid;
}

62
public/static/style/highlight.css Normal file
View file

@ -0,0 +1,62 @@
pre > code.sourceCode { white-space: pre; position: relative; }
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
pre > code.sourceCode > span:empty { height: 1.2em; }
code.sourceCode > span { color: inherit; text-decoration: inherit; }
div.sourceCode { margin: 1em 0; }
pre.sourceCode { margin: 0; }
@media screen {
div.sourceCode { overflow: auto; }
}
@media print {
pre > code.sourceCode { white-space: pre-wrap; }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
}
pre.numberSource code
{ counter-reset: source-line 0; }
pre.numberSource code > span
{ position: relative; left: -4em; counter-increment: source-line; }
pre.numberSource code > span > a:first-child::before
{ content: counter(source-line);
position: relative; left: -1em; text-align: right; vertical-align: baseline;
border: none; display: inline-block;
-webkit-touch-callout: none; -webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none;
padding: 0 4px; width: 4em;
color: var(--colour-fg-lineno);
}
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
div.sourceCode
{ }
@media screen {
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
}
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code span.at { color: var(--colour-fg); font-style: italic; } /* Attribute */
code span.bn { color: #40a070; } /* BaseN */
code span.bu { } /* BuiltIn */
code span.cf { color: var(--colour-fg-highlight); font-weight: bold; } /* ControlFlow */
code span.ch { color: #4070a0; } /* Char */
code span.cn { color: #880000; } /* Constant */
code span.co { color: var(--colour-fg-code-com); font-style: italic; } /* Comment */
code span.cv { color: var(--colour-fg-code-com); font-weight: bold; font-style: italic; } /* CommentVar */
code span.do { color: var(--colour-fg-code-com); font-style: italic; } /* Documentation */
code span.dt { color: var(--colour-fg-highlight); } /* DataType */
code span.dv { color: var(--colour-fg-code-number); } /* DecVal */
code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: var(--colour-fg-code-number); } /* Float */
code span.fu { color: var(--colour-fg-code-fun); } /* Function */
code span.im { } /* Import */
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
code span.kw { color: var(--colour-fg-highlight); font-weight: bold; } /* Keyword */
code span.op { color: var(--colour-fg); } /* Operator */
code span.ot { color: var(--colour-fg); } /* Other */
code span.pp { color: #bc7a00; } /* Preprocessor */
code span.sc { color: var(--colour-fg-highlight); } /* SpecialChar */
code span.ss { color: #bb6688; } /* SpecialString */
code span.st { color: var(--colour-fg-code-string); } /* String */
code span.va { color: #19177c; } /* Variable */
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */

3
public/static/style/mobile.css Normal file
View file

@ -0,0 +1,3 @@
body {
background: red;
}

45
public/static/style/old.css Normal file
View file

@ -0,0 +1,45 @@
body {
background-image: url(old/chip.jpg);
cursor: url(old/cursor.gif), auto;
justify-content: flex-start;
}
a:hover {
cursor: url(old/cursor-over.gif), auto;
}
body > nav {
background-color: yellow;
}
body > nav ul {
padding-left: 2em;
list-style-image: url(old/bullet.gif);
}
body > main {
background-color: black;
color: white;
border-image: url(old/skull-border.gif) 33% / 2em round;
/*border-left-width: 10px !important;
border-right-width: 10px !important;*/
}
.title {
width: 100%;
background-color: green;
}
pre {
background-color: blue;
}
blockquote, .screenshots, code{
background: #0000ff;
border-left: #0000cc 6px solid;
}
a {
color: blue;
text-decoration: underline;
}

BIN
public/static/style/old/bullet.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 326 B

BIN
public/static/style/old/chip.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
public/static/style/old/cursor-over.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 299 B

BIN
public/static/style/old/cursor.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 299 B

BIN
public/static/style/old/skull-border.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 247 KiB

BIN
public/static/style/old/skull.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 39 KiB

195
public/static/style/prism.css Normal file
View file

@ -0,0 +1,195 @@
/* PrismJS 1.17.1
https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript+c+cpp+d+java+json&plugins=line-numbers */
/*
Solarized Color Schemes originally by Ethan Schoonover
http://ethanschoonover.com/solarized
Ported for PrismJS by Hector Matos
Website: https://krakendev.io
Twitter Handle: https://twitter.com/allonsykraken)
*/
/*
SOLARIZED HEX
--------- -------
base03 #002b36
base02 #073642
base01 #586e75
base00 #657b83
base0 #839496
base1 #93a1a1
base2 #eee8d5
base3 #fdf6e3
yellow #b58900
orange #cb4b16
red #dc322f
magenta #d33682
violet #6c71c4
blue #268bd2
cyan #2aa198
green #859900
*/
code[class*="language-"],
pre[class*="language-"] {
color: #657b83; /* base00 */
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
background: #073642; /* base02 */
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
background: #073642; /* base02 */
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background-color: #fdf6e3; /* base3 */
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #93a1a1; /* base1 */
}
.token.punctuation {
color: #586e75; /* base01 */
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #268bd2; /* blue */
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.url,
.token.inserted {
color: #2aa198; /* cyan */
}
.token.entity {
color: #657b83; /* base00 */
background: #eee8d5; /* base2 */
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #859900; /* green */
}
.token.function,
.token.class-name {
color: #b58900; /* yellow */
}
.token.regex,
.token.important,
.token.variable {
color: #cb4b16; /* orange */
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
pre[class*="language-"].line-numbers {
position: relative;
padding-left: 3.8em;
counter-reset: linenumber;
}
pre[class*="language-"].line-numbers > code {
position: relative;
white-space: inherit;
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -3.8em;
width: 3em; /* works for line-numbers below 1000 lines */
letter-spacing: -1px;
border-right: 1px solid #999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.line-numbers-rows > span {
pointer-events: none;
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: #999;
display: block;
padding-right: 0.8em;
text-align: right;
}

22
sync.sh Executable file
View file

@ -0,0 +1,22 @@
#!/usr/bin/env bash
remote="mijnblog@netsoj.nl:site/"
notremote="."
# z = compress
# r = recursive (I don't want to keep owner and such)
# P = progress + partial
# t = preserve modification times
# h = show human readable numbers
# X = preserve extended attributes
# --exclude mijnblog = don't send that huge binary over thousands of times.
flags="-rzPthX --exclude mijnblog --stats"
case $1 in
"pull")
shift
rsync $flags $@ $remote $notremote;;
"push")
shift
rsync $flags $@ $notremote $remote;;
*)
echo "usage: $0 [push|pull] <arguments to rsync...>";;
esac