diff options
| -rw-r--r-- | CHANGELOG.txt | 27 | ||||
| -rw-r--r-- | css/banner.scss | 2 | ||||
| -rw-r--r-- | css/base.scss | 43 | ||||
| -rw-r--r-- | css/main.scss | 1 | ||||
| -rw-r--r-- | css/navigationBar.scss | 11 | ||||
| -rw-r--r-- | css/page.scss | 33 | ||||
| -rw-r--r-- | css/pageFooter.scss | 28 | ||||
| -rw-r--r-- | html/about.html | 5 | ||||
| -rw-r--r-- | html/members.html | 2 | ||||
| -rw-r--r-- | html/posts.html | 5 | ||||
| -rw-r--r-- | html/subgroups.html | 94 | ||||
| -rw-r--r-- | shtml/pageFooter.shtml | 4 |
12 files changed, 167 insertions, 88 deletions
diff --git a/CHANGELOG.txt b/CHANGELOG.txt index 36b875b..90dd7a6 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -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; diff --git a/css/banner.scss b/css/banner.scss index 0cbd08f..db7f01a 100644 --- a/css/banner.scss +++ b/css/banner.scss @@ -1,5 +1,5 @@ div.banner { - background-color:var(--colour); + background-color:$primaryColour; padding: 1rem; width: 100%; diff --git a/css/base.scss b/css/base.scss index 4415fdc..d09b0aa 100644 --- a/css/base.scss +++ b/css/base.scss @@ -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; } } diff --git a/css/main.scss b/css/main.scss index d9dfeff..3b26abd 100644 --- a/css/main.scss +++ b/css/main.scss @@ -3,3 +3,4 @@ @import "navigationBar"; @import "banner"; @import "page"; +@import "pageFooter"; diff --git a/css/navigationBar.scss b/css/navigationBar.scss index 838a219..0c2d7a3 100644 --- a/css/navigationBar.scss +++ b/css/navigationBar.scss @@ -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 { diff --git a/css/page.scss b/css/page.scss index 76911bc..41f5ccd 100644 --- a/css/page.scss +++ b/css/page.scss @@ -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; + } + } + + table { + border-spacing:calc(1rem / 3); + font-family: $monospaceFont; - ol,ul { - margin-top:0; + tr { + td,th { + background-color:$bodyColour; + border-radius: calc(1rem / 3); + padding: calc(1rem / 3) calc(2rem / 3); } } } diff --git a/css/pageFooter.scss b/css/pageFooter.scss new file mode 100644 index 0000000..1bfcf67 --- /dev/null +++ b/css/pageFooter.scss @@ -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; + } + } +} diff --git a/html/about.html b/html/about.html index 6d7595e..22245ef 100644 --- a/html/about.html +++ b/html/about.html @@ -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 – og forhåbentlig en ny guldalder.</p> </div> </div> - <!-- PAGE FOOTER INCLUDE --> + <!--#include virtual="/shtml/pageFooter.shtml"--> </body> </html> diff --git a/html/members.html b/html/members.html index 47796fd..b8a6596 100644 --- a/html/members.html +++ b/html/members.html @@ -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> diff --git a/html/posts.html b/html/posts.html index 52ff793..9cfe70b 100644 --- a/html/posts.html +++ b/html/posts.html @@ -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> diff --git a/html/subgroups.html b/html/subgroups.html index aa7187e..b80b2b4 100644 --- a/html/subgroups.html +++ b/html/subgroups.html @@ -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 – en creative – 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 – i takt med registreringen af fadaesen.dk – å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 – i takt med registreringen af fadaesen.dk – å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>[email protected]:${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> diff --git a/shtml/pageFooter.shtml b/shtml/pageFooter.shtml new file mode 100644 index 0000000..7320c83 --- /dev/null +++ b/shtml/pageFooter.shtml @@ -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> |