This repository has been archived by the owner on Apr 14, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
115 lines (107 loc) · 4.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!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>