From cd9f8a14cc1c051b99e52650773eda2eef0f6a03 Mon Sep 17 00:00:00 2001 From: Ralf Jung Date: Tue, 6 Oct 2015 21:20:44 +0200 Subject: [PATCH] a first version of my site proted to jekyll --- .gitignore | 2 + _config.yml | 19 ++++ _includes/menu.html | 6 ++ _layouts/default.html | 30 ++++++ _layouts/post.html | 15 +++ blog/index.html | 23 +++++ build.sh | 42 ++++++++ feed.xml | 30 ++++++ index.html | 65 +++++++++++++ projects/.gitignore | 1 + style.css | 218 ++++++++++++++++++++++++++++++++++++++++++ 11 files changed, 451 insertions(+) create mode 100644 .gitignore create mode 100644 _config.yml create mode 100644 _includes/menu.html create mode 100644 _layouts/default.html create mode 100644 _layouts/post.html create mode 100644 blog/index.html create mode 100755 build.sh create mode 100644 feed.xml create mode 100644 index.html create mode 100644 projects/.gitignore create mode 100644 style.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..badbc02 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +_site +.sass-cache diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..f091138 --- /dev/null +++ b/_config.yml @@ -0,0 +1,19 @@ +# Site settings +title: ralfj.de +url: "https://www.ralfj.de" + +struct: + - url: "/" + title: "ralfj.de" + - url: "/blog" + title: "test" + +defaults: + - scope: + path: "" # all files in the project + values: + layout: "default" + +# Build settings +markdown: kramdown +exclude: ['*.sh'] diff --git a/_includes/menu.html b/_includes/menu.html new file mode 100644 index 0000000..86eae4f --- /dev/null +++ b/_includes/menu.html @@ -0,0 +1,6 @@ +

ralfj.de

diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..e19cd91 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,30 @@ + + + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + {% if page.excerpt %}{% endif %} + + + + {% if page.rss or page.layout == 'post' %}{% endif %} + + + +

+ + {% include menu.html %} + +

{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}

+ {{ content }} +

+ +

+ + diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..a2b4e52 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,15 @@ +--- +layout: default +--- +

+ +

{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} â¢ {{ page.author }}{% endif %}{% if page.meta %} â¢ {{ page.meta }}{% endif %}

+ +

+ {{ content }} +

+ +

diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..83d9398 --- /dev/null +++ b/blog/index.html @@ -0,0 +1,23 @@ +--- +layout: default +--- + +

+ +

Posts

+ +

+ {{ post.date | date: "%b %-d, %Y" }} + +
+ {{ post.title }} +
+

+ + + +

diff --git a/build.sh b/build.sh new file mode 100755 index 0000000..4305b3b --- /dev/null +++ b/build.sh @@ -0,0 +1,42 @@ +#!/bin/bash + +PROJECTS_BASE="$HOME/src" +TMPFILE=$(mktemp) + +while getopts "ds" opt; do + case $opt in + d) + DEVEL=1 + ;; + s) + SYNC=1 + ;; + esac +done + +# update READMEs +for PROJECT in lilass schsh; do + # get the file + if [ -n "$DEVEL" ]; then + INFILE="$PROJECTS_BASE/$PROJECT/README.md" + else + cd "$PROJECTS_BASE/$PROJECT" + git show master:README.rst > "$TMPFILE" + INFILE="$TMPFILE" + cd - > /dev/null + fi + OUTFILE="projects/$PROJECT/index.md" + # process it + echo "---" > "$OUTFILE" + head -n 1 "$INFILE" | sed 's/$.*$/title: "\1"/' >> "$OUTFILE" + echo "---" >> "$OUTFILE" + echo >> "$OUTFILE" + tail -n +3 "$INFILE" >> "$OUTFILE" +done + +# call jekyll +jekyll build + +if [ -n "$SYNC" ]; then + echo "TODO: sync to server" +fi diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..a6628bd --- /dev/null +++ b/feed.xml @@ -0,0 +1,30 @@ +--- +layout: null +--- + + + + {{ site.title | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..326d043 --- /dev/null +++ b/index.html @@ -0,0 +1,65 @@ +--- +--- + +

Willkommen

+Willkommen auf ralfj.de, meinem Server fÃ¼r Experimente und digitale UnabhÃ¤ngigkeit. +Auf dieser Maschine laufen diverse Dienste, die zum modernen Alltag gehÃ¶ren, und die ich ungern Datenkraken in irgendwelchen Wolken anvertrauen mÃ¶chte (was, wenn es regnet?): +

E-Mail,
Jabber: Meine Jabber-ID lautet ralf-ÃT-jabber-PUNKT-ralfj-PUNKT-de (siehe auch den Wikipedia-Artikel zu Jabber),
Git-Repositories,
Mailing-Listen,
ein DNS-Server (inkl. DynDNS und DNSSEC),
und einiges mehr.

+Alle Software, die auf meinem Server lÃ¤uft, ist selbstverstÃ¤ndlich frei. +Nur so kann ich davon ausgehen, dass sie nicht gegen mich bzw. meine Interessen handelt. +Zudem lÃ¤uft alle Kommunikation (soweit irgend mÃ¶glich) verschlÃ¼sselt ab. Diese Art von Selbstverteidigung ist heutzutage offenbar nÃ¶tig, um verbriefte Rechte (wie das Postgeheimnis) und unsere Freiheit auch im Internet durchzusetzen.
+Mein GPG-SchlÃ¼ssel hat Ã¼brigens die ID 0x1B24F3FF. Du kannst ihn hier oder von einem beliebigen SchlÃ¼sselserver des SKS-Netzes herunterladen. +

+Warum ich mir diese MÃ¼he mache? Nun, die UnabhÃ¤ngigkeit von den Ã¼blichen Internetgiganten habe ich ja schon erwÃ¤hnt. +Zudem macht es mir eine Menge SpaÃ, mir diese Technik mal genauer anzuschauen und zu verstehen, wie sie funktioniert. +Nicht zuletzt habe ich beim Einrichten dieses Servers eine Menge gelernt. +Falls du Fragen hierzu (oder zu sonst irgendwas auf diesem Server) hast, zÃ¶gere bitte nicht, mich anzuschreiben! +

+ +

+Im MenÃ¼ links findest du Informationen Ã¼ber mich bzw. was ich so tue. +Vielleicht ist manches davon ja auch fÃ¼r dich interessant. +
+Falls du etwas Zerstreuung suchst, schau dir doch mal das Video an, das ich gemeinsam mit einem Kommilitonen fÃ¼r die Computergraphik-Vorlesung erstellt habe: +Breaking All the Way Out. +

+ +

Welcome

+Welcome on ralfj.de, my server for experiments and digital independence. +On this machine I maintain several services which are part of modern life, and which I would rather not entrust to data krakens in some cloud (what if it's raining?): +

E-Mail,
Jabber: My Jabber-ID is ralf-AT-jabber-DOT-ralfj-DOT-de (also see the Wikipedia article about Jabber),
Git repositories,
Mailing lists,
a DNS server (incl. DynDNS and DNSSEC),
and more.

+All software running on my server is of course free. +This is the only way for me to expect that it is not actually acting against my interests. +Besides, all communication (if at all possible) is encrypted. This self-defense is seemingly necessary today to achieve freedom and basic rights (like privacy of telecommunications) in the digital world.
+Speaking of which, my GPG key has the ID 0x1B24F3FF. You can download it here or on any keyserver of the SKS network. +

+You may wonder why I spend so much time on this. Well, I already mentioned independence of the usual internet giants. +Besides, it's lots of fun to have a closer look at the tools and service we all use daily, and understand how they function. +Last not least, I learned a lot while setting up this server. +If you have questions about this (or anything else on this server), please don't hesitate to mail me! +

+ +

+Use the menu at the left to browse this site for information about me and my projects. Maybe some of them are also of interest to you? +
+If you are looking for some distraction, why not have a look at the video I created together with a fellow student for the computer graphics course: +Breaking All the Way Out. +

diff --git a/projects/.gitignore b/projects/.gitignore new file mode 100644 index 0000000..c8b8b75 --- /dev/null +++ b/projects/.gitignore @@ -0,0 +1 @@ +*/index.md diff --git a/style.css b/style.css new file mode 100644 index 0000000..be1c63c --- /dev/null +++ b/style.css @@ -0,0 +1,218 @@ +@charset "utf-8"; + +/* General Fonts */ +html, body, div, p { + font-family: DejaVu Sans, Verdana, Arial, sans-serif; + font-size: 12pt; +} +/* Header Size & Spacing */ +h1 { + margin-top: 0.1em; + font-size: 200%; + margin-bottom: 0.4em; +} +h2 { + margin-top: 0.5em; + font-size: 150%; + margin-bottom: 0.2em; +} +h3 { + margin-top: 0.5em; + font-size: 135%; + margin-bottom: 0.1em; +} +h4 { + margin-top: 0.5em; + font-size: 120%; + margin-bottom: 0.0em; +} + +/* Layout and Color stuff */ +/* General page structure */ +body { + padding: 0.8em; + margin: 0; + color:#DDD; + background-color:#505050; +} +#frame { + margin: 0 auto; + max-width: calc(50em + 2*11em); /* content width plus 2*navi width */ +} +#page { + border: solid #121212 1px; + background-color: #252525; + margin: 0 11.0em; /* navi width */ + border-radius: 10px; + padding: 0; +} +#page h1 { + border-bottom: solid #08f 2px; + text-align: center; + padding: 0 0.7em; +} +#content { + display: block; + margin: 0.7em; +} +/* Navigation menu */ +#navi { + /* No border, no padding, so all the width computations become easy. */ + float: left; + background-color:#505050; + width: 11.0em; /* navi width */ + padding: 0; + margin: 0; + margin-top:2.7em; +} +#navi ul { + margin: 0px; + padding: 0px; + list-style-type: none; +} +#navi ul ul { + /* Indentation for nested nodes */ + margin-left: 1.2em; +} +#navi li { + /* Border around the links */ + margin-top:0.1em; + background-color: #252525; + border-left: solid #36ff00 2px; + border-right: solid #36ff00 2px; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; +} +#navi li a { + display: block; + width: 100%; + + color: #9ed2ff; + font-size:110%; + text-decoration: none; + text-align: center; +} +#navi li.current +{ + border-color: #ffa700; +} +#navi li:hover { + border-color: #08f; + border-radius: 0; +} +#navi li:hover a { + color: #DDD; +} +/* Small screens */ +@media screen and (max-width:60em) { + #frame, #page, #navi { + margin: 0; + width: auto; + max-width: none; + clear: both; + } + #page { + /* the navi will be added above this */ + border-top-left-radius: 0; + border-top-right-radius: 0; + } + #navi { + /* Place navi above the title */ + float: none; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + border-bottom: solid #36ff00 2px; + background-color: #252525; + padding: 0.7em; + } + #navi ul, #navi ul ul, #navi li, #navi li a { + margin: 0; + padding: 0; + display: inline; + } + /* Display only parent and children, and deocare them appropriately */ + #navi li { + display:inline-block; + margin: 0 0.2em; + } + #navi li.sibling { + display:none; + } + #navi li.parent:before, #navi li.current:before { + content: "Â» "; + } + #navi li.child:before { + content: "Â» "; + } + #navi li.child + li:before { + content: "| "; + } + #navi li { + border: none; + } + #navi li.current a { + text-decoration: underline; + } +} +/* Printing */ +@media print { + #frame, #page { + margin: 0; + width: auto; + max-width: none; + border: none; + } + #page h1 { + border: none; + } + #navi { + display: none; + } +} + +/* RST styling */ +article.rst dt { + font-weight: bold; +} +article.rst dd { + margin-bottom: 1em; +} +article.rst a.rst-footnote { + vertical-align: super; +} +article.rst div.rst-footnote { + display: table; +} +article.rst div.rst-footnote > * { + display: table-cell; +} +article.rst div.rst-footnote a { + min-width: 3em; +} +article.rst .rst-literal, article.rst pre { + font-family: monospace; + font-size: 82%; +} +article.rst .rst-literal { + padding: 0.1em 0.2em; + background-color: #505050; +} +article.rst pre { + padding: 0.6em; + background-color: #505050; +} + +/* Content styling */ +#content p { + margin: 0.5em 0; + line-height: 1.3; +} +#content a { + color:#9ed2ff; +} +#content a:visited { + color:#bfe1ff; +} +#content a:hover { + color:#5089ba; +} -- 2.30.2

{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}

Posts

+ {{ post.title }} +

Willkommen

Welcome