From 72862c7a29d2a14f60ae2daca3f61837c1adbf64 Mon Sep 17 00:00:00 2001
From: h3artbl33d <jeroen@ilikemyprivacy.nl>
Date: Sat, 8 Mar 2025 17:56:56 +0100
Subject: [PATCH] Continue work on elements

---
 src/assets/css/elements.css  | 55 ++++++++++++++++++++++++++++++------
 src/assets/css/variables.css |  7 +++++
 src/elements.md              | 32 +++++++++++++++++++++
 src/index.md                 |  2 --
 4 files changed, 86 insertions(+), 10 deletions(-)
 create mode 100644 src/elements.md

diff --git a/src/assets/css/elements.css b/src/assets/css/elements.css
index 8297bdb..48a3e7d 100644
--- a/src/assets/css/elements.css
+++ b/src/assets/css/elements.css
@@ -1,4 +1,4 @@
-/* Generic elements */
+/* Layout elements */
 
 main {
     max-width: var(--article);
@@ -7,12 +7,6 @@ main {
     margin-right: auto; 
 }
 
-pre, code {
-    background-color: var(--black);
-    padding: 5px;
-    font-family: 'Fira Code', monospace;
-}
-
 footer {
     background-color: var(--black);
     position: fixed;
@@ -26,7 +20,52 @@ footer {
     text-align: center;
 }
 
-/* Blog */
+/* Generic elements */
+
+p {
+    font-size: 16px;
+    line-height: 22px;
+}
+
+code {
+    background-color: var(--black);
+    padding: 5px;
+    font-family: 'Fira Code', monospace;
+}
+
+pre {
+    overflow: auto;
+    word-break: break-all;
+    background-color: var(--black);
+    padding: 20px;
+    font-family: 'Fira Code', monospace;
+    margin-top: var(--smallmargin);
+    margin-bottom: var(--smallmargin);
+}
+
+blockquote {
+    border-left: 3px solid var(--green);
+    padding: var(--smallpadding);
+    margin-top: var(--smallmargin);
+    margin-bottom: var(--smallmargin);
+    font-style: italic;
+
+}
+
+button {
+    background-color: var(--green);
+    border: none;
+    color: white;
+    padding: 15px 32px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin-top: var(--smallmargin);
+    margin-bottom: var(--smallmargin);
+}
+
+/* Page specific: blog */
 
 .blogmeta {
     font-weight: 400;
diff --git a/src/assets/css/variables.css b/src/assets/css/variables.css
index 1031d04..c44a324 100644
--- a/src/assets/css/variables.css
+++ b/src/assets/css/variables.css
@@ -6,8 +6,15 @@
     --gray: #85888C;
     --lightblue: #2fbef2;
     --darkblue: #00324a;
+    --green: #04AA6D;
     --mute: #bbbbbb;
     /* Breakpoints */
     --fullwidth: 100%;
     --article: 53rem;
+    /* Padding */
+    --smallpadding: 20px;
+    --largepadding: 50px;
+    /* Margin */
+    --smallmargin: 20px;
+    --largemargin: 50px;
 }
\ No newline at end of file
diff --git a/src/elements.md b/src/elements.md
new file mode 100644
index 0000000..719fc74
--- /dev/null
+++ b/src/elements.md
@@ -0,0 +1,32 @@
+# H1
+## H2
+### H3
+#### H4
+
+Quote:
+
+> HardenedBSD is a secure and humane BSD operating system.
+
+You can download HardenedBSD from either our installer site or from one of the [mirrors](mirrors.html). 
+
+Inline code: `$ fetch https://installers.hardenedbsd.org/pub/keys/ssh.pub.txt`
+
+Code block:
+
+<pre>
+[20240124] Provide mechanism to disable new USB connections
+__HardenedBSD_version = 1500001
+
+	HBSD: Provide support for prohibiting new USB device connections
+
+	This commit introduces the hardening.pax.prohibit_new_usb sysctl
+	tunable node. This node can be set to one of three values:
+</pre>
+
+Button:
+
+<button>Button</button>
+
+### Recent news
+
+* List
\ No newline at end of file
diff --git a/src/index.md b/src/index.md
index ae9d97b..e8622e0 100644
--- a/src/index.md
+++ b/src/index.md
@@ -6,6 +6,4 @@ HardenedBSD is a secure and humane *BSD operating system.
 
 You can download HardenedBSD from either our installer site or from one of the [mirrors](mirrors.html). 
 
-Inline code: `$ fetch https://installers.hardenedbsd.org/pub/keys/ssh.pub.txt`
-
 ### Recent news