diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png new file mode 100644 index 00000000..41526a4f Binary files /dev/null and b/assets/apple-touch-icon.png differ diff --git a/assets/css/fonts.css b/assets/css/fonts.css new file mode 100644 index 00000000..22c2b68f --- /dev/null +++ b/assets/css/fonts.css @@ -0,0 +1,104 @@ +/* lato-100 - latin */ +@font-face { + font-family: 'Lato Thin'; + font-style: normal; + font-weight: 100; + src: url('../fonts/lato-v17-latin/lato-v17-latin-100.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-100.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-100.svg#Lato') format('svg'); /* Legacy iOS */ +} +/* lato-100italic - latin */ +@font-face { + font-family: 'Lato Thin Italic'; + font-style: italic; + font-weight: 100; + src: url('../fonts/lato-v17-latin/lato-v17-latin-100italic.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-100italic.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */ +} +/* 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 */ +} +/* lato-italic - latin */ +@font-face { + font-family: 'Lato Italic'; + font-style: italic; + font-weight: 400; + src: url('../fonts/lato-v17-latin/lato-v17-latin-italic.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-italic.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ +} +/* lato-700 - latin */ +@font-face { + font-family: 'Lato Bold'; + font-style: normal; + font-weight: 700; + src: url('../fonts/lato-v17-latin/lato-v17-latin-700.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ +} +/* lato-900 - latin */ +@font-face { + font-family: 'Lato Black'; + font-style: normal; + font-weight: 900; + src: url('../fonts/lato-v17-latin/lato-v17-latin-900.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ +} +/* lato-700italic - latin */ +@font-face { + font-family: 'Lato Bold Italic'; + font-style: italic; + font-weight: 700; + src: url('../fonts/lato-v17-latin/lato-v17-latin-700italic.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */ +} +/* lato-900italic - latin */ +@font-face { + font-family: 'Lato Black Italic'; + font-style: italic; + font-weight: 900; + src: url('../fonts/lato-v17-latin/lato-v17-latin-900italic.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/lato-v17-latin/lato-v17-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/lato-v17-latin/lato-v17-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-900italic.woff') format('woff'), /* Modern Browsers */ + url('../fonts/lato-v17-latin/lato-v17-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/lato-v17-latin/lato-v17-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */ +} \ No newline at end of file diff --git a/assets/css/reset.css b/assets/css/reset.css new file mode 100644 index 00000000..ab42a2f6 --- /dev/null +++ b/assets/css/reset.css @@ -0,0 +1,45 @@ +body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,input,textarea,p,blockquote,th,td { + margin:0; + padding:0; +} + +table { + border-collapse:collapse; + border-spacing:0; +} + +fieldset,img { + border:0; +} + +address,caption,cite,code,dfn,em,strong,th,var { + font-style:normal; + font-weight:normal; +} + +ol,ul,li { + list-style:none; + margin: 0; + padding: 0; +} + +caption,th { + text-align:left; +} + +h1,h2,h3,h4,h5,h6 { + font-size:100%; + font-weight:normal; +} + +q:before,q:after { + content:''; +} + +abbr,acronym { + border:0; +} + +a { + text-decoration: none; +} diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 00000000..693313d0 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,392 @@ +/* + * Namensschema der CSS-Klassen nach BEM (Block Element Modifier, + * http://getbem.com/naming/). Mit der Erweiterung, dass Modifier einzeln + * mit Bindestrich angegeben werden. Also: + * + *
  • + * statt + *
  • + * + * Das ist weniger redundant und übersichtlicher. Der passende CSS-Selektor + * dazu ist: + * + * .navlist__navitem.-active + */ + +:root { + /* WTF Farben gemäß https://git.vebit.xyz/vebit/swag/src/branch/master/README.markdown */ + --wtf-orange: #f60; + --wtf-light-blue: #2a7fff; + --wtf-dark-blue: #003380; + /* TODO: Grautöne üerarbeiten */; + --wtf-dark-grey: #202020; + --wtf-grey: #666; + --wtf-mid-grey: #acacac; /* Nicht im swag-Repo */ + --wtf-light-grey: #f2f2f2; + + --column-count: 4; +} + +body { + font-family: 'Lato', sans-serif; + font-weight: normal; + line-height: 1.4rem; + color: #333; +} + +/* nav - Start */ +nav { + width: 100%; + background-color: var(--wtf-dark-grey); + display: flex; + flex-direction: row; + justify-content: flex-end; +} + +.nav__toggle { + display: none; + height: 3.375rem; + margin-left: 1rem; +} + +.nav__toggle rect { + fill: var(--wtf-light-grey); +} + +.nav__toggle svg { + margin: 0.25rem 0 0 0; + width: 2rem; + height: 2rem; + padding: 0; + position: relative; + left: 0; +} + +.nav__toggle p { + margin: 0; + padding: 0; + position: relative; + left: -0.2rem; + bottom: 0.65rem; + color: var(--wtf-light-grey); +} + +.nav__navlist { + background-color: var(--wtf-dark-grey); + margin: 0; + display: flex; + flex-direction: row; + justify-content: flex-end; +} + +.nav__navitem { + margin: 0 1.5rem; + padding: 1rem 1rem 1rem 1.5rem; + display: flex; + flex-direction: column; + justify-content: flex-start; + font-size: 1.25rem; +} + +.nav__navitem.-active { + background-color: var(--wtf-grey); +} + +.nav__navlink { + color: var(--wtf-light-grey); +} + +.nav__navlink:hover { + color: var(--wtf-mid-grey); +} + +.nav__sub_navlist { + display: none; + +} + +.nav__navlist > li:hover > .nav__sub_navlist { + display: block; + margin: 2.4rem 0 0 -0.5rem; + padding: 0; + position: absolute; + background-color: var(--wtf-dark-grey); +} + +/* + * Gleicht zusammen mit padding von .nav__navitem die Verschiebung durch Sub- + * menümarker aus. + */ +.nav__navitem .nav__navlink { + display: inline-block; + padding-right: 0.5rem; +} + +/* Greift wenn Submenü vorhanden ist */ +.nav__navlist li a:first-child:nth-last-child(2) { + padding-right: 0; +} + +/* Malt bei vorhandenem Submenü den Pfeil */ +.nav__navlist li a:first-child:nth-last-child(2):after { + content: ""; + position: relative; + top: -0.125rem; + left: 0.5rem; + height: 5px; + width: 5px; + display: inline-block; + transform: rotate(0.125turn); + border-bottom: 3px solid var(--wtf-orange); + border-right: 3px solid var(--wtf-orange); +} + +.nav__sub_navitem { + margin: 0; + padding: 0.5rem 0.5rem; + list-style: none; + text-align: left; + background-color: var(--wtf-dark-grey); + border-top: 1px solid var(--wtf-mid-grey); +} +/* nav - Ende */ + +/* header - Start */ +header { + background-color: var(--wtf-orange); + padding: 2.5% 5% 3% 5%; + display: flex; + flex-direction: row; + justify-content: center; +} + +.header__wrapper { + display: flex; + flex-direction: row; + justify-content: center; +} + +.header__headding { + width: 80%; +} +/* header - Ende */ + +/* main - Start */ +h2 { + font-family: 'Lato Black'; + font-size: 2rem; + line-height: 1.3em; + margin-top: 0.5em; +} + +h3 { + font-family: 'Lato Black'; + font-size: 1.75rem; + line-height: 1.3em; + margin-top: 0.5em; +} + +h4 { + font-family: 'Lato Black'; + font-size: 1.5rem; + line-height: 1.3em; + margin-top: 0.5em; +} + +h5 { + font-family: 'Lato Black'; + font-size: 1.25rem; + line-height: 1.2em; + margin-top: 0.5em; +} + +h6 { + font-family: 'Lato Black'; + font-size: 1rem; + line-height: 1.2em; + margin-top: 0.5em; +} + +p { + margin-bottom: 0.5rem; +} + +.content__wrapper p, .content__wrapper li { + hyphens: auto; +} + +.content__wrapper a { + color: var(--wtf-orange); +} + +.content__wrapper a:hover { + color: var(--wtf-light-blue); +} + +.content__wrapper a:visited { + color: var(--wtf-dark-blue); +} + +ul { + list-style: disc; +} + +ul, ol { + margin-left: 0.5rem; +} + +ul ul, ol ol { + margin-left: 2rem; +} + +ul li { + list-style: disc; +} + +ol li, ol { + list-style: auto; +} + +li { + margin-left: 1rem; +} + +.content { + padding: 3% 5%; + display: flex; + flex-direction: row; + justify-content: center; +} + +.nav__wrapper, .header__wrapper, .content__wrapper, .footer__wrapper { + width: 100%; + max-width: 2250px; + orphans: 3; + widows: 2; +} + +.content__wrapper.-columns { + -webkit-column-count: var(--column-count); + -moz-column-count: var(--column-count); + column-count: var(--column-count); +} + +.content.-odd { + background-color: var(--wtf-light-grey); + color: var(--wtf-dark-grey); +} + +.content.-even { + background-color: var(--wtf-dark-grey); + color: var(--wtf-light-grey); +} +/* main - Ende */ + +/* footer - Start */ +footer { + background-color: var(--wtf-orange); + padding: 3% 5%; + display: flex; + flex-direction: row; + justify-content: center; +} + +.footer__wrapper { + display: flex; + flex-direction: row; + justify-content: center; +} + +.footer__navitem { + display: inline-block; + margin: 0.2 1rem; + padding: 0 1rem; +} + +.footer__navlink { + color: var(--wtf-dark-grey); +} + +.footer__navlink:hover { + color: var(--wtf-light-grey); +} + +/* footer - Ende */ + +@media screen and (max-width: 1440px) and (min-width: 1000px) { + :root { + --column-count: 3 + } + + .nav__navlist { + display: flex; + } + + .nav__toggle { + display: none; + } +} + +@media screen and (max-width: 999px) and (min-width: 605px) { + :root { + --column-count: 2 + } + + .nav__navlist { + display: flex; + } + + .nav__toggle { + display: none; + } +} + +@media screen and (max-width: 604px) { + :root { + --column-count: 1 + } + + /* mobile nav - Start */ + nav { + justify-content: flex-start; + } + + .nav__toggle { + display: block; + } + + .nav__navlist { + display: none; + position: absolute; + top: 3.4rem; + left: 0; + } + + .nav__navitem { + margin: 0; + padding: 1rem 1rem 1rem 1.5rem; + display: block; + } + + .nav__sub_navlist { + display: block; + } + + .nav__navlist > li:hover > .nav__sub_navlist { + margin: 0 0 0 2rem; + position: static; + } + + .nav__sub_navitem { + margin: 0; + padding: 0.5rem 0.5rem; + list-style: none; + text-align: left; + background-color: var(--wtf-dark-grey); + border-top: 1px solid var(--wtf-mid-grey); + } + .nav__sub_navitem { + border-top: none; + } + /* mobile nav - Ende */ +} \ No newline at end of file diff --git a/assets/favicon-96x96.png b/assets/favicon-96x96.png new file mode 100644 index 00000000..78399a1a Binary files /dev/null and b/assets/favicon-96x96.png differ diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 00000000..37ced2eb Binary files /dev/null and b/assets/favicon.ico differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-100.eot new file mode 100644 index 00000000..d17348fb Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-100.svg new file mode 100644 index 00000000..1e66cd87 --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-100.svg @@ -0,0 +1,429 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-100.ttf new file mode 100644 index 00000000..9e9f933d Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-100.woff new file mode 100644 index 00000000..71b25faf Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-100.woff2 new file mode 100644 index 00000000..3dbe168f Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.eot new file mode 100644 index 00000000..1253b94a Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.svg new file mode 100644 index 00000000..d7646d36 --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.svg @@ -0,0 +1,442 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.ttf new file mode 100644 index 00000000..192d960b Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.woff new file mode 100644 index 00000000..e68b79e9 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.woff2 new file mode 100644 index 00000000..7cc540a6 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-100italic.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-300.eot new file mode 100644 index 00000000..78dbe12d Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-300.svg new file mode 100644 index 00000000..11b626f8 --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-300.svg @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-300.ttf new file mode 100644 index 00000000..45f7947e Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-300.woff new file mode 100644 index 00000000..a18ddb12 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-300.woff2 new file mode 100644 index 00000000..a7f756c4 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.eot new file mode 100644 index 00000000..a6b96fbe Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.svg new file mode 100644 index 00000000..b3e4ce0c --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.svg @@ -0,0 +1,443 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.ttf new file mode 100644 index 00000000..e8d349b6 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.woff new file mode 100644 index 00000000..0863acaf Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.woff2 new file mode 100644 index 00000000..2f21c6fe Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-300italic.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-700.eot new file mode 100644 index 00000000..0d9dac2f Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-700.svg new file mode 100644 index 00000000..077653d2 --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-700.svg @@ -0,0 +1,438 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-700.ttf new file mode 100644 index 00000000..4f3d8448 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-700.woff new file mode 100644 index 00000000..abf0196d Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-700.woff2 new file mode 100644 index 00000000..f8c37ecd Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.eot new file mode 100644 index 00000000..1ab37ef7 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.svg new file mode 100644 index 00000000..3e9d4409 --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.svg @@ -0,0 +1,451 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.ttf new file mode 100644 index 00000000..96b4f823 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.woff new file mode 100644 index 00000000..cdf0d86a Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.woff2 new file mode 100644 index 00000000..5b3f882d Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-700italic.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-900.eot new file mode 100644 index 00000000..b3d33279 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-900.svg new file mode 100644 index 00000000..775c5aed --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-900.svg @@ -0,0 +1,439 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-900.ttf new file mode 100644 index 00000000..92a5f7c1 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-900.woff new file mode 100644 index 00000000..6f201e07 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-900.woff2 new file mode 100644 index 00000000..2f647be5 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.eot new file mode 100644 index 00000000..18ac81ad Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.svg new file mode 100644 index 00000000..9ed6901d --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.svg @@ -0,0 +1,447 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.ttf new file mode 100644 index 00000000..17fc055f Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.woff new file mode 100644 index 00000000..b0811e9e Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.woff2 new file mode 100644 index 00000000..3878ae1b Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-900italic.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-italic.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.eot new file mode 100644 index 00000000..8e32803d Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-italic.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.svg new file mode 100644 index 00000000..e288645b --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.svg @@ -0,0 +1,450 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-italic.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.ttf new file mode 100644 index 00000000..cf3da8be Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-italic.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.woff new file mode 100644 index 00000000..95251da0 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-italic.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.woff2 new file mode 100644 index 00000000..3246c128 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-italic.woff2 differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-regular.eot b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.eot new file mode 100644 index 00000000..c6413069 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.eot differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-regular.svg b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.svg new file mode 100644 index 00000000..55b43fb8 --- /dev/null +++ b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.svg @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-regular.ttf b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.ttf new file mode 100644 index 00000000..3c2d417e Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.ttf differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-regular.woff b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.woff new file mode 100644 index 00000000..189a0feb Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.woff differ diff --git a/assets/fonts/lato-v17-latin/lato-v17-latin-regular.woff2 b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.woff2 new file mode 100644 index 00000000..6904b664 Binary files /dev/null and b/assets/fonts/lato-v17-latin/lato-v17-latin-regular.woff2 differ diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 00000000..b41f192c --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/js/nav_toggle.js b/assets/js/nav_toggle.js new file mode 100644 index 00000000..29eef01f --- /dev/null +++ b/assets/js/nav_toggle.js @@ -0,0 +1,8 @@ +document.getElementsByClassName('nav__toggle')[0].addEventListener('click', function(){ + var nav_list = document.getElementsByClassName('nav__navlist')[0] + if (nav_list.style.display === 'block') { + nav_list.style.display = 'none'; + } else { + nav_list.style.display = 'block'; + } +}); diff --git a/assets/manifest.json b/assets/manifest.json new file mode 100644 index 00000000..844121f9 --- /dev/null +++ b/assets/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/assets/static/style.css b/assets/static/style.css deleted file mode 100644 index 7ff6e0bc..00000000 --- a/assets/static/style.css +++ /dev/null @@ -1,42 +0,0 @@ -body { - font-family: 'Verdana', sans-serif; - margin: 50px 25px; -} - -a { - color: #2a99b6; -} - -a:hover { - color: #33bbdf; -} - -header, footer, div.page { - width: 760px; - margin: 0 auto; - background: #daeef3; - padding: 20px 30px; -} - -header h1 { - color: #169bbd; - margin: 0; - font-weight: normal; - font-size: 42px; -} - -header nav ul { - list-style: none; - margin: 0; - padding: 0; -} - -header nav ul li { - display: inline; - margin: 0 8px 0 0; - padding: 0; -} - -div.page { - background: #f1fbfe; -} diff --git a/content/contents.lr b/content/contents.lr index bd35f7e3..d721ea6b 100644 --- a/content/contents.lr +++ b/content/contents.lr @@ -1,6 +1,43 @@ -title: Welcome to wtf_eg_public! +title: Heading 2 --- body: -This is a basic demo website that shows how to use Lektor for a basic -website with some pages. +- Listenelement 01 + - Unterlistenelemnt 01 + - Unterunterlistenelement 01 + - Unterunterlistenelement 02 + - Unterunterlistenelement 03 +- Listenelement 02 +- Listenelement 03 + +### Heading 3 + +Absatz mit [Link](http://example.com/ "Linktitel"), 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. Blub +3. Baum + +Und noch ein [Link](http://example.com/2 "Linktitel 2"), 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. diff --git a/templates/layout.html b/templates/layout.html index 2416d3ba..6435eafc 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -1,28 +1,93 @@ - - -{% block title %}Welcome{% endblock %} — wtf_eg_public + + + + + + + + Werkkooperative der Technikfreundinnen eG + + + + + + + + + + -
    -

    wtf_eg_public

    -
    -
    - {% block body %}{% endblock %} -
    - + +
    +
    +

    + + + +

    +
    +
    + +
    + {% block body %}{% endblock %} +
    + + + diff --git a/templates/page.html b/templates/page.html index 04305772..1795e084 100644 --- a/templates/page.html +++ b/templates/page.html @@ -1,6 +1,10 @@ {% extends "layout.html" %} {% block title %}{{ this.title }}{% endblock %} {% block body %} -

    {{ this.title }}

    - {{ this.body }} +
    +
    +

    {{ this.title }}

    + {{ this.body }} +
    +
    {% endblock %} diff --git a/wtf_eg_public.lektorproject b/wtf_eg_public.lektorproject index 2036a038..fb3bb23c 100644 --- a/wtf_eg_public.lektorproject +++ b/wtf_eg_public.lektorproject @@ -1,2 +1,4 @@ [project] name = wtf_eg_public +locale = de_DE +url_style = absolute