diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png new file mode 100644 index 0000000..41526a4 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 0000000..22c2b68 --- /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 0000000..ab42a2f --- /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 0000000..693313d --- /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 0000000..78399a1 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 0000000..37ced2e 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 0000000..d17348f 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 0000000..1e66cd8 --- /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 0000000..9e9f933 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 0000000..71b25fa 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 0000000..3dbe168 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 0000000..1253b94 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 0000000..d7646d3 --- /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 0000000..192d960 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 0000000..e68b79e 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 0000000..7cc540a 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 0000000..78dbe12 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 0000000..11b626f --- /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 0000000..45f7947 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 0000000..a18ddb1 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 0000000..a7f756c 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 0000000..a6b96fb 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 0000000..b3e4ce0 --- /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 0000000..e8d349b 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 0000000..0863aca 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 0000000..2f21c6f 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 0000000..0d9dac2 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 0000000..077653d --- /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 0000000..4f3d844 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 0000000..abf0196 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 0000000..f8c37ec 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 0000000..1ab37ef 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 0000000..3e9d440 --- /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 0000000..96b4f82 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 0000000..cdf0d86 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 0000000..5b3f882 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 0000000..b3d3327 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 0000000..775c5ae --- /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 0000000..92a5f7c 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 0000000..6f201e0 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 0000000..2f647be 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 0000000..18ac81a 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 0000000..9ed6901 --- /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 0000000..17fc055 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 0000000..b0811e9 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 0000000..3878ae1 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 0000000..8e32803 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 0000000..e288645 --- /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 0000000..cf3da8b 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 0000000..95251da 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 0000000..3246c12 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 0000000..c641306 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 0000000..55b43fb --- /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 0000000..3c2d417 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 0000000..189a0fe 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 0000000..6904b66 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 0000000..b41f192 --- /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 0000000..29eef01 --- /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 0000000..844121f --- /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 7ff6e0b..0000000 --- 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 bd35f7e..d721ea6 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 2416d3b..6435eaf 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 0430577..1795e08 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 2036a03..fb3bb23 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