Initial commit
This commit is contained in:
commit
63dd5fd5b3
9 changed files with 140 additions and 0 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
dist/
|
||||
sync.sh
|
||||
17
build.sh
Executable file
17
build.sh
Executable file
|
|
@ -0,0 +1,17 @@
|
|||
#!/bin/bash
|
||||
|
||||
source_to_target() { sed -E -e 's:\.\./src/:\./:' -e 's/.md$/.html/'; }
|
||||
escape_newlines() { tr -d "\\n"; }
|
||||
|
||||
shopt -s globstar
|
||||
rm -rf dist/
|
||||
mkdir dist&&cd dist
|
||||
cp ../style.css .
|
||||
for file in $(du -a ../src/ | cut -f2 | grep -E '.md$'); do
|
||||
target="$(echo $file | source_to_target)"
|
||||
content="$(pandoc --from markdown+emoji --wrap=none -i $file | sed -e 's/[]\/$*.^[]/\\&/g' | escape_newlines )" # To escape the string for sed later on
|
||||
prefix=$(realpath --relative-to $(dirname $target) .)
|
||||
sidebar=$(for x in ../src/**/*.md; do echo "<li><a href=\"$(echo $prefix/$x | source_to_target)\">$(realpath --relative-to ../src/ $x | sed -e 's/.md$//')</a></li>" | sed -e 's/[]\/$*.^[]/\\&/g' | escape_newlines; done)
|
||||
mkdir -p $(dirname $target)
|
||||
cat ../template.tpl | sed -e "s/{CONTENT}/$content/" -e "s:{PREFIX}:$prefix:" -e "s/{SIDEBAR}/$sidebar/" > $target
|
||||
done
|
||||
15
src/about.md
Normal file
15
src/about.md
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
# About this page
|
||||
|
||||
This page is written in Markdown, and transformed to HTML using a custom templating engine written in Bash script. It makes heavy use of `sed` and other Unix utilities.
|
||||
Writing this was really fun, and a great little project to test and improve my skills :smiley:
|
||||
|
||||
Once I cleaned up the code, the generator will be made public under the MIT license.
|
||||
|
||||
Feature ToDo-list:
|
||||
|
||||
- Properly support subdirectories
|
||||
- Add more buttons to the nav bar
|
||||
- Make mobile friendly
|
||||
- Make templates more powerful
|
||||
|
||||
If you have any questions about this, you can reach out to me.
|
||||
12
src/contact.md
Normal file
12
src/contact.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
# Contact me
|
||||
|
||||
You can contact me in the following ways:
|
||||
|
||||
* By mail (preferred option), to [jotto5@](mailto:jotto5@hs-mittweida.de)
|
||||
* On Discord ([@sleppo04](https://discord.com/users/sleppo04))
|
||||
* Others on request
|
||||
|
||||
If you don't know what to contact me about: Try computers graphics, programming, music and trains! You can also talk to me if you want
|
||||
to talk about trans-topics, or just want to vent about the difficulties of being queer :heart:
|
||||
|
||||
While not a contact channel per se, I can also be found in the fediverse as [@joss@tech.lgbt](https://tech.lgbt/@joss)!
|
||||
10
src/index.md
Normal file
10
src/index.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
# Haii :3 :cherry_blossom:
|
||||
|
||||
This is my university page, which is still under heavy construction. It is replacing my older page, which, to be fair, looked awful.
|
||||
|
||||
A few small facts about me:
|
||||
|
||||
* My name is Jocelyn :dog:
|
||||
* I am a student in the CB faculty of this university
|
||||
* My preferred pronouns are `she/her`
|
||||
* I like touching computers :3
|
||||
8
src/others.md
Normal file
8
src/others.md
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
# Other sites
|
||||
|
||||
This is a place for me to put links to friendly websites!
|
||||
|
||||
* Emil's site: [~emarche](https://www.student.hs-mittweida.de/~emarche)
|
||||
* My private homepage at [jossco.de](https://jossco.de)
|
||||
|
||||
If you want to be here, contact me :grin:
|
||||
1
src/queer.md
Normal file
1
src/queer.md
Normal file
|
|
@ -0,0 +1 @@
|
|||
# Yes.
|
||||
53
style.css
Normal file
53
style.css
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: Purple;
|
||||
color: #FFFFFF;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
.nav-name {
|
||||
font-weight: 1000;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
float: right;
|
||||
text-align: center;
|
||||
padding-left: 25px;
|
||||
display: block;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
height: 100%;
|
||||
width: 200px;
|
||||
position: fixed;
|
||||
border-right: 1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
.sidemenu li {
|
||||
list-style-type: "\02386";
|
||||
list-style-position: outside;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
.sidemenu li a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: #000040;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 20px;
|
||||
margin-left: 200px;
|
||||
color: #000040;
|
||||
}
|
||||
22
template.tpl
Executable file
22
template.tpl
Executable file
|
|
@ -0,0 +1,22 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Jocelyn Otto</title>
|
||||
<link rel="stylesheet" href="{PREFIX}/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="navbar">
|
||||
<span class="nav-name">Jocelyn Otto</span>
|
||||
<a href="https://jossco.de">Private page</a>
|
||||
</header>
|
||||
<div class="sidebar">
|
||||
<ul class="sidemenu">
|
||||
{SIDEBAR}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content">
|
||||
{CONTENT}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue