Base structure
This commit is contained in:
parent
aee8ec012c
commit
2f0c170ef0
42 changed files with 260 additions and 0 deletions
30
src/index.html
Normal file
30
src/index.html
Normal file
|
@ -0,0 +1,30 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width;initial-scale=1" />
|
||||||
|
<meta name="author" content="edpibu" />
|
||||||
|
|
||||||
|
<title>Edgar P. Burkhart</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="static/css/main.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Hello World!</h1>
|
||||||
|
<h2>Hello World!</h2>
|
||||||
|
<h3>Hello World!</h3>
|
||||||
|
<h4>Hello World!</h4>
|
||||||
|
<h5>Hello World!</h5>
|
||||||
|
<h6>Hello World!</h6>
|
||||||
|
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget
|
||||||
|
mollis odio, ac facilisis lorem. Sed elit ipsum, rhoncus quis tortor ut,
|
||||||
|
gravida aliquam neque. Proin ex nisl, cursus auctor consequat ac, molestie
|
||||||
|
quis nunc. Proin lectus neque, rhoncus eget tincidunt sit amet,
|
||||||
|
sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar
|
||||||
|
ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non
|
||||||
|
lacinia facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||||
|
Sed sollicitudin lacus sit amet tempus feugiat. Nullam at ipsum sit amet
|
||||||
|
risus ornare interdum vel sed ligula.</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
30
src/static/css/main.css
Normal file
30
src/static/css/main.css
Normal file
|
@ -0,0 +1,30 @@
|
||||||
|
@import "../fonts/inter/inter.css";
|
||||||
|
|
||||||
|
*, *::before, *::after {
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--brand: #66cc00;
|
||||||
|
|
||||||
|
--text: #000000de;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: "Inter var", "Inter", sans-serif;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3 {font-weight: 250}
|
||||||
|
h1 {
|
||||||
|
font-size: 3rem;
|
||||||
|
letter-spacing: -.1rem;
|
||||||
|
}
|
||||||
|
h2 {font-size: 2.3rem}
|
||||||
|
h3 {font-size: 1.7rem}
|
||||||
|
h4, h5, h6 {font-weight: 700}
|
||||||
|
h4 {font-size: 1.2rem}
|
||||||
|
h5 {font-size: 1rem}
|
||||||
|
h6 {font-size: .8rem}
|
||||||
|
|
||||||
|
p {font-weight: 350}
|
BIN
src/static/fonts/inter/Inter-Black.woff
Normal file
BIN
src/static/fonts/inter/Inter-Black.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Black.woff2
Normal file
BIN
src/static/fonts/inter/Inter-Black.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-BlackItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-BlackItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-BlackItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-BlackItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Bold.woff
Normal file
BIN
src/static/fonts/inter/Inter-Bold.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Bold.woff2
Normal file
BIN
src/static/fonts/inter/Inter-Bold.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-BoldItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-BoldItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-BoldItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraBold.woff
Normal file
BIN
src/static/fonts/inter/Inter-ExtraBold.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraBold.woff2
Normal file
BIN
src/static/fonts/inter/Inter-ExtraBold.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraBoldItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-ExtraBoldItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraBoldItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-ExtraBoldItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraLight.woff
Normal file
BIN
src/static/fonts/inter/Inter-ExtraLight.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraLight.woff2
Normal file
BIN
src/static/fonts/inter/Inter-ExtraLight.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraLightItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-ExtraLightItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ExtraLightItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-ExtraLightItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Italic.woff
Normal file
BIN
src/static/fonts/inter/Inter-Italic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Italic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-Italic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Light.woff
Normal file
BIN
src/static/fonts/inter/Inter-Light.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Light.woff2
Normal file
BIN
src/static/fonts/inter/Inter-Light.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-LightItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-LightItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-LightItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-LightItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Medium.woff
Normal file
BIN
src/static/fonts/inter/Inter-Medium.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Medium.woff2
Normal file
BIN
src/static/fonts/inter/Inter-Medium.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-MediumItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-MediumItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-MediumItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-MediumItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Regular.woff
Normal file
BIN
src/static/fonts/inter/Inter-Regular.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Regular.woff2
Normal file
BIN
src/static/fonts/inter/Inter-Regular.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-SemiBold.woff
Normal file
BIN
src/static/fonts/inter/Inter-SemiBold.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-SemiBold.woff2
Normal file
BIN
src/static/fonts/inter/Inter-SemiBold.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-SemiBoldItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-SemiBoldItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-SemiBoldItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-SemiBoldItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Thin.woff
Normal file
BIN
src/static/fonts/inter/Inter-Thin.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-Thin.woff2
Normal file
BIN
src/static/fonts/inter/Inter-Thin.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ThinItalic.woff
Normal file
BIN
src/static/fonts/inter/Inter-ThinItalic.woff
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-ThinItalic.woff2
Normal file
BIN
src/static/fonts/inter/Inter-ThinItalic.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-italic.var.woff2
Normal file
BIN
src/static/fonts/inter/Inter-italic.var.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter-roman.var.woff2
Normal file
BIN
src/static/fonts/inter/Inter-roman.var.woff2
Normal file
Binary file not shown.
BIN
src/static/fonts/inter/Inter.var.woff2
Normal file
BIN
src/static/fonts/inter/Inter.var.woff2
Normal file
Binary file not shown.
200
src/static/fonts/inter/inter.css
Normal file
200
src/static/fonts/inter/inter.css
Normal file
|
@ -0,0 +1,200 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 100;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-Thin.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-Thin.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 100;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-ThinItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 200;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-ExtraLight.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-ExtraLightItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-Light.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-Light.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 300;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-LightItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-Regular.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-Regular.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-Italic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-Italic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-Medium.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-Medium.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 500;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-MediumItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-SemiBold.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-SemiBoldItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-Bold.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-Bold.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-BoldItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-ExtraBold.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-Black.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-Black.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 900;
|
||||||
|
font-display: swap;
|
||||||
|
src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"),
|
||||||
|
url("Inter-BlackItalic.woff?v=3.19") format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------------------------
|
||||||
|
Variable font.
|
||||||
|
Usage:
|
||||||
|
|
||||||
|
html { font-family: 'Inter', sans-serif; }
|
||||||
|
@supports (font-variation-settings: normal) {
|
||||||
|
html { font-family: 'Inter var', sans-serif; }
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter var';
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: swap;
|
||||||
|
font-style: normal;
|
||||||
|
font-named-instance: 'Regular';
|
||||||
|
src: url("Inter-roman.var.woff2?v=3.19") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter var';
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: swap;
|
||||||
|
font-style: italic;
|
||||||
|
font-named-instance: 'Italic';
|
||||||
|
src: url("Inter-italic.var.woff2?v=3.19") format("woff2");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* --------------------------------------------------------------------------
|
||||||
|
[EXPERIMENTAL] Multi-axis, single variable font.
|
||||||
|
|
||||||
|
Slant axis is not yet widely supported (as of February 2019) and thus this
|
||||||
|
multi-axis single variable font is opt-in rather than the default.
|
||||||
|
|
||||||
|
When using this, you will probably need to set font-variation-settings
|
||||||
|
explicitly, e.g.
|
||||||
|
|
||||||
|
* { font-variation-settings: "slnt" 0deg }
|
||||||
|
.italic { font-variation-settings: "slnt" 10deg }
|
||||||
|
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter var experimental';
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: swap;
|
||||||
|
font-style: oblique 0deg 10deg;
|
||||||
|
src: url("Inter.var.woff2?v=3.19") format("woff2");
|
||||||
|
}
|
Loading…
Reference in a new issue