From ffa2c14119ae49f7c0898347057ccaae7a82c864 Mon Sep 17 00:00:00 2001 From: Nathan Peckham <74386527+nwpeckham88@users.noreply.github.com> Date: Mon, 10 Jun 2024 12:40:45 -0500 Subject: [PATCH] Back to the original design, but with better fonts and better font management. --- .vscode/settings.json | 2 +- css/font-styles.css | 0 css/styles.css | 22 +++++++++++++++++++--- index.html | 19 ++++++------------- scripts/font-scripts.js | 8 ++++++++ scripts/scripts.js | 30 ++++++++++++++++++++++++++++++ 6 files changed, 64 insertions(+), 17 deletions(-) create mode 100644 css/font-styles.css create mode 100644 scripts/font-scripts.js diff --git a/.vscode/settings.json b/.vscode/settings.json index aead588..e97a43d 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -21,7 +21,7 @@ "name": "nginx live", "description": "nginx live folder", - "dir": "Z:/etc/nginx/sites-available/profile" + "dir": "Z:/mnt/drive1/profile" } ] } diff --git a/css/font-styles.css b/css/font-styles.css new file mode 100644 index 0000000..e69de29 diff --git a/css/styles.css b/css/styles.css index 97acd4c..526ef14 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,3 +1,8 @@ +* { + scrollbar-width: thin; + scrollbar-color: #3b3b3b #202020; +} + .body-class { background-color: black; color: whitesmoke; @@ -9,8 +14,19 @@ line-height: 0.85; text-align: center; font-variant-caps: petite-caps; - top: 50dvh; + font-weight: bold; + top: 45dvh; width: 98dvw; + transition: 3s ease-in; + transition-property: opacity; +} + +html.wf-loading #hero { + opacity: 0; +} + +html.wf-active #hero { + } #hero-titles { @@ -68,8 +84,8 @@ } #page-content { - opacity: 0%; - visibility: hidden; + /* opacity: 0%; + visibility: hidden; */ transition: 3s ease-in 500ms; margin: 0 auto; padding: 10px; diff --git a/index.html b/index.html index c23b324..2fab97b 100644 --- a/index.html +++ b/index.html @@ -15,26 +15,19 @@ - - - - - + + + +