Basic page

This commit is contained in:
Edgar P. Burkhart 2021-12-28 11:08:18 +01:00
parent 9b3954912f
commit a2e6e9c1c5
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
5 changed files with 137 additions and 0 deletions

33
src/index.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Edgar P. Burkhart</title>
<link rel="stylesheet" type="text/css" href="/static/css/main.css" />
<link rel="stylesheet" type="text/css" href="/static/css/index.css" />
</head>
<body>
<h1>Edgar P. <strong>Burkhart</strong></h1>
<div class="biglinks">
<a href="#">
<img class="svg" src="/static/svg/rich--text--format.svg" />
Curriculum Vitae
</a>
<a href="https://git.edgarpierre.fr">
<img class="svg" src="/static/svg/app--developer.svg" />
Git
</a>
</div>
<nav>
<a href="#">edgarpierre.fr</a>
<a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a>
<a href="https://www.komoot.fr/user/383887346799">komoot(edpibu)</a>
<a href="https://www.last.fm/user/edpiburkhart">last.fm(edpiburkhart)</a>
<a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a>
<a href="https://github.com/edpiburkhart">github(edpiburkhart)</a>
</nav>
</body>
</html>

43
src/static/css/index.css Normal file
View file

@ -0,0 +1,43 @@
h1 {
/* color: #8bc34a; */
font-size: 3.375rem;
line-height: 4rem;
font-weight: 300;
margin: 12px;
}
h1 strong {
font-weight: 600;
}
.biglinks a {
width: min(20rem, 100%);
}
a {
display: inline-block;
line-height: 24px;
padding: 12px 24px;
margin: 12px;
color: #f4f4f4;
background: #262626; /* Gray 90 */
text-decoration: none;
border: 2px solid transparent;
}
a>.svg {
width: 64px;
margin-top: 12px;
margin-bottom: 32px;
display: block;
}
a:hover {
background: #333333; /* Gray 90 Hover */
}
a:active {
background: #525252; /* Gray 70 */
}
a:focus {
border: 2px solid white;
}

14
src/static/css/main.css Normal file
View file

@ -0,0 +1,14 @@
html {
color: #ffffff;
font-family: Inter V, sans-serif;
background: #161616; /* Gray 100 */
padding: 24px;
}
*, *::before, *::after {
box-sizing: border-box;
}
.svg {
filter: invert(100%);
}

View file

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="app--developer_1_" d="M3.254,9.254L2.746,8.746L3.991,7.5L2.746,6.254l0.509-0.509L5.009,7.5L3.254,9.254z M3,2
C2.724,2,2.5,2.224,2.5,2.5S2.724,3,3,3s0.5-0.224,0.5-0.5S3.276,2,3,2z M5.5,2.5C5.5,2.776,5.276,3,5,3S4.5,2.776,4.5,2.5
S4.724,2,5,2S5.5,2.224,5.5,2.5z M7.5,2.5C7.5,2.776,7.276,3,7,3S6.5,2.776,6.5,2.5S6.724,2,7,2S7.5,2.224,7.5,2.5z M18.5,6.5
C18.5,6.776,18.276,7,18,7s-0.5-0.224-0.5-0.5S17.724,6,18,6S18.5,6.224,18.5,6.5z M20.5,6.5C20.5,6.776,20.276,7,20,7
s-0.5-0.224-0.5-0.5S19.724,6,20,6S20.5,6.224,20.5,6.5z M22.5,6.5C22.5,6.776,22.276,7,22,7s-0.5-0.224-0.5-0.5S21.724,6,22,6
S22.5,6.224,22.5,6.5z M5.5,24.5C5.5,24.776,5.276,25,5,25s-0.5-0.224-0.5-0.5S4.724,24,5,24S5.5,24.224,5.5,24.5z M13,14.36H1
c-0.199,0-0.36-0.161-0.36-0.36V1c0-0.199,0.161-0.36,0.36-0.36h12c0.199,0,0.36,0.161,0.36,0.36v13
C13.36,14.199,13.199,14.36,13,14.36z M12.64,4.36H1.36v9.28h11.28C12.64,13.64,12.64,4.36,12.64,4.36z M12.64,1.36H1.36v2.281
h11.28C12.64,3.641,12.64,1.36,12.64,1.36z M31.36,5v17c0,0.199-0.161,0.36-0.36,0.36H19.691c-0.301,0.471-0.69,0.885-1.152,1.215
c2.875,1.05,4.819,3.778,4.819,6.902l0.002,0.521L22.639,31l-0.002-0.522c0-3.078-2.09-5.729-5.083-6.45
c-0.15-0.035-0.26-0.163-0.274-0.316s0.07-0.299,0.211-0.361c1.315-0.592,2.165-1.9,2.165-3.334c0-2.017-1.64-3.657-3.656-3.657
c-2.018,0-3.66,1.64-3.66,3.657c0,1.434,0.85,2.742,2.166,3.334c0.141,0.062,0.225,0.208,0.211,0.361s-0.125,0.281-0.274,0.316
c-2.993,0.721-5.084,3.372-5.084,6.449l0.001,0.521L8.64,31l-0.001-0.522c0-3.125,1.943-5.854,4.819-6.903
c-1.138-0.812-1.838-2.134-1.838-3.559c0-2.292,1.772-4.178,4.02-4.362V5c0-0.199,0.161-0.36,0.36-0.36h15
C31.199,4.64,31.36,4.801,31.36,5z M30.64,8.36H16.36v7.295c2.246,0.184,4.017,2.07,4.017,4.362c0,0.566-0.11,1.115-0.315,1.623
H30.64V8.36z M30.64,5.36H16.36v2.28h14.28V5.36z M22,11.64h-4v0.72h4V11.64z M23.64,17.5c0-1.577,1.283-2.86,2.86-2.86
s2.86,1.283,2.86,2.86s-1.283,2.86-2.86,2.86S23.64,19.077,23.64,17.5z M28.242,16.266l-1.383,1.383l-0.004,1.955
c1.01-0.171,1.784-1.046,1.784-2.104C28.64,17.04,28.49,16.615,28.242,16.266z M24.36,17.5c0,1.055,0.769,1.928,1.774,2.103
l0.006-2.253l1.592-1.593c-0.349-0.248-0.773-0.397-1.233-0.397C25.32,15.36,24.36,16.32,24.36,17.5z M8,9.64H5v0.72h3V9.64z
M3.5,21.36h3v-0.72h-3V21.36z M3.5,19.36h3v-0.72h-3V19.36z M22,13.64h-4v0.72h4V13.64z M29,11.64h-4v0.72h4V11.64z M29,9.64h-4
v0.72h4V9.64z M22,9.64h-4v0.72h4V9.64z M8.36,17.584v7.832c0,0.521-0.423,0.944-0.944,0.944H2.584
c-0.521,0-0.944-0.424-0.944-0.944v-7.832c0-0.521,0.423-0.944,0.944-0.944h4.832C7.937,16.64,8.36,17.063,8.36,17.584z M7.64,23.36
H2.36v2.056c0,0.123,0.101,0.224,0.224,0.224h4.832c0.124,0,0.224-0.101,0.224-0.224C7.64,25.416,7.64,23.36,7.64,23.36z
M7.64,17.584c0-0.123-0.101-0.224-0.224-0.224H2.584c-0.124,0-0.224,0.101-0.224,0.224v5.056h5.28
C7.64,22.64,7.64,17.584,7.64,17.584z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="rich-text-format_1_" d="M31,31.36H7c-0.199,0-0.36-0.161-0.36-0.36v-7.64H1c-0.199,0-0.36-0.161-0.36-0.36V8
c0-0.199,0.161-0.36,0.36-0.36h5.64V1c0-0.199,0.161-0.36,0.36-0.36h18c0.096,0,0.188,0.038,0.255,0.105l6,6
C31.322,6.813,31.36,6.904,31.36,7v24C31.36,31.199,31.199,31.36,31,31.36z M7.36,30.64h23.28V7.36H25
c-0.199,0-0.36-0.161-0.36-0.36V1.36H7.36v6.28H16c0.199,0,0.36,0.161,0.36,0.36v2.641H27v0.72H16.36v3.28H27v0.72H16.36v3.279H27
v0.721H16.36v3.279H27v0.721H7.36V30.64z M1.36,22.64h14.28v-2.49L12,16.51l-1.746,1.745c-0.141,0.141-0.368,0.141-0.509,0L5,13.51
l-3.64,3.64C1.36,17.15,1.36,22.64,1.36,22.64z M12,15.641c0.092,0,0.184,0.035,0.254,0.105l3.386,3.385V8.36H1.36v7.771
l3.386-3.385c0.141-0.141,0.368-0.141,0.509,0L10,17.491l1.746-1.745C11.816,15.676,11.908,15.641,12,15.641z M25.36,6.64h4.771
L25.36,1.869V6.64z M23,27.36H11v-0.72h12V27.36z M10.5,13.36c-1.025,0-1.86-0.834-1.86-1.86s0.834-1.86,1.86-1.86
s1.86,0.834,1.86,1.86S11.525,13.36,10.5,13.36z M10.5,10.36c-0.628,0-1.14,0.512-1.14,1.14s0.512,1.14,1.14,1.14
s1.14-0.512,1.14-1.14S11.128,10.36,10.5,10.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB