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

beautify website

Browse source
This commit is contained in:
Marie 2024-09-09 16:42:17 +02:00
parent 06824fa76a
commit 22a83038ff
8 changed files with 69 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -1 +1 @@
./*.html *.html

BIN
banners/lazarus.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.9 KiB

0
bin/fpc-sitegen Normal file → Executable file
View file

0
bin/mb Normal file → Executable file
View file

9
data/index.sad
View file

@ -18,17 +18,22 @@ template this also looks like shit :)
{$sub-head} c {$sub-head} c
* <a href="https://github.com/FelixEcker/mariebuild"> mariebuild </a><br> * <a href="https://github.com/FelixEcker/mariebuild"> mariebuild </a><br>
<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="https://github.com/FelixEcker/mcfg_2"> mcfg_2 </a><br>
<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="https://github.com/FelixEcker/mawim"> mawim </a><br>
<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="https://github.com/FelixEcker/libfwbt"> libfwbt </a><br>
<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="https://github.com/FelixEcker/fpc-sitegen"> fpc-sitegen </a><br>
<div class="description"> &emsp; A simple static-site-generator. </div>
* <a href="https://github.com/FelixEcker/sad"> sad </a><br> * <a href="https://github.com/FelixEcker/sad"> sad </a><br>
<div class="description"> &emsp; The Simple-Ansi-Document file format suite. </div>
* <a href="https://github.com/FelixEcker/pasfetch"> pasfetch </a><br> * <a href="https://github.com/FelixEcker/pasfetch"> pasfetch </a><br>
<div class="description"> &emsp; My system information fetcher. </div>
{$end-section} {$end-section}
Kindly hosted and taken care for by tila from <a href="https://heroin.trade"> heroin.trade </a> :3.
{$end-section} {$end-section}

21
data/template.sgt
View file

@ -17,6 +17,7 @@ output-format:
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title> $$DOCUMENT_TITLE$$ </title>
<link type="text/css" rel="stylesheet" href="test.css"> <link type="text/css" rel="stylesheet" href="test.css">
<link rel="icon" type="image/x-icon" href="emmie.fav.jpg"> <link rel="icon" type="image/x-icon" href="emmie.fav.jpg">
</head> </head>
@ -29,13 +30,29 @@ output-format:
</div> </div>
<div class="main"> <div class="main">
<img id="banner" src="pics/SUNSET_REVERSE.GIF">
<div class="title-format"> <img src="pics/grins.gif"> $$DOCUMENT_TITLE$$ <img src="pics/baustelle.gif"> </div> <div class="title-format"> <img src="pics/grins.gif"> $$DOCUMENT_TITLE$$ <img src="pics/baustelle.gif"> </div>
<hr> <hr>
$$CONTENT$$ $$CONTENT$$
<hr> <hr>
<div class="banners"> <div class="footer">
<img src="banners/under-con.gif"><img src="banners/heroin_trade.png"><img src="banners/linux-p.gif"><img src="banners/minibanner.gif"><img src="banners/pouet.gif"><img src="banners/transnow2.gif"> Kindly hosted and taken care for by tila from <a href="https://heroin.trade">
heroin.trade </a> :3. <br><br>
<a href="https://heroin.trade">
&lt;&lt; tila's site </a> | <a href="https://martini.moe"> moe's site &gt;&gt;
</a>
<br><br>
<img src="banners/under-con.gif">
<img src="banners/lazarus.png">
<img src="banners/heroin_trade.png">
<img src="banners/linux-p.gif">
<img src="banners/minibanner.gif">
<img src="banners/pouet.gif">
<img src="banners/transnow2.gif">
</div> </div>
</div> </div>
</body> </body>

BIN
pics/SUNSET_REVERSE.GIF Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

47
test.css
View file

@ -2,6 +2,12 @@
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif; font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
} }
html,
body {
height: 100%;
margin: 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 */
@ -10,7 +16,7 @@
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: white; /* Black */ background-color: #e7eaef; /* Black */
overflow-x: hidden; /* Disable horizontal scroll */ overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 20px; padding-top: 20px;
} }
@ -20,27 +26,28 @@
padding: 6px 8px 6px 16px; padding: 6px 8px 6px 16px;
text-decoration: none; text-decoration: none;
font-size: 25px; font-size: 25px;
color: #818181; 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: #f1f1f1; color: #818181;
} }
/* Style page content */ /* Style page content */
.main { .main {
margin-left: 160px; /* Same as the width of the sidebar */ margin-left: 160px; /* Same as the width of the sidebar */
padding: 0px 10px; padding: 0px 10px;
background-color: #e7eaef; background-color: #f0f4f7;
height: 100%;
} }
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */ /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) { @media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;} .sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;} .sidenav a {font-size: 18px;}
} }
.title-format { .title-format {
font-size: 30pt; font-size: 30pt;
@ -54,10 +61,40 @@
font-size: 25pt; font-size: 25pt;
} }
.header a {
font-size: 25pt;
}
.sub-header { .sub-header {
font-size: 20pt; font-size: 20pt;
} }
.sub-header a {
font-size: 20pt;
}
.text { .text {
font-size: 15pt; font-size: 15pt;
} }
.text a {
font-size: 15pt;
}
.description {
font-size: 12pt;
font-style: italic;
}
.footer {
font-size: 12pt;
bottom: 0;
}
.footer a {
font-size: 12pt;
}
#banner {
width:100%;
}