115 lines
4.8 KiB
HTML
115 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<title>FeedMonkey</title>
|
|
|
|
<link rel="stylesheet" href="css/screen.css" />
|
|
|
|
<script src="js/App.js"></script>
|
|
<script src="js/TinyTinyRSS.js"></script>
|
|
<script src="js/OwnCloud.js"></script>
|
|
<script src="js/Pond.js"></script>
|
|
<script src="js/md5.js"></script>
|
|
<script src="js/Login.js"></script>
|
|
<script src="js/hammer.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<section id="list" class="active">
|
|
<header class="bar">
|
|
<a class="button icon settings" href="#settings">⚙</a>
|
|
<a class="button icon reload" href="#reload">🔄</a>
|
|
<a class="button icon all-read inactive" href="#all-read" id="all-read">✓</a>
|
|
<canvas width="40" height="40"></canvas>
|
|
</header>
|
|
<article>
|
|
<ul></ul>
|
|
</article>
|
|
</section>
|
|
|
|
<section id="settings">
|
|
<header class="bar">
|
|
<a class="button icon" href="#list"></a>
|
|
</header>
|
|
<article>
|
|
<ul>
|
|
<li class="font-size">
|
|
<span><span class="icon">🔍</span> <small>A</small><big>A</big>:</span>
|
|
<a class="button small" href="#font-smaller"><span class="icon">⬇</span></a>
|
|
<a class="button small" href="#font-bigger"><span class="icon">⬆</span></a>
|
|
</li>
|
|
<li><a href="#color-white" class="color-white button"><span class="icon"></span> White</a></li>
|
|
<li><a href="#color-blue" class="color-blue button"><span class="icon"></span> Blue</a></li>
|
|
<li><a href="#color-yellow" class="color-yellow button"><span class="icon"></span> Yellow</a></li>
|
|
<li><a href="#color-red" class="color-red button"><span class="icon"></span> Red (default)</a></li>
|
|
<li class="reset-info"><a href="#reset-info" class="button"><span class="icon"></span> View those info bubbles again</a></li>
|
|
<li><a href="#logout" class="button"><span class="icon"></span> Log out</a></li>
|
|
<li class="version"><span class="icon"></span> You're running version <em id="version"></em></li>
|
|
<li class="madeby"><span class="icon"></span> Made by <a href="http://jabs.nu/" target="_blank">Jabs Nu</a></li>
|
|
<li class="icons"><span class="icon">🕅</span> Icons by <a href="http://www.entypo.com/" target="_blank">Entypo</a></li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
|
|
<section id="login">
|
|
<header class="bar">
|
|
<h1>Please log in</h1>
|
|
</header>
|
|
<article>
|
|
<form>
|
|
<p class="smallogo">
|
|
<img src="img/icon-128.png" alt="Logo, an ape head">
|
|
</p>
|
|
<p class="backends">
|
|
<label class="button"><input type="radio" name="backend" value="TinyTinyRSS" checked="checked" /> Tiny Tiny RSS</label>
|
|
<label class="button"><input type="radio" name="backend" value="OwnCloud" /> ownCloud News</label>
|
|
<label class="button"><input type="radio" name="backend" value="Pond" /> Pond</label>
|
|
</p>
|
|
<p>
|
|
<label for="url">URL:</label>
|
|
<input class="button" type="text" name="url" id="url" value="" placeholder="http://example.com/tt-rss/" x-inputmode="verbatim" autocorrect="off" />
|
|
<label for="un">Username:</label>
|
|
<input class="button" type="text" name="user" id="un" value="" placeholder="username" x-inputmode="verbatim" autocorrect="off" />
|
|
<label for="pw">Password:</label>
|
|
<input class="button" type="password" name="pass" id="pw" value="" placeholder="password" x-inputmode="verbatim" autocorrect="off" />
|
|
</p>
|
|
<p>
|
|
<button class="button" type="submit">Sign in</button>
|
|
</p>
|
|
</form>
|
|
</article>
|
|
</section>
|
|
|
|
<section id="full">
|
|
<header class="bar">
|
|
<a class="button icon list" href="#list"></a>
|
|
<a id="setpublished" class="button icon inactive hidden" href="#published"></a>
|
|
<a id="setstarred" class="button icon inactive" href="#starred">★</a>
|
|
<a id="setunread" class="button icon inactive" href="#unread">✓</a>
|
|
<canvas width="40" height="40"></canvas>
|
|
</header>
|
|
<article>
|
|
<header>
|
|
<p><span class="feed_title"></span> <span class="author"></span></p>
|
|
<h1><a class="title" href="" target="_blank"></a></h1>
|
|
<p><timedate class="date"></timedate></p>
|
|
</header>
|
|
<div class="article"></div>
|
|
<div class="info swipe">
|
|
<p>Swipe with your finger right and left to navigate to next and previous article.</p>
|
|
</div>
|
|
</article>
|
|
<footer class="bar">
|
|
<a class="button previous icon" href="#previous">←</a>
|
|
<a class="button next icon" href="#next">→</a>
|
|
</footer>
|
|
</section>
|
|
|
|
<script src="js/application.js"></script>
|
|
|
|
</body>
|
|
</html>
|