Commit 80e9489e authored by Alex's avatar Alex

MaJ

parent b8a1840d
......@@ -4,9 +4,8 @@
<list default="true" id="c7837b45-9c12-40e0-89a9-bb2dee9e05de" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/Pages/Degustate.html" beforeDir="false" afterPath="$PROJECT_DIR$/Pages/Degustate.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/Style/BourgogneStyle.css" beforeDir="false" afterPath="$PROJECT_DIR$/Style/BourgogneStyle.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/Pages/MainPage.html" beforeDir="false" afterPath="$PROJECT_DIR$/Pages/MainPage.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/Style/Degustate.css" beforeDir="false" afterPath="$PROJECT_DIR$/Style/Degustate.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/Style/styleMain.css" beforeDir="false" afterPath="$PROJECT_DIR$/Style/styleMain.css" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
......@@ -96,7 +95,8 @@
<workItem from="1573141276236" duration="7670000" />
<workItem from="1573205423185" duration="9063000" />
<workItem from="1573230620188" duration="4499000" />
<workItem from="1573235754184" duration="4297000" />
<workItem from="1573235754184" duration="4316000" />
<workItem from="1573250841692" duration="3758000" />
</task>
<task id="LOCAL-00001" summary="add">
<created>1572947371532</created>
......@@ -161,7 +161,14 @@
<option name="project" value="LOCAL" />
<updated>1573232704381</updated>
</task>
<option name="localTasksCounter" value="10" />
<task id="LOCAL-00010" summary="MaJ">
<created>1573240843902</created>
<option name="number" value="00010" />
<option name="presentableId" value="LOCAL-00010" />
<option name="project" value="LOCAL" />
<updated>1573240843902</updated>
</task>
<option name="localTasksCounter" value="11" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
......
......@@ -24,41 +24,67 @@
<div class="emptyDiv"></div>
<nav role="navigation">
<div id="menuToggle">
<!--
A fake / hidden checkbox is used as click reciever,
so you can use the :checked selector on it.
-->
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu">
<a href="#"><li>Home</li></a>
<a href="#"><li>Degustate</li></a>
<a href="#"><li>Contact</li></a>
</ul>
</div>
</nav>
</div>
<div class="transparent"></div>
<section>
<div id="pageDecription">
<h2>Degustations</h2>
<p>
You will be able to find some informations about places we're you kind try different wines
from different places.
</p>
</div>
<h2>Bourgogne</h2>
<div class="degustationPlace">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2727.476592176319!2d4.741183550924511!3d46.87367184620968!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f2f9fa90044bfd%3A0x18d8e4534aa3ee19!2sDomaine%20Lefort!5e0!3m2!1sen!2spl!4v1573238681389!5m2!1sen!2spl"
width="600"
height="450"
frameborder="0"
style="border:0;">
width="500em"
height="500em"
style="border-radius:10px;">
</iframe>
<a target="_blank" href="http://www.domainelefort.fr/">
<h3>Domaine Lefort</h3>
</a>
</div>
<div class="degustationPlace">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2727.4846663178473!2d4.738462715922869!3d46.873512979142966!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x410766746bcac269%3A0xa83327ea8b617bd3!2sP.M%20Jacqueson!5e0!3m2!1sen!2spl!4v1573251694021!5m2!1sen!2spl"
width="500em"
height="500em"
style="border-radius: 10px;"
allowfullscreen="">
</iframe>
<a href="https://jacqueson-vins.fr/en" target="_blank">
<h3>Domaine Pierre & Marie Jacquesson</h3>
</a>
</div>
<div class="degustationPlace">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5017.945831412257!2d4.6772952693530545!3d46.704603808132894!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xfc8fa0ed65b50b0f!2sDomaine%20St%C3%A9phane%20ALADAME!5e0!3m2!1sen!2spl!4v1573254645841!5m2!1sen!2spl"
width="500em"
height="500em"
style="border-radius: 10px;"
allowfullscreen="">
</iframe>
<a href="http://aladame.fr/" target="_blank">
<h3>Domaine Aladame
</a>
</div>
<h2>Alsace</h2>
</section>
......
......@@ -21,7 +21,6 @@
<ul id="NavbarList">
<li>Home</li>
<li>Visiting</li>
<li>Degustate</li>
<li>Contact</li>
</ul>
......
......@@ -26,12 +26,24 @@ body{
}
.title{
flex-grow: 2;
}
.emptyDiv{
flex-grow: 4;
}
.degustationPlace{
background-color: white;
text-align: center;
padding: 6em;
margin: 3em;
box-shadow: 0 5px 5px rgba(0,0,0,0.35);
border-radius: 10px;
}
h1{
font-size: 70px;
font-family: 'Niconne', cursive;
......@@ -43,7 +55,13 @@ h1{
}
h2{
font-family: 'Niconne', cursive;
font-size: 100px;
font-weight: lighter;
flex: 100%;
text-align: center;
}
#countDown{
font-weight: lighter;
......@@ -61,9 +79,11 @@ h1{
section{
z-index: 1;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
width: 100%;
background-color: white;
height: 1000px;
background-color: #fbfbfb;
}
......@@ -72,139 +92,8 @@ section{
background-color: rgba(255,255,255,0);
height: 80vh;
}
a
{
text-decoration: none;
color: #232323;
transition: color 0.3s ease;
}
#menuToggle
{
display: block;
position: relative;
top: 50px;
left: 50px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
}
#menuToggle input
{
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none;
}
/*
* Just a quick hamburger
*/
#menuToggle span
{
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #cdcdcd;
border-radius: 3px;
z-index: 1;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#menuToggle span:first-child
{
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2)
{
transform-origin: 0% 100%;
}
/*
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}
/*
* But let's hide the middle one.
*/
#menuToggle input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked ~ span:nth-last-child(2)
{
transform: rotate(-45deg) translate(0, -1px);
}
/*
* Make this absolute positioned
* at the top left of the screen
*/
#menu
{
position: absolute;
width: 300px;
margin: -100px 0 0 -50px;
padding: 50px;
padding-top: 125px;
background: #ededed;
list-style-type: none;
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;
transform: translate(-100%, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu li
{
padding: 10px 0;
font-size: 22px;
#pageDecription{
flex: 100%;
text-align: center;
}
/*
* And let's slide it in from the left
*/
#menuToggle input:checked ~ ul
{
transform: none;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment