diff --git a/src/_footer.html b/src/_footer.html index dc4003d..af2dd50 100644 --- a/src/_footer.html +++ b/src/_footer.html @@ -1,7 +1,8 @@ + \ No newline at end of file diff --git a/src/_header.html b/src/_header.html index 1d38076..25a103a 100644 --- a/src/_header.html +++ b/src/_header.html @@ -12,29 +12,38 @@ PAGE CODED BY : + + - + - + - + - - + - + - \ No newline at end of file + + \ No newline at end of file diff --git a/src/reset.css b/src/assets/css/reset.css similarity index 100% rename from src/reset.css rename to src/assets/css/reset.css diff --git a/src/assets/css/style.css b/src/assets/css/style.css new file mode 100644 index 0000000..70ecf67 --- /dev/null +++ b/src/assets/css/style.css @@ -0,0 +1,137 @@ +@charset "utf-8"; +/* Coded by Louis Vallat */ + +@font-face { + font-family: 'Rubik'; + src: url("/assets/fonts/Rubik-Medium.ttf"); +} + +@font-face { + font-family: 'Open Sans'; + src: url("/assets/fonts/OpenSans-Regular.ttf"); +} + +:root { + --bg: #2A2D34; + --fg: #fefefe; + --link: #009DDC; + --link_h: #009B72; + --link_v: #ACACDE; +} + +body { + font-family: 'Open Sans', sans-serif; + background-color: var(--bg); + color: var(--fg); + margin-right: 27vw; + margin-left: 27vw; + text-align: justify; + text-justify: auto; + font-size: 16px; +} + +p { + margin-top: 10px; + line-height: 1.5em; +} + +img { + margin-top: 15px; + margin-bottom: 5px; + width: 100%; +} + +a { + color: var(--link); +} + +a:visited { + color: var(--link_v); +} + +a:hover { + color: var(--link_h); +} + +nav { + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: 10px; + margin-bottom: 10px; +} + +.filler { + flex-grow: 2; +} + +nav > a { + font-family: 'Open Sans', sans-serif; + padding: 10px; +} + +nav > a:visited, nav > a:hover, nav > a { + color: var(--fg); + text-decoration: none; +} + +nav > a:not(#home_link) { + margin-left: 25px; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Rubik', sans-serif; + font-weight: bold; + margin-top: 10px; + margin-bottom: 5px; +} + +h1 { + font-size: 2.5em; +} + +h2 { + font-size: 1.85em; +} + +h3 { + font-size: 1.65em; +} + +h4 { + font-size: 1.45em; +} + +h5 { + font-size: 1.35em; +} + +h6 { + font-size: 1.25em; +} + +b, strong { + font-weight: bold; +} + +em, i { + font-style: italic; +} + +.articles { + margin-left: 10px; +} + +@media screen and (max-width: 992px) { + body { + margin-right: 10vw; + margin-left: 10vw; + } +} + +@media screen and (max-width: 768px) { + body { + margin-right: 5vw; + margin-left: 5vw; + } +} diff --git a/src/assets/fonts/OpenSans-Regular.ttf b/src/assets/fonts/OpenSans-Regular.ttf new file mode 100644 index 0000000..29bfd35 Binary files /dev/null and b/src/assets/fonts/OpenSans-Regular.ttf differ diff --git a/src/assets/fonts/Rubik-Medium.ttf b/src/assets/fonts/Rubik-Medium.ttf new file mode 100644 index 0000000..a4cfd87 Binary files /dev/null and b/src/assets/fonts/Rubik-Medium.ttf differ diff --git a/src/assets/images/qr_code.png b/src/assets/images/qr_code.png new file mode 100644 index 0000000..9276a36 Binary files /dev/null and b/src/assets/images/qr_code.png differ diff --git a/src/index.md b/src/index.md index 6aede60..4cf6ce6 100644 --- a/src/index.md +++ b/src/index.md @@ -1,5 +1,4 @@ -# Index - -Hello World +#### Articles + diff --git a/src/style.css b/src/style.css deleted file mode 100644 index 1dbb289..0000000 --- a/src/style.css +++ /dev/null @@ -1,3 +0,0 @@ -body { - font-family: 'Open Sans', sans-serif; -} \ No newline at end of file