Page j'aime
This commit is contained in:
parent
170f57592f
commit
8755b3bcef
5 changed files with 95 additions and 17 deletions
|
@ -84,7 +84,7 @@ h6 {
|
||||||
nav {
|
nav {
|
||||||
margin: 12px;
|
margin: 12px;
|
||||||
}
|
}
|
||||||
a {
|
a.btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
@ -102,13 +102,13 @@ a {
|
||||||
transition-duration: 70ms;
|
transition-duration: 70ms;
|
||||||
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
|
||||||
}
|
}
|
||||||
a:hover {
|
a.btn:hover {
|
||||||
background: var(--gray-90-hover);
|
background: var(--gray-90-hover);
|
||||||
}
|
}
|
||||||
a:active {
|
a.btn:active {
|
||||||
background: var(--gray-70);
|
background: var(--gray-70);
|
||||||
}
|
}
|
||||||
a:focus {
|
a.btn:focus {
|
||||||
border: 2px solid white;
|
border: 2px solid white;
|
||||||
}
|
}
|
||||||
nav a img {
|
nav a img {
|
||||||
|
@ -150,3 +150,7 @@ footer strong {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-feature-settings: 'ss01', 'ss02', 'ss03', 'cv11';
|
font-feature-settings: 'ss01', 'ss02', 'ss03', 'cv11';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body > div.nav {
|
||||||
|
margin: 12px;
|
||||||
|
}
|
||||||
|
|
17
src/static/picto/love.svg
Normal file
17
src/static/picto/love.svg
Normal 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 |
|
@ -10,19 +10,19 @@
|
||||||
{h1}
|
{h1}
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/">
|
<a class="btn" href="/">
|
||||||
edgarpierre.fr
|
edgarpierre.fr
|
||||||
<img class="svg" src="/static/icon/home.svg" alt="" />
|
<img class="svg" src="/static/icon/home.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="mailto:contact@edgarpierre.fr">
|
<a class="btn" href="mailto:contact@edgarpierre.fr">
|
||||||
contact@edgarpierre.fr
|
contact@edgarpierre.fr
|
||||||
<img class="svg" src="/static/icon/email.svg" alt="" />
|
<img class="svg" src="/static/icon/email.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://git.edgarpierre.fr/edpibu">
|
<a class="btn" href="https://git.edgarpierre.fr/edpibu">
|
||||||
git.edgarpierre.fr/edpibu
|
git.edgarpierre.fr/edpibu
|
||||||
<img class="svg" src="/static/icon/code.svg" alt="" />
|
<img class="svg" src="/static/icon/code.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/edpiburkhart">
|
<a class="btn" href="https://github.com/edpiburkhart">
|
||||||
github(edpiburkhart)
|
github(edpiburkhart)
|
||||||
<img class="svg" src="/static/icon/logo--github.svg" alt="" />
|
<img class="svg" src="/static/icon/logo--github.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -15,42 +15,46 @@
|
||||||
{h1}
|
{h1}
|
||||||
|
|
||||||
<div class="biglinks">
|
<div class="biglinks">
|
||||||
<a href="/cv/">
|
<a class="btn" href="/cv/">
|
||||||
<img class="svg" src="/static/picto/rich--text--format.svg" alt="" />
|
<img class="svg" src="/static/picto/rich--text--format.svg" alt="" />
|
||||||
Curriculum Vitae
|
Curriculum Vitae
|
||||||
</a>
|
</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="" />
|
<img class="svg" src="/static/picto/app--developer.svg" alt="" />
|
||||||
Git
|
Git
|
||||||
</a>
|
</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="" />
|
<img class="svg" src="/static/picto/summit.svg" alt="" />
|
||||||
Komoot
|
Komoot
|
||||||
</a>
|
</a>
|
||||||
<img src="/static/pic/pic1.webp" alt="Paysage" />
|
<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>
|
</div>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="#">
|
<a class="btn" href="#">
|
||||||
edgarpierre.fr
|
edgarpierre.fr
|
||||||
<img class="svg" src="/static/icon/home.svg" alt="" />
|
<img class="svg" src="/static/icon/home.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="mailto:contact@edgarpierre.fr">
|
<a class="btn" href="mailto:contact@edgarpierre.fr">
|
||||||
contact@edgarpierre.fr
|
contact@edgarpierre.fr
|
||||||
<img class="svg" src="/static/icon/email.svg" alt="" />
|
<img class="svg" src="/static/icon/email.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://git.edgarpierre.fr/edpibu">
|
<a class="btn" href="https://git.edgarpierre.fr/edpibu">
|
||||||
git.edgarpierre.fr/edpibu
|
git.edgarpierre.fr/edpibu
|
||||||
<img class="svg" src="/static/icon/code.svg" alt="" />
|
<img class="svg" src="/static/icon/code.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/edpiburkhart">
|
<a class="btn" href="https://github.com/edpiburkhart">
|
||||||
github(edpiburkhart)
|
github(edpiburkhart)
|
||||||
<img class="svg" src="/static/icon/logo--github.svg" alt="" />
|
<img class="svg" src="/static/icon/logo--github.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.komoot.fr/user/383887346799">
|
<a class="btn" href="https://www.komoot.fr/user/383887346799">
|
||||||
komoot(edpibu)
|
komoot(edpibu)
|
||||||
<img class="svg" src="/static/icon/mountain.svg" alt="" />
|
<img class="svg" src="/static/icon/mountain.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.last.fm/user/edpiburkhart">
|
<a class="btn" href="https://www.last.fm/user/edpiburkhart">
|
||||||
last.fm(edpiburkhart)
|
last.fm(edpiburkhart)
|
||||||
<img class="svg" src="/static/icon/music.svg" alt="" />
|
<img class="svg" src="/static/icon/music.svg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
|
|
53
src/views/template/jaime.html
Normal file
53
src/views/template/jaime.html
Normal 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>
|
Reference in a new issue