This repository was archived by the owner on Nov 13, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (120 loc) · 6.33 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Doughnut Reader</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<link rel="apple-touch-icon" sizes="180x180" href="images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicons/favicon-16x16.png">
<link rel="mask-icon" href="images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="images/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Doughnut Reader">
<meta name="application-name" content="Doughnut Reader">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="images/favicons/browserconfig.xml">
<meta name="theme-color" content="#262626">
<link rel="manifest" href="/site.webmanifest">
</head>
<body class="bg-dark-grey txt-white">
<!-- Modal -->
<div id="modal" class="container d-none">
<div id="overlay"></div>
<div class="row">
<div id="modal_content" class="col-sm-10 offset-sm-1 col-md-6 offset-md-3">
<!-- Dynamic Section -->
<!-- <h2><a href="" id="titleComments" class="txt-white"></a></h2> -->
<!-- <p id="commentsCount"></p> -->
<!-- <div id="commentsMainContent" class=""></div> -->
<div id="fullTextContentContainer" class="mt-5">
</div>
<!-- End of Dynamic Section -->
<button title="Close Article (Esc)" id="close_modal" class="txt-white border bg-light-grey btn-lg">
<span>Close Article</span>
</button>
</div>
</div>
</div>
<!-- End Modal -->
<main class="mb-4" id="main">
<div class="container">
<div class="row mt-3 justify-content-center">
<div class="col-12 col-md-8 d-flex justify-content-center">
<a href="/" class="text-decoration-none">
<h1 class="h3 txt-white"><small>🍩 </small>Doug<u>hn</u>ut Reader<small> 🍩</small></h1>
</a>
</div>
</div>
<div class="row mt-3 justify-content-center">
<div class="col-12 col-md-9">
<div class="row justify-content-center">
<div class="col-8 d-flex justify-content-center">
<p class="txt-white page-counter d-none">
Page <span class="page-number">1</span>
</div>
</div>
<div class="row mb-3 justify-content-center">
<div class="col-6 col-md-3 d-flex justify-content-center">
<button type="button"
class="previous-stories-button change-page-button d-none btn btn-lg mb-4 txt-white bg-light-grey border"
id="previous-stories" title="Previous 30 Articles (j)">← Previous</button>
</div>
<div class="col-6 col-md-3 d-flex justify-content-center">
<button type="button"
class="more-stories-button change-page-button d-none btn btn-lg mb-4 txt-white bg-light-grey border"
id="more-stories" title="Next 30 Articles (k)">Next →</button>
</div>
</div>
<div id="content">
<!-- Stories -->
</div>
<div class="row justify-content-center">
<div class="col-8 d-flex justify-content-center">
<p class="txt-white page-counter d-none">
Page <span class="page-number">1</span>
</div>
</div>
<div class="row mb-3 justify-content-center">
<div class="col-6 col-md-3 d-flex justify-content-center">
<button type="button"
class="previous-stories-button change-page-button d-none btn btn-lg mb-4 txt-white bg-light-grey border"
id="previous-stories" title="Previous 30 Articles (j)">← Previous</button>
</div>
<div class="col-6 col-md-3 d-flex justify-content-center">
<button type="button"
class="more-stories-button change-page-button d-none btn btn-lg mb-4 txt-white bg-light-grey border"
id="more-stories" title="Next 30 Articles (k)">Next →</button>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="d-none">
<div class="container">
<div class="row mt-4 mb-4">
<div class="col-11 offset-1 col-10 col-md-3 offset-md-2">
<p>
By <a href="https://twitter.com/_edjw" class="txt-white">Ed Johnson-Williams</a>
</p>
<p>
<a href="https://github.com/edjw/hacker_news_reader" class="txt-white">Source on Github</a>
</p>
</div>
<div class="col-11 offset-1 col-md-4 mt-4 mt-md-0">
<p class="txt-md-right">
Builds on top of Lim Chee Aun's <a href="https://github.com/cheeaun/node-hnapi"
class="txt-white">Unofficial
Hacker News API</a>.
</p>
</div>
</div>
</div>
</footer>
<script src="main.js"></script>
<script src="modal.js"></script>
</body>
</html>