Ainias/hochzeit
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

second version

Browse Source
This commit is contained in:
silas
2020-12-03 23:17:55 +01:00
parent c0a9e67e13
commit 939d56c1c0
22 changed files with 330 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
dist/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

BIN
dist/img/tagesablauf_godi.jpg vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 MiB

4
dist/index.html vendored
View File

@@ -63,12 +63,12 @@
<span class="width-100" id="home-img">
<img src="/img/home.jpg" id="" alt="Julia und Sam sehen sich verliebt an und halten dabei händchen &lt;3"
class="">
<span id="start-text-img-overlay">Hochzeit von <br>Julia und Samuel</span>
<h1 id="start-text-img-overlay">Hochzeit von <br/>Julia und Samuel</h1>
</span>
<span id="img-spacer"></span>
</span>
<div id="scroll-container">
<div class="grid-container">
<div class="">
<div class="grid-x grid-padding-x grid-padding-y grow max-height-100">
<div class="cell small-12" id="main-content">
</div>

80
dist/main.css vendored
View File

@@ -4822,6 +4822,68 @@ html.is-reveal-open {
.present .present-name {
font-weight: bold; }
#info-image-container {
position: relative; }
#info-image-container img.circler {
position: absolute;
height: 12%;
opacity: 0;
cursor: pointer; }
#info-image-container img.circler.godi {
top: 1.5%;
left: 46%; }
#info-image-container img.circler.fingerfood {
left: 9%;
top: 12.5%;
width: 32%;
height: 20%; }
#info-image-container img.circler.foto {
left: 48%;
top: 32%;
width: 32%; }
#info-image-container img.circler.sekt {
left: 9%;
top: 46.5%;
width: 32%; }
#info-image-container img.circler.essen {
left: 48%;
top: 60%;
width: 32%; }
#info-image-container img.circler.spiel {
left: 11%;
top: 72.5%;
width: 30%; }
#info-image-container img.circler.dance {
left: 48%;
top: 86%;
width: 29%; }
#info-image-container[data-state='godi'] .godi {
opacity: 0.7; }
#info-image-container[data-state='fingerfood'] .fingerfood {
opacity: 0.7; }
#info-image-container[data-state='foto'] .foto {
opacity: 0.7; }
#info-image-container[data-state='sekt'] .sekt {
opacity: 0.7; }
#info-image-container[data-state='essen'] .essen {
opacity: 0.7; }
#info-image-container[data-state='spiel'] .spiel {
opacity: 0.7; }
#info-image-container[data-state='dance'] .dance {
opacity: 0.7; }
.anchor {
display: block;
padding-top: 1rem; }
.anchor:first-child {
padding-top: 0; }
.anchor p:last-child {
margin-bottom: 0; }
@font-face {
font-family: "WinterSunrise";
src: url(/img/WinterSunrise.ttf); }
.width-100 {
width: 100%; }
@@ -4847,9 +4909,9 @@ body {
body #main-content-container #scroll-container {
height: 100%;
background: #d7c9ac; }
body #main-content-container #scroll-container > .grid-container {
body #main-content-container #scroll-container > div {
height: 100%; }
body #main-content-container #scroll-container > .grid-container > .grid-x {
body #main-content-container #scroll-container > div > .grid-x {
height: 100%; }
body #main-content-container #scroll-container #main-content {
height: 100%;
@@ -4866,6 +4928,10 @@ a.hidden-link, a.hidden-link:hover {
text-decoration: none;
color: inherit; }
h1 {
font-family: WinterSunrise, serif;
font-size: 4.5rem; }
#home-img-container #home-img {
width: 100%;
height: 100%;
@@ -4878,11 +4944,10 @@ a.hidden-link, a.hidden-link:hover {
#home-img-container #home-img #start-text-img-overlay {
position: absolute;
left: 2rem;
top: 50%;
bottom: 3rem;
color: white;
font-family: "Winter Sunrise", Arial, serif;
font-size: 4rem;
line-height: 2.5; }
font-size: 8rem;
line-height: 1.2; }
#home-img-container #img-spacer {
display: block;
@@ -4895,3 +4960,6 @@ img.full-screen-width {
.hidden {
display: none; }
.site-content {
padding: 3rem 2rem; }