From: Sven Date: Mon, 10 Apr 2017 17:36:07 +0000 (+0200) Subject: New icons. X-Git-Url: http://git.ipfire.org/?p=ipfire.org.git;a=commitdiff_plain;h=efb8b65783252b88c5da3485603072ec9d671528 New icons. --- diff --git a/static/css/style.css b/static/css/style.css index c61ddf37..44e08e95 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -5039,28 +5039,44 @@ img.img-fluid { .i_arrow_down { margin: 0; + position: absolute; + left: .75rem; + top: -.25rem; -webkit-animation: scroll 3s infinite; animation: scroll 3s infinite; } + @media (max-width: 767px) { + .i_arrow_down { + width: 2rem !important; + height: 2rem !important; + left: .15rem; + top: -.75rem; } } .i_lg { width: 2.5rem; height: 2.5rem; margin: 0; - -webkit-transform: translateY(-0.25rem); - transform: translateY(-0.25rem); + -webkit-transform: translateY(-0.35rem); + transform: translateY(-0.35rem); fill: #b71c1c; } .i_sm { - width: 1rem; - height: 1rem; } + vertical-align: top; + -webkit-transform: translateY(-0.1rem); + transform: translateY(-0.1rem); } footer .btn-toolbar .icon { - height: 2rem; - width: 2rem; + height: 2.25rem; + width: 2.25rem; fill: rgba(38, 50, 56, 0.6); } footer .i_heart { - vertical-align: -.25rem; } + vertical-align: top; + -webkit-transform: translateY(-0.15rem); + transform: translateY(-0.15rem); } + @media (max-width: 767px) { + footer .i_heart { + -webkit-transform: translateY(-0.75rem); + transform: translateY(-0.75rem); } } .btn-red900 { color: #fff !important; @@ -5162,6 +5178,11 @@ button.navbar-toggler div { font-size: .875rem; line-height: 0; } } +.btn-md { + font-size: 0.875rem; + line-height: 1.25rem; + padding: .4rem 1rem .5rem 1rem; } + .btn-block { margin: 0 0 1.5rem 0; } @media (min-width: 768px) { @@ -5343,22 +5364,22 @@ footer { @-webkit-keyframes scroll { 0% { - -webkit-transform: translateY(20%); - transform: translateY(20%); } + -webkit-transform: translateY(30%); + transform: translateY(30%); } 50% { - -webkit-transform: translateY(60%); - transform: translateY(60%); } + -webkit-transform: translateY(50%); + transform: translateY(50%); } 100% { - -webkit-transform: translateY(20%); - transform: translateY(20%); } } + -webkit-transform: translateY(30%); + transform: translateY(30%); } } @keyframes scroll { 0% { - -webkit-transform: translateY(20%); - transform: translateY(20%); } + -webkit-transform: translateY(30%); + transform: translateY(30%); } 50% { - -webkit-transform: translateY(60%); - transform: translateY(60%); } + -webkit-transform: translateY(50%); + transform: translateY(50%); } 100% { - -webkit-transform: translateY(20%); - transform: translateY(20%); } } + -webkit-transform: translateY(30%); + transform: translateY(30%); } } diff --git a/static/img/icons/icon-arrow-down.svg b/static/img/icons/icon-arrow-down.svg index d073b885..e4992a93 100644 --- a/static/img/icons/icon-arrow-down.svg +++ b/static/img/icons/icon-arrow-down.svg @@ -1 +1 @@ -C084F210-D051-4341-BD65-D14DC3E8DDC7 \ No newline at end of file +783CF72D-89B5-4875-89EA-5610DECB7FF0 \ No newline at end of file diff --git a/static/img/icons/icon-couch.svg b/static/img/icons/icon-couch.svg index dab4785e..03db5fdf 100644 --- a/static/img/icons/icon-couch.svg +++ b/static/img/icons/icon-couch.svg @@ -1 +1 @@ -D27C87AB-A975-429A-BE2A-1636E318D35F \ No newline at end of file +E9755C77-2CAA-41B7-8B64-A554CAA81595 \ No newline at end of file diff --git a/static/img/icons/icon-download.svg b/static/img/icons/icon-download.svg index 0d6cf13c..0c673979 100644 --- a/static/img/icons/icon-download.svg +++ b/static/img/icons/icon-download.svg @@ -1 +1 @@ - \ No newline at end of file +7669D3F9-C0AA-4C0B-92F6-35A4545801E6 \ No newline at end of file diff --git a/static/img/icons/icon-facebook.svg b/static/img/icons/icon-facebook.svg index 39d6963f..5bb6966d 100644 --- a/static/img/icons/icon-facebook.svg +++ b/static/img/icons/icon-facebook.svg @@ -1 +1 @@ - \ No newline at end of file +E969697B-B7A3-404C-A2B3-A53CBBF87CFE \ No newline at end of file diff --git a/static/img/icons/icon-github-circle.svg b/static/img/icons/icon-github-circle.svg index c8740928..7046ee0c 100644 --- a/static/img/icons/icon-github-circle.svg +++ b/static/img/icons/icon-github-circle.svg @@ -1 +1 @@ -0232D1D6-3E8C-4BC2-B46B-0F06D1C38280 \ No newline at end of file +6CDA5CEC-4A35-4750-96B2-3B7EA971B8C8 \ No newline at end of file diff --git a/static/img/icons/icon-gplus.svg b/static/img/icons/icon-gplus.svg index 859139ab..76d07ed9 100644 --- a/static/img/icons/icon-gplus.svg +++ b/static/img/icons/icon-gplus.svg @@ -1 +1 @@ - \ No newline at end of file +756E533E-D168-4DBB-BCB3-131D398DD392 \ No newline at end of file diff --git a/static/img/icons/icon-heart-filled.svg b/static/img/icons/icon-heart-filled.svg index e1f42c75..fe364933 100644 --- a/static/img/icons/icon-heart-filled.svg +++ b/static/img/icons/icon-heart-filled.svg @@ -1 +1 @@ - \ No newline at end of file +6C82CAC9-B2BA-4BCD-A2BF-90B0C113F13C \ No newline at end of file diff --git a/static/img/icons/icon-menu.svg b/static/img/icons/icon-menu.svg index 6c9861d5..8b040915 100644 --- a/static/img/icons/icon-menu.svg +++ b/static/img/icons/icon-menu.svg @@ -1 +1 @@ - \ No newline at end of file +B62A80AB-7A7B-4E46-AB33-8D923FD3525F \ No newline at end of file diff --git a/static/img/icons/icon-rss.svg b/static/img/icons/icon-rss.svg index 9c464808..18861b69 100644 --- a/static/img/icons/icon-rss.svg +++ b/static/img/icons/icon-rss.svg @@ -1 +1 @@ - \ No newline at end of file +534E071A-CA2D-4FE0-8680-28DBDFFEE1D9 \ No newline at end of file diff --git a/static/img/icons/icon-security-network.svg b/static/img/icons/icon-security-network.svg index 52d016f0..edcb1bf0 100644 --- a/static/img/icons/icon-security-network.svg +++ b/static/img/icons/icon-security-network.svg @@ -1 +1 @@ -B4E379AB-5BCC-4EA6-A5D6-76AE07A9DBE0 \ No newline at end of file +7CB48FDE-3182-4DF5-AC79-65042EF6ED17 \ No newline at end of file diff --git a/static/img/icons/icon-security.svg b/static/img/icons/icon-security.svg index 99e36656..346b6b3f 100644 --- a/static/img/icons/icon-security.svg +++ b/static/img/icons/icon-security.svg @@ -1 +1 @@ -21148D49-A32A-4552-88C8-052E485E2FC1 \ No newline at end of file +734EA37A-EC4F-46F1-8DAB-B7BC1E69D179 \ No newline at end of file diff --git a/static/img/icons/icon-speedometer.svg b/static/img/icons/icon-speedometer.svg index 62479a00..7821eaa4 100644 --- a/static/img/icons/icon-speedometer.svg +++ b/static/img/icons/icon-speedometer.svg @@ -1 +1 @@ -2CA8B17D-DCCD-4C2C-883F-CB1F0D2F799B \ No newline at end of file +2D991BB5-BBE3-4FBF-B679-8ADDDB9E3719 \ No newline at end of file diff --git a/static/img/icons/icon-twitter.svg b/static/img/icons/icon-twitter.svg index 3fb3a9d1..2f7b9a5c 100644 --- a/static/img/icons/icon-twitter.svg +++ b/static/img/icons/icon-twitter.svg @@ -1 +1 @@ - \ No newline at end of file +C1E8AF97-C23F-44B0-B887-54E45C6790AF \ No newline at end of file diff --git a/static/img/icons/icon-youtube.svg b/static/img/icons/icon-youtube.svg index 43e114ec..ea46843f 100644 --- a/static/img/icons/icon-youtube.svg +++ b/static/img/icons/icon-youtube.svg @@ -1 +1 @@ - \ No newline at end of file +8AB43385-C132-477D-951B-1101B1D2E6E5 \ No newline at end of file diff --git a/static/scss/style.scss b/static/scss/style.scss index 970343af..f5b8f742 100644 --- a/static/scss/style.scss +++ b/static/scss/style.scss @@ -145,30 +145,43 @@ img { .i_arrow_down { margin: 0; + position: absolute; + left: .75rem; + top: -.25rem; animation: scroll 3s infinite; + @include media-breakpoint-down(sm) { + width: 2rem !important; + height: 2rem !important; + left: .15rem; + top: -.75rem; + } } .i_lg { width: 2.5rem; height: 2.5rem; margin: 0; - transform: translateY(-.25rem); + transform: translateY(-.35rem); fill: $red_900; } .i_sm { - width: 1rem; - height: 1rem; + vertical-align: top; + transform: translateY(-.10rem); } footer { .btn-toolbar .icon { - height: 2rem; - width: 2rem; + height: 2.25rem; + width: 2.25rem; fill: rgba($blue-grey-900, .6); } .i_heart { - vertical-align: -.25rem; + vertical-align: top; + transform: translateY(-.15rem); + @include media-breakpoint-down(sm) { + transform: translateY(-.75rem); + } } } @@ -225,6 +238,12 @@ button.navbar-toggler div { } } +.btn-md { + font-size: 0.875rem; + line-height: 1.25rem; + padding: .4rem 1rem .5rem 1rem; +} + .btn-block { margin: 0 0 1.5rem 0; @include media-breakpoint-up(md) { @@ -447,7 +466,7 @@ footer { // Animation @keyframes scroll { - 0% { transform: translateY(20%); } - 50% { transform: translateY(60%); } - 100% { transform: translateY(20%); } + 0% { transform: translateY(30%); } + 50% { transform: translateY(50%); } + 100% { transform: translateY(30%); } } \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index f0f206e6..b7594056 100644 --- a/templates/base.html +++ b/templates/base.html @@ -199,76 +199,61 @@ diff --git a/templates/index.html b/templates/index.html index b1c76484..6fc89de1 100644 --- a/templates/index.html +++ b/templates/index.html @@ -18,7 +18,7 @@
- +
@@ -91,7 +91,7 @@
-

{{ _("Network Security") }}

{% if lang == "de" %} @@ -165,11 +165,11 @@

- + {{ _("Download") }} - + {{ _("Donate") }}