Commit 64cafe13 authored by colmoneill's avatar colmoneill

footer + subtitly list in index

parent a66f87c0
......@@ -350,7 +350,7 @@ template {
@font-face {
font-family: 'junicodeitaliccondensed';
src: url('../fonts/Junicode-ItalicCondensed.ttf');
src: url('../fonts/Junicode-ItalicCondensed-webfont.woff');
font-weight: normal;
font-style: normal;
}
......@@ -396,17 +396,17 @@ div.animation-container{
margin: 0 auto;
margin-top: 50px;
overflow-x: visible;
height: 140vh;
height: 101vh;
}
h2.animated_title{
font-size: 88px;
color: lightblue;
color: #00407f;
/* display: inline-block; */
margin: 0px;
}
h2.animated_title:nth-of-type(1){
/* h2.animated_title:nth-of-type(1){
margin-left: 70vh;
}
......@@ -424,7 +424,7 @@ h2.animated_title:nth-of-type(4){
h2.animated_title:nth-of-type(5){
margin-left: 2vh;
}
} */
h2.animated_title:nth-of-type(6){
position: fixed;
......@@ -436,6 +436,21 @@ h2.animated_title:nth-of-type(6){
padding: 10px;
z-index: 3;
}
div.subtitle-list{
width: 60%;
margin: 0 auto;
margin-top: 50px;
font-size: 34px;
color: teal;
font-family: junicodebolditaliccondensed;
}
div.subtitle-list li{
list-style-type: circle;
}
div.text-body{
position: fixed;
display: none;
......@@ -524,10 +539,12 @@ a:visited{
.grid-item { width: 400px; }
.grid-item--width2 { width: 800px; }
.grid-item--height2 { height: 800px; }
.grid-item--width4 { width: 100%; }
div.img-gallery{
width: 100%;
margin-top: 60px;
margin-left: 0px;
z-index: -1;
}
div.img-gallery img{
......@@ -544,7 +561,30 @@ div.img-gallery img{
margin-right: 1%;
margin-bottom: 10px;
} */
div.interstitial{
border-top: 3px solid teal;
margin-top: 22px;
padding-top: 20px;
}
footer{
margin-bottom: 5vh;
margin-left: 5vh;
display: block;
//height: 20vh;
margin-top: 10vh;
}
footer a, footer span{
text-decoration: none;
color: teal;
font-size: 22px;
}
img.logo{
width: 100px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
}
@media only screen and (max-width: 1550px) {
div.animation-container{
......
......@@ -44,10 +44,12 @@
<div id="reveal" class="text-body">
<a class="close-intro" href="">&#10060;</a>
<p><b>A CUP OF TEA</b><br>
Is a project funded by Creative Ireland bringing together women of 6 different nationalities living in Tullow to take part in a ceramic art project. The project was facilitated by two local artists Liga Valge and Clare Breen who supported the group to explore integration, social inclusion, multi-culturalism while making ceramic tea pots, and sharing conversation and many cups of tea together. The results of the project will be exhibited at the Forward Steps FRC, in a local business and at the VISUAL Center for Contemporary Arts.</p>
Is a project funded by Creative Ireland bringing together women of 6 different nationalities living in Tullow to take part in a ceramic art project. The project was facilitated by two local artists Liga Valge and Clare Breen who supported the group to explore integration, social inclusion, multi-culturalism while making ceramic tea pots, and sharing conversation and many cups of tea together. The results of the project will be exhibited at the Forward Steps FRC, in a local business and at the VISUAL Center for Contemporary Arts.
<br><i>Liga Valge</i></p>
</div>
<nav>
<!-- <div class="interstitial"></div> -->
<a id="about" href="#">about</a>
<a href="#gallery">project</a>
<a id="info" href="#">info</a>
......@@ -72,7 +74,20 @@
<div class="grid-item">...</div>
</div>
-->
<div class="subtitle-list">
<p>a project with: </p>
<ul>
<li>Liga Valge</li>
<li>Clare Breen</li>
<li>Mary O'Brien</li>
<li>Liga Valge</li>
<li>Clare Breen</li>
<li>Mary O'Brien</li>
<li>Liga Valge</li>
<li>Clare Breen</li>
<li>Mary O'Brien</li>
</ul>
</div>
<div id="gallery" class="grid img-gallery">
<div class="grid-item"><img src="assets/imgs/1.jpg" alt=""></div>
<div class="grid-item"><img src="assets/imgs/2.jpg" alt=""></div>
......@@ -94,6 +109,12 @@
<div class="grid-item"><img src="assets/imgs/a7.jpg" alt=""></div>
</div>
<div class="interstitial"></div>
<footer>
<a class="toggle" href="">CC BY NC ND — 2019</a>
<img class="logo" src="assets/imgs/Logo-Small_Crop.jpg" alt="">
<span>website by </span><a class="toggle" href="http://colm.be">Colm</a>
</footer>
<script src="assets/js/typed.js"></script>
<script src="assets/js/masonry.min.js"></script>
<script src="assets/js/imagesloaded.min.js"></script>
......
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