omg finially cv works
This commit is contained in:
@@ -1,19 +1,12 @@
|
|||||||
<meta charset="UTF-8">
|
<!doctype html>
|
||||||
<link rel="icon" href="/favicon.ico">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<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/fonts.css"
|
<link rel="stylesheet" href="/css/fonts.css" />
|
||||||
<link rel="stylesheet" href="/css/styles.css"
|
<link rel="stylesheet" href="/css/styles.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|||||||
@@ -1,3 +1,90 @@
|
|||||||
|
/* Fonts */
|
||||||
|
/*@font-face {
|
||||||
|
font-family: "AldoTheApache";
|
||||||
|
src: url("/fonts/AldotheApache.ttf") format("truetype");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "RobotFont";
|
||||||
|
src: url("/fonts/Robot_Font.otf") format("opentype");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "m12";
|
||||||
|
src: url("/fonts/m12.ttf") format("truetype");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "big_noodle_titling";
|
||||||
|
src: url("/fonts/big_noodle_titling.ttf") format("truetype");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "CreatoDisplay";
|
||||||
|
src: url("/fonts/CreatoDisplay-Bold.otf") format("opentype");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Variables */
|
||||||
|
* {
|
||||||
|
/* 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; */
|
||||||
@@ -15,6 +102,7 @@
|
|||||||
|
|
||||||
/* A4 Page */
|
/* A4 Page */
|
||||||
.a4page {
|
.a4page {
|
||||||
|
line-height: 1.6;
|
||||||
font-family: var(--font-text);
|
font-family: var(--font-text);
|
||||||
width: 210mm;
|
width: 210mm;
|
||||||
/* Standard A4 width */
|
/* Standard A4 width */
|
||||||
@@ -37,7 +125,6 @@ body {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
line-height: 1.6;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
@@ -84,7 +171,7 @@ td {
|
|||||||
|
|
||||||
th {
|
th {
|
||||||
border: 2px solid var(--tertiary);
|
border: 2px solid var(--tertiary);
|
||||||
padding: 1px 0px 1px 7px;
|
/*padding: 1px 0px 1px 7px;*/
|
||||||
font-family: var(--font-heading);
|
font-family: var(--font-heading);
|
||||||
font-size: var(--font-size-tableheading);
|
font-size: var(--font-size-tableheading);
|
||||||
background-color: var(--quaternary);
|
background-color: var(--quaternary);
|
||||||
|
|||||||
@@ -1,50 +0,0 @@
|
|||||||
/* 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;
|
|
||||||
}
|
|
||||||
@@ -1,39 +1,3 @@
|
|||||||
/* Fonts */
|
|
||||||
@font-face {
|
|
||||||
font-family: "AldoTheApache";
|
|
||||||
src: url("/fonts/AldotheApache.ttf") format("truetype");
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "RobotFont";
|
|
||||||
src: url("/fonts/Robot_Font.otf") format("opentype");
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "m12";
|
|
||||||
src: url("/fonts/m12.ttf") format("truetype");
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "big_noodle_titling";
|
|
||||||
src: url("/fonts/big_noodle_titling.ttf") format("truetype");
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "CreatoDisplay";
|
|
||||||
src: url("/fonts/CreatoDisplay-Bold.otf") format("opentype");
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Printing */
|
/* Printing */
|
||||||
@media print {
|
@media print {
|
||||||
.no-print {
|
.no-print {
|
||||||
|
|||||||
Reference in New Issue
Block a user