adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

separating variables from other css

Browse Source
This commit is contained in:
Adam French
2025-11-25 21:03:50 +00:00
parent 3d870b8c7c
commit 9c77bd57d8
4 changed files with 51 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
nginx/vue/index.html
View File

@@ -12,6 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AF</title> <title>AF</title>
<link rel="icon" type="/img/x-icon" href="/img/favicon.ico" /> <link rel="icon" type="/img/x-icon" href="/img/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css"
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

87
nginx/vue/public/css/cv_styles.css
View File

@@ -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 */ /* A5 Page */
.a5page { .a5page {
/* overflow: scroll; */ /* overflow: scroll; */

50
nginx/vue/public/css/cv_variables.css Normal file
View File

@@ -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;
}

10
nginx/vue/src/views/Home.vue
View File

@@ -31,13 +31,3 @@ import CurrentlyListening from "@/components/CurrentlyListening.vue";
<!--<a href="pages/shrines/gto.html">GTO</a>--> <!--<a href="pages/shrines/gto.html">GTO</a>-->
</main> </main>
</template> </template>
<style scoped>
@import "@/assets/css/styles.css";
@media print {
@page {
size: A4 portrait;
margin: 0;
}
}
</style>