diff options
| author | Rosa <rosaontheweb@proton.me> | 2026-05-27 02:56:07 -0400 |
|---|---|---|
| committer | Rosa <rosaontheweb@proton.me> | 2026-05-27 02:56:07 -0400 |
| commit | f175552dcd86cda7a7fcafc1db211084fabd65a0 (patch) | |
| tree | 48139b2e960f05517d9e175f463a38ab95cd57f1 /src/templates | |
| parent | 7f58741cfea43780fcd8702afffeaea6cd322029 (diff) | |
actually did a bit of writing
Diffstat (limited to '')
| -rw-r--r-- | src/templates/base.html | 49 |
1 files changed, 45 insertions, 4 deletions
diff --git a/src/templates/base.html b/src/templates/base.html index 4f6b0ef..9f72526 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -12,6 +12,8 @@ background: black; color: white; font-family: monospace; + margin-left: 15%; + margin-right: 15%; } header h1 { @@ -34,15 +36,43 @@ } main { - border: 2px solid #fff; - margin-left: 15%; - margin-right: 15%; + /*border: 2px solid #fff;*/ + margin-top: 5px; } #main-navigation { text-align: center; } + #main-navigation ul { + list-style: none; + } + + #main-navigation ul li { + display: inline-block; + } + + #main-navigation ul li::before { + content: " /* "; + } + + #main-navigation ul li::after { + content: " */ "; + } + + footer { + text-align: center; + } + + footer, footer a { + color: #333; + } + + footer a:hover { + background-color: #333; + color: #000; + } + .trans-shadow { text-shadow: 1px 1px var(--trans-pink), 2px 2px white, 3px 3px var(--trans-pink), 4px 4px var(--trans-blue); } @@ -50,6 +80,11 @@ .subtitle { text-align: center; } + + .heart { + color: #ff5555; + font-style: normal; + } </style> </head> @@ -57,9 +92,15 @@ <header> <h1 class="trans-shadow">the evil transgenders club</h1> <nav id="main-navigation"> - <a href="/">home</a> + <ul> + <li><a href="/">home</a></li> + <li><a rel="external" href="https://git.eviltransgenders.club">git</a></li> + </ul> </nav> </header> {{body}} + <footer> + <p>made with <em class="heart"><3</em> // <a rel="external" href="https://git.eviltransgenders.club/www.eviltransgenders.club">view the source</a>.</p> + </footer> </body> </html> |
