Merge branch 'feature/improve-readability' of fabrixxm/friendica-wp-theme into master

.gitignore

@@ -1 +1,2 @@
 .DS*
+work/*

assets/css/fira.css

@@ -0,0 +1,39 @@
+@font-face{
+    font-family: 'Fira Sans';
+    src: local('Fira Sans Light'),
+         url('../fonts/fira/woff/FiraSans-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Sans';
+    src: local('Fira Sans Regular'),
+         url('../fonts/fira/woff/FiraSans-Regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Sans';
+    src: local('Fira Sans Regular Italic'),
+         url('../fonts/fira/woff/FiraSans-Italic.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face{
+    font-family: 'Fira Sans';
+    src: local('Fira Sans Bold'),
+         url('../fonts/fira/woff/FiraSans-Bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Sans';
+    src: local('Fira Sans Bold Italic'),
+         url('../fonts/fira/woff/FiraSans-BoldItalic.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}

assets/css/main.css

@@ -14,7 +14,6 @@
 		border: 0;
 		font-size: 100%;
 		font: inherit;
-        font-weight: 600;
 		vertical-align: baseline;
 	}
 
@@ -1585,7 +1584,7 @@
 
 	body, input, select, textarea {
 		color: #111;
-		font-family: "Raleway", Arial, Helvetica, sans-serif;
+		font-family: "Fira Sans", Arial, Helvetica, sans-serif;
 		font-size: 13pt;
 		font-weight: 300;
 		line-height: 1.65;
@@ -2229,14 +2228,6 @@
 		position: relative;
 	}
 
-		.icon:before {
-			-moz-osx-font-smoothing: grayscale;
-			-webkit-font-smoothing: antialiased;
-			font-family: FontAwesome;
-			font-style: normal;
-			font-weight: normal;
-			text-transform: none !important;
-		}
 
 		.icon > .label {
 			display: none;
@@ -2733,7 +2724,6 @@
 
 	#header {
 		color: rgba(255,255,255,0.8);
-		background-color: rgba(0,0,0,0.2);
 		cursor: default;
 		height: 3.25em;
 		left: 0;
@@ -2965,7 +2955,7 @@
 
 	#banner {
 		padding: 12em 0 10em 0;
-		background-image: url('../../images/banner-blu.orig.jpg');
+		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%), url('../../images/banner-blu.orig.jpg');
 		background-size: cover;
 		background-position: center;
 		/*background-attachment: fixed;*/
@@ -2976,7 +2966,7 @@
 
 		#banner h1 {
 			font-size: 3.5em;
-			font-weight: 100;
+			font-weight: 400;
 			color: #ffffff;
 			line-height: 1em;
 			margin: 0 0 0.5em 0;

assets/css/raleway.css

@@ -1,18 +0,0 @@
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 100;
-  src: local('Raleway Thin'), local('Raleway-Thin'), url(../fonts/Raleway-Thin.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Raleway Light'), local('Raleway-Light'), url(../fonts/Raleway-Light.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 600;
-  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../fonts/Raleway-SemiBold.ttf) format('truetype');
-}

footer.php

@@ -10,8 +10,9 @@
                     <?php echo sprintf( __( '%1$s %2$s %3$s. All Rights Reserved.', 'friendica' ), '&copy;', date( 'Y' ), esc_html( get_bloginfo( 'name' ) ) ); echo sprintf( __( ' Original Design: %1$s.', 'friendica' ), '<a href="https://templated.co">TEMPLATED</a>' ); ?>
                 </div>
                 <ul class="icons">
-                    <li><a href="https://github.com/friendica/" class="icon fa-github"><span class="label">GitGub</span></a></li>
+                    <li><a href="https://github.com/friendica/" title="GitHub">
-
+                        <i class="fa fa-github" aria-hidden="true"></i>
+                    </a></li>
                 </ul>
             </div>
         </div>

style.css

@@ -12,5 +12,5 @@ Text Domain: friendica
 */
 
 @import url(./assets/css/fork-awesome.min.css);
-@import url(./assets/css/raleway.css);
+@import url(./assets/css/fira.css);
 @import url(./assets/css/main.css);