added 'Events' section
This commit is contained in:
parent
e21ff5c9e4
commit
66e47be6c9
|
|
@ -920,6 +920,39 @@ h1 {
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
color: white
|
||||||
|
}
|
||||||
|
|
||||||
|
.ConYes {
|
||||||
|
background-color: #06d6a0;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ConMaybe {
|
||||||
|
background-color: #ffd166;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ConNo {
|
||||||
|
background-color: #ef476f;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: table;
|
||||||
|
width: 100%; /*Optional*/
|
||||||
|
table-layout: fixed; /*Optional*/
|
||||||
|
border-spacing: 10px; /*Optional*/
|
||||||
|
}
|
||||||
|
.column {
|
||||||
|
display: table-cell;
|
||||||
|
text-align: center;
|
||||||
|
max-width: fit-content;
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
/*-----------------------parallax-----------------------*/
|
/*-----------------------parallax-----------------------*/
|
||||||
/* credits: https://www.youtube.com/watch?v=aywzn9cf-_U */
|
/* credits: https://www.youtube.com/watch?v=aywzn9cf-_U */
|
||||||
#stars1 {
|
#stars1 {
|
||||||
|
|
|
||||||
93
index.html
93
index.html
|
|
@ -46,9 +46,9 @@
|
||||||
<img class="flag" src="./assets/images/pansexual.svg" /> <img class="flag" src="./assets/images/enby.svg" /> <img class="flag" src="./assets/images/trans.svg" /> <img class="flag" src="./assets/images/prog.svg" />
|
<img class="flag" src="./assets/images/pansexual.svg" /> <img class="flag" src="./assets/images/enby.svg" /> <img class="flag" src="./assets/images/trans.svg" /> <img class="flag" src="./assets/images/prog.svg" />
|
||||||
</p>
|
</p>
|
||||||
<a id="socials">
|
<a id="socials">
|
||||||
<h2 class="separator" title="Social Media / About Me">
|
<h1 class="separator" title="Social Media / About Me">
|
||||||
Elflinks :3
|
Elflinks :3
|
||||||
</h2>
|
</h1>
|
||||||
</a>
|
</a>
|
||||||
<div class="page-item-wrap relative">
|
<div class="page-item-wrap relative">
|
||||||
<div class="page-item flex-both-center absolute"></div>
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
|
@ -134,6 +134,95 @@
|
||||||
<span class="item-title text-center">Spotify Stream Playlist</span>
|
<span class="item-title text-center">Spotify Stream Playlist</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<br><hr>
|
||||||
|
<a id="Events">
|
||||||
|
<h1 class="separator" title="Events">
|
||||||
|
Events
|
||||||
|
</h1>
|
||||||
|
<p><div class="row">
|
||||||
|
<div class="column ConYes">Ich gehe safe</div>
|
||||||
|
<div class="column ConMaybe">Ich gehe vielleicht</div>
|
||||||
|
<div class="column ConNo">Ich gehe doch nicht</div>
|
||||||
|
</div></p>
|
||||||
|
|
||||||
|
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
<a id="Events/Nov2025">
|
||||||
|
<h2 class="separator" title="Events">
|
||||||
|
November 2025
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="page-item-wrap relative">
|
||||||
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://kaidancon.de/" data-id="261685" data-type="page_item">
|
||||||
|
<span class="item-title text-center">KAIDAN // Mainz // 8.-9.11.2025</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<a id="Events/Dec2025">
|
||||||
|
<h2 class="separator" title="Events">
|
||||||
|
Dezember 2025
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="page-item-wrap relative">
|
||||||
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://germanfilmcomiccon.com" data-id="261685" data-type="page_item">
|
||||||
|
<span class="item-title text-center">GERMAN FILM COMIC CON // Dortmund // 6.-7.12.2025</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<a id="Events/May2026">
|
||||||
|
<h2 class="separator" title="Events">
|
||||||
|
Mai 2026
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="page-item-wrap relative">
|
||||||
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://www.nonki-con.de/" data-id="261685" data-type="page_item">
|
||||||
|
<span class="item-title text-center">NonkiCon // Speyer // 16.-17.05.2026</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="page-item-wrap relative">
|
||||||
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://www.dokomi.de" data-id="261685" data-type="page_item">
|
||||||
|
<span class="item-title text-center">DOKOMI // Düsseldorf // 29.-31.05.2026</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<a id="Events/Jul2026">
|
||||||
|
<h2 class="separator" title="Events">
|
||||||
|
Juli 2026
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="page-item-wrap relative">
|
||||||
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://shiroco.de/" data-id="261685" data-type="page_item">
|
||||||
|
<span class="item-title text-center">ShiroCo // Chemnitz // 11.-12.07.2026</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="page-item-wrap relative">
|
||||||
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://animagic.de/" data-id="261685" data-type="page_item">
|
||||||
|
<span class="item-title text-center">AnimagiC // Mannheim // 31.07.-02.08.2026</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a id="Events/Sep2026">
|
||||||
|
<h2 class="separator" title="Events">
|
||||||
|
September 2026
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="page-item-wrap relative">
|
||||||
|
<div class="page-item flex-both-center absolute"></div>
|
||||||
|
<a target="_blank" class="page-item-each py-10 flex-both-center ConMaybe" href="https://shiroco.de/" data-id="261685" data-type="page_item">
|
||||||
|
<span class="item-title text-center">Connichi // Wiesbaden // 4.-6.09.2026</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="source" aria-label="Footer information">
|
<footer class="source" aria-label="Footer information">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue