From 579fc524fd37a9593c52b547bd41d27dde5699fe Mon Sep 17 00:00:00 2001
From: Daniel Pintilei <danielpintilei@outlook.com>
Date: Sat, 12 Mar 2016 18:41:49 +0200
Subject: [PATCH] Site design+logo

---
 favicon.ico | Bin 0 -> 15086 bytes
 index.html  |   7 +++++--
 logo.svg    |   1 +
 main.css    |  32 +++++++++++++-------------------
 4 files changed, 19 insertions(+), 21 deletions(-)
 create mode 100644 favicon.ico
 create mode 100644 logo.svg

diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..55362249eea1e86b61e80ff09188c21f39bbd6f9
GIT binary patch
literal 15086
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 04736cc..baac9e2 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,18 @@
     <meta charset="utf-8">
     <meta name="viewport" content="initial-scale=1, width=device-width">
     <title>Normalize.css: Make browsers render all elements more consistently.</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
+    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:700' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="3.0.3/normalize.css">
     <link rel="stylesheet" href="main.css">
+    <link rel="icon" href="favicon.ico">
   </head>
   <body>
     <div class="container">
       <div class="site-box">
         <div class="hgroup">
-          <h1 class="logo">Normalize.css</h1>
+          <img class="logo" src="logo.svg" alt="Normalize.css">
+          <h1 class="title">Normalize.css</h1>
           <h2 class="tagline">A modern, HTML5-ready alternative to CSS resets</h2>
         </div>
 
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..9e6ca0d
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="70" width="70"><path d="M35 0l35 35-35 35L0 35z" fill="#e3695f"/><path d="M24.58 18.553v14.77L8.884 35.378l20.587 2.695V32.49l15.95 18.956v-14.77l15.697-2.054-20.587-2.695v5.58L24.58 18.553z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/main.css b/main.css
index e282e15..41a08f3 100644
--- a/main.css
+++ b/main.css
@@ -1,5 +1,5 @@
 html {
-  background: #f7f7f7;
+  background: #fff;
   color: #333;
   font: 16px/1.4 Open Sans, Helvetica, Arial, sans-serif;
 }
@@ -11,7 +11,7 @@ body {
 }
 
 a {
-  color: #069;
+  color: #e3695f;
   text-decoration: none;
 }
 
@@ -24,6 +24,7 @@ a:active {
 h1,
 h2 {
   line-height: 1.2;
+  font-family: 'Source Sans Pro', sans-serif;
 }
 
 p {
@@ -34,10 +35,10 @@ p {
 
 .site-box {
   padding: 40px 60px 0;
-  border: 1px solid #ccc;
   margin: 0 0 3em;
   background: #fff;
   text-align: center;
+  box-shadow: 2px 4px 6px 1px rgba(50, 50, 50, 0.14);
 }
 
 .site-footer {
@@ -46,12 +47,12 @@ p {
 }
 
 .logo {
-  margin: 0 0 1em;
-  font-size: 2.375em;
-  color: #69a619;
-  text-transform: lowercase;
-  text-shadow: 1px 1px 0 #304d08;
-  text-decoration: none;
+  width: 10rem;
+}
+
+.title {
+  margin-bottom: 40px;
+  font-size: 2.6em;
 }
 
 .tagline {
@@ -86,12 +87,11 @@ p {
   *zoom: 1;
 
   padding: 0.4em 1em;
-  border: 1px solid #5e9612;
+  border: 1px solid #e3695f;
   margin: 0 0 10px;
   color: #fff;
-  background: #69a619;
+  background: #e3695f;
   border-radius: 4px;
-  box-shadow: 0 2px 5px -2px #111, inset 0 2px 5px 0 rgba(255, 255, 255, 0.3);
   font-size: 1.5em;
   text-align: center;
   text-decoration: none;
@@ -101,15 +101,9 @@ p {
 .btn-download:hover,
 .btn-download:focus,
 .btn-download:active {
-  background: #6ead1a;
   text-decoration: none;
 }
 
-.btn-download:active {
-  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-  background: #5d9117;
-}
-
 /**
  * Alternative download button
  *
@@ -143,7 +137,7 @@ p {
   padding: 15px 30px;
   border-top: 1px solid #ddd;
   margin: 50px -60px 0;
-  background: #eee;
+  background: #fff;
   line-height: 28px;
   *zoom: 1;
 }