-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
200 lines (155 loc) · 7.76 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./assets/favicon.png" type="image/x-icon">
<title>Samaya</title>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Rhodium+Libre&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<section class="hero">
<div class="overlay"></div>
<!-- Logo -->
<div class="d-flex" id="logo">
<img src="./assets/favicon.png" width="32" class="align-self-center">
<label class="m-1">
<span class="appName ml-2">Samaya</span>
<span class="version">1.0.3</span>
</label>
</div>
<div class="content d-flex flex-column h-100">
<div class="clock w-100 mt-5 text-white">
<p id="clock" class="text-center mb-0"></p>
</div>
<p id="greeting" class="text-center text-white"></p>
<p class="lead mt-4 text-white text-center">
Samaya is a friendly personal dashboard featuring Nepali calendar, daily
Nepali quotes & Nepali wallpapers.
</p>
<div class="btnActionContainer mt-5 d-flex justify-content-center">
<a class="btnCta"
href="https://chrome.google.com/webstore/detail/samaya/jmpipanemahgfelokjjpdilfcfboinni"
target="_blank">
<img src="./assets/chrome_icon.png" width="32" class="mr-4">
<span>
Download for Chrome
</span>
</a>
<a class="btnCta"
href="https://addons.mozilla.org/en-GB/firefox/addon/samaya/"
target="_blank">
<img src="./assets/firefox_icon.png" width="32" class="mr-4">
<span>
Download for Firefox
</span>
</a>
</div>
</div>
<div id="credits" class="text-right d-flex flex-column">
<span> Gokyo Lake, Khumjung, Nepal</span>
<p class="text-right mb-0">Chinh Le Duc |
<a href="https://unsplash.com/@mero_dnt" target="_blank" rel="noopener noreferrer">Unsplash</a>
</p>
</div>
</section>
<section id="why">
<div class="container mt-5">
<div class="text-center">
<span class="title">Why "Samaya"</span>
</div>
<p class="lead text-center mt-5 ml-4">
Samaya is a hobby project developed as an alternative for
<a href="http://" target="_blank" rel="noopener noreferrer">Momentum</a>, as a more familiar(native)
version. Nepali calendar, nepali quotes, nepali wallpapers; looking at native stuffs on a piece of tech
you use daily, gives a different kind of satisfaction.
</p>
</div>
</section>
<section id="contribution" class="mt-5">
<div class="container">
<div class="text-center">
<span class="title">
Contribution guide
</span>
</div>
<p class="lead text-center mt-5">
Excited to hear that you are interested in contributing to this project!
</p>
<div class="row mt-5">
<div class="col-12 col-md-6">
<p class="lead text-center font-bold">Contribute to code</p>
<ul>
<li class="mb-3">
Samaya is an open source project. The extension is built with Vuejs(2) & SCSS. Please refer
to
<a href="https://github.com/bibhuticoder/samaya" target="_blank"
rel="noopener noreferrer">Github repo</a>
for more technical details.
</li>
<li class="mb-3">
Wallpapers are fetched from
<a href="https://unsplash.com/developers" target="_blank" rel="noopener noreferrer">Unsplash
API</a>
. Extension is built to load relevant images
from a set of Unsplash collections, defined in settings.
</li>
<li>
Random Nepali quotes are loaded daily from <a
href="https://github.com/bibhuticoder/samaya-quotes-api" target="_blank"
rel="noopener noreferrer">Samaya Quotes API</a>. Please refer to its documentation for
more details or check the
dedicated <a
href="https://github.com/bibhuticoder/samaya-quotes-api/blob/master/CONTRIBUTING.md"
target="_blank" rel="noopener noreferrer">contribution guide</a>.
</li>
</ul>
<p class="note text-muted m-3 text-center">
Any kind of suggestions from technical perspective are highly welcome.
</p>
</div>
<div class="col-12 col-md-6">
<p class="lead font-weight-bold text-center font-bold">Supporting Materials</p>
<ul>
<li class="mb-3">
Do you have passion for collecting
<span class="font-bold">Nepali Quotes</span>? This project needs your help to deliver daily
inspirational quotes to its users.
</li>
<li class="mb-3">
This project is always in search of <span class="font-bold">HD Nepali landscape
wallpapers</span>. If you have relevant photographs
on
<a href="https://unsplash.com/" target="_blank" rel="noopener noreferrer">Unsplash</a>, or
it can be published there,
please contact us.
</li>
<li>
Bug reports, changes to existing features, addition of new features etc. are always welcome.
</li>
</ul>
<p class="note text-muted m-3 text-center">
To contribute for supporting materials, please contact the developer
<a href="mailto:[email protected]">[email protected]</a>.
</p>
</div>
</div>
<p class="mt-5 text-center">
Developed & maintained with
<img src="./assets/heart.png" style="width: 16px; height: 16px">
by <a href="https://github.com/bibhuticoder" target="_blank" rel="noopener noreferrer">Bibhuti
Poudyal</a>
</p>
</div>
</section>
<script src="./script.js"></script>
</body>
</html>