Reformat CSS, add PT Sans/Serif fonts

11 files changed, 64 insertions, 6 deletions

diff --git a/config/app.php b/config/app.php
index 7136af2..92bec1a 100644
--- a/config/app.php
+++ b/config/app.php
@@ -5,7 +5,7 @@ use Illuminate\Support\ServiceProvider;
 
 return [
     'name' => env('APP_NAME', 'diskfloppy.me'),
-    'version' => '2025.01.16',
+    'version' => '2025.01.22',
     'env' => env('APP_ENV', 'production'),
     'debug' => (bool) env('APP_DEBUG', false),
     'url' => env('APP_URL', 'http://localhost'),
diff --git a/public/css/fonts.css b/public/css/fonts.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/public/css/fonts.css
diff --git a/public/css/master.css b/public/css/master.css
index 541eb62..71e4b02 100644
--- a/public/css/master.css
+++ b/public/css/master.css
@@ -11,6 +11,66 @@
     --table-header: hsla(11, 96%, 43%, 0.2);
 }
 
+/* ───────────────────────────────────── Fonts ────────────────────────────────────── */
+@font-face {
+    font-family: "PT Sans";
+    src: url("/fonts/PTSans-Regular.ttf") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "PT Sans";
+    src: url("/fonts/PTSans-Italic.ttf") format("truetype");
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "PT Sans";
+    src: url("/fonts/PTSans-Bold.ttf") format("truetype");
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "PT Sans";
+    src: url("/fonts/PTSans-BoldItalic.ttf") format("truetype");
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "PT Serif";
+    src: url("/fonts/PTSerif-Regular.ttf") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "PT Serif";
+    src: url("/fonts/PTSerif-Italic.ttf") format("truetype");
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "PT Serif";
+    src: url("/fonts/PTSerif-Bold.ttf") format("truetype");
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "PT Serif";
+    src: url("/fonts/PTSerif-BoldItalic.ttf") format("truetype");
+    font-weight: bold;
+    font-style: italic;
+}
+
+
+
+/* ───────────────────────────────────── Global ───────────────────────────────────── */
 html {
     height: 100%;
     color-scheme: light;
@@ -22,10 +82,9 @@ body {
     min-height: 100%;
     background-color: hsla(0, 0%, 0%, 0);
     padding: 10px;
-    font-family: serif;
+    font-family: "PT Serif";
 }
 
-/*noinspection CssUnknownTarget*/
 body::before {
     content: "";
     position: fixed;
@@ -85,8 +144,6 @@ div.page-container > div {
     padding: 10px;
     border: var(--border);
     margin-bottom: 20px;
-    /* temporary */
-    /* height: 600px; */
 }
 
 div.page-container > div:last-child {
@@ -274,7 +331,8 @@ div.bookmark-category:first-child h2 {
 }
 
 
-/** Rosco & Leko **/
+
+/* ────────────────────────────────── Rosco & Leko ────────────────────────────────── */
 div.rosco-leko-gallery {
     display: flex;
     flex-wrap: wrap;
diff --git a/public/fonts/PTSans-Bold.ttf b/public/fonts/PTSans-Bold.ttf
new file mode 100644
index 0000000..f82c3bd
--- /dev/null
+++ b/public/fonts/PTSans-Bold.ttf
diff --git a/public/fonts/PTSans-BoldItalic.ttf b/public/fonts/PTSans-BoldItalic.ttf
new file mode 100644
index 0000000..3e6cf4e
--- /dev/null
+++ b/public/fonts/PTSans-BoldItalic.ttf
diff --git a/public/fonts/PTSans-Italic.ttf b/public/fonts/PTSans-Italic.ttf
new file mode 100644
index 0000000..b06ce61
--- /dev/null
+++ b/public/fonts/PTSans-Italic.ttf
diff --git a/public/fonts/PTSans-Regular.ttf b/public/fonts/PTSans-Regular.ttf
new file mode 100644
index 0000000..adaf671
--- /dev/null
+++ b/public/fonts/PTSans-Regular.ttf
diff --git a/public/fonts/PTSerif-Bold.ttf b/public/fonts/PTSerif-Bold.ttf
new file mode 100644
index 0000000..36d47eb
--- /dev/null
+++ b/public/fonts/PTSerif-Bold.ttf
diff --git a/public/fonts/PTSerif-BoldItalic.ttf b/public/fonts/PTSerif-BoldItalic.ttf
new file mode 100644
index 0000000..fa30e55
--- /dev/null
+++ b/public/fonts/PTSerif-BoldItalic.ttf
diff --git a/public/fonts/PTSerif-Italic.ttf b/public/fonts/PTSerif-Italic.ttf
new file mode 100644
index 0000000..9b110a4
--- /dev/null
+++ b/public/fonts/PTSerif-Italic.ttf
diff --git a/public/fonts/PTSerif-Regular.ttf b/public/fonts/PTSerif-Regular.ttf
new file mode 100644
index 0000000..f87c0f1
--- /dev/null
+++ b/public/fonts/PTSerif-Regular.ttf