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
|
||||
===
|
||||
|
||||
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,9 +30,11 @@ 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
|
||||
===
|
||||
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
|
||||
/*
|
||||
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,61 +76,30 @@ $formats = Format::searchInformation();
|
|||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Rss-bridge - Create your own network !</title>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<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}
|
||||
<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;}
|
||||
|
||||
.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">
|
||||
<header>
|
||||
<h1>RSS-Bridge</h1>
|
||||
<ul class="list-bridge">
|
||||
</header>
|
||||
|
||||
<?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">
|
||||
<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 provide' ?>
|
||||
<?php echo isset($bridgeInformations['description']) ? $bridgeInformations['description'] : 'No description provided' ?>
|
||||
</p>
|
||||
|
||||
<?php if( isset($bridgeInformations['use']) && count($bridgeInformations['use']) > 0 ): ?>
|
||||
<ol class="list-use">
|
||||
<?php foreach($bridgeInformations['use'] as $anUseNum => $anUse): ?>
|
||||
|
|
@ -142,7 +111,7 @@ $formats = Format::searchInformation();
|
|||
<?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 ?>" />
|
||||
<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']); } ?>
|
||||
|
|
@ -160,13 +129,10 @@ $formats = Format::searchInformation();
|
|||
<?php endforeach; ?>
|
||||
</form>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</li>
|
||||
</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>
|
||||
Loading…
Reference in a new issue