Improved program page data and styles
This commit is contained in:
@@ -31,37 +31,34 @@ const Program = () => {
|
|||||||
<h1 id='program-start'>Ohjelma</h1>
|
<h1 id='program-start'>Ohjelma</h1>
|
||||||
|
|
||||||
<h2 className={styles.programTitle}>
|
<h2 className={styles.programTitle}>
|
||||||
<div>20.7.</div>
|
<span>20.7.</span>
|
||||||
<div>
|
<a href='https://www.cafelaituri.fi'>
|
||||||
<span className={styles.placeName}>Laituri</span>
|
<span className={styles.placeName}>Laituri</span>
|
||||||
<a href='https://www.cafelaituri.fi'>
|
<FiExternalLink fontSize={20} />
|
||||||
<FiExternalLink fontSize={20} />
|
</a>
|
||||||
</a>
|
<span>to</span>
|
||||||
</div>
|
|
||||||
<div />
|
|
||||||
</h2>
|
</h2>
|
||||||
|
<h3 className={styles.timeSpan}>17:00 - 19:00</h3>
|
||||||
<p>Café Laituri, Voiponlahdentie 37, Palva</p>
|
<p>Café Laituri, Voiponlahdentie 37, Palva</p>
|
||||||
<h2 className={styles.programTitle}>
|
<h2 className={styles.programTitle}>
|
||||||
<div>21.7.</div>
|
<span>21.7.</span>
|
||||||
<div>
|
<a href='https://vaihela.fi/'>
|
||||||
<span className={styles.placeName}>Vaihela</span>
|
<span className={styles.placeName}>Vaihela</span>
|
||||||
<a href='https://vaihela.fi/'>
|
<FiExternalLink fontSize={20} />
|
||||||
<FiExternalLink fontSize={20} />
|
</a>
|
||||||
</a>
|
<span>pe</span>
|
||||||
</div>
|
|
||||||
<div />
|
|
||||||
</h2>
|
</h2>
|
||||||
|
<h3 className={styles.timeSpan}>18:00 - 21:00</h3>
|
||||||
<p>Saaristohotelli Vaihela, Velkuanmaantie 168, Palva</p>
|
<p>Saaristohotelli Vaihela, Velkuanmaantie 168, Palva</p>
|
||||||
<h2 className={styles.programTitle}>
|
<h2 className={styles.programTitle}>
|
||||||
<div>22.7.</div>
|
<span>22.7.</span>
|
||||||
<div>
|
<a href='https://www.prosinervo.com/'>
|
||||||
<span className={styles.placeName}>Sinervo</span>
|
<span className={styles.placeName}>Sinervo</span>
|
||||||
<a href='https://www.prosinervo.com/'>
|
<FiExternalLink fontSize={20} />
|
||||||
<FiExternalLink fontSize={20} />
|
</a>
|
||||||
</a>
|
<span>la</span>
|
||||||
</div>
|
|
||||||
<div />
|
|
||||||
</h2>
|
</h2>
|
||||||
|
<h3 className={styles.timeSpan}>14:00 - 20:00</h3>
|
||||||
<p style={{ marginBottom: 50 }}>
|
<p style={{ marginBottom: 50 }}>
|
||||||
Sinervon talo, Sauniementie 5, Teersalo
|
Sinervon talo, Sauniementie 5, Teersalo
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -28,7 +28,6 @@
|
|||||||
padding-left: 1.5rem;
|
padding-left: 1.5rem;
|
||||||
padding-right: 1.5rem;
|
padding-right: 1.5rem;
|
||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
@@ -43,4 +42,11 @@
|
|||||||
.placeName {
|
.placeName {
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
|
color: #2f273e;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeSpan {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user