diff options
| -rw-r--r-- | contact/contact.html | 11 | ||||
| -rw-r--r-- | fonts/JosefinSlab-VariableFont_wght.ttf | bin | 0 -> 36676 bytes | |||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | styles.css | 13 | ||||
| -rw-r--r-- | styles.scss | 20 | ||||
| -rw-r--r-- | wip.html | 17 |
6 files changed, 52 insertions, 13 deletions
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 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Contact Card</title> + <link rel="stylesheet" href="styles.css"> +</head> +<body> + +</body>
\ No newline at end of file diff --git a/fonts/JosefinSlab-VariableFont_wght.ttf b/fonts/JosefinSlab-VariableFont_wght.ttf Binary files differnew file mode 100644 index 0000000..fe1af6a --- /dev/null +++ b/fonts/JosefinSlab-VariableFont_wght.ttf @@ -10,8 +10,8 @@ <div class="menu-container"> <ul class="menu-wrapper"> <li><a href="contact/contact.vcf" download>Contact</a></li> - <li><a href="">Profile</a></li> - <li><a href="">Services</a></li> + <li><a href="wip.html">Profile</a></li> + <li><a href="wip.html">Services</a></li> <li><a href="tips/tips.html">Tips</a></li> </ul> </div> @@ -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 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>QR Code Menu</title> + <link rel="stylesheet" href="styles.css"> +</head> +<body> + <div class="menu-container"> + <ul class="menu-wrapper"> + <h2>This page is a work in progress...</h3> + <h4>Please do come again soon</p> + </ul> + </div> +</body> +</html> |