From c53b1e2e37c41c84e91b93a4e6ab531e9bc7007c Mon Sep 17 00:00:00 2001 From: AlmightyMiau Date: Wed, 22 Jan 2025 16:48:36 -0800 Subject: Implement styles.css from Miau-Website Repo Add CSS to add background image, change font color, change font, add background color to h3, p, ul, and ol --- FreePixel.ttf | Bin 0 -> 64880 bytes index.html | 1 + recipes/cheesyCreamyRamen.html | 1 + recipes/eggTomatoRice.html | 1 + recipes/pesto.html | 1 + stars3.gif | Bin 0 -> 15973 bytes styles.css | 46 +++++++++++++++++++++++++++++++++++++++++ 7 files changed, 50 insertions(+) create mode 100644 FreePixel.ttf create mode 100644 stars3.gif create mode 100644 styles.css diff --git a/FreePixel.ttf b/FreePixel.ttf new file mode 100644 index 0000000..d22b2a2 Binary files /dev/null and b/FreePixel.ttf differ diff --git a/index.html b/index.html index 0c431e5..a8cb3a7 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + Document diff --git a/recipes/cheesyCreamyRamen.html b/recipes/cheesyCreamyRamen.html index 01a4459..6a8e337 100644 --- a/recipes/cheesyCreamyRamen.html +++ b/recipes/cheesyCreamyRamen.html @@ -3,6 +3,7 @@ + Document diff --git a/recipes/eggTomatoRice.html b/recipes/eggTomatoRice.html index a2cb740..ea4162a 100644 --- a/recipes/eggTomatoRice.html +++ b/recipes/eggTomatoRice.html @@ -3,6 +3,7 @@ + Document diff --git a/recipes/pesto.html b/recipes/pesto.html index 2000f0c..791f528 100644 --- a/recipes/pesto.html +++ b/recipes/pesto.html @@ -3,6 +3,7 @@ + Document diff --git a/stars3.gif b/stars3.gif new file mode 100644 index 0000000..717ad16 Binary files /dev/null and b/stars3.gif differ diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..bcf77fb --- /dev/null +++ b/styles.css @@ -0,0 +1,46 @@ +@font-face { + font-family: "FreePixel"; + src: url("FreePixel.ttf") format("truetype"); +} + +:root { + --background-img: url("stars3.gif"); + --background: #251a2d79; + --main-color-dk: #370c5a; + --main-color: #EB53D3; + --accent-1: #6eebff; + --accent-2: #d625e3; + --content-spacing: 5px; + --banner: url("miau.jpg"); + --titleBars: #330b3f; + --text-color: white; + --border: 2px solid rgb(34, 34, 34); + --arrows: url('arrow.png'); + --img-size: 150px; +} + +html, +body { + margin: 20; + box-sizing: border-box; + font-family: "FreePixel"; +} + +body { + background-image: var(--background-img); + color: var(--text-color); + background-attachment: fixed; +} + +h3, p, ul, ol { + background-color: var(--background); +} + +img { + width: 500px; + height: auto; +} + +a { + color:var(--accent-2); +} \ No newline at end of file -- cgit v1.2.3