Commit:    5254f27d45211679fa42df9ebc769f4549bba391
Author:    Arnaud Lemercier <[email protected]>         Tue, 18 Jul 2017 
22:37:32 +0200
Parents:   9548552bd4374ac7d1f0d7cadfd13e1ffc1f2990
Branches:  master

Link:       
http://git.php.net/?p=web/news.git;a=commitdiff;h=5254f27d45211679fa42df9ebc769f4549bba391

Log:
New modern and responsive webdesign (like PHP.net website)

Website are now in HTML5
New PHP logo
New layout with responsive features
Replace font by Fira (like php.net)
Add H1 tag on the top of article
Modern table look and feel

Changed paths:
  M  article.php
  M  common.php
  A  fonts/Fira/LICENSE
  A  fonts/Fira/eot/FiraMono-Bold.eot
  A  fonts/Fira/eot/FiraMono-Regular.eot
  A  fonts/Fira/eot/FiraSans-Bold.eot
  A  fonts/Fira/eot/FiraSans-BoldItalic.eot
  A  fonts/Fira/eot/FiraSans-Book.eot
  A  fonts/Fira/eot/FiraSans-BookItalic.eot
  A  fonts/Fira/eot/FiraSans-Eight.eot
  A  fonts/Fira/eot/FiraSans-EightItalic.eot
  A  fonts/Fira/eot/FiraSans-Four.eot
  A  fonts/Fira/eot/FiraSans-FourItalic.eot
  A  fonts/Fira/eot/FiraSans-Hair.eot
  A  fonts/Fira/eot/FiraSans-HairItalic.eot
  A  fonts/Fira/eot/FiraSans-Heavy.eot
  A  fonts/Fira/eot/FiraSans-HeavyItalic.eot
  A  fonts/Fira/eot/FiraSans-Light.eot
  A  fonts/Fira/eot/FiraSans-LightItalic.eot
  A  fonts/Fira/eot/FiraSans-Medium.eot
  A  fonts/Fira/eot/FiraSans-MediumItalic.eot
  A  fonts/Fira/eot/FiraSans-Regular.eot
  A  fonts/Fira/eot/FiraSans-RegularItalic.eot
  A  fonts/Fira/eot/FiraSans-SemiBold.eot
  A  fonts/Fira/eot/FiraSans-SemiBoldItalic.eot
  A  fonts/Fira/eot/FiraSans-Thin.eot
  A  fonts/Fira/eot/FiraSans-ThinItalic.eot
  A  fonts/Fira/eot/FiraSans-Two.eot
  A  fonts/Fira/eot/FiraSans-TwoItalic.eot
  A  fonts/Fira/fira.css
  A  fonts/Fira/otf/FiraMono-Bold.otf
  A  fonts/Fira/otf/FiraMono-Regular.otf
  A  fonts/Fira/otf/FiraSans-Bold.otf
  A  fonts/Fira/otf/FiraSans-BoldItalic.otf
  A  fonts/Fira/otf/FiraSans-Book.otf
  A  fonts/Fira/otf/FiraSans-BookItalic.otf
  A  fonts/Fira/otf/FiraSans-Eight.otf
  A  fonts/Fira/otf/FiraSans-EightItalic.otf
  A  fonts/Fira/otf/FiraSans-Four.otf
  A  fonts/Fira/otf/FiraSans-FourItalic.otf
  A  fonts/Fira/otf/FiraSans-Hair.otf
  A  fonts/Fira/otf/FiraSans-HairItalic.otf
  A  fonts/Fira/otf/FiraSans-Heavy.otf
  A  fonts/Fira/otf/FiraSans-HeavyItalic.otf
  A  fonts/Fira/otf/FiraSans-Light.otf
  A  fonts/Fira/otf/FiraSans-LightItalic.otf
  A  fonts/Fira/otf/FiraSans-Medium.otf
  A  fonts/Fira/otf/FiraSans-MediumItalic.otf
  A  fonts/Fira/otf/FiraSans-Regular.otf
  A  fonts/Fira/otf/FiraSans-RegularItalic.otf
  A  fonts/Fira/otf/FiraSans-SemiBold.otf
  A  fonts/Fira/otf/FiraSans-SemiBoldItalic.otf
  A  fonts/Fira/otf/FiraSans-Thin.otf
  A  fonts/Fira/otf/FiraSans-ThinItalic.otf
  A  fonts/Fira/otf/FiraSans-Two.otf
  A  fonts/Fira/otf/FiraSans-TwoItalic.otf
  A  fonts/Fira/ttf/FiraSans-Bold.ttf
  A  fonts/Fira/ttf/FiraSans-BoldItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Book.ttf
  A  fonts/Fira/ttf/FiraSans-BookItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Eight.ttf
  A  fonts/Fira/ttf/FiraSans-EightItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Four.ttf
  A  fonts/Fira/ttf/FiraSans-FourItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Hair.ttf
  A  fonts/Fira/ttf/FiraSans-HairItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Heavy.ttf
  A  fonts/Fira/ttf/FiraSans-HeavyItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Light.ttf
  A  fonts/Fira/ttf/FiraSans-LightItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Medium.ttf
  A  fonts/Fira/ttf/FiraSans-MediumItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Regular.ttf
  A  fonts/Fira/ttf/FiraSans-RegularItalic.ttf
  A  fonts/Fira/ttf/FiraSans-SemiBold.ttf
  A  fonts/Fira/ttf/FiraSans-SemiBoldItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Thin.ttf
  A  fonts/Fira/ttf/FiraSans-ThinItalic.ttf
  A  fonts/Fira/ttf/FiraSans-Two.ttf
  A  fonts/Fira/ttf/FiraSans-TwoItalic.ttf
  A  fonts/Fira/woff/FiraMono-Bold.woff
  A  fonts/Fira/woff/FiraMono-Regular.woff
  A  fonts/Fira/woff/FiraSans-Bold.woff
  A  fonts/Fira/woff/FiraSans-BoldItalic.woff
  A  fonts/Fira/woff/FiraSans-Book.woff
  A  fonts/Fira/woff/FiraSans-BookItalic.woff
  A  fonts/Fira/woff/FiraSans-Eight.woff
  A  fonts/Fira/woff/FiraSans-EightItalic.woff
  A  fonts/Fira/woff/FiraSans-Four.woff
  A  fonts/Fira/woff/FiraSans-FourItalic.woff
  A  fonts/Fira/woff/FiraSans-Hair.woff
  A  fonts/Fira/woff/FiraSans-HairItalic.woff
  A  fonts/Fira/woff/FiraSans-Heavy.woff
  A  fonts/Fira/woff/FiraSans-HeavyItalic.woff
  A  fonts/Fira/woff/FiraSans-Light.woff
  A  fonts/Fira/woff/FiraSans-LightItalic.woff
  A  fonts/Fira/woff/FiraSans-Medium.woff
  A  fonts/Fira/woff/FiraSans-MediumItalic.woff
  A  fonts/Fira/woff/FiraSans-Regular.woff
  A  fonts/Fira/woff/FiraSans-RegularItalic.woff
  A  fonts/Fira/woff/FiraSans-SemiBold.woff
  A  fonts/Fira/woff/FiraSans-SemiBoldItalic.woff
  A  fonts/Fira/woff/FiraSans-Thin.woff
  A  fonts/Fira/woff/FiraSans-ThinItalic.woff
  A  fonts/Fira/woff/FiraSans-Two.woff
  A  fonts/Fira/woff/FiraSans-TwoItalic.woff
  M  group.php
  A  i/bg-texture-00.svg
  A  i/php-logo.svg
  M  index.php
  M  style.css

diff --git a/article.php b/article.php
index 1f6921c..a3418f8 100644
--- a/article.php
+++ b/article.php
@@ -135,8 +135,11 @@ echo "   </pre>\n";
 echo "  </blockquote>\n";
 
 function start_article($mail, $refsResolved) {
+
+    echo '<h1>'.format_subject($mail['headers']['subject'], 'utf-8')."</h1>\n";
+
        echo "  <blockquote>\n";
-       echo '   <table border="0" cellpadding="2" cellspacing="2" 
width="100%">' . "\n";
+       echo '   <table class="standard" border="0" cellpadding="2" 
cellspacing="2" width="100%">' . "\n";
        # from
        echo '    <tr class="vcard">' . "\n";
        echo '     <td class="headerlabel">From:</td>' . "\n";
@@ -183,7 +186,7 @@ function navbar($group, $current) {
 
        $group = htmlspecialchars($group, ENT_QUOTES, "UTF-8");
 
-       echo '  <table border="0" cellpadding="2" cellspacing="2" 
width="100%">' . "\n";
+       echo '  <table class="standard" border="0" cellpadding="2" 
cellspacing="2" width="100%">' . "\n";
        echo '   <tr>' . "\n";
        echo '    <th class="nav">';
 
diff --git a/common.php b/common.php
index 50ffa3f..015506c 100644
--- a/common.php
+++ b/common.php
@@ -19,36 +19,35 @@ function error($str) {
 
 function head($title="PHP news") {
        header("Content-type: text/html; charset=utf-8");
-       echo '<?xml version="1.0"?>' . "\n";
 
 ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
+<!doctype html>
+<html lang="en">
  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title><?php echo htmlspecialchars($title); ?></title>
+  <link rel="stylesheet" href="/fonts/Fira/fira.css" type="text/css" />
   <link rel="stylesheet" href="/style.css" type="text/css" />
  </head>
  <body>
-  <table width="100%" border="0" cellspacing="0" cellpadding="0" 
class="header">
-   <tr>
-    <td>
-     <a href="/index.php"><img src="/i/l.gif" width="120" height="67" 
alt="PHP" /></a>
-    </td>
-    <td align="right" valign="bottom">
-     PHP.net <a href="news://<?php echo $_SERVER['HTTP_HOST']; ?>/" 
class="top">news server</a> web interface
-    </td>
-   </tr>
-  </table>
+  <header class="header">
+   <div class="header-inner">
+    <a href="/" class="header-brand"><img src="/i/php-logo.svg" alt="PHP News" 
height="24" width="48"></a>
+    <div class="header-baseline">PHP.net <a href="news://<?php echo 
$_SERVER['HTTP_HOST']; ?>/" class="top">news server</a> web interface</div>
+   </div>
+  </header>
+    <section class="content">
 <?php
 }
 
 function foot() {?>
-  <hr />
-  <div class="small">
-   Written by Jim Winstead. no rights reserved. (<a 
href="https://git.php.net/?p=web/news.git";>source code</a>)
-  </div>
+ </section>
+  <footer class="footer">
+   <div class="small">
+    Written by Jim Winstead. no rights reserved. (<a class="alt-link" 
href="https://git.php.net/?p=web/news.git";>source code</a>) . Redesign By <a 
class="alt-link" href="https://wixiweb.fr";>Wixiweb</a>
+   </div>
+  </footer>
  </body>
 </html>
 <?php
diff --git a/fonts/Fira/LICENSE b/fonts/Fira/LICENSE
new file mode 100644
index 0000000..b4a3967
--- /dev/null
+++ b/fonts/Fira/LICENSE
@@ -0,0 +1,99 @@
+Copyright (c) 2014, Mozilla Foundation https://mozilla.org/
+with Reserved Font Name Fira Sans.
+
+Copyright (c) 2014, Mozilla Foundation https://mozilla.org/
+with Reserved Font Name Fira Mono.
+
+Copyright (c) 2014, Telefonica S.A.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/fonts/Fira/eot/FiraMono-Bold.eot b/fonts/Fira/eot/FiraMono-Bold.eot
new file mode 100644
index 0000000..87013fa
Binary files /dev/null and b/fonts/Fira/eot/FiraMono-Bold.eot differ
diff --git a/fonts/Fira/eot/FiraMono-Regular.eot 
b/fonts/Fira/eot/FiraMono-Regular.eot
new file mode 100644
index 0000000..4c5eba2
Binary files /dev/null and b/fonts/Fira/eot/FiraMono-Regular.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Bold.eot b/fonts/Fira/eot/FiraSans-Bold.eot
new file mode 100644
index 0000000..f9228cb
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Bold.eot differ
diff --git a/fonts/Fira/eot/FiraSans-BoldItalic.eot 
b/fonts/Fira/eot/FiraSans-BoldItalic.eot
new file mode 100644
index 0000000..f91569a
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-BoldItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Book.eot b/fonts/Fira/eot/FiraSans-Book.eot
new file mode 100644
index 0000000..007bf7f
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Book.eot differ
diff --git a/fonts/Fira/eot/FiraSans-BookItalic.eot 
b/fonts/Fira/eot/FiraSans-BookItalic.eot
new file mode 100644
index 0000000..bcb5291
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-BookItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Eight.eot 
b/fonts/Fira/eot/FiraSans-Eight.eot
new file mode 100644
index 0000000..485ff3a
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Eight.eot differ
diff --git a/fonts/Fira/eot/FiraSans-EightItalic.eot 
b/fonts/Fira/eot/FiraSans-EightItalic.eot
new file mode 100644
index 0000000..73ec42a
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-EightItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Four.eot b/fonts/Fira/eot/FiraSans-Four.eot
new file mode 100644
index 0000000..2c21641
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Four.eot differ
diff --git a/fonts/Fira/eot/FiraSans-FourItalic.eot 
b/fonts/Fira/eot/FiraSans-FourItalic.eot
new file mode 100644
index 0000000..aa16cc8
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-FourItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Hair.eot b/fonts/Fira/eot/FiraSans-Hair.eot
new file mode 100644
index 0000000..a1b1f0d
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Hair.eot differ
diff --git a/fonts/Fira/eot/FiraSans-HairItalic.eot 
b/fonts/Fira/eot/FiraSans-HairItalic.eot
new file mode 100644
index 0000000..45b9d9d
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-HairItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Heavy.eot 
b/fonts/Fira/eot/FiraSans-Heavy.eot
new file mode 100644
index 0000000..6323009
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Heavy.eot differ
diff --git a/fonts/Fira/eot/FiraSans-HeavyItalic.eot 
b/fonts/Fira/eot/FiraSans-HeavyItalic.eot
new file mode 100644
index 0000000..c13ae43
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-HeavyItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Light.eot 
b/fonts/Fira/eot/FiraSans-Light.eot
new file mode 100644
index 0000000..3f4c7f6
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Light.eot differ
diff --git a/fonts/Fira/eot/FiraSans-LightItalic.eot 
b/fonts/Fira/eot/FiraSans-LightItalic.eot
new file mode 100644
index 0000000..b4c103c
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-LightItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Medium.eot 
b/fonts/Fira/eot/FiraSans-Medium.eot
new file mode 100644
index 0000000..6e0666a
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Medium.eot differ
diff --git a/fonts/Fira/eot/FiraSans-MediumItalic.eot 
b/fonts/Fira/eot/FiraSans-MediumItalic.eot
new file mode 100644
index 0000000..50691ee
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-MediumItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Regular.eot 
b/fonts/Fira/eot/FiraSans-Regular.eot
new file mode 100644
index 0000000..5605f2a
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Regular.eot differ
diff --git a/fonts/Fira/eot/FiraSans-RegularItalic.eot 
b/fonts/Fira/eot/FiraSans-RegularItalic.eot
new file mode 100644
index 0000000..1369626
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-RegularItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-SemiBold.eot 
b/fonts/Fira/eot/FiraSans-SemiBold.eot
new file mode 100644
index 0000000..fa865f9
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-SemiBold.eot differ
diff --git a/fonts/Fira/eot/FiraSans-SemiBoldItalic.eot 
b/fonts/Fira/eot/FiraSans-SemiBoldItalic.eot
new file mode 100644
index 0000000..79ebb0d
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-SemiBoldItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Thin.eot b/fonts/Fira/eot/FiraSans-Thin.eot
new file mode 100644
index 0000000..ce47de2
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Thin.eot differ
diff --git a/fonts/Fira/eot/FiraSans-ThinItalic.eot 
b/fonts/Fira/eot/FiraSans-ThinItalic.eot
new file mode 100644
index 0000000..68c56c0
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-ThinItalic.eot differ
diff --git a/fonts/Fira/eot/FiraSans-Two.eot b/fonts/Fira/eot/FiraSans-Two.eot
new file mode 100644
index 0000000..99030c4
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-Two.eot differ
diff --git a/fonts/Fira/eot/FiraSans-TwoItalic.eot 
b/fonts/Fira/eot/FiraSans-TwoItalic.eot
new file mode 100644
index 0000000..a7d47fe
Binary files /dev/null and b/fonts/Fira/eot/FiraSans-TwoItalic.eot differ
diff --git a/fonts/Fira/fira.css b/fonts/Fira/fira.css
new file mode 100644
index 0000000..4b575bf
--- /dev/null
+++ b/fonts/Fira/fira.css
@@ -0,0 +1,66 @@
+@font-face{
+    font-family: 'Fira Sans';
+    src: url('/fonts/Fira/eot/FiraSans-Book.eot');
+    src: local('/fonts/Fira/Fira Sans Book'),
+         url('/fonts/Fira/eot/FiraSans-Book.eot') format('embedded-opentype'),
+         url('/fonts/Fira/woff/FiraSans-Book.woff') format('woff'),
+         url('/fonts/Fira/ttf/FiraSans-Book.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Sans';
+    src: url('/fonts/Fira/eot/FiraSans-BookItalic.eot');
+    src: local('/fonts/Fira/Fira Sans Book Italic'),
+         url('/fonts/Fira/eot/FiraSans-BookItalic.eot') 
format('embedded-opentype'),
+         url('/fonts/Fira/woff/FiraSans-BookItalic.woff') format('woff'),
+         url('/fonts/Fira/ttf/FiraSans-BookItalic.ttf') format('truetype');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face{
+    font-family: 'Fira Sans';
+    src: url('/fonts/Fira/eot/FiraSans-Medium.eot');
+    src: local('/fonts/Fira/Fira Sans Medium'),
+         url('/fonts/Fira/eot/FiraSans-Medium.eot') 
format('embedded-opentype'),
+         url('/fonts/Fira/woff/FiraSans-Medium.woff') format('woff'),
+         url('/fonts/Fira/ttf/FiraSans-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Sans';
+    src: url('/fonts/Fira/eot/FiraSans-MediumItalic.eot');
+    src: local('/fonts/Fira/Fira Sans Medium Italic'),
+         url('/fonts/Fira/eot/FiraSans-MediumItalic.eot') 
format('embedded-opentype'),
+         url('/fonts/Fira/woff/FiraSans-MediumItalic.woff') format('woff'),
+         url('/fonts/Fira/ttf/FiraSans-MediumItalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face{
+    font-family: 'Fira Mono';
+    src: url('/fonts/Fira/eot/FiraMono-Regular.eot');
+    src: local('/fonts/Fira/Fira Mono'),
+         url('/fonts/Fira/eot/FiraMono-Regular.eot') 
format('embedded-opentype'),
+         url('/fonts/Fira/woff/FiraMono-Regular.woff') format('woff'),
+         url('/fonts/Fira/ttf/FiraMono-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face{
+    font-family: 'Fira Mono';
+    src: url('/fonts/Fira/eot/FiraMono-Bold.eot');
+    src: local('/fonts/Fira/Fira Mono Bold'),
+         url('/fonts/Fira/eot/FiraMono-Bold.eot') format('embedded-opentype'),
+         url('/fonts/Fira/woff/FiraMono-Bold.woff') format('woff'),
+         url('/fonts/Fira/ttf/FiraMono-Bold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: normal;
+}
+
diff --git a/fonts/Fira/otf/FiraMono-Bold.otf b/fonts/Fira/otf/FiraMono-Bold.otf
new file mode 100644
index 0000000..4ad726a
Binary files /dev/null and b/fonts/Fira/otf/FiraMono-Bold.otf differ
diff --git a/fonts/Fira/otf/FiraMono-Regular.otf 
b/fonts/Fira/otf/FiraMono-Regular.otf
new file mode 100644
index 0000000..c30b25b
Binary files /dev/null and b/fonts/Fira/otf/FiraMono-Regular.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Bold.otf b/fonts/Fira/otf/FiraSans-Bold.otf
new file mode 100644
index 0000000..3e586b4
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Bold.otf differ
diff --git a/fonts/Fira/otf/FiraSans-BoldItalic.otf 
b/fonts/Fira/otf/FiraSans-BoldItalic.otf
new file mode 100644
index 0000000..211d6e8
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-BoldItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Book.otf b/fonts/Fira/otf/FiraSans-Book.otf
new file mode 100644
index 0000000..20bc9a1
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Book.otf differ
diff --git a/fonts/Fira/otf/FiraSans-BookItalic.otf 
b/fonts/Fira/otf/FiraSans-BookItalic.otf
new file mode 100644
index 0000000..948c96f
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-BookItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Eight.otf 
b/fonts/Fira/otf/FiraSans-Eight.otf
new file mode 100644
index 0000000..a06e1f6
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Eight.otf differ
diff --git a/fonts/Fira/otf/FiraSans-EightItalic.otf 
b/fonts/Fira/otf/FiraSans-EightItalic.otf
new file mode 100644
index 0000000..162375d
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-EightItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Four.otf b/fonts/Fira/otf/FiraSans-Four.otf
new file mode 100644
index 0000000..97afc1c
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Four.otf differ
diff --git a/fonts/Fira/otf/FiraSans-FourItalic.otf 
b/fonts/Fira/otf/FiraSans-FourItalic.otf
new file mode 100644
index 0000000..a8b18f0
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-FourItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Hair.otf b/fonts/Fira/otf/FiraSans-Hair.otf
new file mode 100644
index 0000000..1853f5e
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Hair.otf differ
diff --git a/fonts/Fira/otf/FiraSans-HairItalic.otf 
b/fonts/Fira/otf/FiraSans-HairItalic.otf
new file mode 100644
index 0000000..ddc2a23
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-HairItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Heavy.otf 
b/fonts/Fira/otf/FiraSans-Heavy.otf
new file mode 100644
index 0000000..1bd9320
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Heavy.otf differ
diff --git a/fonts/Fira/otf/FiraSans-HeavyItalic.otf 
b/fonts/Fira/otf/FiraSans-HeavyItalic.otf
new file mode 100644
index 0000000..a748090
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-HeavyItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Light.otf 
b/fonts/Fira/otf/FiraSans-Light.otf
new file mode 100644
index 0000000..02fa607
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Light.otf differ
diff --git a/fonts/Fira/otf/FiraSans-LightItalic.otf 
b/fonts/Fira/otf/FiraSans-LightItalic.otf
new file mode 100644
index 0000000..6ccf6f5
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-LightItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Medium.otf 
b/fonts/Fira/otf/FiraSans-Medium.otf
new file mode 100644
index 0000000..4bc55e9
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Medium.otf differ
diff --git a/fonts/Fira/otf/FiraSans-MediumItalic.otf 
b/fonts/Fira/otf/FiraSans-MediumItalic.otf
new file mode 100644
index 0000000..d443b46
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-MediumItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Regular.otf 
b/fonts/Fira/otf/FiraSans-Regular.otf
new file mode 100644
index 0000000..fad0098
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Regular.otf differ
diff --git a/fonts/Fira/otf/FiraSans-RegularItalic.otf 
b/fonts/Fira/otf/FiraSans-RegularItalic.otf
new file mode 100644
index 0000000..f060edf
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-RegularItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-SemiBold.otf 
b/fonts/Fira/otf/FiraSans-SemiBold.otf
new file mode 100644
index 0000000..f077fff
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-SemiBold.otf differ
diff --git a/fonts/Fira/otf/FiraSans-SemiBoldItalic.otf 
b/fonts/Fira/otf/FiraSans-SemiBoldItalic.otf
new file mode 100644
index 0000000..661511a
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-SemiBoldItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Thin.otf b/fonts/Fira/otf/FiraSans-Thin.otf
new file mode 100644
index 0000000..259686f
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Thin.otf differ
diff --git a/fonts/Fira/otf/FiraSans-ThinItalic.otf 
b/fonts/Fira/otf/FiraSans-ThinItalic.otf
new file mode 100644
index 0000000..20da974
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-ThinItalic.otf differ
diff --git a/fonts/Fira/otf/FiraSans-Two.otf b/fonts/Fira/otf/FiraSans-Two.otf
new file mode 100644
index 0000000..e2c7f6d
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-Two.otf differ
diff --git a/fonts/Fira/otf/FiraSans-TwoItalic.otf 
b/fonts/Fira/otf/FiraSans-TwoItalic.otf
new file mode 100644
index 0000000..f62e99a
Binary files /dev/null and b/fonts/Fira/otf/FiraSans-TwoItalic.otf differ
diff --git a/fonts/Fira/ttf/FiraSans-Bold.ttf b/fonts/Fira/ttf/FiraSans-Bold.ttf
new file mode 100644
index 0000000..95e1660
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Bold.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-BoldItalic.ttf 
b/fonts/Fira/ttf/FiraSans-BoldItalic.ttf
new file mode 100644
index 0000000..97b52ef
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-BoldItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Book.ttf b/fonts/Fira/ttf/FiraSans-Book.ttf
new file mode 100644
index 0000000..4834eed
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Book.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-BookItalic.ttf 
b/fonts/Fira/ttf/FiraSans-BookItalic.ttf
new file mode 100644
index 0000000..4d19d52
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-BookItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Eight.ttf 
b/fonts/Fira/ttf/FiraSans-Eight.ttf
new file mode 100644
index 0000000..2aa2ff0
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Eight.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-EightItalic.ttf 
b/fonts/Fira/ttf/FiraSans-EightItalic.ttf
new file mode 100644
index 0000000..84c6697
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-EightItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Four.ttf b/fonts/Fira/ttf/FiraSans-Four.ttf
new file mode 100644
index 0000000..aed0f89
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Four.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-FourItalic.ttf 
b/fonts/Fira/ttf/FiraSans-FourItalic.ttf
new file mode 100644
index 0000000..af669aa
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-FourItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Hair.ttf b/fonts/Fira/ttf/FiraSans-Hair.ttf
new file mode 100644
index 0000000..d108ba0
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Hair.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-HairItalic.ttf 
b/fonts/Fira/ttf/FiraSans-HairItalic.ttf
new file mode 100644
index 0000000..c5242ad
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-HairItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Heavy.ttf 
b/fonts/Fira/ttf/FiraSans-Heavy.ttf
new file mode 100644
index 0000000..d26f388
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Heavy.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-HeavyItalic.ttf 
b/fonts/Fira/ttf/FiraSans-HeavyItalic.ttf
new file mode 100644
index 0000000..7ae7493
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-HeavyItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Light.ttf 
b/fonts/Fira/ttf/FiraSans-Light.ttf
new file mode 100644
index 0000000..2ad0374
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Light.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-LightItalic.ttf 
b/fonts/Fira/ttf/FiraSans-LightItalic.ttf
new file mode 100644
index 0000000..4b4c3a2
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-LightItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Medium.ttf 
b/fonts/Fira/ttf/FiraSans-Medium.ttf
new file mode 100644
index 0000000..c454f73
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Medium.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-MediumItalic.ttf 
b/fonts/Fira/ttf/FiraSans-MediumItalic.ttf
new file mode 100644
index 0000000..5416cfa
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-MediumItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Regular.ttf 
b/fonts/Fira/ttf/FiraSans-Regular.ttf
new file mode 100644
index 0000000..d9fdc0e
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Regular.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-RegularItalic.ttf 
b/fonts/Fira/ttf/FiraSans-RegularItalic.ttf
new file mode 100644
index 0000000..f627c34
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-RegularItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-SemiBold.ttf 
b/fonts/Fira/ttf/FiraSans-SemiBold.ttf
new file mode 100644
index 0000000..821a43d
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-SemiBold.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-SemiBoldItalic.ttf 
b/fonts/Fira/ttf/FiraSans-SemiBoldItalic.ttf
new file mode 100644
index 0000000..48c346f
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-SemiBoldItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Thin.ttf b/fonts/Fira/ttf/FiraSans-Thin.ttf
new file mode 100644
index 0000000..69bad63
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Thin.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-ThinItalic.ttf 
b/fonts/Fira/ttf/FiraSans-ThinItalic.ttf
new file mode 100644
index 0000000..f44307f
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-ThinItalic.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-Two.ttf b/fonts/Fira/ttf/FiraSans-Two.ttf
new file mode 100644
index 0000000..551672f
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-Two.ttf differ
diff --git a/fonts/Fira/ttf/FiraSans-TwoItalic.ttf 
b/fonts/Fira/ttf/FiraSans-TwoItalic.ttf
new file mode 100644
index 0000000..1af78f2
Binary files /dev/null and b/fonts/Fira/ttf/FiraSans-TwoItalic.ttf differ
diff --git a/fonts/Fira/woff/FiraMono-Bold.woff 
b/fonts/Fira/woff/FiraMono-Bold.woff
new file mode 100644
index 0000000..735352f
Binary files /dev/null and b/fonts/Fira/woff/FiraMono-Bold.woff differ
diff --git a/fonts/Fira/woff/FiraMono-Regular.woff 
b/fonts/Fira/woff/FiraMono-Regular.woff
new file mode 100644
index 0000000..b38ee14
Binary files /dev/null and b/fonts/Fira/woff/FiraMono-Regular.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Bold.woff 
b/fonts/Fira/woff/FiraSans-Bold.woff
new file mode 100644
index 0000000..a8dba64
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Bold.woff differ
diff --git a/fonts/Fira/woff/FiraSans-BoldItalic.woff 
b/fonts/Fira/woff/FiraSans-BoldItalic.woff
new file mode 100644
index 0000000..54895de
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-BoldItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Book.woff 
b/fonts/Fira/woff/FiraSans-Book.woff
new file mode 100644
index 0000000..3d39706
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Book.woff differ
diff --git a/fonts/Fira/woff/FiraSans-BookItalic.woff 
b/fonts/Fira/woff/FiraSans-BookItalic.woff
new file mode 100644
index 0000000..ae9a33e
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-BookItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Eight.woff 
b/fonts/Fira/woff/FiraSans-Eight.woff
new file mode 100644
index 0000000..4fcce27
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Eight.woff differ
diff --git a/fonts/Fira/woff/FiraSans-EightItalic.woff 
b/fonts/Fira/woff/FiraSans-EightItalic.woff
new file mode 100644
index 0000000..4510262
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-EightItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Four.woff 
b/fonts/Fira/woff/FiraSans-Four.woff
new file mode 100644
index 0000000..4da1db7
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Four.woff differ
diff --git a/fonts/Fira/woff/FiraSans-FourItalic.woff 
b/fonts/Fira/woff/FiraSans-FourItalic.woff
new file mode 100644
index 0000000..a3f8468
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-FourItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Hair.woff 
b/fonts/Fira/woff/FiraSans-Hair.woff
new file mode 100644
index 0000000..5fbacb7
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Hair.woff differ
diff --git a/fonts/Fira/woff/FiraSans-HairItalic.woff 
b/fonts/Fira/woff/FiraSans-HairItalic.woff
new file mode 100644
index 0000000..f2d7f98
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-HairItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Heavy.woff 
b/fonts/Fira/woff/FiraSans-Heavy.woff
new file mode 100644
index 0000000..ad5de4b
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Heavy.woff differ
diff --git a/fonts/Fira/woff/FiraSans-HeavyItalic.woff 
b/fonts/Fira/woff/FiraSans-HeavyItalic.woff
new file mode 100644
index 0000000..7914da9
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-HeavyItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Light.woff 
b/fonts/Fira/woff/FiraSans-Light.woff
new file mode 100644
index 0000000..747071e
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Light.woff differ
diff --git a/fonts/Fira/woff/FiraSans-LightItalic.woff 
b/fonts/Fira/woff/FiraSans-LightItalic.woff
new file mode 100644
index 0000000..e19720a
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-LightItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Medium.woff 
b/fonts/Fira/woff/FiraSans-Medium.woff
new file mode 100644
index 0000000..7d742c5
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Medium.woff differ
diff --git a/fonts/Fira/woff/FiraSans-MediumItalic.woff 
b/fonts/Fira/woff/FiraSans-MediumItalic.woff
new file mode 100644
index 0000000..dd5bbe6
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-MediumItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Regular.woff 
b/fonts/Fira/woff/FiraSans-Regular.woff
new file mode 100644
index 0000000..d8e0363
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Regular.woff differ
diff --git a/fonts/Fira/woff/FiraSans-RegularItalic.woff 
b/fonts/Fira/woff/FiraSans-RegularItalic.woff
new file mode 100644
index 0000000..e27b7f3
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-RegularItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-SemiBold.woff 
b/fonts/Fira/woff/FiraSans-SemiBold.woff
new file mode 100644
index 0000000..8b408d4
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-SemiBold.woff differ
diff --git a/fonts/Fira/woff/FiraSans-SemiBoldItalic.woff 
b/fonts/Fira/woff/FiraSans-SemiBoldItalic.woff
new file mode 100644
index 0000000..2592e4f
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-SemiBoldItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Thin.woff 
b/fonts/Fira/woff/FiraSans-Thin.woff
new file mode 100644
index 0000000..f986fb5
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Thin.woff differ
diff --git a/fonts/Fira/woff/FiraSans-ThinItalic.woff 
b/fonts/Fira/woff/FiraSans-ThinItalic.woff
new file mode 100644
index 0000000..c90247e
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-ThinItalic.woff differ
diff --git a/fonts/Fira/woff/FiraSans-Two.woff 
b/fonts/Fira/woff/FiraSans-Two.woff
new file mode 100644
index 0000000..f1db0fb
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-Two.woff differ
diff --git a/fonts/Fira/woff/FiraSans-TwoItalic.woff 
b/fonts/Fira/woff/FiraSans-TwoItalic.woff
new file mode 100644
index 0000000..f5ddbf6
Binary files /dev/null and b/fonts/Fira/woff/FiraSans-TwoItalic.woff differ
diff --git a/group.php b/group.php
index d077333..744c424 100644
--- a/group.php
+++ b/group.php
@@ -58,7 +58,7 @@ case 'html':
 default:
 head($group);
 navbar($group, $overview['group']['low'], $overview['group']['high'], 
$overview['group']['start']);
-echo '  <table class="stripped" width="100%">' . "\n";
+echo '  <table class="standard" width="100%">' . "\n";
 echo '   <tr>' . "\n";
 echo '    <th>#</td>' . "\n";
 echo '    <th>subject</th>' . "\n";
@@ -123,7 +123,7 @@ switch ($format) {
 }
 
 function navbar($g, $f, $l, $i) {
-       echo '  <table border="0" cellpadding="2" cellspacing="2" 
width="100%">' . "\n";
+       echo '  <table class="standard" border="0" cellpadding="2" 
cellspacing="2" width="100%">' . "\n";
        echo '   <tr>' . "\n";
        echo '    <th class="nav">';
        if ($i > $f) {
diff --git a/i/bg-texture-00.svg b/i/bg-texture-00.svg
new file mode 100644
index 0000000..e23fa44
--- /dev/null
+++ b/i/bg-texture-00.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"; width="4" height="4">
+  <path style="stroke:#000;stroke-width:.5;stroke-opacity:.25" d="M 0,0 4,4 M 
0,4 4,0"/>
+</svg>
\ No newline at end of file
diff --git a/i/php-logo.svg b/i/php-logo.svg
new file mode 100644
index 0000000..95226dc
--- /dev/null
+++ b/i/php-logo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 -1 100 50">
+       <path d="m7.579 10.123 14.204 0c4.169 0.035 7.19 1.237 9.063 3.604 
1.873 2.367 2.491 5.6 1.855 9.699-0.247 1.873-0.795 3.71-1.643 5.512-0.813 
1.802-1.943 3.427-3.392 4.876-1.767 1.837-3.657 3.003-5.671 3.498-2.014 
0.495-4.099 0.742-6.254 0.742l-6.36 0-2.014 10.07-7.367 0 7.579-38.001 0 
0m6.201 6.042-3.18 15.9c0.212 0.035 0.424 0.053 0.636 0.053 0.247 0 0.495 0 
0.742 0 3.392 0.035 6.219-0.3 8.48-1.007 2.261-0.742 3.781-3.321 4.558-7.738 
0.636-3.71 0-5.848-1.908-6.413-1.873-0.565-4.222-0.83-7.049-0.795-0.424 
0.035-0.83 0.053-1.219 0.053-0.353 0-0.724 0-1.113 0l0.053-0.053"/>
+       <path d="m41.093 0 7.314 0-2.067 10.123 6.572 0c3.604 0.071 6.289 0.813 
8.056 2.226 1.802 1.413 2.332 4.099 1.59 8.056l-3.551 17.649-7.42 0 
3.392-16.854c0.353-1.767 
0.247-3.021-0.318-3.763-0.565-0.742-1.784-1.113-3.657-1.113l-5.883-0.053-4.346 
21.783-7.314 0 7.632-38.054 0 0"/>
+       <path d="m70.412 10.123 14.204 0c4.169 0.035 7.19 1.237 9.063 3.604 
1.873 2.367 2.491 5.6 1.855 9.699-0.247 1.873-0.795 3.71-1.643 5.512-0.813 
1.802-1.943 3.427-3.392 4.876-1.767 1.837-3.657 3.003-5.671 3.498-2.014 
0.495-4.099 0.742-6.254 0.742l-6.36 0-2.014 10.07-7.367 0 7.579-38.001 0 
0m6.201 6.042-3.18 15.9c0.212 0.035 0.424 0.053 0.636 0.053 0.247 0 0.495 0 
0.742 0 3.392 0.035 6.219-0.3 8.48-1.007 2.261-0.742 3.781-3.321 4.558-7.738 
0.636-3.71 0-5.848-1.908-6.413-1.873-0.565-4.222-0.83-7.049-0.795-0.424 
0.035-0.83 0.053-1.219 0.053-0.353 0-0.724 0-1.113 0l0.053-0.053"/>
+</svg>
\ No newline at end of file
diff --git a/index.php b/index.php
index fcad675..a526e68 100644
--- a/index.php
+++ b/index.php
@@ -12,10 +12,11 @@ try {
 head();
 
 ?>
-  <table border="0" cellpadding="6" cellspacing="0">
+  <table border="0" cellpadding="6" cellspacing="0" width="100%">
    <tr>
      <td>
-      <table class="stripped">
+      <b class="welcome-mobile">Welcome to PHP News!</b>
+      <table class="standard">
        <tr>
         <th>name</th>
         <th>messages</th>
@@ -43,19 +44,21 @@ foreach ($groups as $group => $details) {
       </table>
      </td>
      <td valign="top">
-      <h1>Welcome!</h1>
-      <p>
-       This is a completely experimental interface to the PHP mailing lists as 
-       reflected on the <a href="news://<?php echo 
htmlspecialchars($_SERVER['HTTP_HOST'],ENT_QUOTES,"UTF-8"); ?>/">
-       <?php echo htmlspecialchars($_SERVER['HTTP_HOST'], ENT_QUOTES, 
"UTF-8"); ?> NNTP server</a>.
-      </p>
-      <p>
-       There may be a little more info in the <a href="README.md">README</a> 
file.
-      </p>
-      <p>
-       The news server software that is used is <a
-       href="http://trainedmonkey.com/colobus/";>colobus</a>.
-      </p>
+      <div class="welcome">
+       <h1>Welcome to PHP News!</h1>
+       <p>
+        This is a completely experimental interface to the PHP mailing lists as
+        reflected on the <a href="news://<?php echo 
htmlspecialchars($_SERVER['HTTP_HOST'],ENT_QUOTES,"UTF-8"); ?>/">
+        <?php echo htmlspecialchars($_SERVER['HTTP_HOST'], ENT_QUOTES, 
"UTF-8"); ?> NNTP server</a>.
+       </p>
+       <p>
+        There may be a little more info in the <a href="README.md">README</a> 
file.
+       </p>
+       <p>
+        The news server software that is used is <a
+        href="http://trainedmonkey.com/colobus/";>colobus</a>.
+       </p>
+      </div>
      </td>
     </tr>
    </table>
diff --git a/style.css b/style.css
index 4c0d29d..06af354 100644
--- a/style.css
+++ b/style.css
@@ -1,16 +1,4 @@
-body, li, th, td {
-       font-family: verdana,arial,helvetica,sans-serif;
-       font-size: 95%; 
-}
-
-body { 
-       margin: 0; 
-       background: #FFF;
-       color: #000;
-       word-break: break-word;
-}
-
-td,th { 
+td,th {
        color: #000;
 }
 
@@ -92,3 +80,164 @@ table.header {
 .nav {
        width: 20%;
 }
+
+
+* {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+html {
+       background: #333 url('/i/bg-texture-00.svg');
+       color: #CCC;
+}
+body{
+       margin: 3.25rem 0 0;
+       font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, 
sans-serif;
+       font-weight: 400;
+       font-size: 1rem;
+       color: #333;
+       word-break: break-word;
+}
+.header{
+       background: #8892BF;
+       box-shadow: 0 .25em .25em rgba(0,0,0,.1);
+       border-bottom: .25rem solid #4F5B93;
+       color: #FFF;
+       position: fixed;
+       top:0;
+       right: 0;
+       left: 0;
+       z-index: 1;
+       margin-bottom: 0;
+}
+.header-inner{
+       max-width: 1440px;
+       margin:auto;
+       position: relative;
+}
+.header-baseline{
+       position: absolute;
+       right: 0;
+       bottom: 0;
+       padding : .75rem 1.5rem .75rem .75rem ;
+}
+
+.header-brand{
+       opacity: .75;
+       margin-right: .75rem;
+       display: inline-block;
+       max-height: 48px;
+       padding: .75rem .75rem .75rem 1.5rem;
+}
+
+.content{
+       background: #F2F2F2;
+       max-width: 1440px;
+       margin:auto;
+       padding: 1.5rem;
+}
+
+h1{
+       font-weight: 500;
+       color: #333;
+       font-size: 1.75rem;
+       line-height: 3rem;
+       margin: 0 0 1.5rem;
+       overflow: hidden;
+       text-rendering: optimizeLegibility;
+}
+h1:after {
+       display: table;
+       width: 100%;
+       content: " ";
+       margin-top: -1px;
+       border-bottom: 1px dotted;
+}
+pre{
+       white-space: pre-wrap;
+       word-wrap: break-word;
+}
+
+
+.footer{
+       color: #F2F2F2;
+       max-width: 1440px;
+       margin:auto;
+       padding: 1.5rem;
+}
+
+a.alt-link{
+       color: #ccc;
+}
+
+/* Standard Tables */
+table.standard {
+       border-collapse: collapse;
+       border-style: hidden;
+       border:1px solid #d9d9d9;
+       width: 100%;
+}
+
+table.standard td,
+table.standard th {
+       border: 1px solid #d9d9d9;
+}
+
+table.standard tr:nth-child(even) td {
+       background-color: #E6E6E6;
+}
+
+table.standard th {
+       font-size: 1.125rem;
+       padding: 20px 10px 5px 10px;
+       color: #666;
+       font-weight: normal;
+}
+
+table.standard td {
+       padding: 5px 10px;
+       vertical-align: middle;
+}
+
+table.standard tr:nth-child(even) td.subr,
+table.standard tr:nth-child(even) th.subr,
+table.standard tr td.subr,
+table.standard tr th.subr,
+table.standard tr:nth-child(even) td.sub,
+table.standard tr:nth-child(even) th.sub,
+table.standard tr td.sub,
+table.standard tr th.sub {
+       background: #E6E6E6;
+}
+
+table.standard td.subr,
+table.standard th.subr {
+       text-align: right;
+}
+
+
+.welcome-mobile{
+       display: none;
+}
+
+@media screen and (max-width: 760px) {
+       .header-baseline{
+               display: none;
+       }
+       .welcome{
+               display: none;
+       }
+       .welcome-mobile{
+               display: block;
+       }
+       blockquote{
+               margin: 16px;
+       }
+}
+
+@media screen and (max-width: 420px) {
+       .content {
+               padding: 0.5rem;
+       }
+}
-- 
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php

Reply via email to