Commit 6ffa7d77 authored by sarah's avatar sarah
Browse files

home more organic and project pictures more wide

parent c776bf39
......@@ -35,12 +35,9 @@
<div class="project">
<h2>Caberdouche</h2>
<div class="project-cover"></div>
<figure class="projects-pict">
<img src="pict/caberdouche/Caberdouche_10.jpg" />
<figcaption><p>Aménagement intérieur, scénographie, muséographie du Centre d’Interprétation de la Maison Losseau</p></figcaption>
</figure>
<div class="projects-pict" style="background-image: url('pict/caberdouche/Caberdouche_10.jpg');"> </div>
</div>
<figure class="live-quotes">
......@@ -58,7 +55,7 @@
<figure class="live-pict projects-pict">
<img src="pict/002_caberdoucche_photo_170524-1.jpg" />
<figcaption><p>~ <a>Caberdouche</a></p></figcaption>
<figcaption><p>~ <a>Caberdouche</a><span class="date">— 02.03.2020, posted from Pauline's phone</span></p></figcaption>
</figure>
<!--
<figure class="live-pict projects-pict">
......@@ -67,15 +64,14 @@
</figure> -->
<div class="project">
<h2>Losseau</h2>
<figure class="projects-pict">
<img src="pict/losseau/Losseau-001.jpg" />
<figcaption><p>Aménagement intérieur, scénographie, muséographie du Centre d’Interprétation de la Maison Losseau</p></figcaption>
</figure>
<div class="project-cover"></div>
<figcaption><p>Aménagement intérieur, scénographie, muséographie du Centre d’Interprétation de la Maison Losseau</p></figcaption>
<div class="projects-pict" style="background-image: url('pict/losseau/Losseau-001.jpg');"> </div>
</div>
<figure class="live-pict projects-pict">
<img src="pict/IMG_2054.JPG" />
<figcaption><p>~ <a>Caberdouche</a></p></figcaption>
<figcaption><p>~ <a>Caberdouche</a><span class="date">— 02.03.2020, posted from Pauline's phone</span></p></figcaption>
</figure>
......@@ -84,7 +80,7 @@
<figure class="live-pict projects-pict">
<img src="pict/IMG_20170612_093324.jpg" />
<figcaption><p>Chantier ~ <a>Caberdouche</a></p></figcaption>
<figcaption><p>Chantier ~ <a>Caberdouche</a><span class="date">— 02.03.2020, posted from Pauline's phone</span></p></figcaption>
</figure>
......@@ -97,7 +93,7 @@
<figure class="live-pict">
<img src="pict/Screenshotfrom2020-08-04-16-37-46.png" />
<figcaption><p><span>Across</span> lecture of 2019</p></figcaption>
<figcaption><p><span>Across</span> lecture of 2019</p><span class="date">— 02.03.2020, posted from Pauline's phone</span></figcaption>
</figure>
<figure class="live-pict projects-pict">
<img src="pict/Screenshotfrom2020-08-04-16-37-58.png" />
......
......@@ -163,40 +163,63 @@ line-height: 1em;
font-family: 'Spectral';
font-weight: 500;
font-size: 1.3em;
line-height: 1.05em;
line-height: 1.15em;
}
.project {
position: relative;
grid-column-start: span 6;
max-height: 300px;
max-height: 350px;
overflow: hidden;
width: 100%;
}
.project:hover div.project-cover,
.project:hover h2 {
display: none;
}
.project:hover figure.projects-pict figcaption p,
.project:hover figcaption {
display: block;
}
.project h2 {
position: absolute;
z-index: 100;
font-size: 3em;
font-size: 5.5em;
padding: 30px;
font-family: Spectral;
color: #d4ddd8;
display: inline-block;
margin: auto;
text-align: center;
/*text-align: center;*/
width: 100%;
font-family: 'PxGrotesk';
font-weight: normal;
}
.project-cover {
width: 100%;
height: 100%;
background-color: black;
position: absolute;
z-index: 10;
filter: opacity(0.85);
}
.project .projects-pict {
max-height: 350px;
height: 350px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.projects-pict {
grid-column-start: span 2;
}
.projects-pict figcaption p {
.project figcaption,
.projects-pict figcaption p,
.projects-pict figcaption {
display: none;
}
.projects-pict:hover figcaption{
.projects-pict figcaption,
.project figcaption {
position: absolute;
/* bottom: 0;
*//* padding: 0 10px;
......@@ -204,7 +227,8 @@ grid-column-start: span 2;
bottom: 0;
padding: 5px 10px 7px 10px;
}
.projects-pict:hover figcaption p {
.projects-pict:hover figcaption p,
.projects-pict:hover figcaption {
display: block;
}
......
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