From c3a0e5e44a8d6572cad20cb73faf3cc5961b4fe1 Mon Sep 17 00:00:00 2001
From: theo lem <=>
Date: Sat, 25 Apr 2020 12:35:59 +0200
Subject: [PATCH] CSS tweaking, added images, completed contact information.

---
 .gitignore                               |   2 ++
 __pycache__/pelicanconf.cpython-37.pyc   | Bin 515 -> 0 bytes
 content/articles/construction.md         |  15 ++++++++++-
 content/articles/courtyard.md            |   2 +-
 content/articles/sunday.md               |  13 ++++++++-
 content/articles/verylongarticletitle.md |   7 -----
 content/legal/contact.md                 |   7 +++--
 content/legal/legal.md                   |   7 ++---
 output/construction.html                 |  12 +++++++--
 output/contact.html                      |   8 +++---
 output/courtyard.html                    |   3 +--
 output/feeds/all.atom.xml                |  31 +++++++++++++++-------
 output/feeds/misc.atom.xml               |  11 +++-----
 output/feeds/public.atom.xml             |  22 +++++++++++++---
 output/index.html                        |   3 ++-
 output/legal.html                        |   7 ++---
 output/sunday.html                       |  10 +++++--
 output/theme/css/main.css                |  31 +++++++++++++---------
 output/verylong.html                     |  32 -----------------------
 themes/felicie/static/css/main.css       |  31 +++++++++++++---------
 themes/felicie/templates/index.html      |   2 ++
 21 files changed, 145 insertions(+), 111 deletions(-)
 delete mode 100644 __pycache__/pelicanconf.cpython-37.pyc
 delete mode 100644 content/articles/verylongarticletitle.md
 delete mode 100644 output/verylong.html

diff --git a/.gitignore b/.gitignore
index 4606f05..a57bbc1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,6 @@
 content/sounds/*
+content/images/*
 output/sounds/*
+output/images/*
 
 *.pyc
diff --git a/__pycache__/pelicanconf.cpython-37.pyc b/__pycache__/pelicanconf.cpython-37.pyc
deleted file mode 100644
index a0d93afc3679ee1e91710959b8db66a362b4312c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 515
zcmYjO&1%9x5Z=USqQ)wMx4wWEt-bV8O1HXdASRNmhwh<^xGN1LQSx)BPtj-S&FAPt
z6!zMauh2v3Mk_eOH_Utt-|+1|H5xS_<Lme1<-G*JcQKqpmCd6>I+cY1ri36;h@t?d
z5|x!miD^V*Wm0ApQeisLnL!LzB~^)<L|wv^Xs{Z&Vs+AFRUdTCgH!`uMYQrbSZx@m
zVUY1;8K$I?z4DMpxgi(EpZhRa1$<W>+}`zWWDa&lv<%|jDousH+Qb=;vz>|ZWV7Y{
z`7#Mop{^6>P#D@>NvVjZ{WU+TbX%fE={nEygj1Rn&O`++@YMB$;aeCvaE63lbPLZG
z#?bfa*s_t(<`7SXfvp)Lu7iX*LSwkFF}0yH5sfiIBMNPsLhQ~&dk8U_xZX28@dekx
z9&~&gV#{?d=+^1@1=GA_Jl_}X^Qk$USk6&El<^eJ&>kcm>EKv?TD|_ZFu9E7o2+}=
gH(}gI8<vOsL4GJmuVpb+O*y8j6<PY96wTDie>)wD&Hw-a

diff --git a/content/articles/construction.md b/content/articles/construction.md
index 37a2bca..47fdeb4 100644
--- a/content/articles/construction.md
+++ b/content/articles/construction.md
@@ -4,4 +4,17 @@ Modified: 2020-04-24 17:01
 Category: public
 Tags: article
 Slug: construction
-Authors: felicie
\ No newline at end of file
+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)
\ No newline at end of file
diff --git a/content/articles/courtyard.md b/content/articles/courtyard.md
index d14e3e0..5127b76 100644
--- a/content/articles/courtyard.md
+++ b/content/articles/courtyard.md
@@ -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.
diff --git a/content/articles/sunday.md b/content/articles/sunday.md
index 9fb196d..1754967 100644
--- a/content/articles/sunday.md
+++ b/content/articles/sunday.md
@@ -4,4 +4,15 @@ Modified: 2020-04-24 17:01
 Category: public
 Tags: article
 Slug: sunday
-Authors: felicie
\ No newline at end of file
+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)
\ No newline at end of file
diff --git a/content/articles/verylongarticletitle.md b/content/articles/verylongarticletitle.md
deleted file mode 100644
index cf776ff..0000000
--- a/content/articles/verylongarticletitle.md
+++ /dev/null
@@ -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
\ No newline at end of file
diff --git a/content/legal/contact.md b/content/legal/contact.md
index c0e7a2d..beb7ec4 100644
--- a/content/legal/contact.md
+++ b/content/legal/contact.md
@@ -7,8 +7,7 @@ Summary: Contact information
 Author: theo
 
 
-# Contact 
+# Contact information
 
-## email
-## phone
-## general information about the author
\ No newline at end of file
+felicie : 
+theo : contact [ at ] theo-lem.org
\ No newline at end of file
diff --git a/content/legal/legal.md b/content/legal/legal.md
index 66c7522..2c1a687 100644
--- a/content/legal/legal.md
+++ b/content/legal/legal.md
@@ -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
\ No newline at end of file
+Pictures, texts and sounds by felicie.
+This site is hosted by theo (contact [ at ] theo-lem.org) on OVH VPS.
\ No newline at end of file
diff --git a/output/construction.html b/output/construction.html
index d1e95a1..41fd3e4 100644
--- a/output/construction.html
+++ b/output/construction.html
@@ -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>
diff --git a/output/contact.html b/output/contact.html
index 0981efb..877df3f 100644
--- a/output/contact.html
+++ b/output/contact.html
@@ -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>
diff --git a/output/courtyard.html b/output/courtyard.html
index e7baa75..84819e3 100644
--- a/output/courtyard.html
+++ b/output/courtyard.html
@@ -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.
diff --git a/output/feeds/all.atom.xml b/output/feeds/all.atom.xml
index ce23d5c..697a155 100644
--- a/output/feeds/all.atom.xml
+++ b/output/feeds/all.atom.xml
@@ -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 couldn’t 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>
\ No newline at end of file
+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>
\ No newline at end of file
diff --git a/output/feeds/misc.atom.xml b/output/feeds/misc.atom.xml
index 3983991..6e883a6 100644
--- a/output/feeds/misc.atom.xml
+++ b/output/feeds/misc.atom.xml
@@ -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>
\ No newline at end of file
+<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>
\ No newline at end of file
diff --git a/output/feeds/public.atom.xml b/output/feeds/public.atom.xml
index f603513..3641d8d 100644
--- a/output/feeds/public.atom.xml
+++ b/output/feeds/public.atom.xml
@@ -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 couldn’t 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>
\ No newline at end of file
+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>
\ No newline at end of file
diff --git a/output/index.html b/output/index.html
index b69b7b6..900aa24 100644
--- a/output/index.html
+++ b/output/index.html
@@ -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>
 
diff --git a/output/legal.html b/output/legal.html
index 1b4f624..d387d66 100644
--- a/output/legal.html
+++ b/output/legal.html
@@ -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>
diff --git a/output/sunday.html b/output/sunday.html
index 5aa2061..d228180 100644
--- a/output/sunday.html
+++ b/output/sunday.html
@@ -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>
diff --git a/output/theme/css/main.css b/output/theme/css/main.css
index c234fad..9ef6627 100644
--- a/output/theme/css/main.css
+++ b/output/theme/css/main.css
@@ -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 {
diff --git a/output/verylong.html b/output/verylong.html
deleted file mode 100644
index a1ff8cb..0000000
--- a/output/verylong.html
+++ /dev/null
@@ -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>
\ No newline at end of file
diff --git a/themes/felicie/static/css/main.css b/themes/felicie/static/css/main.css
index c234fad..9ef6627 100644
--- a/themes/felicie/static/css/main.css
+++ b/themes/felicie/static/css/main.css
@@ -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 {
diff --git a/themes/felicie/templates/index.html b/themes/felicie/templates/index.html
index 0c7293d..142451f 100644
--- a/themes/felicie/templates/index.html
+++ b/themes/felicie/templates/index.html
@@ -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 %}
\ No newline at end of file