diff --git a/Makefile b/Makefile index 6c55bf8..ebce6f0 100644 --- a/Makefile +++ b/Makefile @@ -1,4 +1,4 @@ #!/bin/bash all: scp *.html wtf_eg@wtf-eg.de:~/httpdocs/ - scp wtf-logo.svg wtf_eg@wtf-eg.de:~/httpdocs/ + scp -r assets wtf_eg@wtf-eg.de:~/httpdocs/ diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000..41526a4 Binary files /dev/null and b/apple-touch-icon.png differ diff --git a/assets/fonts.css b/assets/fonts.css new file mode 100644 index 0000000..2283276 --- /dev/null +++ b/assets/fonts.css @@ -0,0 +1,13 @@ +/* lato-regular - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + src: url('../fonts/lato-v17-latin/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ +} diff --git a/assets/lato-v17-latin/lato-v17-latin-regular.eot b/assets/lato-v17-latin/lato-v17-latin-regular.eot new file mode 100644 index 0000000..c641306 Binary files /dev/null and b/assets/lato-v17-latin/lato-v17-latin-regular.eot differ diff --git a/assets/lato-v17-latin/lato-v17-latin-regular.svg b/assets/lato-v17-latin/lato-v17-latin-regular.svg new file mode 100644 index 0000000..55b43fb --- /dev/null +++ b/assets/lato-v17-latin/lato-v17-latin-regular.svg @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/lato-v17-latin/lato-v17-latin-regular.ttf b/assets/lato-v17-latin/lato-v17-latin-regular.ttf new file mode 100644 index 0000000..3c2d417 Binary files /dev/null and b/assets/lato-v17-latin/lato-v17-latin-regular.ttf differ diff --git a/assets/lato-v17-latin/lato-v17-latin-regular.woff b/assets/lato-v17-latin/lato-v17-latin-regular.woff new file mode 100644 index 0000000..189a0fe Binary files /dev/null and b/assets/lato-v17-latin/lato-v17-latin-regular.woff differ diff --git a/assets/lato-v17-latin/lato-v17-latin-regular.woff2 b/assets/lato-v17-latin/lato-v17-latin-regular.woff2 new file mode 100644 index 0000000..6904b66 Binary files /dev/null and b/assets/lato-v17-latin/lato-v17-latin-regular.woff2 differ diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..5cd36d1 --- /dev/null +++ b/assets/style.css @@ -0,0 +1,86 @@ +body { + background-color: #edefeb; + background-image: url("white_unicorns.svg"); + background-repeat: no-repeat; + background-size: 180%; + background-position: top 20% right 150%; + font-family: 'Lato', sans-serif; + font-weight: normal; + line-height: 1.4rem; + color: var(--nearly-black); +} +main { + max-width: 1200px; + margin: 0 auto; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; +} + +.text_box { + justify-content: flex-start; +} + +.logo { + width: 100%; + height: 90%; + background-image: url("wtf_logo.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; +} +ul { + text-align: center; +} +li { + display: inline-block; + margin: 0 2rem; +} + +a { + color: #f60; +} + +h1 { + font-family: 'Lato'; + font-size: 3.5rem; + color: var(--wtf-orange); + margin: 1rem 0 2.5rem 0; + line-height: 1.2em; +} + +h2 { + font-family: 'Lato'; + font-size: 2rem; + line-height: 1.3em; + margin-top: 0.5em; +} + +h3 { + font-family: 'Lato'; + font-size: 1.75rem; + line-height: 1.3em; + margin-top: 0.5em; +} + +h4 { + font-family: 'Lato'; + font-size: 1.5rem; + line-height: 1.3em; + margin-top: 0.5em; +} + +h5 { + font-family: 'Lato'; + font-size: 1.25rem; + line-height: 1.2em; + margin-top: 0.5em; +} + +h6 { + font-family: 'Lato'; + font-size: 1rem; + line-height: 1.2em; + margin-top: 0.5em; +} \ No newline at end of file diff --git a/assets/white_unicorns.svg b/assets/white_unicorns.svg new file mode 100644 index 0000000..5c4665a --- /dev/null +++ b/assets/white_unicorns.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/wtf_logo.svg b/assets/wtf_logo.svg new file mode 100644 index 0000000..346f9d2 --- /dev/null +++ b/assets/wtf_logo.svg @@ -0,0 +1,95 @@ + + + + + + + diff --git a/datenschutz.html b/datenschutz.html new file mode 100644 index 0000000..c3a4a4d --- /dev/null +++ b/datenschutz.html @@ -0,0 +1,48 @@ + + + + + + + WTF Kooperative eG + + + + + + + +
+ +
+

Hier könnte Ihre Datenschutzerklärung stehen.

+

Datenschmutz

+

Heading 3

+

Absatz mit Link, weil ohne Hyperlinks ist das Web so dröge.

+

Heading 4

+
Heading 5
+
Heading 6
+

Und nochmal eine Liste, jetzt aber eine mit Zahlen.

+
    +
  1. test
    2. +
  2. Blub
    3. +
  3. Baum
    4. +
+

Und noch ein Link, hauptsächlich, weil ich auf den Ersten schon geklickt habe und der deshalb dunkelblau (visited) ist und gar nicht mehr auffällt, was verbessert gehört.

+

Lorem ipsum dolor sit amet convallis ornare elit risus facilisi vitae. Convallis eu ultricies tellus quam netus tristique volutpat. Facilisi integer luctus tellus turpis sapien scelerisque do suspendisse ultrices eu tristique sagittis pharetra. Consectetur quam justo maecenas vestibulum et tellus do aliquam hendrerit dui blandit diam. Vitae praesent aliquam convallis duis volutpat congue et praesent.

+

Senectus aliqua sed pharetra nulla massa congue hac sollicitudin vestibulum. Tempus dapibus ullamcorper est quis dictumst nunc risus urna cras vestibulum convallis pellentesque elit. Eiusmod scelerisque facilisi pulvinar scelerisque morbi feugiat sollicitudin sapien etiam urna odio. Venenatis vel donec gravida mattis arcu tincidunt scelerisque adipiscing pellentesque mauris proin faucibus in porta. Nibh euismod consectetur sodales at platea dapibus integer.

+

Heading 3

+

Lorem ipsum dolor sit amet sagittis urna lobortis donec. Mi platea est vel cras vitae fames rhoncus maecenas quis velit eros purus elit blandit. Facilisis at lacinia nulla auctor sed vivamus donec. Elit scelerisque senectus at nec neque lectus morbi. Mollis quis suspendisse purus in tellus dapibus lacinia proin bibendum ultricies mollis gravida enim aenean.

+

Convallis egestas id proin aliquam velit tristique egestas. Nisl ornare gravida justo praesent fusce egestas vivamus augue aliqua id vestibulum vitae fermentum. Eiusmod suspendisse eget dictumst lacus in ac vel arcu imperdiet vulputate feugiat eu hac integer. Nec blandit pretium elementum erat eiusmod fringilla ornare eros lacus erat consequat convallis condimentum fusce. Dolore leo laoreet eget tristique maecenas suspendisse platea enim hac urna fusce tellus volutpat.

+

Heading 4

+

Tincidunt netus porta nunc tellus tincidunt dui erat dui ultricies ullamcorper euismod. Quisque imperdiet sagittis fames sodales aliqua eros lacus viverra nibh senectus aliquam pharetra risus. Tempor pharetra nunc pretium suspendisse do auctor aenean imperdiet aliquet magna. Laoreet malesuada feugiat praesent mattis hendrerit proin imperdiet habitasse. Vestibulum donec rhoncus aenean a erat leo euismod sapien tellus imperdiet nec turpis.

+
+
+ + \ No newline at end of file diff --git a/favicon-96x96.png b/favicon-96x96.png new file mode 100644 index 0000000..78399a1 Binary files /dev/null and b/favicon-96x96.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..37ced2e Binary files /dev/null and b/favicon.ico differ diff --git a/impressum.html b/impressum.html new file mode 100644 index 0000000..132639a --- /dev/null +++ b/impressum.html @@ -0,0 +1,51 @@ + + + + + + + WTF Kooperative eG + + + + + + + + +
+ +
+

Hier könnte Ihr Impressum stehen.

+

Impressum

+

Heading 3

+

Absatz mit Link, weil ohne Hyperlinks ist das Web so dröge.

+

Heading 4

+
Heading 5
+
Heading 6
+

Und nochmal eine Liste, jetzt aber eine mit Zahlen.

+
    +
  1. test
    2. +
  2. Blub
    3. +
  3. Baum
    4. +
+

Und noch ein Link, hauptsächlich, weil ich auf den Ersten schon geklickt habe und der deshalb dunkelblau (visited) ist und gar nicht mehr auffällt, was verbessert gehört.

+

Lorem ipsum dolor sit amet convallis ornare elit risus facilisi vitae. Convallis eu ultricies tellus quam netus tristique volutpat. Facilisi integer luctus tellus turpis sapien scelerisque do suspendisse ultrices eu tristique sagittis pharetra. Consectetur quam justo maecenas vestibulum et tellus do aliquam hendrerit dui blandit diam. Vitae praesent aliquam convallis duis volutpat congue et praesent.

+

Senectus aliqua sed pharetra nulla massa congue hac sollicitudin vestibulum. Tempus dapibus ullamcorper est quis dictumst nunc risus urna cras vestibulum convallis pellentesque elit. Eiusmod scelerisque facilisi pulvinar scelerisque morbi feugiat sollicitudin sapien etiam urna odio. Venenatis vel donec gravida mattis arcu tincidunt scelerisque adipiscing pellentesque mauris proin faucibus in porta. Nibh euismod consectetur sodales at platea dapibus integer.

+

Heading 3

+

Lorem ipsum dolor sit amet sagittis urna lobortis donec. Mi platea est vel cras vitae fames rhoncus maecenas quis velit eros purus elit blandit. Facilisis at lacinia nulla auctor sed vivamus donec. Elit scelerisque senectus at nec neque lectus morbi. Mollis quis suspendisse purus in tellus dapibus lacinia proin bibendum ultricies mollis gravida enim aenean.

+

Convallis egestas id proin aliquam velit tristique egestas. Nisl ornare gravida justo praesent fusce egestas vivamus augue aliqua id vestibulum vitae fermentum. Eiusmod suspendisse eget dictumst lacus in ac vel arcu imperdiet vulputate feugiat eu hac integer. Nec blandit pretium elementum erat eiusmod fringilla ornare eros lacus erat consequat convallis condimentum fusce. Dolore leo laoreet eget tristique maecenas suspendisse platea enim hac urna fusce tellus volutpat.

+

Heading 4

+

Tincidunt netus porta nunc tellus tincidunt dui erat dui ultricies ullamcorper euismod. Quisque imperdiet sagittis fames sodales aliqua eros lacus viverra nibh senectus aliquam pharetra risus. Tempor pharetra nunc pretium suspendisse do auctor aenean imperdiet aliquet magna. Laoreet malesuada feugiat praesent mattis hendrerit proin imperdiet habitasse. Vestibulum donec rhoncus aenean a erat leo euismod sapien tellus imperdiet nec turpis.

+
+
+ + \ No newline at end of file diff --git a/index.html b/index.html index af1be2a..077dd54 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,32 @@ - - + + -WTF Kooperative eG + + + + WTF Kooperative eG + + + + + + - +
+ + +
+ \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..844121f --- /dev/null +++ b/manifest.json @@ -0,0 +1,11 @@ +{ + "name": "App", + "icons": [ + { + "src": "\/favicon-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": "2.0" + }, + ] +} \ No newline at end of file diff --git a/wtf-logo.svg b/wtf-logo.svg deleted file mode 100644 index edc8df7..0000000 --- a/wtf-logo.svg +++ /dev/null @@ -1,291 +0,0 @@ - -WTF Kooperative eG - Logoimage/svg+xmlWTF Kooperative eG - LogoL3D <l3d@c3woc.de - - - - -