From 819abc102fa15bc1b487703b90fe537d33c5c202 Mon Sep 17 00:00:00 2001
From: Evan <38150833+beigebeats@users.noreply.github.com>
Date: Thu, 14 Dec 2023 23:09:21 -0800
Subject: added wip page and adjusted font sizes
---
contact/contact.html | 11 +++++++++++
fonts/JosefinSlab-VariableFont_wght.ttf | Bin 0 -> 36676 bytes
index.html | 4 ++--
styles.css | 13 +++++++++----
styles.scss | 20 +++++++++++++-------
wip.html | 17 +++++++++++++++++
6 files changed, 52 insertions(+), 13 deletions(-)
create mode 100644 contact/contact.html
create mode 100644 fonts/JosefinSlab-VariableFont_wght.ttf
create mode 100644 wip.html
diff --git a/contact/contact.html b/contact/contact.html
new file mode 100644
index 0000000..7ac688b
--- /dev/null
+++ b/contact/contact.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+ Contact Card
+
+
+
+
+
\ No newline at end of file
diff --git a/fonts/JosefinSlab-VariableFont_wght.ttf b/fonts/JosefinSlab-VariableFont_wght.ttf
new file mode 100644
index 0000000..fe1af6a
Binary files /dev/null and b/fonts/JosefinSlab-VariableFont_wght.ttf differ
diff --git a/index.html b/index.html
index fbe3707..7ee498a 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,8 @@
diff --git a/styles.css b/styles.css
index 32fb5cf..63da312 100644
--- a/styles.css
+++ b/styles.css
@@ -3,6 +3,11 @@
src: url("fonts/JosefinSans-VariableFont_wght.ttf");
src: url("fonts/JosefinSans-VariableFont_wght.ttf") format("truetype");
}
+@font-face {
+ font-family: "Josefin Slab";
+ src: url("fonts/JosefinSlab-VariableFont_wght.ttf");
+ src: url("fonts/JosefinSlab-VariableFont_wght.ttf") format("truetype");
+}
* {
margin: 0px;
padding: 0px;
@@ -14,19 +19,19 @@
body {
font-family: "Josefin Slab";
- font-weight: 400;
+ font-weight: 300;
color: #27327b;
}
a {
font-family: "Josefin Sans";
- font-weight: 400;
+ font-weight: 300;
color: #27327b;
}
h1, h2, h3, h4, h5 {
font-family: "Josefin Sans";
- font-weight: 700;
+ font-weight: 500;
color: #27327b;
}
@@ -101,7 +106,7 @@ small {
}
.menu-container .menu-wrapper li a {
text-decoration: none;
- font-weight: 700;
+ font-weight: 500;
font-size: 15vmin;
color: #27327b;
}
diff --git a/styles.scss b/styles.scss
index 5b82a6f..1ee9988 100644
--- a/styles.scss
+++ b/styles.scss
@@ -7,9 +7,15 @@ $accent-color: #cfab28;
// Fonts
@font-face {
-font-family: "Josefin Sans";
-src: url('fonts/JosefinSans-VariableFont_wght.ttf');
-src: url('fonts/JosefinSans-VariableFont_wght.ttf') format('truetype');
+ font-family: "Josefin Sans";
+ src: url('fonts/JosefinSans-VariableFont_wght.ttf');
+ src: url('fonts/JosefinSans-VariableFont_wght.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: "Josefin Slab";
+ src: url('fonts/JosefinSlab-VariableFont_wght.ttf');
+ src: url('fonts/JosefinSlab-VariableFont_wght.ttf') format('truetype');
}
@@ -31,19 +37,19 @@ $serif-font: 'Josefin Slab';
body {
font-family: $serif-font;
- font-weight: 400;
+ font-weight: 300;
color: $foreground-color;
}
a {
font-family: $sans-serif-font;
- font-weight: 400;
+ font-weight: 300;
color: $foreground-color;
}
h1, h2, h3, h4, h5 {
font-family: $sans-serif-font;
- font-weight: 700;
+ font-weight: 500;
color: $foreground-color;
}
@@ -108,7 +114,7 @@ small {font-size: 0.750rem; /* 12px */}
a {
text-decoration: none;
- font-weight: 700;
+ font-weight: 500;
font-size: 15vmin;
color: $foreground-color; // Assuming you want to use your color variable
}
diff --git a/wip.html b/wip.html
new file mode 100644
index 0000000..9846dd6
--- /dev/null
+++ b/wip.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+ QR Code Menu
+
+
+
+
+
+
--
cgit v1.2.3