CSS tweaking, added images, completed contact information.

This commit is contained in:
theo lem 2020-04-25 12:35:59 +02:00
parent 779c50675c
commit c3a0e5e44a
21 changed files with 145 additions and 111 deletions

2
.gitignore vendored
View File

@ -1,4 +1,6 @@
content/sounds/*
content/images/*
output/sounds/*
output/images/*
*.pyc

View File

@ -4,4 +4,17 @@ Modified: 2020-04-24 17:01
Category: public
Tags: article
Slug: construction
Authors: felicie
Authors: felicie
<audio controls="controls"
src="sounds/construction.wav"
autoplay loop
class='audio'>
Your browser does not support the HTML5 Audio element.
</audio>
![01](images/construction/01-construction.jpg)
![02](images/construction/02-construction.JPG)
![03](images/construction/03-construction.JPG)
![04](images/construction/04-construction.JPG)

View File

@ -8,7 +8,7 @@ Authors: felicie
Summary: A man and a building.
<audio controls="controls"
src="sounds/courtyard.mp3"
src="sounds/courtyard.wav"
autoplay loop
class='audio'>
Your browser does not support the HTML5 Audio element.

View File

@ -4,4 +4,15 @@ Modified: 2020-04-24 17:01
Category: public
Tags: article
Slug: sunday
Authors: felicie
Authors: felicie
<audio controls="controls"
src="sounds/sunday.wav"
autoplay loop
class='audio'>
Your browser does not support the HTML5 Audio element.
</audio>
![01](images/sunday/01-sunday.jpg)
![02](images/sunday/02-sunday.jpg)

View File

@ -1,7 +0,0 @@
Title: A very very very very very very very very very very very very very very very very very very very long title
Date: 2020-04-24 17:01
Modified: 2020-04-24 17:01
Category: public
Tags: article
Slug: verylong
Authors: felicie

View File

@ -7,8 +7,7 @@ Summary: Contact information
Author: theo
# Contact
# Contact information
## email
## phone
## general information about the author
felicie :
theo : contact [ at ] theo-lem.org

View File

@ -6,8 +6,5 @@ Slug: legal
Summary: Legal information
Author: theo
# Legal
## website hosted by theo lem
## pictures, texts and sounds by felicie
## contact information
Pictures, texts and sounds by felicie.
This site is hosted by theo (contact [ at ] theo-lem.org) on OVH VPS.

View File

@ -14,7 +14,6 @@
<a href=construction.html>Construction</a></br>
<a href=courtyard.html>Courtyard</a></br>
<a href=sunday.html>Sunday</a></br>
<a href=verylong.html>A very very very very very very very very very very very very very very very very very very very long title</a></br>
<a href=contact.html>Contact</a></br>
<a href=legal.html>Legal</a></br>
</div>
@ -24,7 +23,16 @@
<div class='content'>
<h1 class='article-title'>Construction</h1>
<h2 class='article-author'> by felicie</h2>
<div class='article-content'> </div>
<div class='article-content'> <p><audio controls="controls"
src="sounds/construction.wav"
autoplay loop
class='audio'>
Your browser does not support the HTML5 Audio element.
</audio></p>
<p><img alt="01" src="images/construction/01-construction.jpg">
<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>
</body>

View File

@ -14,7 +14,6 @@
<a href=construction.html>Construction</a></br>
<a href=courtyard.html>Courtyard</a></br>
<a href=sunday.html>Sunday</a></br>
<a href=verylong.html>A very very very very very very very very very very very very very very very very very very very long title</a></br>
<a href=contact.html>Contact</a></br>
<a href=legal.html>Legal</a></br>
</div>
@ -24,10 +23,9 @@
<div class='content'>
<h1 class='article-title'>Contact</h1>
<h2 class='article-author'> by theo</h2>
<div class='article-content'> <h1>Contact</h1>
<h2>email</h2>
<h2>phone</h2>
<h2>general information about the author</h2></div>
<div class='article-content'> <h1>Contact information</h1>
<p>felicie :
theo : contact [ at ] theo-lem.org</p></div>
</div>
</body>

View File

@ -14,7 +14,6 @@
<a href=construction.html>Construction</a></br>
<a href=courtyard.html>Courtyard</a></br>
<a href=sunday.html>Sunday</a></br>
<a href=verylong.html>A very very very very very very very very very very very very very very very very very very very long title</a></br>
<a href=contact.html>Contact</a></br>
<a href=legal.html>Legal</a></br>
</div>
@ -25,7 +24,7 @@
<h1 class='article-title'>Courtyard</h1>
<h2 class='article-author'> by felicie</h2>
<div class='article-content'> <p><audio controls="controls"
src="sounds/courtyard.mp3"
src="sounds/courtyard.wav"
autoplay loop
class='audio'>
Your browser does not support the HTML5 Audio element.

View File

@ -1,6 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom"><title>Félicie</title><link href="127.0.0.1:8000/" rel="alternate"></link><link href="feeds/all.atom.xml" rel="self"></link><id>127.0.0.1:8000/</id><updated>2020-04-24T17:01:00+02:00</updated><entry><title>Construction</title><link href="construction.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:construction.html</id><content type="html"></content><category term="public"></category><category term="article"></category></entry><entry><title>Courtyard</title><link href="courtyard.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:courtyard.html</id><summary type="html">&lt;p&gt;A man and a building.&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/courtyard.mp3"
<feed xmlns="http://www.w3.org/2005/Atom"><title>Félicie</title><link href="127.0.0.1:8000/" rel="alternate"></link><link href="feeds/all.atom.xml" rel="self"></link><id>127.0.0.1:8000/</id><updated>2020-04-24T17:01:00+02:00</updated><entry><title>Construction</title><link href="construction.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:construction.html</id><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/construction.wav"
autoplay loop
class='audio'&gt;
Your browser does not support the HTML5 Audio element.
&lt;/audio&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="01" src="images/construction/01-construction.jpg"&gt;
&lt;img alt="02" src="images/construction/02-construction.JPG"&gt;
&lt;img alt="03" src="images/construction/03-construction.JPG"&gt;
&lt;img alt="04" src="images/construction/04-construction.JPG"&gt;&lt;/p&gt;</content><category term="public"></category><category term="article"></category></entry><entry><title>Courtyard</title><link href="courtyard.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:courtyard.html</id><summary type="html">&lt;p&gt;A man and a building.&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/courtyard.wav"
autoplay loop
class='audio'&gt;
Your browser does not support the HTML5 Audio element.
@ -18,10 +27,14 @@ At sunset, he starts to think that the angle of the light on the stretch of eart
&lt;p&gt;He laughs out loud more regularly, and it sounds odd. Both liberated and self-aware at the same time. As if he was in actual social exchange, it is often followed by the need to express, out loud again, what was so funny that he couldnt hold it in. The toothbrush on the side of the sink seems confused but if that is what it takes to be at peace with himself, it is happy to help.
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.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;</content><category term="public"></category><category term="article"></category></entry><entry><title>Sunday</title><link href="sunday.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:sunday.html</id><content type="html"></content><category term="public"></category><category term="article"></category></entry><entry><title>A very very very very very very very very very very very very very very very very very very very long title</title><link href="verylong.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:verylong.html</id><content type="html"></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">&lt;p&gt;Contact information&lt;/p&gt;</summary><content type="html">&lt;h1&gt;Contact&lt;/h1&gt;
&lt;h2&gt;email&lt;/h2&gt;
&lt;h2&gt;phone&lt;/h2&gt;
&lt;h2&gt;general information about the author&lt;/h2&gt;</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">&lt;p&gt;Legal information&lt;/p&gt;</summary><content type="html">&lt;h1&gt;Legal&lt;/h1&gt;
&lt;h2&gt;website hosted by theo lem&lt;/h2&gt;
&lt;h2&gt;pictures, texts and sounds by felicie&lt;/h2&gt;
&lt;h2&gt;contact information&lt;/h2&gt;</content><category term="misc"></category></entry></feed>
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.&lt;/p&gt;</content><category term="public"></category><category term="article"></category></entry><entry><title>Sunday</title><link href="sunday.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:sunday.html</id><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/sunday.wav"
autoplay loop
class='audio'&gt;
Your browser does not support the HTML5 Audio element.
&lt;/audio&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="01" src="images/sunday/01-sunday.jpg"&gt;
&lt;img alt="02" src="images/sunday/02-sunday.jpg"&gt;&lt;/p&gt;</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">&lt;p&gt;Contact information&lt;/p&gt;</summary><content type="html">&lt;h1&gt;Contact information&lt;/h1&gt;
&lt;p&gt;felicie :
theo : contact [ at ] theo-lem.org&lt;/p&gt;</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">&lt;p&gt;Legal information&lt;/p&gt;</summary><content type="html">&lt;p&gt;Pictures, texts and sounds by felicie.
This site is hosted by theo (contact [ at ] theo-lem.org) on OVH VPS.&lt;/p&gt;</content><category term="misc"></category></entry></feed>

View File

@ -1,8 +1,5 @@
<?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">&lt;p&gt;Contact information&lt;/p&gt;</summary><content type="html">&lt;h1&gt;Contact&lt;/h1&gt;
&lt;h2&gt;email&lt;/h2&gt;
&lt;h2&gt;phone&lt;/h2&gt;
&lt;h2&gt;general information about the author&lt;/h2&gt;</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">&lt;p&gt;Legal information&lt;/p&gt;</summary><content type="html">&lt;h1&gt;Legal&lt;/h1&gt;
&lt;h2&gt;website hosted by theo lem&lt;/h2&gt;
&lt;h2&gt;pictures, texts and sounds by felicie&lt;/h2&gt;
&lt;h2&gt;contact information&lt;/h2&gt;</content><category term="misc"></category></entry></feed>
<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">&lt;p&gt;Contact information&lt;/p&gt;</summary><content type="html">&lt;h1&gt;Contact information&lt;/h1&gt;
&lt;p&gt;felicie :
theo : contact [ at ] theo-lem.org&lt;/p&gt;</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">&lt;p&gt;Legal information&lt;/p&gt;</summary><content type="html">&lt;p&gt;Pictures, texts and sounds by felicie.
This site is hosted by theo (contact [ at ] theo-lem.org) on OVH VPS.&lt;/p&gt;</content><category term="misc"></category></entry></feed>

View File

@ -1,6 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom"><title>Félicie - public</title><link href="127.0.0.1:8000/" rel="alternate"></link><link href="feeds/public.atom.xml" rel="self"></link><id>127.0.0.1:8000/</id><updated>2020-04-24T17:01:00+02:00</updated><entry><title>Construction</title><link href="construction.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:construction.html</id><content type="html"></content><category term="public"></category><category term="article"></category></entry><entry><title>Courtyard</title><link href="courtyard.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:courtyard.html</id><summary type="html">&lt;p&gt;A man and a building.&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/courtyard.mp3"
<feed xmlns="http://www.w3.org/2005/Atom"><title>Félicie - public</title><link href="127.0.0.1:8000/" rel="alternate"></link><link href="feeds/public.atom.xml" rel="self"></link><id>127.0.0.1:8000/</id><updated>2020-04-24T17:01:00+02:00</updated><entry><title>Construction</title><link href="construction.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:construction.html</id><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/construction.wav"
autoplay loop
class='audio'&gt;
Your browser does not support the HTML5 Audio element.
&lt;/audio&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="01" src="images/construction/01-construction.jpg"&gt;
&lt;img alt="02" src="images/construction/02-construction.JPG"&gt;
&lt;img alt="03" src="images/construction/03-construction.JPG"&gt;
&lt;img alt="04" src="images/construction/04-construction.JPG"&gt;&lt;/p&gt;</content><category term="public"></category><category term="article"></category></entry><entry><title>Courtyard</title><link href="courtyard.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:courtyard.html</id><summary type="html">&lt;p&gt;A man and a building.&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/courtyard.wav"
autoplay loop
class='audio'&gt;
Your browser does not support the HTML5 Audio element.
@ -18,4 +27,11 @@ At sunset, he starts to think that the angle of the light on the stretch of eart
&lt;p&gt;He laughs out loud more regularly, and it sounds odd. Both liberated and self-aware at the same time. As if he was in actual social exchange, it is often followed by the need to express, out loud again, what was so funny that he couldnt hold it in. The toothbrush on the side of the sink seems confused but if that is what it takes to be at peace with himself, it is happy to help.
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.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;</content><category term="public"></category><category term="article"></category></entry><entry><title>Sunday</title><link href="sunday.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:sunday.html</id><content type="html"></content><category term="public"></category><category term="article"></category></entry><entry><title>A very very very very very very very very very very very very very very very very very very very long title</title><link href="verylong.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:verylong.html</id><content type="html"></content><category term="public"></category><category term="article"></category></entry></feed>
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.&lt;/p&gt;</content><category term="public"></category><category term="article"></category></entry><entry><title>Sunday</title><link href="sunday.html" rel="alternate"></link><published>2020-04-24T17:01:00+02:00</published><updated>2020-04-24T17:01:00+02:00</updated><author><name>felicie</name></author><id>tag:None,2020-04-24:sunday.html</id><content type="html">&lt;p&gt;&lt;audio controls="controls"
src="sounds/sunday.wav"
autoplay loop
class='audio'&gt;
Your browser does not support the HTML5 Audio element.
&lt;/audio&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="01" src="images/sunday/01-sunday.jpg"&gt;
&lt;img alt="02" src="images/sunday/02-sunday.jpg"&gt;&lt;/p&gt;</content><category term="public"></category><category term="article"></category></entry></feed>

View File

@ -13,7 +13,6 @@
<a href=construction.html>Construction</a></br>
<a href=courtyard.html>Courtyard</a></br>
<a href=sunday.html>Sunday</a></br>
<a href=verylong.html>A very very very very very very very very very very very very very very very very very very very long title</a></br>
<a href=contact.html>Contact</a></br>
<a href=legal.html>Legal</a></br>
</div>
@ -30,6 +29,8 @@
<li>héberger font</li>
<li>embed sons</li>
<li>compléter infos légales</li>
<li>taille et disposition images : lightbox ? </li>
</ul>
</div>

View File

@ -14,7 +14,6 @@
<a href=construction.html>Construction</a></br>
<a href=courtyard.html>Courtyard</a></br>
<a href=sunday.html>Sunday</a></br>
<a href=verylong.html>A very very very very very very very very very very very very very very very very very very very long title</a></br>
<a href=contact.html>Contact</a></br>
<a href=legal.html>Legal</a></br>
</div>
@ -24,10 +23,8 @@
<div class='content'>
<h1 class='article-title'>Legal</h1>
<h2 class='article-author'> by theo</h2>
<div class='article-content'> <h1>Legal</h1>
<h2>website hosted by theo lem</h2>
<h2>pictures, texts and sounds by felicie</h2>
<h2>contact information</h2></div>
<div class='article-content'> <p>Pictures, texts and sounds by felicie.
This site is hosted by theo (contact [ at ] theo-lem.org) on OVH VPS.</p></div>
</div>
</body>

View File

@ -14,7 +14,6 @@
<a href=construction.html>Construction</a></br>
<a href=courtyard.html>Courtyard</a></br>
<a href=sunday.html>Sunday</a></br>
<a href=verylong.html>A very very very very very very very very very very very very very very very very very very very long title</a></br>
<a href=contact.html>Contact</a></br>
<a href=legal.html>Legal</a></br>
</div>
@ -24,7 +23,14 @@
<div class='content'>
<h1 class='article-title'>Sunday</h1>
<h2 class='article-author'> by felicie</h2>
<div class='article-content'> </div>
<div class='article-content'> <p><audio controls="controls"
src="sounds/sunday.wav"
autoplay loop
class='audio'>
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></div>
</div>
</body>

View File

@ -1,5 +1,5 @@
*{
font-family: 'Courier New', Courier, monospace;
font-family: "Courier New", Courier, monospace;
background-color:#CEF6EC;
}
@ -10,6 +10,14 @@ text, a{
h1{
font-size: 2em;
font-weight: bold;
display: block;
}
h2{
font-style: italic;
display: block;
margin-left: auto;
margin-right: auto;
}
.sidebar{
@ -25,12 +33,14 @@ h1{
border-top: unset;
border-bottom: unset;
border-right-color: black;
background-color:#68e3c5;
}
a {
color: black;
text-decoration: unset;
background-color: inherit;
}
a:hover{
@ -39,18 +49,21 @@ a:hover{
#article-anchors {
padding: 1em;
background-color: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-overflow: ellipsis
}
.content{
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;
}
.article-author {
@ -61,12 +74,6 @@ a:hover{
content:"_";
}
/* CSS MAIN */
h2{
font-style: italic;
}
a:before{
color: #85adad;
content: '> ';
@ -74,9 +81,9 @@ a:before{
img{
max-width: 60%;
border-bottom: 10em;
border-style: solid;
border-width: 2px;
margin: 3em;
display: block;
}
.audio {

View File

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Félicie | A very very very very very very very very very very very very very very very very very very very long title
</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=verylong.html>A very very very very very very very very very very very very very very very very very very very long title</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'>A very very very very very very very very very very very very very very very very very very very long title</h1>
<h2 class='article-author'> by felicie</h2>
<div class='article-content'> </div>
</div>
</body>
</html>

View File

@ -1,5 +1,5 @@
*{
font-family: 'Courier New', Courier, monospace;
font-family: "Courier New", Courier, monospace;
background-color:#CEF6EC;
}
@ -10,6 +10,14 @@ text, a{
h1{
font-size: 2em;
font-weight: bold;
display: block;
}
h2{
font-style: italic;
display: block;
margin-left: auto;
margin-right: auto;
}
.sidebar{
@ -25,12 +33,14 @@ h1{
border-top: unset;
border-bottom: unset;
border-right-color: black;
background-color:#68e3c5;
}
a {
color: black;
text-decoration: unset;
background-color: inherit;
}
a:hover{
@ -39,18 +49,21 @@ a:hover{
#article-anchors {
padding: 1em;
background-color: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-overflow: ellipsis
}
.content{
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;
}
.article-author {
@ -61,12 +74,6 @@ a:hover{
content:"_";
}
/* CSS MAIN */
h2{
font-style: italic;
}
a:before{
color: #85adad;
content: '> ';
@ -74,9 +81,9 @@ a:before{
img{
max-width: 60%;
border-bottom: 10em;
border-style: solid;
border-width: 2px;
margin: 3em;
display: block;
}
.audio {

View File

@ -10,5 +10,7 @@
<li>héberger font</li>
<li>embed sons</li>
<li>compléter infos légales</li>
<li>taille et disposition images : lightbox ? </li>
</ul>
{% endblock content %}