forked from blallo/rss-bridge
Version alpha 0.1
Welcome page updated.
This commit is contained in:
Sebastien SAUVAGE
parent
37b14f459b
commit
1885e4bf95
3 changed files with 181 additions and 82 deletions
|
|
@ -1,6 +1,8 @@
|
||||||
rss-bridge
|
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.
|
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
|
Supported sites/pages
|
||||||
|
|
@ -28,9 +30,11 @@ Requirements
|
||||||
===
|
===
|
||||||
|
|
||||||
* php 5.3
|
* 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
|
* Ssl lib activated in PHP config
|
||||||
|
|
||||||
|
Install
|
||||||
|
|
||||||
Author
|
Author
|
||||||
===
|
===
|
||||||
I'm sebsauvage, webmaster of [sebsauvage.net](http://sebsauvage.net), author of [Shaarli](http://sebsauvage.net/wiki/doku.php?id=php:shaarli) and [ZeroBin](http://sebsauvage.net/wiki/doku.php?id=php:zerobin).
|
I'm sebsauvage, webmaster of [sebsauvage.net](http://sebsauvage.net), author of [Shaarli](http://sebsauvage.net/wiki/doku.php?id=php:shaarli) and [ZeroBin](http://sebsauvage.net/wiki/doku.php?id=php:zerobin).
|
||||||
|
|
|
||||||
129
css/style.css
Normal file
129
css/style.css
Normal file
|
|
@ -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%;
|
||||||
|
}
|
||||||
78
index.php
78
index.php
|
|
@ -1,7 +1,7 @@
|
||||||
<?php
|
<?php
|
||||||
/*
|
/*
|
||||||
TODO :
|
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 the annotation system
|
||||||
- factorize to adapter : Format, Bridge, Cache (actually code is almost the same)
|
- factorize to adapter : Format, Bridge, Cache (actually code is almost the same)
|
||||||
- implement annotation cache for entrance page
|
- implement annotation cache for entrance page
|
||||||
|
|
@ -76,61 +76,30 @@ $formats = Format::searchInformation();
|
||||||
?>
|
?>
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<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="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta name="description" content="Rss-bridge" />
|
<meta name="description" content="Rss-bridge" />
|
||||||
<style type="text/css">
|
<title>RSS-Bridge</title>
|
||||||
*{margin:0;padding:0}
|
<link href="css/style.css" rel="stylesheet">
|
||||||
fieldset,img{border:0}
|
<!--[if IE]>
|
||||||
ul,ol{list-style-type:none}
|
<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;}
|
<header>
|
||||||
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;}
|
|
||||||
|
|
||||||
.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;}
|
|
||||||
|
|
||||||
#origin{text-align:center;margin-top:2rem;}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="main">
|
|
||||||
<h1>RSS-Bridge</h1>
|
<h1>RSS-Bridge</h1>
|
||||||
<ul class="list-bridge">
|
</header>
|
||||||
|
|
||||||
<?php foreach($bridges as $bridgeReference => $bridgeInformations): ?>
|
<?php foreach($bridges as $bridgeReference => $bridgeInformations): ?>
|
||||||
<li id="bridge-<?php echo $bridgeReference ?>" data-ref="<?php echo $bridgeReference ?>">
|
<section id="bridge-<?php echo $bridgeReference ?>" data-ref="<?php echo $bridgeReference ?>">
|
||||||
<div class="name"><?php echo $bridgeInformations['name'] ?></div>
|
<h2><?php echo $bridgeInformations['name'] ?></h2>
|
||||||
<div class="informations">
|
|
||||||
<p class="description">
|
<p class="description">
|
||||||
<?php echo isset($bridgeInformations['description']) ? $bridgeInformations['description'] : 'No description provide' ?>
|
<?php echo isset($bridgeInformations['description']) ? $bridgeInformations['description'] : 'No description provided' ?>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<?php if( isset($bridgeInformations['use']) && count($bridgeInformations['use']) > 0 ): ?>
|
<?php if( isset($bridgeInformations['use']) && count($bridgeInformations['use']) > 0 ): ?>
|
||||||
<ol class="list-use">
|
<ol class="list-use">
|
||||||
<?php foreach($bridgeInformations['use'] as $anUseNum => $anUse): ?>
|
<?php foreach($bridgeInformations['use'] as $anUseNum => $anUse): ?>
|
||||||
|
|
@ -142,7 +111,7 @@ $formats = Format::searchInformation();
|
||||||
<?php
|
<?php
|
||||||
$idArg = 'arg-' . $bridgeReference . '-' . $anUseNum . '-' . $argName;
|
$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 ?>" />
|
<input id="<?php echo $idArg ?>" type="text" value="" placeholder="<?php echo $argDescription; ?>" name="<?php echo $argName ?>" placeholder="<?php echo $argDescription ?>" />
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
<?php foreach( $formats as $name => $infos ): ?>
|
<?php foreach( $formats as $name => $infos ): ?>
|
||||||
<?php if( isset($infos['name']) ){ echo getHelperButtonFormat($name, $infos['name']); } ?>
|
<?php if( isset($infos['name']) ){ echo getHelperButtonFormat($name, $infos['name']); } ?>
|
||||||
|
|
@ -160,13 +129,10 @@ $formats = Format::searchInformation();
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</form>
|
</form>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</section>
|
||||||
</li>
|
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</ul>
|
<footer>
|
||||||
<p id="origin">
|
<a href="https://github.com/sebsauvage/rss-bridge">RSS-Bridge</a> alpha 0.1
|
||||||
<a href="">RSS-Bridge</a>
|
</footer>
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in a new issue