forked from deepjyoti30/startpage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (49 loc) · 2.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>startpage</title>
<!--Json Editor-->
<link rel="stylesheet" href="css/jsoneditor.min.css" type="text/css">
<!--Custom CSS-->
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="settings" class="settings-modal">
<div class="modal-content">
<span class="close">×</span>
<h2>
Edit the config.json below. Check <a href="https://github.com/deepjyoti30/startpage#settings">this</a> for details
</h2>
<div id="jsoneditor" style="width: 100%;height: 80%;"></div>
</div>
</div>
<div id="main" class="main">
<div id="message">
<h1 id="message-text">Good Morning!</h1>
</div>
<div id="date">
<h2 id="date-text"></h2>
<h2 id="line">|</h2>
<h2 id="weather-text">Fetching Weather...</h2>
</div>
<div id="search-bar">
<input id="search-bar-input"></input>
<div class="autocomplete-items-container">
</div>
</div>
<div id="other-content">
</div>
<svg viewBox="0 0 24 24" id="settings-cog" style="width:48px;height:48px; position: absolute; bottom: 25px; right: 25px;">
<path class="cog" fill="#6F6F6F" ng-attr-d="{{icon.data}}" d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"></path>
</svg>
</div>
<!--JSON Editor-->
<script src="js/jsoneditor.min.js"></script>
<!--Custom JS-->
<script src="js/settings.js"></script>
<script src="js/autocomplete.js"></script>
<script src="js/main.js"></script>
</body>
</html>