From: Reda Lazri Date: Tue, 30 Aug 2016 18:22:08 +0000 (+0100) Subject: Changes after feedback. Added new ribbons. X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=c27a1403c50d124002103ee098700218cd9d8565;p=fsf-giving-guide.git Changes after feedback. Added new ribbons. --- diff --git a/css/master.css b/css/master.css index f523799..22f8bf0 100644 --- a/css/master.css +++ b/css/master.css @@ -107,6 +107,7 @@ h1 { font-family: "Signika Light"; font-size: 35px; + } h2 { @@ -176,13 +177,17 @@ a:hover { color: #0f4639; } +section { + margin-bottom: 20px; +} /*Header*/ /*Navbar*/ -.icon-bar{ +.icon-bar { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } + .bar2 { width: 30px !important; } @@ -198,6 +203,7 @@ a:hover { .navbar-toggle:hover .bar2 { width: 25px !important; } + .navbar-toggle:hover .bar3 { width: 15px !important; } @@ -289,23 +295,27 @@ a:hover { .sale { position: absolute; - z-index: -999; - top: 0; - - width: 0; - height: 0; + top: 10px; + left: -67px; - text-overflow: clip; + width: 180px; + padding: 6px 0; - border-width: 100px 100px 0 0; - border-style: solid; - border-color: #2caf8f transparent transparent transparent; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + text-align: center; + text-transform: uppercase; - line-height: 0px; + color: #fff; + background: #0AD778; + font-size: 14px; + font-weight: 700; } -.sale-text P { +/*.sale-text P { position: absolute; top: 18px; left: 23px; @@ -319,10 +329,33 @@ a:hover { font-size: 20px; font-weight: bold; -} +}*/ + +.rfy { + position: absolute; + top: 30px; + left: -42px; + width: 180px; + padding: 6px 0; + + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + text-align: center; + text-transform: uppercase; + + color: #fff; + background: #1e33f6; + + font-size: 14px; + font-weight: 700; +} .bad, .good { + overflow: hidden; + margin-top: 30px; padding-top: 30px; padding-bottom: 30px; @@ -367,18 +400,18 @@ a:hover { } .get-item { - width: 50%; - margin: 0 auto; - margin-bottom: 25px; + width: 40%; + margin: 0 auto 25px; + padding: 6px 35px; -text-align: center; + text-align: center; color: white; border-bottom: 0; border-radius: 100px; background: #2B81E3; - font-family: Signika-Regular; + font-family: "Signika Regular"; font-size: 24px; } @@ -401,8 +434,8 @@ text-align: center; } .charities img:hover { - -webkit-transform: scale(1.2); - transform: scale(1.2); + -webkit-transform: scale(1.1); + transform: scale(1.1); } /*Licenses*/ @@ -486,6 +519,10 @@ footer p { color: #4B423B; } + .intro { + margin-bottom: 0; + } + .join { display: none; } @@ -508,8 +545,8 @@ footer p { margin-top: 90px; } - .fix-router, - .fix-amazon { + .fix-amazon, + .fix-router { margin-top: 100px; } @@ -584,6 +621,10 @@ footer p { /*Intro*/ + .intro { + margin-bottom: 0; + } + .intro-text { background: transparent; } @@ -607,6 +648,8 @@ footer p { .illustration img { width: 80%; + margin-top: 80px; + } /*Footer*/ .footer-logo img { @@ -623,8 +666,8 @@ footer p { margin-top: 90px; } - .fix-router, - .fix-amazon { + .fix-amazon, + .fix-router { margin-top: 100px; } diff --git a/givingguide.html b/givingguide.html index ee5bf88..1ef527b 100644 --- a/givingguide.html +++ b/givingguide.html @@ -132,15 +132,13 @@
-
-

- Sale! -

-
-
-
+
Sale!
+ +
RYF-certified
+ + replicant phone
Tehnoetic S2 with Replicant
diff --git a/img/products/adobe-blocked.png b/img/products/adobe-blocked.png index 77e1562..5154990 100644 Binary files a/img/products/adobe-blocked.png and b/img/products/adobe-blocked.png differ diff --git a/img/products/amazon-blocked.png b/img/products/amazon-blocked.png index 9353e36..af65b97 100644 Binary files a/img/products/amazon-blocked.png and b/img/products/amazon-blocked.png differ diff --git a/img/products/iphone-blocked.png b/img/products/iphone-blocked.png index 1214acc..706a407 100644 Binary files a/img/products/iphone-blocked.png and b/img/products/iphone-blocked.png differ diff --git a/img/products/itunes-blocked.png b/img/products/itunes-blocked.png index c0b364d..593613c 100644 Binary files a/img/products/itunes-blocked.png and b/img/products/itunes-blocked.png differ diff --git a/img/products/lenovo-blocked.png b/img/products/lenovo-blocked.png index 8337d5e..8ff0825 100644 Binary files a/img/products/lenovo-blocked.png and b/img/products/lenovo-blocked.png differ diff --git a/img/products/macbook-blocked.png b/img/products/macbook-blocked.png index ce1001f..10beb4e 100644 Binary files a/img/products/macbook-blocked.png and b/img/products/macbook-blocked.png differ diff --git a/img/products/printer-blocked.png b/img/products/printer-blocked.png index af32d1c..b63b9ba 100644 Binary files a/img/products/printer-blocked.png and b/img/products/printer-blocked.png differ diff --git a/img/products/router-blocked.png b/img/products/router-blocked.png index bffd0d5..26a4cf8 100644 Binary files a/img/products/router-blocked.png and b/img/products/router-blocked.png differ