|
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
|
|
<head>
|
|
<title>RSS-Fusion - Démo</title>
|
|
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="chrome=1"><![endif]-->
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
|
|
<link rel="dns-prefetch" href="http://fonts.googleapis.com/">
|
|
<link rel="dns-prefetch" href="http://ajax.googleapis.com/">
|
|
<link rel="dns-prefetch" href="http://html5shim.googlecode.com/">
|
|
<link rel="shortcut icon" href="img/favicon.ico">
|
|
<link rel="apple-touch-icon" href="img/apple-touch-icon-57x57-precomposed.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72-ipad.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114-retina.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144-retina.png">
|
|
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,400italic">
|
|
<link rel="stylesheet" type="text/css" href="styles/reset.css">
|
|
<link rel="stylesheet" type="text/css" href="styles/styles.css">
|
|
<link rel="stylesheet" type="text/css" href="styles/font-awesome.css">
|
|
<!--[if IE]><link href="http://www.3818.com.ar/styles/fix-old-ie.css" media="all" type="text/css" rel="stylesheet">
|
|
<![endif]-->
|
|
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
<!--[if IE]>
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
|
|
<style>.chromeFrameInstallDefaultStyle { width: 100%; border: 5px solid #ffa700; }</style><div id="prompt"></div>
|
|
<script>window.attachEvent("onload", function() {CFInstall.check({mode: "overlay", node: "prompt"});});</script>
|
|
<![endif]-->
|
|
|
|
<header>
|
|
<div class="wrapper">
|
|
<div class="content">
|
|
<hgroup>
|
|
<h1>RSS-Fusion</h1>
|
|
<h2>Fusion et filtre de flux RSS</h2>
|
|
</hgroup>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="sectionorange">
|
|
<section id="contact">
|
|
<div class="separator">
|
|
<div class="line"></div>
|
|
<h2>Créer un flux personnalisé</h2>
|
|
<div class="line"></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="contact-form shadow" id="form">
|
|
<form id="contact_form" method="POST" action="" accept-charset="UTF-8">
|
|
<fieldset class="full-form">
|
|
<label for="flux">URL des flux RSS à fusionner(*)</label>
|
|
<textarea id="flux" name="flux"></textarea>
|
|
<span class="note">
|
|
(*) Séparer chaque lien par une virgule. Exemple : http://flux1.rss.com,http://flux2.rss.com
|
|
</span>
|
|
</fieldset>
|
|
|
|
<div class="clear">
|
|
<div class="bottom-shadow"></div>
|
|
<div class="no-shadow hidden"></div>
|
|
<div class="clear"></div>
|
|
<fieldset id="question" class="full-form">
|
|
<span>Je désire </span>
|
|
<select name="filter" id="filter">
|
|
<option value="show">afficher</option>
|
|
<option value="hide">masquer</option>
|
|
</select>
|
|
<span>les items contenant le(s) mot(s) clés (*) : </span>
|
|
<input type="text" name="words" value="" id="words">
|
|
<span>en effectuant ma recherche sur</span>
|
|
<select name="where" id="where">
|
|
<option value="title">le titre</option>
|
|
<option value="description">la description</option>
|
|
<option value="all">le titre et la description</option>
|
|
</select>
|
|
<br />
|
|
<span class="note tright">
|
|
(*) Séparer chaque mot clé par une virgule. Exemple : motclé1, mot clé 2
|
|
</span>
|
|
</fieldset>
|
|
|
|
<div class="clear">
|
|
<fieldset class="fsubmit full-form">
|
|
<div id="ajax-message"></div>
|
|
<div class="clear"></div>
|
|
<input id="submit" type="button" class="btn btn-success btn-submit" value="Générer !">
|
|
<div class="clear"></div>
|
|
<div id="rss-lk"></div>
|
|
</fieldset>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="sectionblue">
|
|
<footer id="footer">
|
|
<div class="wrapper">
|
|
|
|
Outil réalisé à partir de <a href="https://framagit.org/Erase/RSS-Fusion" target="_blank" title="RSS-Fusion sur Framagit">RSS-Fusion</a>
|
|
|
|
|
Réalisé par <a href="http://www.green-effect.Fr" target="_blank" title="Green Effect">un développeur paysagiste</a> sous licence BY-NC-SA 4.0
|
|
|
|
|
Sources disponibles sur <a href="https://framagit.org/Erase/RSS-Fusion-Demo" target="_blank" title="RSS-Fusion-Démo sur Framagit">Framagit</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/jquery.min.js" type="text/javascript"></script>
|
|
<script src="js/modernizr.custom.js" type="text/javascript"></script>
|
|
<script src="js/jquery.scrollTo-1.4.3.1.js" type="text/javascript"></script>
|
|
<script src="js/custom.js" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|