diff options
| -rw-r--r-- | actualités.html | 4 | ||||
| -rw-r--r-- | commun.css | 4 | ||||
| -rw-r--r-- | contact.css | 18 | ||||
| -rw-r--r-- | contact.html | 81 | ||||
| -rw-r--r-- | feed.xml | 29 | ||||
| -rw-r--r-- | gallerie.html | 4 | ||||
| -rw-r--r-- | garet.html | 4 | ||||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | ivan.html | 4 | ||||
| -rw-r--r-- | programmes.html | 4 | ||||
| -rw-r--r-- | quatuor.html | 4 | ||||
| -rw-r--r-- | sofia.html | 4 | ||||
| -rw-r--r-- | vlad.html | 4 |
13 files changed, 166 insertions, 2 deletions
diff --git a/actualités.html b/actualités.html index 8b06fee..0ce46d6 100644 --- a/actualités.html +++ b/actualités.html @@ -5,6 +5,7 @@ <title>Actualités - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="actualités.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -263,6 +264,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> @@ -70,7 +70,7 @@ nav ol li { padding: 0.5em 0.1em; } -nav ol li.current { +.current { background-color: white; } @@ -119,7 +119,7 @@ footer.social { transform: rotate(180deg); margin: 0; - margin-inline-start: 0.5em; + padding: 1em 0.5em; } .contact a { diff --git a/contact.css b/contact.css new file mode 100644 index 0000000..0fc5988 --- /dev/null +++ b/contact.css @@ -0,0 +1,18 @@ +main { + display: grid; + grid-template-columns: 60% 40%; + padding-right: 4%; +} + +main > div { + padding: 2%; +} + +#contact-us dl { + display: grid; + grid-template-columns: 1fr 2fr; +} + +#contact-us dd { + margin-left: inherit; +} diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..4a24c9f --- /dev/null +++ b/contact.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <title>Contact - Quatuor Camelot</title> + <link rel="stylesheet" href="commun.css"> + <link rel="stylesheet" href="contact.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> + </head> + <body> + <header class="banner"> + + <div class="brand"> + <a href="index.html"> + <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png" + alt="logo"> + <h1 class="qname">Quatuor Camelot</h1> + </a> + </div> + + <nav> + <ol> + <li><a href="quatuor.html">Le quatuor</a></li> + <li><a href="actualités.html">Actualités</a></li> + <li><a href="programmes.html">Programmes</a></li> + <li><a href="gallerie.html">Gallerie</a></li> + </ol> + </nav> + + <div class="lang"> + EN + </div> + + </header> + + <main> + <div id="contact-us"> + <h1>Contact</h1> + <p>Nos coordonnées :</p> + <dl> + <dt>Email : + <dd><a href="mailto:contact@example.com">contact@example.com</a></dd> + </dt> + <dt>Téléphone : + <dd><a href="tel:+33-01-99-00-01-02">01 99 00 01 02</a></dd> + </dt> + </dl> + </div> + <div id="partners"> + <h1>Partenaires</h1> + <p> + Nous offrons nos plus sincères remerciements aux personnes à + qui nous avons emprunté des images, vidéos et musiques : + + <ul> + <li><a href="https://goldensun-world.com/home">Golden Sun World</a></li> + <li><a href="https://old.reddit.com/r/GoldenSun/comments/hmb56u/the_restoration_that_took_2_weeks_and_all_my/">Isaac730</a></li> + <li><a href="https://www.youtube.com/playlist?list=PLA874B3EAA867625C">A. K.-O.</a></li> + <li><a href="https://downloads.khinsider.com/">Kingdom Hearts Insider</a></li> + <li><a href="https://wikipedia.org">Wikipédia</a></li> + <li>Et bien sûr, <a href="https://fr.wikipedia.org/wiki/Camelot_Software_Planning">le studio Camelot</a></li> + </ul> + </div> + </main> + + <footer class="social"> + <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> + <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> + <p class="contact current"> + <a href="contact.html">Contact</a> + </p> + </footer> + + <footer class="legal"> + <p>Mentions légales - Plan du site</p> + </footer> + </body> +</html> diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..cebaa96 --- /dev/null +++ b/feed.xml @@ -0,0 +1,29 @@ +<?xml version="1.0" encoding="utf-8"?> +<rss version="2.0"> + <channel> + <title>Quatuor Camelot</title> + <link>https://peniblec.gitlab.io/project-q</link> + <description>Des nouvelles du quatuor Camelot</description> + <image> + <url>https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png</url> + <link>https://peniblec.gitlab.io/project-q</link> + </image> + <language>fr</language> + <item> + <title>Concert #1</title> + <link>https://peniblec.gitlab.io/actualités.html#concert-1</link> + <description><![CDATA[ + Prochain concert le <em>jour</em> à <em>l'endroit</em> ! + ]]></description> + <pubDate>Tue, 15 Dec 2020 23:25:16 +0100</pubDate> + </item> + <item> + <title>Concert #2</title> + <link>https://peniblec.gitlab.io/actualités.html#concert-2</link> + <description><![CDATA[ + Prochain concert le <em>jour</em> à <em>l'endroit</em> ! + ]]></description> + <pubDate>Tue, 08 Dec 2020 23:25:30 +0100</pubDate> + </item> + </channel> +</rss> diff --git a/gallerie.html b/gallerie.html index cd57453..a504ed0 100644 --- a/gallerie.html +++ b/gallerie.html @@ -5,6 +5,7 @@ <title>Gallerie - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="gallerie.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -103,6 +104,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> @@ -5,6 +5,7 @@ <title>Garet - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="membre.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -54,6 +55,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> @@ -5,6 +5,7 @@ <title>Bienvenue - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="index.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -47,6 +48,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> @@ -5,6 +5,7 @@ <title>Ivan - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="membre.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -54,6 +55,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> diff --git a/programmes.html b/programmes.html index 639eaba..cc207b5 100644 --- a/programmes.html +++ b/programmes.html @@ -5,6 +5,7 @@ <title>Programmes - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="programmes.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -239,6 +240,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> diff --git a/quatuor.html b/quatuor.html index 763a0c3..de5c7f2 100644 --- a/quatuor.html +++ b/quatuor.html @@ -5,6 +5,7 @@ <title>Biographie - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="quatuor.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -91,6 +92,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> @@ -5,6 +5,7 @@ <title>Sofia - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="membre.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -54,6 +55,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> @@ -5,6 +5,7 @@ <title>Vlad - Quatuor Camelot</title> <link rel="stylesheet" href="commun.css"> <link rel="stylesheet" href="membre.css"> + <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> <header class="banner"> @@ -54,6 +55,9 @@ <footer class="social"> <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> <p class="contact"> <a href="contact.html">Contact</a> </p> |