Browse Source

new look, no more js !

pull/1/head
zapashcanon 2 years ago
parent
commit
84dcc1e35b
Signed by: zapashcanon GPG Key ID: 8981C3C62D1D28F1
  1. 2
      src/content/agriculture.md
  2. 7
      src/content/assets/css/bootstrap.min.css
  3. 121
      src/content/assets/css/style.css
  4. BIN
      src/content/assets/fonts/roboto.ttf
  5. 7
      src/content/assets/js/bootstrap.bundle.min.js
  6. 2
      src/content/hosting.md
  7. 52
      src/content/index.md
  8. 121
      src/template.eml.html

2
src/content/permaculture.md → src/content/agriculture.md

@ -1,4 +1,4 @@
# Permaculture
# Agriculture
- [Association Kokopelli]
- [Common Ground]

7
src/content/assets/css/bootstrap.min.css

File diff suppressed because one or more lines are too long

121
src/content/assets/css/style.css

@ -1,10 +1,48 @@
/* base16 onedark, unused directly*/
:root {
--base00: #282c34;
--base01: #353b45;
--base02: #3e4451;
--base03: #545862;
--base04: #565c64;
--base05: #abb2bf;
--base06: #b6bdca;
--base07: #c8ccd4;
--base08: #e06c75;
--base09: #d19a66;
--base0A: #e5c07b;
--base0B: #98c379;
--base0C: #56b6c2;
--base0D: #61afef;
--base0E: #c678dd;
--base0F: #be5046;
}
/* style */
@font-face {
font-family: roboto;
src: local("RobotoMono Nerd Font"),
url("/assets/fonts/roboto.ttf");
}
body {
padding-top: 3rem;
padding-bottom: 3rem;
color: #5a5a5a;
background-color: #EEEEEE;
color: #abb2bf;
background-color: #282c34;
line-height: 1.6;
font-size: 18px;
font-family: roboto,monospace,emoji,fantasy;
}
a {
color: #98c379;
}
a:visited {
color: #c678dd;
}
.featurette-divider {
@ -15,6 +53,10 @@ body {
text-align: center;
}
.align-center {
text-align: center;
}
h1 {
text-align: center;
margin-bottom: 2em;
@ -24,3 +66,78 @@ h1.text-left {
text-align: left;
margin-bottom: 0.2em;
}
h1,h2,h3,h4,h5,h6 {
color: #be5046;
}
em {
color: #e5c07b;
}
/*
p {
background-color: #353b45;
}
*/
/* MENU */
nav ul li:hover > ul {
display: block;
}
nav ul {
padding: 0 20px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: "";
clear: both;
display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: #353b45;
}
nav ul li a {
display: block;
padding: 10px 16px;
text-decoration: none;
}
nav ul ul {
display: none;
background: #3e4451;
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
}
nav ul ul li {
float: none;
position: relative;
}
nav ul ul li a {
padding: 10px 16px;
}
nav ul ul li a:hover {
background: #353b45;
}
nav ul ul ul {
position: absolute;
left: 100%;
top: 0;
}

BIN
src/content/assets/fonts/roboto.ttf

Binary file not shown.

7
src/content/assets/js/bootstrap.bundle.min.js

File diff suppressed because one or more lines are too long

2
src/content/host.md → src/content/hosting.md

@ -1,4 +1,4 @@
# Host
# Hosting
## Notice

52
src/content/index.md

@ -1,31 +1,21 @@
<div class="row">
<div class="col-md-6">
<h1 class="text-left">Léo Andrès</h1>
<div class="text-justify">
<p class="lead">
<a href="https://git.zapashcanon.fr/zapashcanon">git</a>
| <a href="https://mastodon.zapashcanon.fr/@deepo">mastodon</a>
| <a href="https://peertube.zapashcanon.fr/accounts/correia@peertube.zapashcanon.fr">peertube</a>
| <a href="https://fr.wikipedia.org/wiki/Sp%C3%A9cial:Contributions/Zapashcanon">wikipedia</a>
</p>
<blockquote class="blockquote align-center">
<p><em>Il était une fois un artiste qui sauva des gens de leur vie.</em></p>
</blockquote>
<br />
<p>
🎓 PhD student at <a href="https://www.ocamlpro.com">OCamlPro</a> and <a href="https://lmf.cnrs.fr">LMF</a> working on <a href="https://webassembly.org">WebAssembly</a>.<br />
🐫 Program in <a href="https://ocaml.org">OCaml</a><em>the only good system is a type system</em>.<br />
🌐 Involved in <a href="/host">alternative hosting</a> and <a href="https://en.wikipedia.org/wiki/Free_software">free software</a><em>the only good system is a decentralized system</em>.<br />
🎺 <a href="https://peertube.zapashcanon.fr/videos/watch/df56e7ee-96d7-43c3-8148-df90d2f8ab84">Play the piano</a>, listen to things like <a href="https://invidious.zapashcanon.fr/watch?v=s5kttsTb_Fk">Macha Gharibian</a> or <a href="https://invidious.zapashcanon.fr/watch?v=KNJ0B5uU1QQ">Igorrr</a>, <a href="https://peertube.zapashcanon.fr/videos/watch/4ec162f9-94a8-458b-90ca-5a2693c8c779"><strike>organize and play at</strike></a> support <a href="https://en.wikipedia.org/wiki/Free_party">free parties</a><em>the only good system is a sound system</em>.<br />
♀️ Not <a href="https://fr.wikipedia.org/wiki/Andr%C3%A9_L%C3%A9o">André Léo</a> because she died way before I was born and thus we never met !<br />
⚔️ Not Léo Andrés (a photographer in Paris) because an e-acute is not an e-grave ; he's alive and fun fact: he was the photographer of the <a href="https://cosu.sorbonne-universite.fr">Sorbonne's Choir & Orchestra</a> while I was part of it.
</p>
</div>
</div>
<div class="col-md-6">
<a href="https://fs.zapashcanon.fr/img/me_notown_2016.jpeg"><img src="https://fs.zapashcanon.fr/img/me_notown_2016.jpeg" alt="Festival Notown - 2016" width="500"></a><br />
<br />
📷 Photographie par mon ami <a href="http://mathiasauster.com">Mathias Auster</a>.
<br />
</div>
</div>
<h1>Léo Andrès</h1>
<blockquote class="blockquote align-center">
<p><em>Il était une fois un artiste qui sauva des gens de leur vie.</em></p>
</blockquote>
<p class="align-center">
<a href="https://fs.zapashcanon.fr/img/me_notown_2016.jpeg" class="align-center">
<img src="https://fs.zapashcanon.fr/img/me_notown_2016.jpeg" alt="Festival Notown - 2016" width="500" class="align-center">
</a>
<br />
📷 Photographie par mon ami <a href="http://mathiasauster.com">Mathias Auster</a>.
</p>
<br />
<p>
🎓 PhD student at <a href="https://www.ocamlpro.com">OCamlPro</a> and <a href="https://lmf.cnrs.fr">LMF</a> working on <a href="https://webassembly.org">WebAssembly</a>.<br />
🐫 Program in <a href="https://ocaml.org">OCaml</a><em>the only good system is a type system</em>.<br />
🌐 Involved in <a href="/hosting">alternative hosting</a> and <a href="https://en.wikipedia.org/wiki/Free_software">free software</a><em>the only good system is a decentralized system</em>.<br />
🎺 <a href="https://peertube.zapashcanon.fr/videos/watch/df56e7ee-96d7-43c3-8148-df90d2f8ab84">Play the piano</a>, listen to things like <a href="https://invidious.zapashcanon.fr/watch?v=s5kttsTb_Fk">Macha Gharibian</a> or <a href="https://invidious.zapashcanon.fr/watch?v=KNJ0B5uU1QQ">Igorrr</a>, <a href="https://peertube.zapashcanon.fr/videos/watch/4ec162f9-94a8-458b-90ca-5a2693c8c779"><strike>organize and play at</strike></a> support <a href="https://en.wikipedia.org/wiki/Free_party">free parties</a><em>the only good system is a sound system</em>.<br />
♀️ Not <a href="https://fr.wikipedia.org/wiki/Andr%C3%A9_L%C3%A9o">André Léo</a> because she died way before I was born and thus we never met !<br />
⚔️ Not Léo Andrés (a photographer in Paris) because an e-acute is not an e-grave ; he's alive and fun fact: he was the photographer of the <a href="https://cosu.sorbonne-universite.fr">Sorbonne's Choir & Orchestra</a> while I was part of it.
</p>

121
src/template.eml.html

@ -4,92 +4,67 @@ let render ~title ~content =
<head>
<title><%s title %></title>
<link rel="icon" type="image/svg+xml" href="/assets/img/favicon.png">
<link href="/assets/css/bootstrap.min.css" rel="stylesheet"/>
<link href="/assets/css/style.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/"><img src="/assets/img/favicon.png" alt="zapashcanon" height="42" /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Bilan cul'
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="/bookshelf">Bookshelf</a></li>
<li><a class="dropdown-item" href="/movies">Movies</a></li>
<li><a class="dropdown-item" href="/concerts">Concerts</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Informatique
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="/host">Host</a></li>
<li><a class="dropdown-item" href="/publication">Publication</a></li>
<li><a class="dropdown-item" href="/software">Software</a></li>
<li><a class="dropdown-item" href="/cs-stuff">Stuff I like</a></li>
<li><a class="dropdown-item" href="/ocaml">OCaml</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Musique
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="/listen">Écouter</a></li>
<li><a class="dropdown-item" href="/transmission">Transmission</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Various
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
<li><a class="dropdown-item" href="/dialogues">Dialogues</a></li>
<li><a class="dropdown-item" href="/games">Games</a></li>
<li><a class="dropdown-item" href="/history">History</a></li>
<li><a class="dropdown-item" href="/permaculture">Permaculture</a></li>
<li><a class="dropdown-item" href="/visual-arts">Visual Arts</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact" title="Pour me contacter !">Contact</a>
</li>
<nav>
<ul>
<li>
<a href="/">🏡 Home</a>
</li>
<li>
<a href="#">🧠 Bilan cul'</a>
<ul>
<li><a href="/bookshelf">📚 Bookshelf</a></li>
<li><a href="/movies">📽️ Movies</a></li>
<li><a href="/concerts">🧑‍🎤 Concerts</a></li>
</ul>
</div>
</div>
</li>
<li>
<a href="#">🖥️ Informatique</a>
<ul>
<li><a href="/hosting">🌐 Hosting</a></li>
<li><a href="/publication">🔬 Publication</a></li>
<li><a href="/software">🐱‍💻 Software</a></li>
<li><a href="/cs-stuff">🧡 Stuff I like</a></li>
<li><a href="/ocaml">🐫 OCaml</a></li>
</ul>
</li>
<li>
<a href="#">🎶 Musique</a>
<ul>
<li><a href="/listen">📻 Écouter</a></li>
<li><a href="/transmission">🎙️ Transmission</a></li>
</ul>
</li>
<li>
<a href="#">💎 Various</a>
<ul>
<li><a href="/agriculture">🌱 Agriculture</a></li>
<li><a href="/dialogues">💬 Dialogues</a></li>
<li><a href="/games">🎲 Games</a></li>
<li><a href="/history">📜 History</a></li>
<li><a href="/visual-arts">🎨 Visual Arts</a></li>
</ul>
</li>
<li>
<a href="/contact" title="Pour me contacter !">💌 Contact</a>
</li>
</ul>
</nav>
</header>
<br />
<br />
<br />
<br />
<main>
<div class="container">
<div>
<%s! content %>
</div>
<hr class="featurette-divider">
<footer class="container">
<p> <a title="Back to top" href='#top'>🔝</a>
| <a href="https://git.zapashcanon.fr/zapashcanon/www.zapashcanon.fr">website source code</a>
| <a href="https://git.zapashcanon.fr/zapashcanon">git</a>
| <a href="https://mastodon.zapashcanon.fr/@deepo">mastodon</a>
| <a href="https://peertube.zapashcanon.fr/accounts/correia@peertube.zapashcanon.fr">peertube</a>
| <a href="https://fr.wikipedia.org/wiki/Sp%C3%A9cial:Contributions/Zapashcanon">wikipedia</a>
<footer>
<p class="align-center">
<a title="Back to top" href='#top'>🔝</a>
| <a href="https://git.zapashcanon.fr/zapashcanon/www.zapashcanon.fr">nothing to hide</a>
</p>
</footer>
</main>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>

Loading…
Cancel
Save