Compare commits

...

2 Commits

Author SHA1 Message Date
Edgar P. Burkhart 8755b3bcef
Page j'aime 2021-12-31 19:01:04 +01:00
Edgar P. Burkhart 170f57592f
Update footer to french 2021-12-31 18:31:00 +01:00
6 changed files with 102 additions and 20 deletions

View File

@ -84,7 +84,7 @@ h6 {
nav {
margin: 12px;
}
a {
a.btn {
display: inline-block;
font-size: 1rem;
@ -102,13 +102,13 @@ a {
transition-duration: 70ms;
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}
a:hover {
a.btn:hover {
background: var(--gray-90-hover);
}
a:active {
a.btn:active {
background: var(--gray-70);
}
a:focus {
a.btn:focus {
border: 2px solid white;
}
nav a img {
@ -146,3 +146,11 @@ footer {
footer p {
margin: 0;
}
footer strong {
font-weight: 600;
font-feature-settings: 'ss01', 'ss02', 'ss03', 'cv11';
}
body > div.nav {
margin: 12px;
}

17
src/static/picto/love.svg Normal file
View File

@ -0,0 +1,17 @@
<?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" 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">
<g id="love">
<path id="love_1_" d="M16.032,29.247c-0.092,0-0.185-0.035-0.255-0.105L3.008,16.373c-1.507-1.507-2.337-3.506-2.337-5.629
c0-2.139,0.83-4.147,2.337-5.655c1.506-1.506,3.508-2.335,5.639-2.337c0,0,0.001,0,0.002,0c2.132,0,4.136,0.83,5.643,2.337
l1.74,1.74l1.74-1.74c1.507-1.507,3.511-2.337,5.642-2.337c0.003,0,0.005,0,0.008,0c2.128,0.002,4.129,0.832,5.635,2.337
c1.507,1.508,2.337,3.511,2.337,5.642s-0.83,4.134-2.337,5.642L16.287,29.142C16.216,29.212,16.124,29.247,16.032,29.247z
M8.649,3.473c0,0-0.001,0-0.002,0C6.709,3.474,4.888,4.229,3.518,5.599C2.147,6.97,1.392,8.797,1.392,10.744
c0,1.931,0.755,3.749,2.126,5.119l0,0l12.514,12.514l12.514-12.514c1.371-1.371,2.126-3.193,2.126-5.132s-0.755-3.761-2.126-5.132
c-1.37-1.369-3.19-2.124-5.125-2.126c-0.003,0-0.006,0-0.008,0c-1.938,0-3.761,0.754-5.132,2.126l-1.995,1.995
c-0.141,0.141-0.369,0.141-0.51,0l-1.995-1.995C12.412,4.228,10.588,3.473,8.649,3.473z"/>
</g>
<g id="Layer_1">
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -1,5 +1,5 @@
<footer>
<p>Website by edpibu - 2021</p>
<p>Inspired by IBM Carbon Design System</p>
<p>Icons and Pictograms from IBM Carbon Design System</p>
<p>Site par <strong>edpibu</strong> - 2021</p>
<p>Inspiré par IBM Carbon Design System</p>
<p>Icônes et pictogrammes par IBM Carbon Design System</p>
</footer>

View File

@ -10,19 +10,19 @@
{h1}
<nav>
<a href="/">
<a class="btn" href="/">
edgarpierre.fr
<img class="svg" src="/static/icon/home.svg" alt="" />
</a>
<a href="mailto:contact@edgarpierre.fr">
<a class="btn" href="mailto:contact@edgarpierre.fr">
contact@edgarpierre.fr
<img class="svg" src="/static/icon/email.svg" alt="" />
</a>
<a href="https://git.edgarpierre.fr/edpibu">
<a class="btn" href="https://git.edgarpierre.fr/edpibu">
git.edgarpierre.fr/edpibu
<img class="svg" src="/static/icon/code.svg" alt="" />
</a>
<a href="https://github.com/edpiburkhart">
<a class="btn" href="https://github.com/edpiburkhart">
github(edpiburkhart)
<img class="svg" src="/static/icon/logo--github.svg" alt="" />
</a>

View File

@ -15,42 +15,46 @@
{h1}
<div class="biglinks">
<a href="/cv/">
<a class="btn" href="/cv/">
<img class="svg" src="/static/picto/rich--text--format.svg" alt="" />
Curriculum Vitae
</a>
<a href="https://git.edgarpierre.fr/edpibu">
<a class="btn" href="https://git.edgarpierre.fr/edpibu">
<img class="svg" src="/static/picto/app--developer.svg" alt="" />
Git
</a>
<a href="https://www.komoot.fr/user/383887346799">
<a class="btn" href="https://www.komoot.fr/user/383887346799">
<img class="svg" src="/static/picto/summit.svg" alt="" />
Komoot
</a>
<img src="/static/pic/pic1.webp" alt="Paysage" />
<a class="btn" href="/jaime/">
<img class="svg" src="/static/picto/love.svg" alt="" />
Ce que j'aime
</a>
</div>
<nav>
<a href="#">
<a class="btn" href="#">
edgarpierre.fr
<img class="svg" src="/static/icon/home.svg" alt="" />
</a>
<a href="mailto:contact@edgarpierre.fr">
<a class="btn" href="mailto:contact@edgarpierre.fr">
contact@edgarpierre.fr
<img class="svg" src="/static/icon/email.svg" alt="" />
</a>
<a href="https://git.edgarpierre.fr/edpibu">
<a class="btn" href="https://git.edgarpierre.fr/edpibu">
git.edgarpierre.fr/edpibu
<img class="svg" src="/static/icon/code.svg" alt="" />
</a>
<a href="https://github.com/edpiburkhart">
<a class="btn" href="https://github.com/edpiburkhart">
github(edpiburkhart)
<img class="svg" src="/static/icon/logo--github.svg" alt="" />
</a>
<a href="https://www.komoot.fr/user/383887346799">
<a class="btn" href="https://www.komoot.fr/user/383887346799">
komoot(edpibu)
<img class="svg" src="/static/icon/mountain.svg" alt="" />
</a>
<a href="https://www.last.fm/user/edpiburkhart">
<a class="btn" href="https://www.last.fm/user/edpiburkhart">
last.fm(edpiburkhart)
<img class="svg" src="/static/icon/music.svg" alt="" />
</a>

View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Edgar P. Burkhart</title>
<meta name="description"
content="Les choses que j'apprécie - Edgar P. Burkhart." />
{meta}
</head>
<body>
<h1>
<img src="/static/svg/logo-inv.svg"
alt="Logo : goéland avec un bec vert" />
J'aime par
<strong>edpibu</strong>
</h1>
<nav>
<a class="btn" href="/">
edgarpierre.fr
<img class="svg" src="/static/icon/home.svg" alt="" />
</a>
</nav>
<div class="content">
</div>
<div class="content nav">
<a class="btn" href="https://www.carbondesignsystem.com/">
IBM Carbon Design System</a>
<a class="btn" href="https://rsms.me/inter/">
Inter typeface</a>
<a class="btn" href="https://github.com/jech/galene">
Galene</a>
<a class="btn" href="https://github.com/photoview/photoview">
Photoview</a>
<a class="btn" href="https://komoot.fr/">
Komoot</a>
<a class="btn" href="https://deezer.fr/">
Deezer</a>
<a class="btn"
href="https://www.garmin.com/fr-FR/p/596828/pn/010-01913-01">
Garmin Edge 130</a>
<a class="btn" href="https://archiv.cube.eu/fr/2017/856400">
Cube Stereo</a>
<a class="btn" href="https://www.rammstein.de/">
Rammstein</a>
<a class="btn" href="https://stageverse.muse.mu/">
Muse</a>
</div>
{footer}
</body>
</html>