-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
46 lines (43 loc) · 2.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="Global.js"></script>
</head>
<body class="bg-dark">
<br>
<div class="container-xl">
<h1 class="display-2" style="text-align: center; color: white">RSS Feed Reader</h1>
<div class="input-group mb-3 input-group">
<input type="text" class="form-control" id="input">
<div class="btn bg-primary text-white" id="confirmButton">Add</div>
</div>
<div class="container" style="text-align: center;">
<button class="btn bg-primary text-white" id="gotoFeedButton">Goto Feed</a></button>
<br>
<h1 class="display-5 text-white">How to use</h1>
<div class="container-sm bg-dark" style="text-align: left">
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:white">This is a <abbr title="Rich Site Summary">RSS</abbr> Feed Reader, it uses an <abbr title="Extensible Markup Language">XML</abbr> format. It can be used to get the lastest updates on news, podcast, radio shows, etc. To try it out try entering
<code>http://rss.nzherald.co.nz/rss/xml/nzhtsrsscid_000000698.xml</code> and click "Add" to add the url to the list, and then click "Goto RSS Feed" to see the top stories from the NZ Herald. Many of your favourite media outlets have RSS Feeds, try adding them in too.</p>
</div>
</div>
</div>
<div class="container-xl">
<h1 class="display-3 text-white">RSS Feed URL List</h1>
<div class="container-sm border border-white rounded" style="overflow-y: scroll; height:100px; width: auto;">
<ul class="list-group" id="urlList">
</div>
</ul>
</div>
</div>
<script src="AddFeed.js"></script>
</body>
</html>