CSS tweaking, added images, completed contact information.
This commit is contained in:
theo lem
parent
779c50675c
commit
c3a0e5e44a
2
.gitignore
vendored
2
.gitignore
vendored
@ -1,4 +1,6 @@
|
||||
content/sounds/*
|
||||
content/images/*
|
||||
output/sounds/*
|
||||
output/images/*
|
||||
|
||||
*.pyc
|
||||
|
||||
Binary file not shown.
@ -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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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.
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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"><p>A man and a building.</p></summary><content type="html"><p><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"><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></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"><p>A man and a building.</p></summary><content type="html"><p><audio controls="controls"
|
||||
src="sounds/courtyard.wav"
|
||||
autoplay loop
|
||||
class='audio'>
|
||||
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
|
||||
<p>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.</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></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"><p>Contact information</p></summary><content type="html"><h1>Contact</h1>
|
||||
<h2>email</h2>
|
||||
<h2>phone</h2>
|
||||
<h2>general information about the author</h2></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"><h1>Legal</h1>
|
||||
<h2>website hosted by theo lem</h2>
|
||||
<h2>pictures, texts and sounds by felicie</h2>
|
||||
<h2>contact information</h2></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.</p></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"><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></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>
|
||||
@ -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"><p>Contact information</p></summary><content type="html"><h1>Contact</h1>
|
||||
<h2>email</h2>
|
||||
<h2>phone</h2>
|
||||
<h2>general information about the author</h2></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"><h1>Legal</h1>
|
||||
<h2>website hosted by theo lem</h2>
|
||||
<h2>pictures, texts and sounds by felicie</h2>
|
||||
<h2>contact information</h2></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"><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>
|
||||
@ -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"><p>A man and a building.</p></summary><content type="html"><p><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"><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></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"><p>A man and a building.</p></summary><content type="html"><p><audio controls="controls"
|
||||
src="sounds/courtyard.wav"
|
||||
autoplay loop
|
||||
class='audio'>
|
||||
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
|
||||
<p>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.</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></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.</p></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"><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></content><category term="public"></category><category term="article"></category></entry></feed>
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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>
|
||||
@ -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 {
|
||||
|
||||
@ -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 %}
|
||||
Loading…
Reference in New Issue
Block a user