fadaesen/fadaesen-webservice
fadaesen/fadaesen-webservice
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove garbage from changelog; Use SCSS variables more; Fix navigation bar using cursor; Add page footer; Miscellaneous text changes; Add addresses to Minecraft servers; Add table styling; Add addresses to mandelbrot.dk entry points; Update subheading styling;

Browse source
This commit is contained in:
Gabriel Bjørnager Jensen 2023-03-04 20:28:18 +01:00
parent f26ec51940
commit a6c1a7d878
12 changed files with 167 additions and 88 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
CHANGELOG.txt
View file

@ -1,3 +1,15 @@
# 53
* Remove garbage from changelog;
* Use SCSS variables more;
* Fix navigation bar using cursor;
* Add page footer;
* Miscellaneous text changes;
* Add addresses to Minecraft servers;
* Add table styling;
* Add addresses to mandelbrot.dk entry points;
* Update subheading styling;
# 52
* Update palette;
@ -16,21 +28,6 @@
* Fix typo on about page;
* Enlarge spacing between sections;
Update palette;
* Update section border styling;
* Move encyclopedia to achernar;
* Rename include directory to shtml;
* Remove graphics and texts pages;
* Use SCSS for styling (use processStyles.sh) and rewrite it;
* Give each page its own title;
* Remove second row from navigation bar;
* Move theme toggler above links in navigation bar;
* Update logos with new colours;
* Ignore CSS files;
* Transfer post;
* Remove theme toggler;
* Fix typo on about page;
# 51
* Remove 'to top' button;

2
css/banner.scss
View file

@ -1,5 +1,5 @@
div.banner {
background-color:var(--colour);
background-color:$primaryColour;
padding: 1rem;
width: 100%;

43
css/base.scss
View file

@ -1,26 +1,25 @@
$black: #1B1A1A; // 7/32
$darkgrey: #232121; // 8/32
$lightgrey:#ECEAEA; // 30/32
$white: #F6F4F4; // 31/32
$red: #A50034; // 207 C
$yellow: #FFA400; // 137 C
$green: #00965E; // 340 C
$blue: #0072CE; // 285 C
$bodyColour: $black;
$backgroundColour:$darkgrey;
$foregroundColour:$white;
$primaryColour: $red;
$minimumPageWidth:12rem;
$maximumPageWidth:48rem;
$monospaceFont:"Source Code Pro","monospace";
$sansSerifFont:"Helvetica","sans-serif";
$serifFont: "Liberation Serif","serif";
:root {
--black: #1B1A1A; // 7/32
--darkgrey: #232121; // 8/32
--lightgrey:#ECEAEA; // 30/32
--white: #F6F4F4; // 31/32
--red: #A50034; // 207 C
--yellow: #FFA400; // 137 C
--green: #00965E; // 340 C
--blue: #0072CE; // 285 C
--bodyColour: var(--black);
--backgroundColour:var(--darkgrey);
--foregroundColour:var(--white);
--colour: var(--red);
--fadedColour: var(--red);
--minimumPageWidth:12rem;
--maximumPageWidth:48rem;
font-family:$serifFont;
font-size: calc(1000mm / 1728 * 8);
}
@ -32,17 +31,17 @@ $serifFont: "Liberation Serif","serif";
}
body {
background-color:var(--bodyColour);
color: var(--foregroundColour);
background-color:$bodyColour;
color: $foregroundColour;
}
a {
&,&:visited {
color: var(--fadedColour);
color: $primaryColour;
text-decoration:none;
}
&:hover {
color:var(--foregroundColour);
color:$foregroundColour;
}
}

1
css/main.scss
View file

@ -3,3 +3,4 @@
@import "navigationBar";
@import "banner";
@import "page";
@import "pageFooter";

11
css/navigationBar.scss
View file

@ -1,10 +1,9 @@
div.navigationBar {
background-color:var(--foregroundColour);
color: var(--backgroundColour);
cursor: pointer;
background-color:$foregroundColour;
color: $backgroundColour;
margin: 0 auto;
max-width: var(--maximumPageWidth);
min-width: var(--minimumPageWidth);
max-width: $maximumPageWidth;
min-width: $minimumPageWidth;
padding: 1rem 2rem;
p.links {
@ -22,7 +21,7 @@ div.navigationBar {
font-weight:bold;
&,&:visited {
color:var(--backgroundColour);
color:$backgroundColour;
}
&:hover {

33
css/page.scss
View file

@ -1,12 +1,12 @@
div.page {
background-color:var(--backgroundColour);
border-top-color:var(--foregroundColour);
background-color:$backgroundColour;
border-top-color:$foregroundColour;
border-top-style:solid;
border-top-width:calc(1rem / 3);
color: var(--foregroundColour);
color: $foregroundColour;
margin: 0 auto;
max-width: var(--maximumPageWidth);
min-width: var(--minimumPageWidth);
max-width: $maximumPageWidth;
min-width: $minimumPageWidth;
padding: 1rem 2rem;
p.heading {
@ -21,8 +21,8 @@ div.page {
margin-top:2rem;
}
img,ol,p:not(.heading,.subheading),ul {
& + img,& + ol,& + p,& + ul {
img,ol,p:not(.heading,.subheading),table,ul {
& + img,& + ol,& + p,& + table,& + ul {
margin-top:1rem;
}
}
@ -38,6 +38,8 @@ div.page {
margin-bottom:1rem;
span.data {
font-style:italic;
& + span.data {
&::before {
content:"\0020\2014\0020";
@ -45,10 +47,6 @@ div.page {
}
}
}
span.emphasis {
font-style:italic;
}
img.logo {
border-radius:calc(6rem * 16 / 384);
@ -58,9 +56,18 @@ div.page {
ol,ul {
li {
margin-left:1rem;
}
}
ol,ul {
margin-top:0;
table {
border-spacing:calc(1rem / 3);
font-family: $monospaceFont;
tr {
td,th {
background-color:$bodyColour;
border-radius: calc(1rem / 3);
padding: calc(1rem / 3) calc(2rem / 3);
}
}
}

28
css/pageFooter.scss Normal file
View file

@ -0,0 +1,28 @@
div.pageFooter {
margin: 1rem auto;
max-width: $maximumPageWidth;
min-width: $minimumPageWidth;
text-align:center;
p {
& + p {
margin-top:calc(1rem / 2);
}
a {
&,&:visited {
color: $foregroundColour;
text-decoration:underline;
}
&:hover {
text-decoration:none;
}
}
em {
font-style: normal;
font-weight:bold;
}
}
}

5
html/about.html
View file

@ -26,8 +26,7 @@
<p>Elite: <i>StdElite</i> (primært <a href="https://www.elitedangerous.com/">Elite Dangerous</a>);</p>
</li>
</ul>
<p>Disse grupper har blødere vilkår vedrørende medlemskrav: Alle medlemmer af Fadaesen kan tilslutte sig dem, men der er i højere grad også folk ude fra Fadaesen. For at få en invitation til dem skal man (som regel) blot anmode mig om en.</p>
<p>Du kan læse mere om dem på den <a href="/html/subgroups.html">passende side</a>.</p>
<p>Disse grupper har blødere vilkår vedrørende medlemskrav: Alle medlemmer af Fadaesen kan tilslutte sig dem, men der er i højere grad også folk ude fra Fadaesen. For at få en invitation til dem skal man (som regel) blot anmode mig om en. Du kan læse mere om dem på den <a href="/html/subgroups.html">passende side</a>.</p>
</div>
<div class="section">
<p class="heading">Medlemskrav</p>
@ -49,6 +48,6 @@
<p>Trods de stadig ikke-eksisterende interne forhold, så var der alligevel udsigt til en ny Fadaesen &ndash; og forhåbentlig en ny guldalder.</p>
</div>
</div>
<!-- PAGE FOOTER INCLUDE -->
<!--#include virtual="/shtml/pageFooter.shtml"-->
</body>
</html>

2
html/members.html
View file

@ -116,6 +116,6 @@
<p>1. Periode: 2018-12-12T11:15+01:00</p>
</div>
</div>
<!-- PAGE FOOTER INCLUDE -->
<!--#include virtual="/shtml/pageFooter.shtml"-->
</body>
</html>

5
html/posts.html
View file

@ -8,7 +8,8 @@
<div class="page">
<p class="heading">Opslag</p>
<div class="section">
<p>Opslag fra Steam bliver automatisk sat op herinde, og udvalgte (ikke-personfølsomme) opslag fra Discord serveren bliver også overført. Du kan yderligere sende dit opslag direkte til mig, og jeg vil indsætte det i en senere version af hjemmesiden.</p>
<p>Opslag fra Steam bliver automatisk sat op herinde (efter sanktion af skribenten), og udvalgte (ikke-personfølsomme) opslag fra Discord serveren bliver også overført.</p>
<p>Ydermere, så kan du sende dit opslag direkte til mig, og jeg vil indsætte det i en senere version af hjemmesiden (efter godkendelse).</p>
</div>
<div class="section">
<p class="heading">Encyclopaedīa in Alpha Ēridanī movētur!</p>
@ -383,6 +384,6 @@
<p>Så er fadaesen kommet!</p>
</div>
</div>
<!-- PAGE FOOTER INCLUDE -->
<!--#include virtual="/shtml/pageFooter.shtml"-->
</body>
</html>

94
html/subgroups.html
View file

@ -74,38 +74,82 @@
<p>fadaesenMC er en samling af forskellige Minecraft servere.</p>
<p>Undergruppen begyndte åndeligt i foråret af 2019, hvori jeg startede en privat survival. Denne verden, kaldt <i>World1</i>, startede i en tidlig version af spillet og blev løbende opdateret.</p>
<p>Da verden endelig kom op på version 1.1 af spillet, så dannede jeg endnu en verden &ndash; en creative &ndash; kaldet <i>Redstone Madness</i> (senere <i>RedstoneMadness</i> og nu <i>CreativeMadness</i>). Denne verden var inspireret af en tidligere creative af det samme navn. Jeg spillede den gang på begge verdener, men senere blev det nærmest udelukkende på CreativeMadness.</p>
<p>I sommeren af 2020 kom den første spiller, udover mig, på CreativeMadness. I midten af samme september &ndash; i takt med registreringen af fadaesen.dk &ndash; åbnede jeg verden som en server. Flere af mine venner kom på i tiden efter.</p>
<p>I sommeren af 2020 kom den første spiller efter mig på CreativeMadness. I midten af samme september &ndash; i takt med registreringen af fadaesen.dk &ndash; åbnede jeg verden som en server. Flere af mine venner kom på i tiden efter.</p>
<p>På et tidspunkt åbnede jeg også World1 som en server, og fadaesenMC var nu en ting. Flere servere kom til i løbet af årene.</p>
<p>De aktuelle servere er:</p>
<ul>
<li>
<p>ChaosContinuity (cc)</p>
</li>
<li>
<p>CreativeMadness (cm)</p>
</li>
<li>
<p>MiniGames (mg)</p>
</li>
<li>
<p>RetroCreative (rc)</p>
</li>
<li>
<p>RedstoneMadness (rm)</p>
</li>
<li>
<p>RetroSurvival (rs)</p>
</li>
<li>
<p>World1 (w1)</p>
</li>
</ul>
<table>
<thead>
<tr>
<th>Navn</th>
<th>Kode</th>
<th>Adresse<sub> JE</sub></th>
<th>Adresse<sub> BE</sub></th>
</tr>
</thead>
<tbody>
<tr>
<td>World1</td>
<td>w1</td>
<td>mc.fadaesen.dk:25566</td>
<td>mc.fadaesen.dk:19134</td>
</tr>
<tr>
<td>CreativeMadness</td>
<td>cm</td>
<td>mc.fadaesen.dk:25567</td>
<td>mc.fadaesen.dk:19135</td>
</tr>
<tr>
<td>RedstoneMadness</td>
<td>rm</td>
<td>mc.fadaesen.dk:25567</td>
</tr>
<tr>
<td>RetroCreative</td>
<td>rc</td>
<td>mc.fadaesen.dk:25568</td>
</tr>
<tr>
<td>RetroSurvival</td>
<td>rs</td>
<td>mc.fadaesen.dk:25568</td>
</tr>
<tr>
<td>ChaosContinuity</td>
<td>cc</td>
<td>mc.fadaesen.dk:25569</td>
</tr>
<tr>
<td>MiniGames</td>
<td>mg</td>
<td>mc.fadaesen.dk:25570</td>
</tr>
</tbody>
</table>
</div>
<div class="section">
<p class="heading" id="mandelbrot-dk"">mandelbrot.dk</p>
<img class="logo" src="/svg/mandelbrot.svg" />
<p>I starten af året 2021 begyndte jeg at hoste et GitLab instance til det formål at offentliggøre de projekter, som jeg havde.</p>
<p>GitLab viste sig dog at være for grådig, og ville ikke kunne køre på min dedikeret Raspberry Pi uden et stort besvær. Jeg valgte derfor i slutningen af året at udskifte dette med en Gitolite/cgit kombination, som hjemmesiden stadig kører på i dag.</p>
<table>
<thead>
<tr>
<th>Protokol</th>
<th>Adresse</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTTPS</td>
<td>mandelbrot.dk/${repo}</td>
</tr>
<tr>
<td>SSH</td>
<td>git@ssh.mandelbrot.dk:${repo}</td>
</tr>
</tbody>
</table>
</div>
<div class="section">
<p class="heading" id="stdelite">StdElite</p>
@ -129,6 +173,6 @@
</ul>
</div>
</div>
<!-- PAGE FOOTER INCLUDE -->
<!--#include virtual="/shtml/pageFooter.shtml"-->
</body>
</html>

4
shtml/pageFooter.shtml Normal file
View file

@ -0,0 +1,4 @@
<div class="pageFooter">
<p>Denne hjemmeside forvaltes af <em>Gabriel Jensen</em> på vegne af <em>Fadaesen</em>.</p>
<p>Kildekoden kan findes på <a href="https://mandelbrot.dk/fadaesen-webservice">mandelbrot.dk</a>.</p>
</div>