diff --git a/home/static/css/style.css b/home/static/css/style.css index 12e6f56e426b5ae0962bf0814919694d8d8e5d35..c83dbe8aa350abe28c520a3bb2b476a31ff02847 100644 --- a/home/static/css/style.css +++ b/home/static/css/style.css @@ -351,6 +351,129 @@ ul.messagelist li.info:before { content: "\f05a"; } +/* =========================== +// Location +// =========================== */ + +#mailing-address { + font-size: 1.5rem; + text-align: center; +} + +#interactive-map { + width: 100%; + margin-bottom: 10px; +} + +#public-transport-info { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr; + font-size: 1.3rem; + margin-left: -20%; + white-space: nowrap; +} + +#public-transport-info > * { + margin: 5px; + justify-self: left; +} +#public-transport-info img { + width: 40px; + height: 35px; + margin: 0 5px 0 0; +} +#transport-metro-icon, +#transport-metro-stop, +#transport-bus-1-icon, +#transport-bus-1-stop { + grid-row: 1; +} +#transport-rer-icon, +#transport-rer-stop, +#transport-bus-2-icon, +#transport-bus-2-stop { + grid-row: 2; +} +#transport-noctilien-icon, +#transport-noctilien-stop { + grid-row: 3; +} +#transport-metro-icon, +#transport-rer-icon { + grid-column: 1; + justify-self: end; +} +#transport-metro-stop, +#transport-rer-stop { + grid-column: 2; +} +#transport-bus-1-icon, +#transport-bus-2-icon, +#transport-noctilien-icon { + grid-column: 3; + justify-self: end; +} +#transport-bus-1-stop, +#transport-bus-2-stop, +#transport-noctilien-stop { + grid-column: 4; +} + +@media (max-width: 800px) { + #mailing-address { + font-size: 1.2rem; + } + #public-transport-info { + grid-template-columns: 1fr 1fr; + grid-template-rows: auto auto auto auto auto; + align-items: center; + } + #transport-metro-icon, + #transport-metro-stop { + grid-row: 1; + } + #transport-rer-icon, + #transport-rer-stop { + grid-row: 2; + } + #transport-bus-1-icon, + #transport-bus-1-stop { + grid-row: 3; + } + #transport-bus-2-icon, + #transport-bus-2-stop { + grid-row: 4; + } + #transport-noctilien-icon, + #transport-noctilien-stop { + grid-row: 5; + } + #transport-metro-icon, + #transport-rer-icon, + #transport-bus-1-icon, + #transport-bus-2-icon, + #transport-noctilien-icon { + grid-column: 1; + justify-self: end; + } + #transport-metro-stop, + #transport-rer-stop, + #transport-bus-1-stop, + #transport-bus-2-stop, + #transport-noctilien-stop { + grid-column: 2; + } +} +@media (max-width: 600px) { + #public-transport-info { + font-size: 1em; + } + #public-transport-info img { + width: 30px; + height: 25px; + } +} /* =========================== // Footer // =========================== */ diff --git a/home/static/imgs/ratp/bus-21.svg b/home/static/imgs/ratp/bus-21.svg new file mode 100644 index 0000000000000000000000000000000000000000..fa74f232d18aba9446272bb3e0cb1cfbba74596e --- /dev/null +++ b/home/static/imgs/ratp/bus-21.svg @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve"> +<g> + <rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#82DC73;" width="120" height="77"/> + <g> + <path d="M22.204,68.378v-7.873c1.524-6.941,8.381-13.291,16.338-20.232c3.979-3.471,8.296-7.789,8.296-13.545 + c0-5.164-3.386-9.481-9.905-9.481c-5.249,0-8.889,3.809-10.328,5.418l-6.264-8.296c5.756-4.995,11.09-7.365,19.132-7.365 + c10.498,0,20.402,6.095,20.402,18.286c0,10.243-6.519,15.068-13.714,21.587c-3.047,2.794-9.058,8.043-9.82,11.514h24.635v9.989 + H22.204z"/> + <path d="M80.948,68.378V21.394c-3.64,2.878-9.396,5.671-13.376,7.45l-4.063-9.143c6.264-2.624,13.799-6.603,19.725-11.09h10.412 + v59.767H80.948z"/> + </g> +</g> +</svg> diff --git a/home/static/imgs/ratp/bus-24.svg b/home/static/imgs/ratp/bus-24.svg new file mode 100644 index 0000000000000000000000000000000000000000..3c30e44870452d1e015ed18573fa646d79405913 --- /dev/null +++ b/home/static/imgs/ratp/bus-24.svg @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve"> +<g> + <rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#A0006E;" width="120" height="77"/> + <g> + <path style="fill:#FFFFFF;" d="M16.422,68.378v-7.873c1.524-6.941,8.381-13.291,16.338-20.232 + c3.979-3.471,8.296-7.789,8.296-13.545c0-5.164-3.386-9.481-9.905-9.481c-5.249,0-8.889,3.809-10.328,5.418l-6.264-8.296 + c5.756-4.995,11.09-7.365,19.132-7.365c10.498,0,20.402,6.095,20.402,18.286c0,10.243-6.519,15.068-13.714,21.587 + c-3.047,2.794-9.058,8.043-9.82,11.514h24.635v9.989H16.422z"/> + <path style="fill:#FFFFFF;" d="M97.143,55.934v12.444H85.291V55.934H58.37v-11.09L81.566,8.611h15.576v38.01h7.026v9.313H97.143z + M85.291,19.108h-0.17c-0.254,1.016-1.947,4.656-4.316,8.381L68.613,46.621h16.678V19.108z"/> + </g> +</g> +</svg> diff --git a/home/static/imgs/ratp/bus-27.svg b/home/static/imgs/ratp/bus-27.svg new file mode 100644 index 0000000000000000000000000000000000000000..a370ec1948d87992ab3e4fd2e49c37bd43013753 --- /dev/null +++ b/home/static/imgs/ratp/bus-27.svg @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve"> +<g> + <rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#FF5A00;" width="120" height="77"/> + <g> + <path d="M19.694,68.378v-7.873c1.524-6.941,8.381-13.291,16.338-20.232c3.979-3.471,8.296-7.789,8.296-13.545 + c0-5.164-3.386-9.481-9.905-9.481c-5.249,0-8.889,3.809-10.328,5.418l-6.264-8.296c5.756-4.995,11.09-7.365,19.132-7.365 + c10.498,0,20.402,6.095,20.402,18.286c0,10.243-6.519,15.068-13.714,21.587c-3.048,2.794-9.058,8.043-9.82,11.514h24.635v9.989 + H19.694z"/> + <path d="M81.512,68.378H67.881c0-7.873,2.117-12.952,7.365-22.688l14.562-27.09H60.771v-9.99h41.819v9.735 + C89.469,41.119,81.512,58.981,81.512,68.378z"/> + </g> +</g> +</svg> diff --git a/home/static/imgs/ratp/metro-7.svg b/home/static/imgs/ratp/metro-7.svg new file mode 100644 index 0000000000000000000000000000000000000000..096cc62a19fb43d4819d048067c380fa6d7bcf9d --- /dev/null +++ b/home/static/imgs/ratp/metro-7.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Premier_plan" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" + y="0px" width="92px" height="92px" viewBox="0 0 92 92" style="enable-background:new 0 0 92 92;" xml:space="preserve"> +<g> + <g> + <circle style="fill-rule:evenodd;clip-rule:evenodd;fill:#FF82B4;" cx="46" cy="46" r="46"/> + <path style="fill-rule:evenodd;clip-rule:evenodd;" d="M64.83,29.471v-8.274H29.286v8.49h24.679L41.589,52.712 + c-4.461,8.274-6.26,12.592-6.26,19.283h11.584C46.914,64.009,53.678,48.826,64.83,29.471z"/> + </g> +</g> +</svg> diff --git a/home/static/imgs/ratp/noctilien-122.svg b/home/static/imgs/ratp/noctilien-122.svg new file mode 100644 index 0000000000000000000000000000000000000000..a43cfd32c903c7e1f68ad415ff83077614b9c7fd --- /dev/null +++ b/home/static/imgs/ratp/noctilien-122.svg @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + width="120px" height="77px" viewBox="0 0 120 77" enable-background="new 0 0 120 77" xml:space="preserve"> +<rect fill-rule="evenodd" clip-rule="evenodd" fill="#3C91DC" width="120" height="77"/> +<rect fill-rule="evenodd" clip-rule="evenodd" fill="#0A0082" width="120" height="68.75"/> +<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M34.341,38.708V8.516h-6.154v20.402h-0.085 + c-0.089-0.373-0.371-0.975-0.845-1.807c-0.475-0.832-1.12-1.841-1.937-3.026L14.623,8.516h-6.11v30.192h6.196V19.081h0.086 + c0.124,0.36,0.399,0.954,0.823,1.78c0.424,0.826,1.02,1.772,1.786,2.838l10.868,15.008H34.341z"/> +<g> + <g> + <path fill="#FFFFFF" d="M52.421,62.018V34.909c-2.101,1.661-5.422,3.272-7.717,4.298l-2.345-5.275 + c3.614-1.514,7.961-3.809,11.38-6.398h6.008v34.484H52.421z"/> + <path fill="#FFFFFF" d="M65.314,62.018v-4.543c0.879-4.005,4.836-7.668,9.428-11.674c2.295-2.002,4.786-4.493,4.786-7.814 + c0-2.979-1.954-5.471-5.715-5.471c-3.028,0-5.128,2.198-5.959,3.126l-3.614-4.786c3.321-2.882,6.398-4.25,11.039-4.25 + c6.057,0,11.771,3.517,11.771,10.551c0,5.91-3.761,8.693-7.913,12.455c-1.758,1.611-5.226,4.64-5.665,6.643h14.214v5.764H65.314z" + /> + <path fill="#FFFFFF" d="M92.666,62.018v-4.543c0.879-4.005,4.836-7.668,9.427-11.674c2.296-2.002,4.786-4.493,4.786-7.814 + c0-2.979-1.953-5.471-5.715-5.471c-3.027,0-5.128,2.198-5.959,3.126l-3.613-4.786c3.32-2.882,6.398-4.25,11.038-4.25 + c6.057,0,11.771,3.517,11.771,10.551c0,5.91-3.761,8.693-7.913,12.455c-1.758,1.611-5.227,4.64-5.666,6.643h14.214v5.764H92.666z" + /> + </g> +</g> +</svg> diff --git a/home/static/imgs/ratp/noctilien-14.svg b/home/static/imgs/ratp/noctilien-14.svg new file mode 100644 index 0000000000000000000000000000000000000000..96f448643df0e0baba56354f3fcc625e22cc4da5 --- /dev/null +++ b/home/static/imgs/ratp/noctilien-14.svg @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve"> +<g> + <rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#82DC73;" width="120" height="77"/> + <rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#0A0082;" width="120" height="68.75"/> +</g> +<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" d="M34.341,38.708V8.517h-6.154v20.402h-0.085 + c-0.089-0.373-0.371-0.975-0.845-1.807c-0.475-0.832-1.12-1.841-1.937-3.026L14.623,8.517h-6.11v30.191h6.196V19.082h0.086 + c0.124,0.36,0.399,0.954,0.823,1.78c0.424,0.826,1.02,1.772,1.786,2.838l10.868,15.008H34.341z"/> +<g> + <path style="fill:#FFFFFF;" d="M62.141,61.902V28.07c-2.621,2.072-6.767,4.084-9.632,5.364l-2.926-6.583 + c4.511-1.89,9.937-4.755,14.203-7.986h7.498v43.037H62.141z"/> + <path style="fill:#FFFFFF;" d="M105.894,52.941v8.961h-8.534v-8.961H77.975v-7.986l16.702-26.09h11.217v27.371h5.06v6.705H105.894z + M97.359,26.424h-0.122c-0.183,0.731-1.402,3.353-3.109,6.035l-8.777,13.777h12.009V26.424z"/> +</g> +</svg> diff --git a/home/static/imgs/ratp/noctilien-21.svg b/home/static/imgs/ratp/noctilien-21.svg new file mode 100644 index 0000000000000000000000000000000000000000..5a4559f4529fd0ac32796c67648dbd64997b9a9b --- /dev/null +++ b/home/static/imgs/ratp/noctilien-21.svg @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve"> +<g> + <rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#82DC73;" width="120" height="77"/> + <rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#0A0082;" width="120" height="68.75"/> +</g> +<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" d="M34.341,38.708V8.517h-6.154v20.402h-0.085 + c-0.089-0.373-0.371-0.975-0.845-1.807c-0.475-0.832-1.12-1.841-1.937-3.026L14.623,8.517h-6.11v30.191h6.196V19.082h0.086 + c0.124,0.36,0.399,0.954,0.823,1.78c0.424,0.826,1.02,1.772,1.786,2.838l10.868,15.008H34.341z"/> +<g> + <path style="fill:#FFFFFF;" d="M48.023,61.902v-5.669c1.097-4.999,6.034-9.571,11.765-14.569c2.865-2.5,5.974-5.608,5.974-9.753 + c0-3.719-2.438-6.828-7.132-6.828c-3.779,0-6.4,2.743-7.438,3.901l-4.511-5.974c4.146-3.597,7.986-5.304,13.777-5.304 + c7.559,0,14.69,4.389,14.69,13.167c0,7.376-4.693,10.85-9.875,15.544c-2.194,2.012-6.522,5.791-7.071,8.29h17.739v7.193H48.023z"/> + <path style="fill:#FFFFFF;" d="M92.056,61.902V28.07c-2.621,2.072-6.767,4.084-9.632,5.364l-2.926-6.583 + c4.511-1.89,9.937-4.755,14.203-7.986h7.498v43.037H92.056z"/> +</g> +</svg> diff --git a/home/static/imgs/ratp/rer-B.svg b/home/static/imgs/ratp/rer-B.svg new file mode 100644 index 0000000000000000000000000000000000000000..9085ccc4d1edb8a155743acd00ffda491daa3f6f --- /dev/null +++ b/home/static/imgs/ratp/rer-B.svg @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd"> +<svg version="1.1" baseProfile="tiny" id="Premier_plan" + xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" height="92px" + viewBox="0 0 92 92" xml:space="preserve"> +<g> + <g> + <path fill="#FFFFFF" d="M46,5.333c-22.412,0-40.655,18.208-40.655,40.752c0,22.372,18.242,40.581,40.655,40.581 + s40.654-18.209,40.654-40.581C86.654,23.542,68.412,5.333,46,5.333z"/> + <path fill="#3C91DC" d="M46,92C20.575,92,0,71.463,0,46.083C0,20.537,20.575,0,46,0c25.426,0,46,20.537,46,46.083 + C92,71.463,71.426,92,46,92z M46,6.846c-21.578,0-39.142,17.531-39.142,39.237c0,21.54,17.563,39.071,39.142,39.071 + s39.143-17.531,39.143-39.071C85.143,24.377,67.578,6.846,46,6.846z"/> + <path fill="#3C91DC" d="M62.917,55.029c0-6.084-3.778-9.61-8.286-10.219v-0.121c3.352-0.608,6.885-3.954,6.885-8.394 + c0-9.306-8.592-10.888-15.599-10.888H29.831v42.94h15.416C53.412,68.35,62.917,65.855,62.917,55.029z M52.438,37.573 + c0,4.927-5.059,4.865-8.288,4.865h-4.753v-9.853h4.631C47.137,32.586,52.438,32.464,52.438,37.573z M53.352,54.785 + c0,5.597-3.961,6.447-8.41,6.447h-5.545V49.251h5.058C47.563,49.251,53.352,49.434,53.352,54.785z"/> + </g> +</g> +</svg> diff --git a/home/templates/faq.html b/home/templates/faq.html index c7beb85c0f6c795703b906a9d5a79c848eb60d13..3fa2814508bd622397407efa621bec5c310474ce 100644 --- a/home/templates/faq.html +++ b/home/templates/faq.html @@ -1,10 +1,47 @@ {% extends "base.html" %} - +{% load static %} {% block nav_faq %}current{% endblock %} {% block "content" %} <h2>Comment se rendre à l'ENS Ulm ?</h2> - <p>Plan transport + instructions</p> + <div> + <p id="mailing-address"> + <i class="fas fa-map-marker-alt"></i> + 45 rue d'Ulm, 75005 Paris + </p> + + <iframe id="interactive-map" width="750" height="400" src="https://www.openstreetmap.org/export/embed.html?bbox=2.334809303283692%2C48.8368567401711%2C2.3548936843872075%2C48.84636099015179&layer=hot&marker=48.841602029496684%2C2.344851493835449"></iframe> + </div> + + <div id="public-transport-info"> + <div id="transport-metro-icon"> + <img src="{% static 'imgs/ratp/metro-7.svg' %}" alt="Métro 7"> + </div> + <span id="transport-metro-stop">Place Monge</span> + + <div id="transport-rer-icon"> + <img src="{% static 'imgs/ratp/rer-B.svg' %}" alt="RER B"> + </div> + <span id="transport-rer-stop">Luxembourg</span> + + <div id="transport-bus-1-icon"> + <img src="{% static 'imgs/ratp/bus-24.svg' %}" alt="Bus 24"> + </div> + <span id="transport-bus-1-stop">École Normale Supérieure</span> + + <div id="transport-bus-2-icon"> + <img src="{% static 'imgs/ratp/bus-21.svg' %}" alt="Bus 21"> + <img src="{% static 'imgs/ratp/bus-27.svg' %}" alt="Bus 27"> + </div> + <span id="transport-bus-2-stop">Feuillantines</span> + + <div id="transport-noctilien-icon"> + <img src="{% static 'imgs/ratp/noctilien-14.svg' %}" alt="Noctilien 14"> + <img src="{% static 'imgs/ratp/noctilien-21.svg' %}" alt="Noctilien 21"> + <img src="{% static 'imgs/ratp/noctilien-122.svg' %}" alt="Noctilien 122"> + </div> + <span id="transport-noctilien-stop">Auguste Comte</span> + </div> <h2>Conditions sanitaires ?</h2> <p>On ne sait pas trop...</p>