-
Notifications
You must be signed in to change notification settings - Fork 2
/
reader.html
155 lines (142 loc) · 7.2 KB
/
reader.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
148
149
150
151
152
153
154
155
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Libertas</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#fff">
<meta name="Description" content="Libertas - Unstoppable and Censorship Resistant Social Network">
<link rel="manifest" href="manifest.json">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="Libertas">
<meta name="apple-mobile-web-app-title" content="Libertas">
<meta name="theme-color" content="#000">
<meta name="msapplication-navbutton-color" content="#000">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="msapplication-starturl" content="/">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" href="icons/icon.png">
<link rel="icon" type="image/svg" href="icons/favicon.svg">
<link href="https://rpc-mumbai.matic.today" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com" rel="preconnect" crossorigin>
<link href="https://source.unsplash.com" rel="preconnect" crossorigin>
<link href="https://ipfs.infura.io" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i|Roboto:400,700|Roboto+Mono:400,700" rel="stylesheet">
<link rel="stylesheet" media="all" href="css/bootstrap.min.css">
<link rel="stylesheet" media="all" href="css/lighthouse.css">
</head>
<body style="font-display:swap !important;">
<div class="loader-div">
<span class="loader">
<span></span>
<span></span>
</span>
<br/>
<span style="color: white;">Fetching Article From IPFS</span>
</div>
<div class="page">
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="">
<div class="navbar-logo">
<img class="navbar-pic" src="icons/icon.svg" style="filter: invert(1);" alt="logo">
</div>
<div class="navbar-title">Libertas</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarDropdown" aria-controls="navbarDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarDropdown">
<div class="d-flex align-items-center">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./discover.html">Videos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./golive.html">Live</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./articles.html">Articles</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./call.html">Call</a>
</li>
</ul>
<a class="btn btn-blue" href="./account.html">Your Account</a>
</div>
</div>
</nav>
</div>
</header>
<div class="inner">
<div class="contacts">
<div class="container">
<div class="contacts-wrap">
<div class="title">
<span id='dTitle'>Loading</span>
<br/>
<div>
<span class="text" id='author'>Author</span>
<div style="visibility:hidden;filter:invert(1);display:inline;position: absolute;margin-top:6px;margin-left: 10px;" id="share">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24">
<path d="M5 7c2.761 0 5 2.239 5 5s-2.239 5-5 5-5-2.239-5-5 2.239-5 5-5zm11.122 12.065c-.073.301-.122.611-.122.935 0 2.209 1.791 4 4 4s4-1.791 4-4-1.791-4-4-4c-1.165 0-2.204.506-2.935 1.301l-5.488-2.927c-.23.636-.549 1.229-.943 1.764l5.488 2.927zm7.878-15.065c0-2.209-1.791-4-4-4s-4 1.791-4 4c0 .324.049.634.122.935l-5.488 2.927c.395.535.713 1.127.943 1.764l5.488-2.927c.731.795 1.77 1.301 2.935 1.301 2.209 0 4-1.791 4-4z"></path>
</svg>
</div>
</div>
</div>
<div class="row" id="dArticle">
<center>Here's your chance to catch a few blinks.</center>
</div>
<div class="btn btn-white" style="max-width:250px;margin: 10px;" id ="tipBtn" onclick="tip()">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 3c-4.971 0-9 4.029-9 9s4.029 9 9 9 9-4.029 9-9-4.029-9-9-9zm1 13.947v1.053h-1v-.998c-1.035-.018-2.106-.265-3-.727l.455-1.644c.956.371 2.229.765 3.225.54 1.149-.26 1.385-1.442.114-2.011-.931-.434-3.778-.805-3.778-3.243 0-1.363 1.039-2.583 2.984-2.85v-1.067h1v1.018c.725.019 1.535.145 2.442.42l-.362 1.648c-.768-.27-1.616-.515-2.442-.465-1.489.087-1.62 1.376-.581 1.916 1.711.804 3.943 1.401 3.943 3.546.002 1.718-1.344 2.632-3 2.864z"/></svg>
Tip
</div>
<div class="btn btn-white" style="max-width:250px;margin: 10px;" id ="copyLinkBtn" onclick="copylink()">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M22 6v16h-16v-16h16zm2-2h-20v20h20v-20zm-24 17v-21h21v2h-19v19h-2z"/></svg>
Copy Link
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="footer-links text-center">
Made with ❤️ by <a href="https://anudit.dev" target="_blank" rel="noopener">Anudit Nagar</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('service-worker.js')
.then(registration => {
console.log('Service Worker is registered', registration);
})
.catch(err => {
console.error('Registration failed:', err);
});
});
}
</script>
<script src="js/lib/web3@1.2.11.js"></script>
<script src="js/lib/jquery-3.5.1.min.js"></script>
<script src="js/lib/bootstrap.min.js"></script>
<script src="js/lib/buffer@latest.js"></script>
<script src="js/lib/markdown-it@11.0.0.js"></script>
<script src="js/lib/lighthouse.js"></script>
<script src="js/lib/mexa@1.5.13.min.js"></script>
<script src="js/globals.js"></script>
<script src="js/contract.js"></script>
<script src="js/reader.js"></script>
<script src="js/index.js"></script>
</body>
</html>