marie/website
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

update the layout some more; add site-generation info in footer

Browse source
This commit is contained in:
Marie 2024-09-09 23:06:19 +02:00
parent 22a83038ff
commit ac0e1071ea
4 changed files with 56 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
build.mb
View file

@ -19,6 +19,18 @@ sector c_rules
str input_format 'data/$(%element%).sad' str input_format 'data/$(%element%).sad'
str output_format '$(%element%).html' str output_format '$(%element%).html'
str exec 'bin/fpc-sitegen -i $(%input%) -o $(%output%)' str exec '#!/usr/bin/env bash
bin/fpc-sitegen -i $(%input%) -o $(%output%)
COMMIT_SHORT=\$(git rev-parse --short HEAD)
DATE=\$(date +%d.%m.%Y)
TIME=\$(date +%H:%M:%S)
sed -i ''s/\\\$\\\$DATE\\\$\\\$/''"\$DATE/g" $(%output%)
sed -i ''s/\\\$\\\$TIME\\\$\\\$/''"\$TIME/g" $(%output%)
sed -i ''s@\\\$\\\$SOURCE\\\$\\\$@$(%input%)@g'' $(%output%)
sed -i ''s/\\\$\\\$COMMIT\\\$\\\$/''"\$COMMIT_SHORT/g" $(%output%)
'
end end
end end

22
data/index.sad
View file

@ -10,6 +10,14 @@ This website was made using <a
href="https://github.com/FelixEcker/fpc-sitegen">my own static-site href="https://github.com/FelixEcker/fpc-sitegen">my own static-site
generator</a> written in 100% freepascal. Since I am too lazy to make a nice generator</a> written in 100% freepascal. Since I am too lazy to make a nice
template this also looks like shit :) template this also looks like shit :)
{$begin-section} socials-contacts
{$sub-head} Socials / Contact
* <a href="https://github.com/Felixecker"> GitHub </a><br>
* <a href="https://twitter.com/karpfenhoe"> Twitter </a><br>
* <a href="https://www.pouet.net/user.php?who=106160"> Pouet </a><br>
{$end-section}
{$end-section} {$end-section}
{$begin-section} projects {$begin-section} projects
{$head} projects {$head} projects
@ -17,23 +25,23 @@ template this also looks like shit :)
{$begin-section} c {$begin-section} c
{$sub-head} c {$sub-head} c
* <a href="https://github.com/FelixEcker/mariebuild"> mariebuild </a><br> * <a href="projects/mariebuild">mariebuild</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mariebuild">[github]</a><br>
<div class="description"> &emsp; A customary buildsystem written in C. </div> <div class="description"> &emsp; A customary buildsystem written in C. </div>
* <a href="https://github.com/FelixEcker/mcfg_2"> mcfg_2 </a><br> * <a href="projects/mcfg_2">mcfg_2</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mcfg_2">[github]</a><br>
<div class="description"> &emsp; Library to parse the Marie-Configuration/2 file format. </div> <div class="description"> &emsp; Library to parse the Marie-Configuration/2 file format. </div>
* <a href="https://github.com/FelixEcker/mawim"> mawim </a><br> * <a href="projects/mawim">mawim</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/mawim">[github]</a><br>
<div class="description"> &emsp; Simple and not fully functional X11 Window Manager. </div> <div class="description"> &emsp; Simple and not fully functional X11 Window Manager. </div>
* <a href="https://github.com/FelixEcker/libfwbt"> libfwbt </a><br> * <a href="projects/libfwbt">libfwbt</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/libfwbt">[github]</a><br>
<div class="description"> &emsp; A Library to parse Fixed-Width-Binary-Tables. </div> <div class="description"> &emsp; A Library to parse Fixed-Width-Binary-Tables. </div>
{$end-section} {$end-section}
{$begin-section} freepascal {$begin-section} freepascal
{$sub-head} freepascal {$sub-head} freepascal
* <a href="https://github.com/FelixEcker/fpc-sitegen"> fpc-sitegen </a><br> * <a href="projects/fpc-sitegen">fpc-sitegen</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/fpc-sitegen">[github]</a><br>
<div class="description"> &emsp; A simple static-site-generator. </div> <div class="description"> &emsp; A simple static-site-generator. </div>
* <a href="https://github.com/FelixEcker/sad"> sad </a><br> * <a href="projects/sad">sad</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/sad">[github]</a><br>
<div class="description"> &emsp; The Simple-Ansi-Document file format suite. </div> <div class="description"> &emsp; The Simple-Ansi-Document file format suite. </div>
* <a href="https://github.com/FelixEcker/pasfetch"> pasfetch </a><br> * <a href="projects/pasfetch">pasfetch</a>&ensp;<a class="git-link" href="https://github.com/FelixEcker/pasfetch">[github]</a><br>
<div class="description"> &emsp; My system information fetcher. </div> <div class="description"> &emsp; My system information fetcher. </div>
{$end-section} {$end-section}
{$end-section} {$end-section}

6
data/template.sgt
View file

@ -22,12 +22,14 @@ output-format:
<link rel="icon" type="image/x-icon" href="emmie.fav.jpg"> <link rel="icon" type="image/x-icon" href="emmie.fav.jpg">
</head> </head>
<body> <body>
<!--
<div class="sidenav"> <div class="sidenav">
<a href="#">Start</a> <a href="#">Start</a>
<a href="https://github.com/FelixEcker"> GitHub </a> <a href="https://github.com/FelixEcker"> GitHub </a>
<a href="https://twitter.com/karpfenhoe"> Twitter </a> <a href="https://twitter.com/karpfenhoe"> Twitter </a>
<a href="https://www.pouet.net/user.php?who=106160"> Pouet </a> <a href="https://www.pouet.net/user.php?who=106160"> Pouet </a>
</div> </div>
-->
<div class="main"> <div class="main">
<img id="banner" src="pics/SUNSET_REVERSE.GIF"> <img id="banner" src="pics/SUNSET_REVERSE.GIF">
@ -53,6 +55,10 @@ output-format:
<img src="banners/minibanner.gif"> <img src="banners/minibanner.gif">
<img src="banners/pouet.gif"> <img src="banners/pouet.gif">
<img src="banners/transnow2.gif"> <img src="banners/transnow2.gif">
<br>
<p> Last generated @ $$DATE$$, $$TIME$$ ; source $$SOURCE$$ @ commit $$COMMIT$$ </p>
</div> </div>
</div> </div>
</body> </body>

35
test.css
View file

@ -8,36 +8,43 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
/* The sidebar menu */
/* The sidebar menu
.sidenav { .sidenav {
height: 100%; /* Full-height: remove this if you want "auto" height */ height: 100%; /* Full-height: remove this if you want "auto" height
width: 160px; /* Set the width of the sidebar */ width: 160px; /* Set the width of the sidebar
position: fixed; /* Fixed Sidebar (stay in place on scroll) */ position: fixed; /* Fixed Sidebar (stay in place on scroll)
z-index: 1; /* Stay on top */ z-index: 1; /* Stay on top
top: 0; /* Stay at the top */ top: 0; /* Stay at the top
left: 0; left: 0;
background-color: #e7eaef; /* Black */ background-color: #e7eaef; /* Black
overflow-x: hidden; /* Disable horizontal scroll */ overflow-x: hidden; /* Disable horizontal scroll
padding-top: 20px; padding-top: 20px;
} }
/* The navigation menu links */ .sidenav h1 {
font-size: 20pt;
}
/* The navigation menu links
.sidenav a { .sidenav a {
padding: 6px 8px 6px 16px; padding: 6px 8px 6px 16px;
text-decoration: none; text-decoration: none;
font-size: 25px; font-size: 15pt;
color: black; color: black;
display: block; display: block;
} }
/* When you mouse over the navigation links, change their color */ /* When you mouse over the navigation links, change their color
.sidenav a:hover { .sidenav a:hover {
color: #818181; color: #818181;
} }
*/
/* Style page content */ /* Style page content */
.main { .main {
margin-left: 160px; /* Same as the width of the sidebar */
padding: 0px 10px; padding: 0px 10px;
background-color: #f0f4f7; background-color: #f0f4f7;
height: 100%; height: 100%;
@ -66,7 +73,7 @@ body {
} }
.sub-header { .sub-header {
font-size: 20pt; font-size: 18pt;
} }
.sub-header a { .sub-header a {
@ -95,6 +102,8 @@ body {
font-size: 12pt; font-size: 12pt;
} }
#banner { #banner {
width:100%; width:100%;
} }