From 9c77bd57d839dca18f149eb9fc31a9104d1978bf Mon Sep 17 00:00:00 2001 From: Adam French Date: Tue, 25 Nov 2025 21:03:50 +0000 Subject: [PATCH] separating variables from other css --- nginx/vue/index.html | 1 + nginx/vue/public/css/cv_styles.css | 87 --------------------------- nginx/vue/public/css/cv_variables.css | 50 +++++++++++++++ nginx/vue/src/views/Home.vue | 10 --- 4 files changed, 51 insertions(+), 97 deletions(-) create mode 100644 nginx/vue/public/css/cv_variables.css diff --git a/nginx/vue/index.html b/nginx/vue/index.html index 367525f..c642c7b 100644 --- a/nginx/vue/index.html +++ b/nginx/vue/index.html @@ -12,6 +12,7 @@ AF +
diff --git a/nginx/vue/public/css/cv_styles.css b/nginx/vue/public/css/cv_styles.css index d5742f4..74dcb68 100644 --- a/nginx/vue/public/css/cv_styles.css +++ b/nginx/vue/public/css/cv_styles.css @@ -1,90 +1,3 @@ -/* Fonts */ -@font-face { - font-family: "AldoTheApache"; - src: url("@/assets/fonts/AldotheApache.ttf") format("truetype"); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: "RobotFont"; - src: url("@/assets/fonts/Robot_Font.otf") format("opentype"); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: "m12"; - src: url("@/assets/fonts/m12.ttf") format("truetype"); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: "big_noodle_titling"; - src: url("@/assets/fonts/big_noodle_titling.ttf") format("truetype"); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: "CreatoDisplay"; - src: url("@/assets/fonts/CreatoDisplay-Bold.otf") format("opentype"); - font-weight: normal; - font-style: normal; -} - -/* Variables */ -:root { - /* Blue - Beige */ - /* --primary: #153448; - --secondary: #3C5B6F; - --tertiary: #948979; - --quaternary: #f5bb78; - --background: #DFD0B8; */ - - /* Blue - Turqouise */ - /* --primary: #161D6F; - --secondary: #0B2F9F; - --tertiary: #98DED9; - --quaternary: #C7FFD8; - --background: #C2EFD1; */ - - /* Red - Blue */ - /* --primary: #ff204e; */ - /* --secondary: #a0153e; */ - /* --tertiary: #5d0341; */ - /* --quaternary: #3a0e41; */ - /* --background: #00224d; */ - - /* Blue - Brown */ - /* --primary: #35374B; */ - /* --secondary: #344955; */ - /* --tertiary: #50727b; */ - /* --quaternary: #78a083; */ - /* --background: #c7b077; */ - - /* Black - White */ - --primary: black; - --secondary: black; - --tertiary: black; - --quaternary: #cccccc; - --background: white; - - /* Blue - White */ - /* --primary: #201e43; */ - /* --secondary: #134b70; */ - /* --tertiary: #508c9b; */ - /* --quaternary: #cceeee; */ - /* --background: #eeeeee; */ - - --font-heading: big_noodle_titling; - --font-text: CreatoDisplay; - --font-size-text: 90%; - --font-size-heading: 2.5em; - --font-size-tableheading: 1.2em; -} - /* A5 Page */ .a5page { /* overflow: scroll; */ diff --git a/nginx/vue/public/css/cv_variables.css b/nginx/vue/public/css/cv_variables.css new file mode 100644 index 0000000..9e9118d --- /dev/null +++ b/nginx/vue/public/css/cv_variables.css @@ -0,0 +1,50 @@ +/* Variables */ +:root { + /* Blue - Beige */ + /* --primary: #153448; + --secondary: #3C5B6F; + --tertiary: #948979; + --quaternary: #f5bb78; + --background: #DFD0B8; */ + + /* Blue - Turqouise */ + /* --primary: #161D6F; + --secondary: #0B2F9F; + --tertiary: #98DED9; + --quaternary: #C7FFD8; + --background: #C2EFD1; */ + + /* Red - Blue */ + /* --primary: #ff204e; */ + /* --secondary: #a0153e; */ + /* --tertiary: #5d0341; */ + /* --quaternary: #3a0e41; */ + /* --background: #00224d; */ + + /* Blue - Brown */ + /* --primary: #35374B; */ + /* --secondary: #344955; */ + /* --tertiary: #50727b; */ + /* --quaternary: #78a083; */ + /* --background: #c7b077; */ + + /* Black - White */ + --primary: black; + --secondary: black; + --tertiary: black; + --quaternary: #cccccc; + --background: white; + + /* Blue - White */ + /* --primary: #201e43; */ + /* --secondary: #134b70; */ + /* --tertiary: #508c9b; */ + /* --quaternary: #cceeee; */ + /* --background: #eeeeee; */ + + --font-heading: big_noodle_titling; + --font-text: CreatoDisplay; + --font-size-text: 90%; + --font-size-heading: 2.5em; + --font-size-tableheading: 1.2em; +} diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue index 0a1bd36..ce2e067 100644 --- a/nginx/vue/src/views/Home.vue +++ b/nginx/vue/src/views/Home.vue @@ -31,13 +31,3 @@ import CurrentlyListening from "@/components/CurrentlyListening.vue"; - -