You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

118 lines
4.9 KiB

<!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 un espace. Exemple : http://flux1.rss.com http://flux2.rss.com
</span>
</fieldset>
<div class="clear"></div>
<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"></div>
<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>
</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>
&nbsp; &nbsp;| &nbsp; &nbsp; 
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
&nbsp; &nbsp;| &nbsp; &nbsp; 
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>
</div>
<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>