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
* <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>
<div class="description"> &emsp; Library to parse the Marie-Configuration/2 file format. </div>
* <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>
<div class="description"> &emsp; A Library to parse Fixed-Width-Binary-Tables. </div>
{$end-section}
{$begin-section} freepascal
{$sub-head} freepascal
* <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>
<div class="description"> &emsp; The Simple-Ansi-Document file format suite. </div>
* <a href="https://github.com/FelixEcker/pasfetch"> pasfetch </a><br>
<div class="description"> &emsp; My system information fetcher. </div>
{$end-section}
Kindly hosted and taken care for by tila from <a href="https://heroin.trade"> heroin.trade </a> :3.
{$end-section}

21
data/template.sgt
View file

@ -17,6 +17,7 @@ output-format:
<!DOCTYPE html>
<html>
<head>
<title> $$DOCUMENT_TITLE$$ </title>
<link type="text/css" rel="stylesheet" href="test.css">
<link rel="icon" type="image/x-icon" href="emmie.fav.jpg">
</head>
@ -29,13 +30,29 @@ output-format:
</div>
<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>
<hr>
$$CONTENT$$
<hr>
<div class="banners">
<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">
<div class="footer">
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>
</body>

BIN
pics/SUNSET_REVERSE.GIF Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

45
test.css
View file

@ -2,6 +2,12 @@
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
/* The sidebar menu */
.sidenav {
height: 100%; /* Full-height: remove this if you want "auto" height */
@ -10,7 +16,7 @@
z-index: 1; /* Stay on top */
top: 0; /* Stay at the top */
left: 0;
background-color: white; /* Black */
background-color: #e7eaef; /* Black */
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 20px;
}
@ -20,20 +26,21 @@
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: #818181;
color: black;
display: block;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
color: #f1f1f1;
color: #818181;
}
/* Style page content */
.main {
margin-left: 160px; /* Same as the width of the sidebar */
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) */
@ -54,10 +61,40 @@
font-size: 25pt;
}
.header a {
font-size: 25pt;
}
.sub-header {
font-size: 20pt;
}
.sub-header a {
font-size: 20pt;
}
.text {
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%;
}