git.privacynerd.de/privacynerd.de
1
0
Fork 0
Code Issues Actions Activity

More small refinements!
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 5s
Details

Browse Source
This commit is contained in:
BlueFox 2025-02-20 20:32:26 +01:00
parent b38d8c6df8
commit 9e5385e29b
Signed by: BlueFox
GPG Key ID: 327233DA85435270
2 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
new_site/src/griddy.css
View File

@ -7,7 +7,7 @@ html { box-sizing: border-box; }
:root { :root {
--bg-color: #ffffff; --bg-color: #ffffff;
--fg-color: #000000; --fg-color: #000000;
--selection-bg-color: #bbffbb; --selection-bg-color: #caffca;
--selection-fg-color: #000000; --selection-fg-color: #000000;
--accent: #10dd10; --accent: #10dd10;
} }
@ -15,7 +15,6 @@ html { box-sizing: border-box; }
:root { :root {
--bg-color: #000000; --bg-color: #000000;
--fg-color: #ffffff; --fg-color: #ffffff;
--selection-bg-color: var(--accent);
--selection-fg-color: #000000; --selection-fg-color: #000000;
--accent: #96ff96; --accent: #96ff96;
} }
@ -53,8 +52,8 @@ h1 {
} }
h1::after { h1::after {
content: ""; content: "";
width: 5px; width: 1px;
height: 0.9em; height: 0.85em;
background: var(--accent); background: var(--accent);
margin-left: 3px; margin-left: 3px;
display: inline-block; display: inline-block;
@ -72,17 +71,21 @@ a:hover {
text-decoration-color: var(--accent); text-decoration-color: var(--accent);
} }
p { .center {
text-align: center; text-align: center;
width: 70%; width: 70%;
margin: 0 auto; margin: 1em auto 0;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
p { .center {
max-width: 40%; max-width: 40%;
} }
} }
p {
margin: 0 0 0.5em 0;
}
br { br {
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -97,7 +100,7 @@ code {
color: var(--bg-color); color: var(--bg-color);
} }
code a { code a {
text-decoration-color: var(--fg-color) !important; text-decoration-color: var(--fg-color);
} }
.row { .row {
@ -128,8 +131,8 @@ code a {
.badge { .badge {
padding: 3px 5px; padding: 6px 10px;
border: 2px solid var(--accent); border: 1px solid var(--accent);
border-radius: 0px; border-radius: 0px;
} }
@ -138,7 +141,7 @@ hr {
--hr-color: var(--accent); --hr-color: var(--accent);
width: 70%; width: 70%;
height: 3px; height: 1px;
margin: 2.35em auto; margin: 2.35em auto;
border-width: 0; border-width: 0;
color: var(--hr-color); color: var(--hr-color);
@ -158,7 +161,7 @@ hr {
.footer { .footer {
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto 2em;
} }

8
new_site/src/index.html
View File

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<h1 id="headline">Hey dear stanger!</h1> <h1 id="headline">Hey dear stanger!</h1>
<p>This is <code><a href="https://privacynerd.de/">privacynerd.de</a></code>. I'm mostly known as BlueFox and host some services in the internet. I love coding and publish blog posts every know and then. <br /> <p class="center">This is <code><a href="https://privacynerd.de/">privacynerd.de</a></code>. I'm mostly known as BlueFox and host some services in the internet. I love coding and publish blog posts every know and then. <br />
<i>Stay optimistic!</i></p> <i>Stay optimistic!</i></p>
<hr> <hr>
<div class="row"> <div class="row">
@ -27,11 +27,11 @@
<hr> <hr>
<div class="row"> <div class="row">
<div class="col sm-10 md-5"> <div class="col sm-10 md-5">
Other services<br> <p>Other services</p>
<div class="badge">magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem. Ullus investigandi veri, nisi inveneris,</div> <div class="badge">magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem. Ullus investigandi veri, nisi inveneris,</div>
</div> </div>
<div class="col sm-10 md-5"> <div class="col sm-10 md-5">
Social & Contact<br> <p class="text-left">Social</p>
<div class="badge"> <div class="badge">
<a href="https://git.privacynerd.de/BlueFox">Bluefox</a> | <a href="https://git.privacynerd.de/BlueFox">Bluefox</a> |
<a href="https://codeberg.org/BlueFox">Bluefox</a> | <a href="https://codeberg.org/BlueFox">Bluefox</a> |
@ -39,7 +39,7 @@
<a href="https://github.com/bluefox42">bluefox42</a> | <a href="https://github.com/bluefox42">bluefox42</a> |
<a href="https://hub.docker.com/u/bluefox42">bluefox42</a> <a href="https://hub.docker.com/u/bluefox42">bluefox42</a>
</div> </div>
<hr class="align-left"> <p style="margin-top: 1em;">Contact</p>
<div class="badge"> <div class="badge">
et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem... et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem...
</div> </div>