indymedia
/
epicyon
mirror of https://gitlab.com/bashrc2/epicyon
7
4
Fork 1
Code Issues 14 Releases Wiki Activity

Website link style

main
bashrc 2026-06-04 17:08:40 +01:00
parent 60e142a285
commit 48325e7f4f
1 changed files with 77 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

148
website/EN/index.html
View File

@ -34,113 +34,117 @@
<style data-name="default"> <style data-name="default">
@font-face { @font-face {
font-family: 'Special Elite'; font-family: 'Special Elite';
font-style: normal; font-style: normal;
src: url('./fonts/SpecialElite.ttf') format('TrueType'); src: url('./fonts/SpecialElite.ttf') format('TrueType');
} }
:root { :root {
--width: 1000px; --width: 1000px;
--font-main: 'Special Elite', monospace; --font-main: 'Special Elite', monospace;
--font-secondary: 'Special Elite', monospace; --font-secondary: 'Special Elite', monospace;
--font-scale: 20px; --font-scale: 20px;
--background-color: #fbfbf6; --background-color: #fbfbf6;
--heading-color: #333; --heading-color: #333;
--text-color: #333; --text-color: #333;
--link-color: #333; --link-color: #333;
--visited-color: #333; --visited-color: #333;
--code-background-color: #333; --code-background-color: #333;
--code-color: #fbfbf6; --code-color: #fbfbf6;
--blockquote-color: #fbfbf6; --blockquote-color: #fbfbf6;
} }
body { body {
font-family: var(--font-secondary); font-family: var(--font-secondary);
font-size: var(--font-scale); font-size: var(--font-scale);
margin: auto; margin: auto;
padding: 20px; padding: 20px;
max-width: var(--width); max-width: var(--width);
text-align: left; text-align: left;
background-color: var(--background-color); background-color: var(--background-color);
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
line-height: 1.5; line-height: 1.5;
color: var(--text-color); color: var(--text-color);
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: var(--font-main); font-family: var(--font-main);
color: var(--heading-color); color: var(--heading-color);
font-size: var(--font-scale); font-size: var(--font-scale);
font-weight: 400; font-weight: 400;
} }
a { a {
color: var(--link-color); color: var(--link-color);
cursor: pointer; cursor: pointer;
} }
nav a { nav a {
margin-right: 8px; margin-right: 8px;
} }
strong, b { strong, b {
color: var(--heading-color); color: var(--heading-color);
} }
button { button {
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
} }
main { main {
line-height: 1.6; line-height: 1.6;
} }
table { table {
width: 100%; width: 100%;
} }
hr { hr {
border: 0; border: 0;
border-top: 1px dashed; border-top: 1px dashed;
} }
img { img {
max-width: 100%; max-width: 100%;
} }
code { code {
font-family: monospace; font-family: monospace;
padding: 2px; padding: 2px;
background-color: var(--code-background-color); background-color: var(--code-background-color);
color: var(--code-color); color: var(--code-color);
border-radius: 3px; border-radius: 3px;
} }
blockquote { blockquote {
border-left: 1px solid #999; border-left: 1px solid #999;
color: var(--code-color); color: var(--code-color);
padding-left: 20px; padding-left: 20px;
font-style: italic; font-style: italic;
} }
footer { footer {
padding: 25px 0; padding: 25px 0;
text-align: center; text-align: center;
} }
.inline { .inline {
width: auto !important; width: auto !important;
} }
.highlight, .code { .highlight, .code {
padding: 1px 15px; padding: 1px 15px;
background-color: var(--code-background-color); background-color: var(--code-background-color);
color: var(--code-color); color: var(--code-color);
border-radius: 3px; border-radius: 3px;
margin-block-start: 1em; margin-block-start: 1em;
margin-block-end: 1em; margin-block-end: 1em;
overflow-x: auto; overflow-x: auto;
}
.name span {
color: darkred;
} }
</style> </style>
@ -150,15 +154,17 @@
<header> <header>
<p align="center"><img src="./images/login.png" alt="Epicyon logo" width="200"></p> <p align="center"><img src="./images/login.png" alt="Epicyon logo" width="200"></p>
<nav> <center>
<p><a href='epicyon.tar.gz'><b>Download</b></a> <nav>
<a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/manual/manual.epub'><b>Manual</b></a> <p><a href='epicyon.tar.gz' class="name"><b><span>Download</span></b></a>—
<a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/README_goals.md'><b>Goals</b></a> <a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/manual/manual.epub' class="name"><b><span>Manual</span></b></a>—
<a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/README_commandline.md'><b>Commandline</b></a> <a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/README_goals.md' class="name"><b><span>Goals</span></b></a>—
<a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/code-of-conduct.md'><b>CoC</b></a> <a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/README_commandline.md' class="name"><b><span>Commandline</span></b></a>—
<a href='https://gitlab.com/bashrc2/epicyon'><b>Repo</b></a> <a href='https://gitlab.com/bashrc2/epicyon/-/blob/main/code-of-conduct.md' class="name"><b><span>CoC</span></b></a>—
<a href='https://www.patreon.com/freedombone'><b>Donate</b></a></p> <a href='https://gitlab.com/bashrc2/epicyon' class="name"><b><span>Repo</span></b></a>—
</nav> <a href='https://www.patreon.com/freedombone' class="name"><b><span>Donate</span></b></a></p>
</nav>
</center>
</header> </header>
<main> <main>
@ -212,9 +218,9 @@
<img alt="Hand coded" src="./images/gnu-linux.gif" alt "Made with GNU/Linux"> <img alt="Hand coded" src="./images/gnu-linux.gif" alt "Made with GNU/Linux">
<img alt="Hand coded" src="./images/valid-html5.gif" alt="Valid HTML5"> <img alt="Hand coded" src="./images/valid-html5.gif" alt="Valid HTML5">
<img alt="Hand coded" src="./images/internetprivacy.gif" alt="Internet privacy now!> <img alt="Hand coded" src="./images/internetprivacy.gif" alt="Internet privacy now!>
<img alt="Hand coded" src="./images/sanehtml.gif" alt="Classic HTML: sane, simple"> <img alt="Hand coded" src="./images/sanehtml.gif" alt="Classic HTML: sane, simple">
<img alt="Hand coded" src="./images/fediverse.png" alt="Join the Fediverse"> <img alt="Hand coded" src="./images/fediverse.png" alt="Join the Fediverse">
<img alt="Hand coded" src="./images/gpl3.gif" alt="GPL version 3"> <img alt="Hand coded" src="./images/gpl3.gif" alt="GPL version 3">
</p> </p>
</span> </span>