diff --git a/new_site/src/griddy.css b/new_site/src/griddy.css
index 8abf3f8..469850f 100644
--- a/new_site/src/griddy.css
+++ b/new_site/src/griddy.css
@@ -23,6 +23,7 @@ body {
background-color: var(--bg-color);
color: var(--fg-color);
font-family: sans-serif;
+ line-height: 1.5em;
}
::-moz-selection { /* Code for Firefox */
color: var(--selection-fg-color);
@@ -78,9 +79,11 @@ a {
text-decoration-thickness: 2px;
text-decoration-color: var(--bg-color);
transition: all 200ms ease-in-out;
+ white-space-collapse: discard;
}
a:hover {
text-decoration-color: var(--accent);
+ white-space-collapse: discard;
}
.center {
@@ -121,6 +124,13 @@ code a {
text-decoration-color: var(--fg-color);
}
+/* Avoid annoying underlines on links with whitespaces before them */
+div.space {
+ margin: 0;
+ display: inline-block;
+ width: 5px;
+}
+
.row {
width: 90%;
margin: 0 auto;
@@ -157,8 +167,25 @@ code a {
padding: 6px 10px;
border: 1px solid var(--accent);
border-radius: 0px;
+ transition: all 200ms ease-in-out;
+}
+.badge:hover {
+ background-color: var(--fg-color);
+ color: var(--bg-color);
+}
+.badge svg {
+ transition: all 200ms ease-in-out;
+}
+.badge:hover svg {
+ filter: invert();
+}
+.badge-centered {
+ text-align: center;
}
+svg {
+ height: 0.8em;
+}
hr {
--hr-color: var(--accent);
diff --git a/new_site/src/index.html b/new_site/src/index.html
index 882d1e5..352446a 100644
--- a/new_site/src/index.html
+++ b/new_site/src/index.html
@@ -9,19 +9,25 @@
Hey dear stanger!
- This is privacynerd.de. I'm mostly known as BlueFox and host some services in the internet. I love coding and publish blog posts every know and then.
+
This is privacynerd.de. I'm mostly known as BlueFox and host some services in the internet. I love coding and publish blog posts every now and then.
Stay optimistic!
-
- 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit
-
+
+
+
-
- 2 - sed do eiusmod tempor incididunt ut labore et dolore
-
+
+
+