From 1885e4bf9568f68f1d0f6c87a2c38786442f693c Mon Sep 17 00:00:00 2001
From: Sebastien SAUVAGE <sebsauvage@sebsauvage.net>
Date: Sun, 11 Aug 2013 22:32:25 +0200
Subject: [PATCH] Version alpha 0.1

Welcome page updated.
---
 README.md     |   6 ++-
 css/style.css | 129 ++++++++++++++++++++++++++++++++++++++++++++++++++
 index.php     | 128 ++++++++++++++++++-------------------------------
 3 files changed, 181 insertions(+), 82 deletions(-)
 create mode 100644 css/style.css

diff --git a/README.md b/README.md
index 5b07fb3..b788470 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,8 @@
 rss-bridge
 ===
 
+Version alpha 0.1
+
 rss-bridge is a collection of independant php scripts capable of generating ATOM feed for specific pages which don't have one.
 
 Supported sites/pages
@@ -28,8 +30,10 @@ Requirements
 ===
 
  * php 5.3
- * [PHP Simple HTML DOM Parser](http://simplehtmldom.sourceforge.net)
+ * [PHP Simple HTML DOM Parser](http://simplehtmldom.sourceforge.net). (Put `simple_html_dom.php` in `vendor/simplehtmldom`).
  * Ssl lib activated in PHP config
+
+Install
  
 Author
 ===
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..913fade
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,129 @@
+/* html5 boilerplate from http://csswizardry.com/2011/01/the-real-html5-boilerplate/  */
+/*------------------------------------*\
+    RESET
+\*------------------------------------*/
+/* http://meyerweb.com/eric/tools/css/reset/ 
+    v2.0b1 | 201101 
+    NOTE:WORK IN PROGRESS
+    USE WITH CAUTION AND TEST WITH ABANDON */
+
+html,body,div,span,applet,object,iframe,
+h1,h2,h3,h4,h5,h6,p,blockquote,pre,
+a,abbr,acronym,address,big,cite,code,
+del,dfn,em,img,ins,kbd,q,s,samp,
+small,strike,strong,sub,sup,tt,var,
+b,u,i,center,
+dl,dt,dd,ol,ul,li,
+fieldset,form,label,legend,
+table,caption,tbody,tfoot,thead,tr,th,td,
+article,aside,canvas,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section,summary,
+time,mark,audio,video{
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    font:inherit;
+    vertical-align:baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section{
+    display:block;
+}
+body{
+    line-height:1;
+}
+ol,ul{
+    list-style:none;
+}
+blockquote,q{
+    quotes:none;
+}
+blockquote:before,blockquote:after,
+q:before,q:after{
+    content:’’;
+    content:none;
+}
+/* remember to define visible focus styles! 
+:focus{
+    outline:?????;
+} */
+
+/* remember to highlight inserts somehow! */
+ins{
+    text-decoration:none;
+}
+del{
+    text-decoration:line-through;
+}
+
+table{
+    border-collapse:collapse;
+    border-spacing:0;
+}
+
+
+/*------------------------------------*\
+    $MAIN
+\*------------------------------------*/
+/* GO! */
+
+
+body {
+    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
+    font-size: 120%;
+}
+
+h1 {
+    font-size: 300%;
+    font-weight: bold;
+    text-shadow: 0 5px 6px rgba(150,150,150,0.69);
+}
+
+h2 {
+    font-size: 120%;
+    margin-bottom: 10px;
+}
+
+form {
+    margin-bottom: 10px;
+}
+
+header,footer {
+    max-width: 600px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+footer {
+    text-align: center;
+    font-size: 60%;
+}
+
+section {
+    max-width: 600px;
+    margin: 30px auto;
+    padding: 10px 15px;
+    -webkit-box-shadow: 0 0 9px rgba(50,50,50,0.51);
+    -moz-box-shadow: 0 0 9px rgba(50,50,50,0.51);
+    box-shadow: 0 0 9px rgba(50,50,50,0.51);
+    background: #f5f5f5;
+}
+
+.description {
+    font-size:70%;
+    margin-bottom: 10px;
+    position:relative;
+    bottom: 5px;
+    color: #555;
+}
+
+.placeholder {
+    color: #aaa;
+}
+
+input, label {
+    font-size: 80%;
+}
\ No newline at end of file
diff --git a/index.php b/index.php
index 4c5ba76..d9460ab 100644
--- a/index.php
+++ b/index.php
@@ -1,7 +1,7 @@
 <?php
 /*
 TODO :
-- manage SSL detection because if library isn't load, some bridge crash !
+- manage SSL detection because if library isn't loaded, some bridge crash !
 - factorize the annotation system
 - factorize to adapter : Format, Bridge, Cache (actually code is almost the same)
 - implement annotation cache for entrance page
@@ -76,97 +76,63 @@ $formats = Format::searchInformation();
 ?>
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Rss-bridge - Create your own network !</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="Rss-bridge" />
-        <style type="text/css"> 
-            *{margin:0;padding:0}
-            fieldset,img{border:0}
-            ul,ol{list-style-type:none}
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Rss-bridge" />
+    <title>RSS-Bridge</title>
+    <link href="css/style.css" rel="stylesheet">
+    <!--[if IE]>
+        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+</head>
 
-            body{background:#fff;color:#000;}
+<body>
 
-            h1{font-size:2rem;margin-bottom:1rem;text-shadow:0 3px 3px #aaa;}
-            button{cursor:pointer;border:1px solid #959595;border-radius:4px;
-                background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(237,237,237) 100%);
-                background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(237,237,237) 100%);
-                background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(237,237,237) 100%);
-                background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(237,237,237) 100%);
-                background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(237,237,237) 100%);
-            }
-            button:hover{
-                background-image: linear-gradient(top, rgb(237,237,237) 0%, rgb(255,255,255) 100%);
-                background-image: -o-linear-gradient(top, rgb(237,237,237) 0%, rgb(255,255,255) 100%);
-                background-image: -moz-linear-gradient(top, rgb(237,237,237) 0%, rgb(255,255,255) 100%);
-                background-image: -webkit-linear-gradient(top, rgb(237,237,237) 0%, rgb(255,255,255) 100%);
-                background-image: -ms-linear-gradient(top, rgb(237,237,237) 0%, rgb(255,255,255) 100%);
-            }
-            input[type="text"]{width:14rem;padding:.1rem;}
+    <header>
+        <h1>RSS-Bridge</h1>
+    </header>
 
-            .main{width:98%;margin:0 auto;font-size:1rem;}
-            .list-bridge > li:first-child{margin-top:0;}
-            .list-bridge > li{background:#f5f5f5;padding:.5rem 1rem;margin-top:2rem;border-radius:4px;
-                -webkit-box-shadow: 0px 0px 6px 2px #cfcfcf;
-                box-shadow: 0px 0px 6px 2px #cfcfcf;
-            }
-            .list-bridge > li .name{font-size:1.4rem;}
-            .list-bridge > li .description{font-size:.9rem;color:#717171;margin-bottom:.5rem;}
-            .list-bridge > li label{display:none;}
-            .list-bridge > li .list-use > li:first-child{margin-top:0;}
-            .list-bridge > li .list-use > li{margin-top:.5rem;}
+        <?php foreach($bridges as $bridgeReference => $bridgeInformations): ?>
+            <section id="bridge-<?php echo $bridgeReference ?>" data-ref="<?php echo $bridgeReference ?>">
+                <h2><?php echo $bridgeInformations['name'] ?></h2>
+                <p class="description">
+                    <?php echo isset($bridgeInformations['description']) ? $bridgeInformations['description'] : 'No description provided' ?>
+                </p> 
 
-            #origin{text-align:center;margin-top:2rem;}
-        </style>
-    </head>
-    <body>
-        <div class="main">
-            <h1>RSS-Bridge</h1>
-            <ul class="list-bridge">
-            <?php foreach($bridges as $bridgeReference => $bridgeInformations): ?>
-                <li id="bridge-<?php echo $bridgeReference ?>" data-ref="<?php echo $bridgeReference ?>">
-                    <div class="name"><?php echo $bridgeInformations['name'] ?></div>
-                    <div class="informations">
-                        <p class="description">
-                            <?php echo isset($bridgeInformations['description']) ? $bridgeInformations['description'] : 'No description provide' ?>
-                        </p>
-                        <?php if( isset($bridgeInformations['use']) && count($bridgeInformations['use']) > 0 ): ?>
-                        <ol class="list-use">
-                            <?php foreach($bridgeInformations['use'] as $anUseNum => $anUse): ?>
-                            <li data-use="<?php echo $anUseNum ?>">
-                                <form method="GET" action="?">
-                                    <input type="hidden" name="action" value="display" />
-                                    <input type="hidden" name="bridge" value="<?php echo $bridgeReference ?>" />
-                                    <?php foreach($anUse as $argName => $argDescription): ?>
-                                    <?php
-                                        $idArg = 'arg-' . $bridgeReference . '-' . $anUseNum . '-' . $argName;
-                                    ?>
-                                    <label for="<?php echo $idArg ?>"><?php echo $argDescription ?></label><input id="<?php echo $idArg ?>" type="text" value="" name="<?php echo $argName ?>" placeholder="<?php echo $argDescription ?>" />
-                                    <?php endforeach; ?>
-                                    <?php foreach( $formats as $name => $infos ): ?>
-                                        <?php if( isset($infos['name']) ){ echo getHelperButtonFormat($name, $infos['name']); } ?>
-                                    <?php endforeach; ?>
-                                </form>
-                            </li>
-                            <?php endforeach; ?>
-                        </ol>
-                        <?php else: ?>
+                <?php if( isset($bridgeInformations['use']) && count($bridgeInformations['use']) > 0 ): ?>
+                <ol class="list-use">
+                    <?php foreach($bridgeInformations['use'] as $anUseNum => $anUse): ?>
+                    <li data-use="<?php echo $anUseNum ?>">
                         <form method="GET" action="?">
                             <input type="hidden" name="action" value="display" />
                             <input type="hidden" name="bridge" value="<?php echo $bridgeReference ?>" />
+                            <?php foreach($anUse as $argName => $argDescription): ?>
+                            <?php
+                                $idArg = 'arg-' . $bridgeReference . '-' . $anUseNum . '-' . $argName;
+                            ?>
+                            <input id="<?php echo $idArg ?>" type="text" value="" placeholder="<?php echo $argDescription; ?>" name="<?php echo $argName ?>" placeholder="<?php echo $argDescription ?>" />
+                            <?php endforeach; ?>
                             <?php foreach( $formats as $name => $infos ): ?>
                                 <?php if( isset($infos['name']) ){ echo getHelperButtonFormat($name, $infos['name']); } ?>
                             <?php endforeach; ?>
                         </form>
-                        <?php endif; ?>
-                    </div>
-                </li>
+                    </li>
+                    <?php endforeach; ?>
+                </ol>
+                <?php else: ?>
+                <form method="GET" action="?">
+                    <input type="hidden" name="action" value="display" />
+                    <input type="hidden" name="bridge" value="<?php echo $bridgeReference ?>" />
+                    <?php foreach( $formats as $name => $infos ): ?>
+                        <?php if( isset($infos['name']) ){ echo getHelperButtonFormat($name, $infos['name']); } ?>
+                    <?php endforeach; ?>
+                </form>
+                <?php endif; ?>
+            </section>
             <?php endforeach; ?>
-            </ul>
-            <p id="origin">
-                <a href="">RSS-Bridge</a>
-            </p>
-        </div>
+    <footer>
+        <a href="https://github.com/sebsauvage/rss-bridge">RSS-Bridge</a> alpha 0.1
+    </footer>  
     </body>
 </html>
\ No newline at end of file