edpibu/Web
edpibu
/
Web
Archived
1
Fork 0
Code Issues Pull Requests Releases 7 Activity

Replaced spaces with tabs

This commit is contained in:
Edgar P. Burkhart 2020-12-30 12:37:20 +01:00
parent 0bc8394d1d
commit 06b0094da4
Signed by: edpibu
GPG Key ID: 9833D3C5A25BD227
10 changed files with 157 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
css/index.css
View File

@ -21,36 +21,36 @@
} }
.left h1, .left h2 { .left h1, .left h2 {
font-family: 'IBM Plex Serif', serif; font-family: 'IBM Plex Serif', serif;
position: absolute; position: absolute;
font-size: 3rem; font-size: 3rem;
height: 1em; height: 1em;
line-height: 1em; line-height: 1em;
margin: 0; margin: 0;
width: 100%; width: 100%;
} }
.left h2 { .left h2 {
top: calc( 50% - 1em ); top: calc( 50% - 1em );
font-weight: 800; font-weight: 800;
} }
.left h1 { .left h1 {
bottom: calc( 50% - 1em ); bottom: calc( 50% - 1em );
font-weight: 300; font-weight: 300;
} }
footer { footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background: #000000de; background: #000000de;
color: #ffffffde; color: #ffffffde;
text-align: center; text-align: center;
} }
footer ul { footer ul {
list-style: none; list-style: none;
padding: 1em; padding: 1em;
} }
footer li { footer li {
height: 24px; height: 24px;
@ -58,19 +58,19 @@ footer li {
margin: 12px; margin: 12px;
} }
footer li span { footer li span {
font-weight: 800; font-weight: 800;
margin-right: 1em; margin-right: 1em;
} }
footer a { footer a {
color: #dededede; color: #dededede;
text-decoration: none; text-decoration: none;
transition: color 50ms; transition: color 50ms;
} }
footer a:hover { footer a:hover {
color: #ffffffde; color: #ffffffde;
} }
footer a:active { footer a:active {
color: #ffffffde; color: #ffffffde;
} }
@media screen and (min-width: 1024px), screen and (orientation: landscape) { @media screen and (min-width: 1024px), screen and (orientation: landscape) {

18
css/main.css
View File

@ -1,17 +1,17 @@
html { html {
box-sizing: border-box; box-sizing: border-box;
} }
*, *::before, *::after { *, *::before, *::after {
box-sizing: inherit; box-sizing: inherit;
} }
body { body {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0; margin: 0;
color: #000000de; color: #000000de;
font-family: Inter, sans-serif; font-family: Inter, sans-serif;
} }

24
error/401.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<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>401 - Unauthorized</title> <title>401 - Unauthorized</title>
<style> <style>
html { html {
box-sizing: border-box; box-sizing: border-box;
} }
@ -63,12 +63,12 @@
text-align: right; text-align: right;
} }
</style> </style>
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<h1>401</h1> <h1>401</h1>
<h2>Non Autorisé</h2> <h2>Non Autorisé</h2>
<figure> <figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html"> <blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
@ -76,5 +76,5 @@
</blockquote> </blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption> <figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure> </figure>
</body> </body>
</html> </html>

24
error/403.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<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>403 - Forbidden</title> <title>403 - Forbidden</title>
<style> <style>
html { html {
box-sizing: border-box; box-sizing: border-box;
} }
@ -63,12 +63,12 @@
text-align: right; text-align: right;
} }
</style> </style>
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<h1>403</h1> <h1>403</h1>
<h2>Interdit</h2> <h2>Interdit</h2>
<figure> <figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html"> <blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
@ -76,5 +76,5 @@
</blockquote> </blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption> <figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure> </figure>
</body> </body>
</html> </html>

24
error/404.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<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>404 - Not Found</title> <title>404 - Not Found</title>
<style> <style>
html { html {
box-sizing: border-box; box-sizing: border-box;
} }
@ -63,12 +63,12 @@
text-align: right; text-align: right;
} }
</style> </style>
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<h1>404</h1> <h1>404</h1>
<h2>Introuvable</h2> <h2>Introuvable</h2>
<figure> <figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html"> <blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
@ -76,5 +76,5 @@
</blockquote> </blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption> <figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure> </figure>
</body> </body>
</html> </html>

24
error/500.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<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>500 - Internal Server Error</title> <title>500 - Internal Server Error</title>
<style> <style>
html { html {
box-sizing: border-box; box-sizing: border-box;
} }
@ -63,12 +63,12 @@
text-align: right; text-align: right;
} }
</style> </style>
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<h1>500</h1> <h1>500</h1>
<h2>Erreur Serveur Interne</h2> <h2>Erreur Serveur Interne</h2>
<figure> <figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html"> <blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
@ -76,5 +76,5 @@
</blockquote> </blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption> <figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure> </figure>
</body> </body>
</html> </html>

24
error/502.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<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>502 - Bad Gateway</title> <title>502 - Bad Gateway</title>
<style> <style>
html { html {
box-sizing: border-box; box-sizing: border-box;
} }
@ -63,12 +63,12 @@
text-align: right; text-align: right;
} }
</style> </style>
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<h1>502</h1> <h1>502</h1>
<h2>Passerelle Défectueuse</h2> <h2>Passerelle Défectueuse</h2>
<figure> <figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html"> <blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
@ -76,5 +76,5 @@
</blockquote> </blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption> <figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure> </figure>
</body> </body>
</html> </html>

24
fonts/inter/inter48.css
View File

@ -1,16 +1,16 @@
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url("Inter-Regular.woff2") format("woff2"), src: url("Inter-Regular.woff2") format("woff2"),
url("Inter-Regular.woff") format("woff"); url("Inter-Regular.woff") format("woff");
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url("Inter-ExtraBold.woff2") format("woff2"), src: url("Inter-ExtraBold.woff2") format("woff2"),
url("Inter-ExtraBold.woff") format("woff"); url("Inter-ExtraBold.woff") format("woff");
} }

20
fonts/plex/plex37.css
View File

@ -1,16 +1,16 @@
@font-face { @font-face {
font-family: 'IBM Plex Serif'; font-family: 'IBM Plex Serif';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url("IBMPlexSerif-Bold.woff2") format("woff2"), src: url("IBMPlexSerif-Bold.woff2") format("woff2"),
url("IBMPlexSerif-Bold.woff2") format("woff"); url("IBMPlexSerif-Bold.woff2") format("woff");
} }
@font-face { @font-face {
font-family: 'IBM Plex Serif'; font-family: 'IBM Plex Serif';
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url("IBMPlexSerif-Light.woff2") format("woff2"), src: url("IBMPlexSerif-Light.woff2") format("woff2"),
url("IBMPlexSerif-Light.woff") format("woff"); url("IBMPlexSerif-Light.woff") format("woff");
} }

82
index.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<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" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<title>Edgar P. Burkhart</title> <title>Edgar P. Burkhart</title>
<meta name="description" content="Edgar P. Burkhart, étudiant en génie civil à l'École Normale Supérieure Paris-Saclay. contact@edgarpierre.fr" /> <meta name="description" content="Edgar P. Burkhart, étudiant en génie civil à l'École Normale Supérieure Paris-Saclay. contact@edgarpierre.fr" />
<link rel="preload" href="/fonts/inter/Inter-ExtraBold.woff2" as="font" crossorigin="anonymous" /> <link rel="preload" href="/fonts/inter/Inter-ExtraBold.woff2" as="font" crossorigin="anonymous" />
@ -14,43 +14,43 @@
<link rel="preload" href="/fonts/plex/IBMPlexSerif-Light.woff2" as="font" crossorigin="anonymous" /> <link rel="preload" href="/fonts/plex/IBMPlexSerif-Light.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/images/pic1.webp" as="image" /> <link rel="preload" href="/images/pic1.webp" as="image" />
<link rel="stylesheet" type="text/css" href="/fonts/inter/inter48.css" /> <link rel="stylesheet" type="text/css" href="/fonts/inter/inter48.css" />
<link rel="stylesheet" type="text/css" href="/fonts/plex/plex37.css" /> <link rel="stylesheet" type="text/css" href="/fonts/plex/plex37.css" />
<link rel="stylesheet" type="text/css" href="/css/main.css" /> <link rel="stylesheet" type="text/css" href="/css/main.css" />
<link rel="stylesheet" type="text/css" href="/css/index.css" /> <link rel="stylesheet" type="text/css" href="/css/index.css" />
<link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png"> <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="192x192" href="/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<div class="left"> <div class="left">
<h2>Edgar P.</h2> <h2>Edgar P.</h2>
<h1>Burkhart</h1> <h1>Burkhart</h1>
</div>
<div class="right">
<footer>
<ul>
<li><span>email</span><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
<li><span>komoot</span><a href="https://www.komoot.fr/user/383887346799">edpibu</a></li>
<li><span>git</span><a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a></li>
<li><span>github</span><a href="https://github.com/edpiburkhart">edpiburkhart</a></li>
</ul>
</footer>
</div> </div>
</body> <div class="right">
<footer>
<ul>
<li><span>email</span><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
<li><span>komoot</span><a href="https://www.komoot.fr/user/383887346799">edpibu</a></li>
<li><span>git</span><a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a></li>
<li><span>github</span><a href="https://github.com/edpiburkhart">edpiburkhart</a></li>
</ul>
</footer>
</div>
</body>
</html> </html>