From f2c16c4b84faacdc3cfabcd1ad8e36dd9dc9a96c Mon Sep 17 00:00:00 2001 From: fr34k Date: Fri, 30 Oct 2020 20:49:47 +0100 Subject: [PATCH] new logo header --- collections.php | 2 +- css/projects.css | 35 ++++++++++++------ footer.tpl | 4 +- header.tpl | 4 +- images/logo_button/header_logo_ivory_test.png | Bin 0 -> 7613 bytes 5 files changed, 29 insertions(+), 16 deletions(-) create mode 100644 images/logo_button/header_logo_ivory_test.png diff --git a/collections.php b/collections.php index f4eb0a7..f423a57 100644 --- a/collections.php +++ b/collections.php @@ -7,7 +7,6 @@ foreach($collections as $c) { $html = '
-

' . $c["name"] . '

example image for ' . $c['name'] .' @@ -22,6 +21,7 @@ ' . $c['collection_description'] . '
+

' . $c["name"] . '

'; print($html); diff --git a/css/projects.css b/css/projects.css index c784afb..7aad230 100644 --- a/css/projects.css +++ b/css/projects.css @@ -1,6 +1,7 @@ /* FONTS */ -/* Überschrift Font */ +/* Überschrift Font +====================*/ /* im-fell-english-sc-regular - latin */ @font-face { @@ -16,7 +17,8 @@ url('../fonts/im-fell-english-sc-v10-latin-regular.svg#IMFellEnglishSC') format('svg'); /* Legacy iOS */ } -/* Fließtext Font */ +/* Fließtext Font +====================*/ /* im-fell-great-primer-regular - latin */ @font-face { @@ -46,12 +48,12 @@ url('../fonts/im-fell-great-primer-v10-latin-italic.svg#IMFellGreatPrimer') format('svg'); /* Legacy iOS */ } -/* Festlegung Font */ +/* Festlegung Font +===================*/ body { font-family: 'IM Fell Great Primer'; margin: 0; - text-align: center; background-color: #000; color: #f9f9ed; } @@ -60,7 +62,8 @@ h1, h2, h3, h4, h5 { font-family: 'IM Fell English SC' } -/* Breitenanpassung */ +/* Breitenanpassung +====================*/ @media only screen and (min-width: 1000px) { div.collection { @@ -124,12 +127,12 @@ header { } .nav ul { - margin: 0; + float: right; + margin-right: 20px; padding: 0; list-style: none; display: flex; justify-content: center; - width: 100%; } .nav li { @@ -158,10 +161,14 @@ header { } .logo { - margin-top: 0.5rem; + margin-top: 20px; + margin-left: 20px; + float: left; + } -/* Collection */ +/* Collection +================*/ div.collection_container { display: flex; @@ -170,6 +177,7 @@ div.collection_container { div.collection { margin: 4px; + margin-bottom: 30px; } div.collection h1 { @@ -183,7 +191,8 @@ div.collection div.col-desc { text-align: justify; } -/* Img Collections + Slide in stuff */ +/* Img Collections + Slide in stuff +====================================*/ .flexbox-col-img { display: flex; @@ -234,7 +243,8 @@ div.collection div.col-desc { text-align: center; } -/* Images Instagram */ +/* Images Instagram +=======================*/ .images { filter: grayscale(100%); @@ -253,7 +263,8 @@ div.collection div.col-desc { transition: filter 0.8s ease-out; } -/* buttons */ /* Noch ordnen */ +/* buttons +=======================*/ /* Noch ordnen */ .button { display: inline-block; diff --git a/footer.tpl b/footer.tpl index d49fdcf..1d66d54 100644 --- a/footer.tpl +++ b/footer.tpl @@ -11,7 +11,9 @@
diff --git a/header.tpl b/header.tpl index 86dde66..bf195e3 100644 --- a/header.tpl +++ b/header.tpl @@ -7,12 +7,12 @@ + href="images/logo_button/favicon.png" />
- +