diff --git a/content/static/datenspuren/2023/design/island_l.svg b/content/static/datenspuren/2023/design/island_l.svg new file mode 100644 index 000000000..ccc0b4443 --- /dev/null +++ b/content/static/datenspuren/2023/design/island_l.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + diff --git a/content/static/datenspuren/2023/design/island_r.svg b/content/static/datenspuren/2023/design/island_r.svg new file mode 100644 index 000000000..0cdd95bfe --- /dev/null +++ b/content/static/datenspuren/2023/design/island_r.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + diff --git a/content/static/datenspuren/2023/design/style.css b/content/static/datenspuren/2023/design/style.css new file mode 100644 index 000000000..ac8ab0288 --- /dev/null +++ b/content/static/datenspuren/2023/design/style.css @@ -0,0 +1,71 @@ +body { + margin: 0 auto; + padding: 0; + background-color: #4d2060; + color: #ffab00; +} + +a { + color: #5ab100; + text-decoration: none; + font-weight: bold; +} + +header { + margin: 0 auto; + padding: 1rem 0; + perspective: 100px; + perspective-origin: 50% 100%; + text-align: center; + position: static; + width: 800px; +} +h1 { + text-align: center; + font-size: 400%; + font-family: monospace; + color: #5ab100; + background: bottom center url('sunset.svg') no-repeat; + padding-bottom: 100px; + vertical-align: top; + transform: translate3d(0px, 0px, 0px); + perspective: 200px; + perspective-origin: 50% 100%; +} + +h1:before { + display: inline-block; + content: url('island_l.svg'); + position: absolute; + left: -20px; + animation: 10s ease-out arrive_l; +} +h1:after { + display: inline-block; + content: url('island_r.svg'); + position: absolute; + right: 0; + transform: translateZ(30px); + animation: 10s ease-out arrive_r; +} +@keyframes arrive_l { + from { + transform: translateZ(-100px); + } + to { + transform: translateZ(0px); + } +} +@keyframes arrive_r { + from { + transform: translateZ(-50px); + } + to { + transform: translateZ(30px); + } +} + +main { + max-width: 40em; + margin: 1rem auto; +} diff --git a/content/static/datenspuren/2023/design/sunset.svg b/content/static/datenspuren/2023/design/sunset.svg new file mode 100644 index 000000000..1a341efe2 --- /dev/null +++ b/content/static/datenspuren/2023/design/sunset.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl index 56f7c7fc3..cda4130b1 100644 --- a/xsl/datenspuren/xhtml5.xsl +++ b/xsl/datenspuren/xhtml5.xsl @@ -17,7 +17,7 @@ - + @@ -28,7 +28,7 @@ - + @@ -37,15 +37,17 @@ - +

- +
+ +
- +