diff --git a/css/style-0.css b/css/style-0.css index 9611648..b4e1f2c 100644 --- a/css/style-0.css +++ b/css/style-0.css @@ -79,11 +79,13 @@ body{ font-size: 15px; line-height: var(--baseline); max-width: 90%; - margin: 0 auto; + margin: 0 auto 3rem; + overflow-x: hidden; } .grid-wrap{ display: grid; - grid-template-columns: 33% 33% 33%; + gap: 5%; + grid-template-columns: 30% 30% 30%; } h1, h2, h3, h4, h5, h6{ @@ -97,28 +99,44 @@ h1{ position: relative; top: -1.75mm; string-set: title content(text); - padding: 6rem 0 8rem; + padding: 2rem 0 12rem; } h1 svg{ position: absolute; - width: 100vw; + overflow: hidden; + width: 106vw; right: -6vw; - top: -8rem; - z-index: -1; + top: 0rem; + z-index: 2; + pointer-events: none; +} +.home h1 svg{ + position: absolute; + overflow: hidden; + width: 106vw; + right: -6vw; + top: -12rem; + z-index: -2; } h3{ - font-size: 15pt; + font-size: 1.9rem; line-height: calc(2 * var(--baseline)); position: relative; top: -2mm; - margin-bottom:10mm; - width: calc(100% + 40mm); + margin-bottom:5mm; +} +img{ + max-width: 100%; } .margin-note{ line-height: 3.75mm; padding: 0 5mm; text-align: left; } +nav ul{ + padding: 0; +} + nav ul li{ text-decoration: none; display: inline; @@ -135,9 +153,27 @@ p{ top: 1.2mm; /* text-align: justify; */ } +.purple-image{ + filter: invert(9%) sepia(26%) saturate(735%) hue-rotate(292deg) brightness(85%) contrast(103%); +} +section.full-width{ + grid-column: 1 / -1; +} +section.left{ + grid-column: 1; +} +section.left2{ + grid-column: 1 / 3; +} +section.middle{ + grid-column: 2; +} section.right{ grid-column: 3; } +section.right2{ + grid-column: 2 / -1; +} sup{ color: var(--pantone1); line-height: 0.5; @@ -146,6 +182,17 @@ svg{ color: var(--pantone1); margin: 0; } +.animated-path { + stroke-dasharray: 1000; + stroke-dashoffset: -1000; + animation: dash 5s linear forwards; +} + +@keyframes dash { + to { + stroke-dashoffset: 0; + } +} #image{ max-width: 100%; } @@ -155,11 +202,11 @@ svg{ grid-template-columns: 100%; } h1 svg{ - top: 2rem; - right: -2rem; - width: 200vw; + top: -4rem; + right: -3rem; + width: 260vw; } - section.right{ + section.full-width, section.left, section.left2, section.middle, section.right, section.right2{ grid-column: 1; } } diff --git a/images/getch-error.png b/images/getch-error.png new file mode 100644 index 0000000..838e407 Binary files /dev/null and b/images/getch-error.png differ diff --git a/images/map-of-leeszaal.png b/images/map-of-leeszaal.png new file mode 100644 index 0000000..f623b04 Binary files /dev/null and b/images/map-of-leeszaal.png differ diff --git a/index.html b/index.html index 86a0b1b..44ac443 100644 --- a/index.html +++ b/index.html @@ -24,65 +24,54 @@ - + - + +