corrections for felicie's template
This commit is contained in:
theo lem
parent
757f377ae9
commit
c1534b7bf6
@ -1,41 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie</title>
|
||||
<link rel="stylesheet" href="theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
|
||||
<article id="articles">
|
||||
<a class="vignette" href=courtyard.html>
|
||||
<img class= "img-menu" src="images/courtyard/02-courtyard.JPG" alt="courtyard">
|
||||
<h2>The courtyard</h2>
|
||||
</a>
|
||||
|
||||
<a class="vignette"href=construction.html.html>
|
||||
<img class= "img-menu" src="images/construction/01-construction.jpg" alt="construction">
|
||||
<h2>Construction workers</h2>
|
||||
</a>
|
||||
|
||||
<a class="vignette" href=sunday.html>
|
||||
<img class= "img-menu" src="images/sunday/02-sunday.jpg" alt="">
|
||||
<h2>Sunday afternoon</h2>
|
||||
</a>
|
||||
|
||||
</article>
|
||||
|
||||
<footer>
|
||||
<div id="about">about</div>
|
||||
<div id="download">download</div>
|
||||
</footer>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,13 +0,0 @@
|
||||
Title: Contact
|
||||
Date: 2020-03-30 10:20
|
||||
Modified: 2020-03-30 10:20
|
||||
Category: misc
|
||||
Slug: contact
|
||||
Summary: Contact information
|
||||
|
||||
|
||||
# Contact information
|
||||
|
||||
felicie : [ ? ]
|
||||
|
||||
theo : contact [ at ] theo-lem.org
|
||||
@ -1,12 +0,0 @@
|
||||
Title: Legal
|
||||
Date: 2020-03-30 10:20
|
||||
Modified: 2020-03-30 10:20
|
||||
Category: misc
|
||||
Slug: legal
|
||||
Summary: Legal information
|
||||
|
||||
Pictures, texts and sounds by felicie.
|
||||
|
||||
This site uses [Pelican](https://blog.getpelican.com/) with a custom theme. We also use [CMU Typewriter font](https://fontlibrary.org/en/font/cmu-typewriter) (GPL).
|
||||
|
||||
This site is hosted by theo on OVH VPS.
|
||||
10
content/pages/about.md
Normal file
10
content/pages/about.md
Normal file
@ -0,0 +1,10 @@
|
||||
Title: About
|
||||
Date: 2020-04-05 10:20
|
||||
Modified: 2020-03-30 10:20
|
||||
Category: misc
|
||||
Slug: about
|
||||
Summary: About this website
|
||||
|
||||
Website by theo and felicie using [Pelican](https://blog.getpelican.com/) and [Libertinage font](http://osp.kitchen/foundry/libertinage/).
|
||||
|
||||
Hosted by OVH, managed by theo.
|
||||
8
content/pages/download.md
Normal file
8
content/pages/download.md
Normal file
@ -0,0 +1,8 @@
|
||||
Title: Download
|
||||
Date: 2020-04-05 10:20
|
||||
Modified: 2020-03-30 10:20
|
||||
Category: misc
|
||||
Slug: download
|
||||
Summary: Donwload the content
|
||||
|
||||
You can download all the content of this website here.
|
||||
@ -4,23 +4,16 @@
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie | Construction
|
||||
</title>
|
||||
<link rel="stylesheet" href="theme/css/main.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class='sidebar'>
|
||||
<a id='home' href='index.html'> /HOME </a></br>
|
||||
|
||||
<div id='article-anchors'>
|
||||
<a href=construction.html>Construction</a></br>
|
||||
<a href=courtyard.html>Courtyard</a></br>
|
||||
<a href=sunday.html>Sunday</a></br>
|
||||
<a href=contact.html>Contact</a></br>
|
||||
<a href=legal.html>Legal</a></br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<div class="article-content">
|
||||
<h1 class='article-title'>Construction</h1>
|
||||
<h2 class='article-author'> by felicie</h2>
|
||||
<div class='article-content'> <p><audio controls="controls"
|
||||
@ -33,8 +26,14 @@
|
||||
<img alt="02" src="images/construction/02-construction.JPG">
|
||||
<img alt="03" src="images/construction/03-construction.JPG">
|
||||
<img alt="04" src="images/construction/04-construction.JPG"></p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
@ -1,33 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie | Contact
|
||||
</title>
|
||||
<link rel="stylesheet" href="theme/css/main.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class='sidebar'>
|
||||
<a id='home' href='index.html'> /HOME </a></br>
|
||||
|
||||
<div id='article-anchors'>
|
||||
<a href=construction.html>Construction</a></br>
|
||||
<a href=courtyard.html>Courtyard</a></br>
|
||||
<a href=sunday.html>Sunday</a></br>
|
||||
<a href=contact.html>Contact</a></br>
|
||||
<a href=legal.html>Legal</a></br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='content'>
|
||||
<h1 class='article-title'>Contact</h1>
|
||||
<h2 class='article-author'> by thelem</h2>
|
||||
<div class='article-content'> <h1>Contact information</h1>
|
||||
<p>felicie : [ ? ]</p>
|
||||
<p>theo : contact [ at ] theo-lem.org</p></div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -4,23 +4,16 @@
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie | Courtyard
|
||||
</title>
|
||||
<link rel="stylesheet" href="theme/css/main.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class='sidebar'>
|
||||
<a id='home' href='index.html'> /HOME </a></br>
|
||||
|
||||
<div id='article-anchors'>
|
||||
<a href=construction.html>Construction</a></br>
|
||||
<a href=courtyard.html>Courtyard</a></br>
|
||||
<a href=sunday.html>Sunday</a></br>
|
||||
<a href=contact.html>Contact</a></br>
|
||||
<a href=legal.html>Legal</a></br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<div class="article-content">
|
||||
<h1 class='article-title'>Courtyard</h1>
|
||||
<h2 class='article-author'> by felicie</h2>
|
||||
<div class='article-content'> <p><audio controls="controls"
|
||||
@ -43,8 +36,14 @@ At sunset, he starts to think that the angle of the light on the stretch of eart
|
||||
He also comments with either self-pity or candid interest everything he undertakes. He even talks back to himself sometimes, which he always assumed was the point of no return. But having the last word has become a matter of principle.</p>
|
||||
<p>He goes to the balcony twice a day to smoke a cigarette. It overlooks the courtyard, so it is just outside enough to give himself the impression that he is going somewhere. The junk and the dust lingering on the other balconies have made space to allow a chair and a reading person to get a bit of sunlight.
|
||||
He can hear neighbors laughing out loud, as they always had in peaceful sunny spring afternoon. They started to watch an old TV show last week. He knows the ending and can even tell some lines.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
@ -34,7 +34,4 @@ He can hear neighbors laughing out loud, as they always had in peaceful sunny sp
|
||||
Your browser does not support the HTML5 Audio element.
|
||||
</audio></p>
|
||||
<p><img alt="01" src="images/sunday/01-sunday.jpg">
|
||||
<img alt="02" src="images/sunday/02-sunday.jpg"></p></content><category term="public"></category><category term="article"></category></entry><entry><title>Contact</title><link href="contact.html" rel="alternate"></link><published>2020-03-30T10:20:00+02:00</published><updated>2020-03-30T10:20:00+02:00</updated><author><name>theo</name></author><id>tag:None,2020-03-30:contact.html</id><summary type="html"><p>Contact information</p></summary><content type="html"><h1>Contact information</h1>
|
||||
<p>felicie :
|
||||
theo : contact [ at ] theo-lem.org</p></content><category term="misc"></category></entry><entry><title>Legal</title><link href="legal.html" rel="alternate"></link><published>2020-03-30T10:20:00+02:00</published><updated>2020-03-30T10:20:00+02:00</updated><author><name>theo</name></author><id>tag:None,2020-03-30:legal.html</id><summary type="html"><p>Legal information</p></summary><content type="html"><p>Pictures, texts and sounds by felicie.
|
||||
This site is hosted by theo (contact [ at ] theo-lem.org) on OVH VPS.</p></content><category term="misc"></category></entry></feed>
|
||||
<img alt="02" src="images/sunday/02-sunday.jpg"></p></content><category term="public"></category><category term="article"></category></entry></feed>
|
||||
@ -1,5 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom"><title>Félicie - misc</title><link href="127.0.0.1:8000/" rel="alternate"></link><link href="feeds/misc.atom.xml" rel="self"></link><id>127.0.0.1:8000/</id><updated>2020-03-30T10:20:00+02:00</updated><entry><title>Contact</title><link href="contact.html" rel="alternate"></link><published>2020-03-30T10:20:00+02:00</published><updated>2020-03-30T10:20:00+02:00</updated><author><name>theo</name></author><id>tag:None,2020-03-30:contact.html</id><summary type="html"><p>Contact information</p></summary><content type="html"><h1>Contact information</h1>
|
||||
<p>felicie :
|
||||
theo : contact [ at ] theo-lem.org</p></content><category term="misc"></category></entry><entry><title>Legal</title><link href="legal.html" rel="alternate"></link><published>2020-03-30T10:20:00+02:00</published><updated>2020-03-30T10:20:00+02:00</updated><author><name>theo</name></author><id>tag:None,2020-03-30:legal.html</id><summary type="html"><p>Legal information</p></summary><content type="html"><p>Pictures, texts and sounds by felicie.
|
||||
This site is hosted by theo (contact [ at ] theo-lem.org) on OVH VPS.</p></content><category term="misc"></category></entry></feed>
|
||||
@ -2,46 +2,43 @@
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie</title>
|
||||
<link rel="stylesheet" href="theme/css/main.css" type="text/css" />
|
||||
<title>Félicie | home
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class='sidebar'>
|
||||
<a id='home' href='index.html'> /HOME </a></br>
|
||||
|
||||
<div id='article-anchors'>
|
||||
<a href=construction.html>Construction</a></br>
|
||||
<a href=courtyard.html>Courtyard</a></br>
|
||||
<a href=sunday.html>Sunday</a></br>
|
||||
<a href=contact.html>Contact</a></br>
|
||||
<a href=legal.html>Legal</a></br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<p id='welcome-message'>Welcome aboard.</p>
|
||||
|
||||
<article id="articles">
|
||||
<a class="vignette" href="/courtyard.html">
|
||||
<img class= "img-menu" src="/images/courtyard/02-courtyard.JPG" alt="courtyard">
|
||||
<h2>The courtyard</h2>
|
||||
</a>
|
||||
|
||||
<h2>TODO : </h2>
|
||||
<ul>
|
||||
<li>taille et disposition images : lightbox ? </li>
|
||||
<li>créer des pages (pas des articles) pour legal + contact (voir juste une page "about")</li>
|
||||
<li>les mettre en bas de la sidebar</li>
|
||||
<li>dl de l'archive par lien magnet / juste un zip.</li>
|
||||
<li>icone flux RSS</li>
|
||||
<a class="vignette"href="/construction.html">
|
||||
<img class= "img-menu" src="/images/construction/01-construction.jpg" alt="construction">
|
||||
<h2>Construction workers</h2>
|
||||
</a>
|
||||
|
||||
</ul>
|
||||
<a class="vignette"href="/sunday.html">
|
||||
<img class= "img-menu" src="/images/sunday/02-sunday.jpg" alt="sunday">
|
||||
<h2>Construction workers</h2>
|
||||
</a>
|
||||
|
||||
<h2>Idées ?</h2>
|
||||
<ul>
|
||||
<li>gallerie de toutes les images</li>
|
||||
<li>catégories</li>
|
||||
</article>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
@ -1,33 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie | Legal
|
||||
</title>
|
||||
<link rel="stylesheet" href="theme/css/main.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class='sidebar'>
|
||||
<a id='home' href='index.html'> /HOME </a></br>
|
||||
|
||||
<div id='article-anchors'>
|
||||
<a href=construction.html>Construction</a></br>
|
||||
<a href=courtyard.html>Courtyard</a></br>
|
||||
<a href=sunday.html>Sunday</a></br>
|
||||
<a href=contact.html>Contact</a></br>
|
||||
<a href=legal.html>Legal</a></br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='content'>
|
||||
<h1 class='article-title'>Legal</h1>
|
||||
<h2 class='article-author'> by thelem</h2>
|
||||
<div class='article-content'> <p>Pictures, texts and sounds by felicie.</p>
|
||||
<p>This site uses <a href="https://blog.getpelican.com/">Pelican</a> with a custom theme. We also use <a href="https://fontlibrary.org/en/font/cmu-typewriter">CMU Typewriter font</a> (GPL). </p>
|
||||
<p>This site is hosted by theo on OVH VPS.</p></div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
27
output/pages/about.html
Normal file
27
output/pages/about.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie | About
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<p>Website by theo and felicie using <a href="https://blog.getpelican.com/">Pelican</a> and <a href="http://osp.kitchen/foundry/libertinage/">Libertinage font</a>. </p>
|
||||
<p>Hosted by OVH, managed by theo. </p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
26
output/pages/download.html
Normal file
26
output/pages/download.html
Normal file
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie | Download
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<p>You can download all the content of this website here. </p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
@ -4,23 +4,16 @@
|
||||
<meta charset="utf-8">
|
||||
<title>Félicie | Sunday
|
||||
</title>
|
||||
<link rel="stylesheet" href="theme/css/main.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class='sidebar'>
|
||||
<a id='home' href='index.html'> /HOME </a></br>
|
||||
|
||||
<div id='article-anchors'>
|
||||
<a href=construction.html>Construction</a></br>
|
||||
<a href=courtyard.html>Courtyard</a></br>
|
||||
<a href=sunday.html>Sunday</a></br>
|
||||
<a href=contact.html>Contact</a></br>
|
||||
<a href=legal.html>Legal</a></br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<div class="article-content">
|
||||
<h1 class='article-title'>Sunday</h1>
|
||||
<h2 class='article-author'> by felicie</h2>
|
||||
<div class='article-content'> <p><audio controls="controls"
|
||||
@ -31,8 +24,14 @@
|
||||
</audio></p>
|
||||
<p><img alt="01" src="images/sunday/01-sunday.jpg">
|
||||
<img alt="02" src="images/sunday/02-sunday.jpg"></p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
BIN
output/theme/css/fonts/Libertinage.ttf
Normal file
BIN
output/theme/css/fonts/Libertinage.ttf
Normal file
Binary file not shown.
BIN
output/theme/css/fonts/SolideMirage-Etroit.otf
Normal file
BIN
output/theme/css/fonts/SolideMirage-Etroit.otf
Normal file
Binary file not shown.
178
output/theme/css/main-v2.css
Normal file
178
output/theme/css/main-v2.css
Normal file
@ -0,0 +1,178 @@
|
||||
@font-face {
|
||||
font-family: solidemirage;
|
||||
src: url(fonts/SolideMirage-Etroit.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: libertinage;
|
||||
src: url(fonts/Libertinage.ttf);
|
||||
}
|
||||
|
||||
|
||||
h1{
|
||||
font-family: solidemirage;
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
header{
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
margin-left: 10px;
|
||||
height: 50px;
|
||||
border: 3px solid #00FF00;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
padding: 20px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#articles {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
|
||||
#home {
|
||||
position: fixed;
|
||||
bottom: 110px;
|
||||
right: 10px;
|
||||
z-index: 10;
|
||||
|
||||
border: 2px solid #000000;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-family: solidemirage;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#about {
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
right: 10px;
|
||||
z-index: 10;
|
||||
|
||||
border: 2px solid #000000;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-family: solidemirage;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#download {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
z-index: 10;
|
||||
|
||||
border: 2px solid #000000;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-family: solidemirage;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.vignette {
|
||||
display: flex;
|
||||
z-index: 1;
|
||||
margin: 10px;
|
||||
max-width: 70%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vignette:hover h2{
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vignette h2{
|
||||
font-family: libertinage;
|
||||
font-size: 40px;
|
||||
bottom: 20px;
|
||||
left: 50px;
|
||||
position: absolute;
|
||||
visibility: visible;
|
||||
opacity: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.img-menu {
|
||||
border: 3px solid #000000;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.img-menu:hover {
|
||||
border-color: #00FF00;
|
||||
}
|
||||
|
||||
.img-menu:hover h2 {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
text-decoration:unset;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
font-family: libertinage;
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
.article-author {
|
||||
color:#4d4d4d;
|
||||
text-decoration: unset;
|
||||
}
|
||||
.article-author:before{
|
||||
content:"_";
|
||||
}
|
||||
|
||||
.content{
|
||||
margin-top: 150px;
|
||||
margin-left: 13%;
|
||||
padding-left: 2em;
|
||||
padding-bottom: 5em;
|
||||
max-width: 50%;
|
||||
line-height: 1.2;
|
||||
font-size: 1.2em;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
font-family: libertinage;
|
||||
}
|
||||
|
||||
.img-article {
|
||||
z-index: 1;
|
||||
margin: 10px;
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.audio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.article-content img{
|
||||
max-width: 60%;
|
||||
margin: 3em;
|
||||
display: block;
|
||||
|
||||
}
|
||||
@ -35,4 +35,5 @@ DEFAULT_PAGINATION = 10
|
||||
# Uncomment following line if you want document-relative URLs when developing
|
||||
#RELATIVE_URLS = True
|
||||
|
||||
CSS_FILE = 'main.css'
|
||||
THEME='themes/felicie'
|
||||
|
||||
@ -16,7 +16,8 @@ font-family: solidemirage;
|
||||
|
||||
header{
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
z-index: 5;
|
||||
margin-left: 10px;
|
||||
height: 50px;
|
||||
border: 3px solid #00FF00;
|
||||
border-radius: 10px;
|
||||
@ -32,6 +33,26 @@ header{
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
|
||||
#home {
|
||||
position: fixed;
|
||||
bottom: 110px;
|
||||
right: 10px;
|
||||
z-index: 10;
|
||||
|
||||
border: 2px solid #000000;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-family: solidemirage;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#about {
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
@ -67,7 +88,7 @@ header{
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-family: solidemirage;
|
||||
font-size: 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.vignette {
|
||||
@ -78,14 +99,20 @@ header{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h2 {
|
||||
.vignette:hover h2{
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vignette h2{
|
||||
font-family: libertinage;
|
||||
font-size: 40px;
|
||||
bottom: 20px;
|
||||
left: 50px;
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
visibility: visible;
|
||||
opacity: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.img-menu {
|
||||
@ -141,4 +168,11 @@ a {
|
||||
|
||||
.audio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.article-content img{
|
||||
max-width: 60%;
|
||||
margin: 3em;
|
||||
display: block;
|
||||
|
||||
}
|
||||
@ -5,7 +5,9 @@
|
||||
{% endblock title %}
|
||||
|
||||
{% block content %}
|
||||
<div class="article-content">
|
||||
<h1 class='article-title'>{{ article.title }}</h1>
|
||||
<h2 class='article-author'> by {{ article.author }}</h2>
|
||||
<div class='article-content'> {{ article.content }}</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
@ -3,26 +3,21 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{% block title %}{{ SITENAME }}{% endblock %}</title>
|
||||
<link rel="stylesheet" href="theme/css/{{ CSS_FILE }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ SITE_URL }}/theme/css/main-v2.css" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class='sidebar'>
|
||||
<a id='home' href='index.html'> /HOME </a></br>
|
||||
|
||||
{% if articles %}
|
||||
<div id='article-anchors'>
|
||||
{% for article in articles %}
|
||||
<a href={{ article.url }}>{{ article.title }}</a></br>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
<header>
|
||||
<h1>better days</h1>
|
||||
</header>
|
||||
<div class='content'>
|
||||
{% block content%} {% endblock %}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="{{ SITE_URL}}/index.html">home</div>
|
||||
<a id="about" href="{{ SITE_URL }}/pages/about.html">about</div>
|
||||
<a id="download" href="{{ SITE_URL}}/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
24
themes/felicie/templates/index-v1.html
Normal file
24
themes/felicie/templates/index-v1.html
Normal file
@ -0,0 +1,24 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block content %}
|
||||
<p id='welcome-message'>Welcome aboard.</p>
|
||||
|
||||
|
||||
<h2>TODO : </h2>
|
||||
<ul>
|
||||
<li>taille et disposition images : lightbox ? </li>
|
||||
<li>créer des pages (pas des articles) pour legal + contact (voir juste une page "about")</li>
|
||||
<li>les mettre en bas de la sidebar</li>
|
||||
<li>dl de l'archive par lien magnet / juste un zip.</li>
|
||||
<li>icone flux RSS</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h2>Idées ?</h2>
|
||||
<ul>
|
||||
<li>gallerie de toutes les images</li>
|
||||
<li>catégories</li>
|
||||
|
||||
|
||||
</ul>
|
||||
{% endblock content %}
|
||||
@ -1,24 +1,27 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title%}
|
||||
{{ SITENAME }} | home
|
||||
{% endblock title %}
|
||||
|
||||
{% block content %}
|
||||
<p id='welcome-message'>Welcome aboard.</p>
|
||||
|
||||
<article id="articles">
|
||||
<a class="vignette" href="{{ SITE_URL }}/courtyard.html">
|
||||
<img class= "img-menu" src="{{ SITE_URL }}/images/courtyard/02-courtyard.JPG" alt="courtyard">
|
||||
<h2>The courtyard</h2>
|
||||
</a>
|
||||
|
||||
<h2>TODO : </h2>
|
||||
<ul>
|
||||
<li>taille et disposition images : lightbox ? </li>
|
||||
<li>créer des pages (pas des articles) pour legal + contact (voir juste une page "about")</li>
|
||||
<li>les mettre en bas de la sidebar</li>
|
||||
<li>dl de l'archive par lien magnet / juste un zip.</li>
|
||||
<li>icone flux RSS</li>
|
||||
<a class="vignette"href="{{ SITE_URL }}/construction.html">
|
||||
<img class= "img-menu" src="{{ SITE_URL }}/images/construction/01-construction.jpg" alt="construction">
|
||||
<h2>Construction workers</h2>
|
||||
</a>
|
||||
|
||||
</ul>
|
||||
<a class="vignette"href="{{ SITE_URL }}/sunday.html">
|
||||
<img class= "img-menu" src="{{ SITE_URL }}/images/sunday/02-sunday.jpg" alt="sunday">
|
||||
<h2>Construction workers</h2>
|
||||
</a>
|
||||
|
||||
<h2>Idées ?</h2>
|
||||
<ul>
|
||||
<li>gallerie de toutes les images</li>
|
||||
<li>catégories</li>
|
||||
</article>
|
||||
|
||||
|
||||
</ul>
|
||||
{% endblock content %}
|
||||
@ -0,0 +1,11 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title%}
|
||||
{{ SITENAME }} | {{ page.title }}
|
||||
{% endblock title %}
|
||||
|
||||
<h1> {{ page.title }}</h1>
|
||||
|
||||
{% block content %}
|
||||
{{ page.content }}
|
||||
{% endblock content %}
|
||||
Loading…
Reference in New Issue
Block a user