summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--images/facebook-logo.svg98
-rw-r--r--images/instagram-logo.svg125
-rw-r--r--images/youtube-logo.svg123
-rw-r--r--stylesheets/commun.css10
-rw-r--r--stylesheets/dark.css2
-rw-r--r--template.html15
6 files changed, 364 insertions, 9 deletions
diff --git a/images/facebook-logo.svg b/images/facebook-logo.svg
new file mode 100644
index 0000000..ba06cbf
--- /dev/null
+++ b/images/facebook-logo.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Capa_1"
+ x="0px"
+ y="0px"
+ width="96.124px"
+ height="96.123px"
+ viewBox="0 0 96.124 96.123"
+ style="enable-background:new 0 0 96.124 96.123;"
+ xml:space="preserve"
+ sodipodi:docname="facebook-logo.svg"
+ inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+ id="metadata41"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs39" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="743"
+ id="namedview37"
+ showgrid="false"
+ inkscape:zoom="2.4551876"
+ inkscape:cx="48.062"
+ inkscape:cy="48.061501"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="g4" />
+<g
+ id="g4">
+ <path
+ d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803 c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654 c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246 c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z"
+ id="path2"
+ style="fill:#e4b63a;fill-opacity:1" />
+</g>
+<g
+ id="g6">
+</g>
+<g
+ id="g8">
+</g>
+<g
+ id="g10">
+</g>
+<g
+ id="g12">
+</g>
+<g
+ id="g14">
+</g>
+<g
+ id="g16">
+</g>
+<g
+ id="g18">
+</g>
+<g
+ id="g20">
+</g>
+<g
+ id="g22">
+</g>
+<g
+ id="g24">
+</g>
+<g
+ id="g26">
+</g>
+<g
+ id="g28">
+</g>
+<g
+ id="g30">
+</g>
+<g
+ id="g32">
+</g>
+<g
+ id="g34">
+</g>
+</svg> \ No newline at end of file
diff --git a/images/instagram-logo.svg b/images/instagram-logo.svg
new file mode 100644
index 0000000..6ba73aa
--- /dev/null
+++ b/images/instagram-logo.svg
@@ -0,0 +1,125 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Capa_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 512 512"
+ style="enable-background:new 0 0 512 512;"
+ xml:space="preserve"
+ sodipodi:docname="instagram-logo.svg"
+ inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+ id="metadata55"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs53" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="743"
+ id="namedview51"
+ showgrid="false"
+ inkscape:zoom="0.4609375"
+ inkscape:cx="-130.16949"
+ inkscape:cy="256"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Capa_1" />
+<g
+ id="g6"
+ style="fill:#e4b63a;fill-opacity:1">
+ <g
+ id="g4"
+ style="fill:#e4b63a;fill-opacity:1">
+ <path
+ d="M363.273,0H148.728C66.719,0,0,66.719,0,148.728v214.544C0,445.281,66.719,512,148.728,512h214.544 C445.281,512,512,445.281,512,363.273V148.728C512,66.719,445.281,0,363.273,0z M472,363.272C472,423.225,423.225,472,363.273,472 H148.728C88.775,472,40,423.225,40,363.273V148.728C40,88.775,88.775,40,148.728,40h214.544C423.225,40,472,88.775,472,148.728 V363.272z"
+ id="path2"
+ style="fill:#e4b63a;fill-opacity:1" />
+ </g>
+</g>
+<g
+ id="g12"
+ style="fill:#e4b63a;fill-opacity:1">
+ <g
+ id="g10"
+ style="fill:#e4b63a;fill-opacity:1">
+ <path
+ d="M256,118c-76.094,0-138,61.906-138,138s61.906,138,138,138s138-61.906,138-138S332.094,118,256,118z M256,354 c-54.037,0-98-43.963-98-98s43.963-98,98-98s98,43.963,98,98S310.037,354,256,354z"
+ id="path8"
+ style="fill:#e4b63a;fill-opacity:1" />
+ </g>
+</g>
+<g
+ id="g18">
+ <g
+ id="g16">
+ <circle
+ cx="396"
+ cy="116"
+ r="20"
+ id="circle14"
+ style="fill:#e4b63a;fill-opacity:1" />
+ </g>
+</g>
+<g
+ id="g20">
+</g>
+<g
+ id="g22">
+</g>
+<g
+ id="g24">
+</g>
+<g
+ id="g26">
+</g>
+<g
+ id="g28">
+</g>
+<g
+ id="g30">
+</g>
+<g
+ id="g32">
+</g>
+<g
+ id="g34">
+</g>
+<g
+ id="g36">
+</g>
+<g
+ id="g38">
+</g>
+<g
+ id="g40">
+</g>
+<g
+ id="g42">
+</g>
+<g
+ id="g44">
+</g>
+<g
+ id="g46">
+</g>
+<g
+ id="g48">
+</g>
+</svg> \ No newline at end of file
diff --git a/images/youtube-logo.svg b/images/youtube-logo.svg
new file mode 100644
index 0000000..d45ad5f
--- /dev/null
+++ b/images/youtube-logo.svg
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Capa_1"
+ x="0px"
+ y="0px"
+ width="90.677px"
+ height="90.677px"
+ viewBox="0 0 90.677 90.677"
+ style="enable-background:new 0 0 90.677 90.677;"
+ xml:space="preserve"
+ sodipodi:docname="youtube-logo.svg"
+ inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+ id="metadata53"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs51" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="743"
+ id="namedview49"
+ showgrid="false"
+ inkscape:zoom="2.6026445"
+ inkscape:cx="-23.053475"
+ inkscape:cy="45.338501"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Capa_1" />
+<g
+ id="g16"
+ style="fill:#e4b63a;fill-opacity:1">
+ <g
+ id="g14"
+ style="fill:#e4b63a;fill-opacity:1">
+ <path
+ d="M82.287,45.907c-0.937-4.071-4.267-7.074-8.275-7.521c-9.489-1.06-19.098-1.065-28.66-1.06 c-9.566-0.005-19.173,0-28.665,1.06c-4.006,0.448-7.334,3.451-8.27,7.521c-1.334,5.797-1.35,12.125-1.35,18.094 c0,5.969,0,12.296,1.334,18.093c0.936,4.07,4.264,7.073,8.272,7.521c9.49,1.061,19.097,1.065,28.662,1.061 c9.566,0.005,19.171,0,28.664-1.061c4.006-0.448,7.336-3.451,8.272-7.521c1.333-5.797,1.34-12.124,1.34-18.093 C83.61,58.031,83.62,51.704,82.287,45.907z M28.9,50.4h-5.54v29.438h-5.146V50.4h-5.439v-4.822H28.9V50.4z M42.877,79.839h-4.629 v-2.785c-1.839,2.108-3.585,3.136-5.286,3.136c-1.491,0-2.517-0.604-2.98-1.897c-0.252-0.772-0.408-1.994-0.408-3.796V54.311 h4.625v18.795c0,1.084,0,1.647,0.042,1.799c0.111,0.718,0.462,1.082,1.082,1.082c0.928,0,1.898-0.715,2.924-2.166v-19.51h4.629 L42.877,79.839L42.877,79.839z M60.45,72.177c0,2.361-0.159,4.062-0.468,5.144c-0.618,1.899-1.855,2.869-3.695,2.869 c-1.646,0-3.234-0.914-4.781-2.824v2.474h-4.625V45.578h4.625v11.189c1.494-1.839,3.08-2.769,4.781-2.769 c1.84,0,3.078,0.969,3.695,2.88c0.311,1.027,0.468,2.715,0.468,5.132V72.177z M77.907,67.918h-9.251v4.525 c0,2.363,0.773,3.543,2.363,3.543c1.139,0,1.802-0.619,2.066-1.855c0.043-0.251,0.104-1.279,0.104-3.134h4.719v0.675 c0,1.491-0.057,2.518-0.099,2.98c-0.155,1.024-0.519,1.953-1.08,2.771c-1.281,1.854-3.179,2.768-5.595,2.768 c-2.42,0-4.262-0.871-5.599-2.614c-0.981-1.278-1.485-3.29-1.485-6.003v-8.941c0-2.729,0.447-4.725,1.43-6.015 c1.336-1.747,3.177-2.617,5.54-2.617c2.321,0,4.161,0.87,5.457,2.617c0.969,1.29,1.432,3.286,1.432,6.015v5.285H77.907z"
+ id="path2"
+ style="fill:#e4b63a;fill-opacity:1" />
+ <path
+ d="M70.978,58.163c-1.546,0-2.321,1.181-2.321,3.541v2.362h4.625v-2.362C73.281,59.344,72.508,58.163,70.978,58.163z"
+ id="path4"
+ style="fill:#e4b63a;fill-opacity:1" />
+ <path
+ d="M53.812,58.163c-0.762,0-1.534,0.36-2.307,1.125v15.559c0.772,0.774,1.545,1.14,2.307,1.14 c1.334,0,2.012-1.14,2.012-3.445V61.646C55.824,59.344,55.146,58.163,53.812,58.163z"
+ id="path6"
+ style="fill:#e4b63a;fill-opacity:1" />
+ <path
+ d="M56.396,34.973c1.705,0,3.479-1.036,5.34-3.168v2.814h4.675V8.82h-4.675v19.718c-1.036,1.464-2.018,2.188-2.953,2.188 c-0.626,0-0.994-0.37-1.096-1.095c-0.057-0.153-0.057-0.722-0.057-1.817V8.82h-4.66v20.4c0,1.822,0.156,3.055,0.414,3.836 C53.854,34.363,54.891,34.973,56.396,34.973z"
+ id="path8"
+ style="fill:#e4b63a;fill-opacity:1" />
+ <path
+ d="M23.851,20.598v14.021h5.184V20.598L35.271,0h-5.242l-3.537,13.595L22.812,0h-5.455c1.093,3.209,2.23,6.434,3.323,9.646 C22.343,14.474,23.381,18.114,23.851,20.598z"
+ id="path10"
+ style="fill:#e4b63a;fill-opacity:1" />
+ <path
+ d="M42.219,34.973c2.342,0,4.162-0.881,5.453-2.641c0.981-1.291,1.451-3.325,1.451-6.067v-9.034 c0-2.758-0.469-4.774-1.451-6.077c-1.291-1.765-3.11-2.646-5.453-2.646c-2.33,0-4.149,0.881-5.443,2.646 c-0.993,1.303-1.463,3.319-1.463,6.077v9.034c0,2.742,0.47,4.776,1.463,6.067C38.069,34.092,39.889,34.973,42.219,34.973z M39.988,16.294c0-2.387,0.724-3.577,2.231-3.577c1.507,0,2.229,1.189,2.229,3.577v10.852c0,2.387-0.722,3.581-2.229,3.581 c-1.507,0-2.231-1.194-2.231-3.581V16.294z"
+ id="path12"
+ style="fill:#e4b63a;fill-opacity:1" />
+ </g>
+</g>
+<g
+ id="g18">
+</g>
+<g
+ id="g20">
+</g>
+<g
+ id="g22">
+</g>
+<g
+ id="g24">
+</g>
+<g
+ id="g26">
+</g>
+<g
+ id="g28">
+</g>
+<g
+ id="g30">
+</g>
+<g
+ id="g32">
+</g>
+<g
+ id="g34">
+</g>
+<g
+ id="g36">
+</g>
+<g
+ id="g38">
+</g>
+<g
+ id="g40">
+</g>
+<g
+ id="g42">
+</g>
+<g
+ id="g44">
+</g>
+<g
+ id="g46">
+</g>
+</svg> \ No newline at end of file
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 8309dcd..2f2ec21 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -19,7 +19,7 @@ header a, .contact a {
header a, footer a {
color: inherit;
}
-nav a:hover, .contact:hover {
+nav a:hover, .contact a:hover {
color: var(--gold);
background: white;
}
@@ -29,7 +29,6 @@ header.banner a {
align-items: center;
}
header.banner img {
- filter: brightness(0);
margin: 0.5em;
}
header.banner h1 {
@@ -37,7 +36,10 @@ header.banner h1 {
font-family: 'Cormorant', serif;
}
-header.banner:hover img {
+header.banner img, .social img {
+ filter: brightness(0);
+}
+header.banner:hover img, .social img:hover {
filter: none;
}
header.banner:hover {
@@ -193,6 +195,8 @@ footer.legal {
transform: rotate(180deg);
margin: 0;
+ }
+ .contact a {
padding: 1em 0.5em;
}
}
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index fd89914..0687599 100644
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -3,6 +3,6 @@ body {
color: white;
}
-header.banner img {
+header.banner img, .social img {
filter: brightness(10);
}
diff --git a/template.html b/template.html
index 6065aff..91b490f 100644
--- a/template.html
+++ b/template.html
@@ -56,10 +56,14 @@
<img class="button close" src="images/close.svg">
<label for="social">Nous contacter</label>
<div class="content">
- <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 href="https://www.facebook.com/quatuorbellefeuille/">
+ <img src="images/facebook-logo.svg">
+ </a>
+ <a href="https://www.instagram.com/quatuor.bellefeuille/">
+ <img src="images/instagram-logo.svg">
+ </a>
+ <a href="">
+ <img src="images/youtube-logo.svg">
</a>
<p class="contact">
<a href="contact.html">contact</a>
@@ -69,7 +73,8 @@
<footer class="legal">
<p>
- Mentions légales (<a href="https://feathericons.com">icônes</a>)
+ Mentions légales
+ - Icônes adaptées de : <a href="https://feathericons.com">Feather</a> ; <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
- Plan du site
</p>
</footer>
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-06 10:42:34 +0000