-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
136 lines (114 loc) · 3.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
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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<meta name="description" content="Bento 🏡: A nova página inicial para o seu navegador">
<title>Nova guia</title>
<link rel=" shortcut icon" type="image/png" href="assets/icons/favicon.png" />
<link rel="stylesheet" href="app.css" />
<script src="https://unpkg.com/lucide@latest"></script>
</head>
<body>
<a href="./settings.html">
<button aria-label="Configurações" id="settings">
<i id="settingsIcon" icon-name="settings"></i>
</button>
</a>
<button aria-label="Mudar tema" id="themeButton">
<i id="themeIcon" icon-name="moon"></i>
</button>
<div class="container">
<!-- Search Bar -->
<form class="search-form" action="https://www.google.com.br/search">
<input type="text" class="search-text" placeholder="Pesquisar no Google" aria-label="Pesquisar no Google"
name="q" autocomplete="off" />
<button class="search-btn" aria-label="Pesquisar no Google" type="submit">
<i class="buttonIcon" icon-name="search"></i>
</button>
</form>
<!-- Clock and Greetings -->
<div class="timeBlock">
<div class="clock">
<div id="hour"></div>
<div id="separator"></div>
<div id="minutes"></div>
</div>
<div id="greetings"></div>
</div>
<!-- Date and Weather -->
<div class="weatherBlock">
<div class="date">
<div id="day"></div>
<div> de </div>
<div id="month"></div>
</div>
<div class="weatherCity">
<h1></h1>
</div>
<div class="weather">
<div class="weatherIcon">
<img src="assets/icons/OneDark/unknown.png" alt="Ícone do clima" />
</div>
<div class="weatherValue">
<p>- °<span class="g">c</span></p>
</div>
<div class="weatherDescription">
<p></p>
</div>
</div>
</div>
<div class="formEditeButton">
<h2>Editar link</h2>
<input type="text" data-name placeholder="Nome do site">
<input type="url" data-url placeholder="Url do site" autocomplete="url" value="https://">
<input type="text" data-icon placeholder="Ícone do link" value="link" readonly>
<div class="buttons-actions">
<button aria-label="Salvar" data-save>Salvar</button>
<button aria-label="Cancelar" data-cancel>Cancelar</button>
</div>
</div>
<div class="linksBlock" id="linksBlock">
<div class="linksBlockLeft" id="linksBlockLeft"></div>
<div class="linksBlockRight" id="linksBlockRight"></div>
</div>
</div>
<div class="alerts"></div>
<!-- Config -->
<script src="config.js"></script>
<!-- Scripts -->
<script src="assets/js/layout.js"></script>
<script src="assets/js/time.js"></script>
<script src="assets/js/greeting.js"></script>
<script src="assets/js/weather.js"></script>
<!-- Generators -->
<script src="assets/js/buttons.js"></script>
<script src="assets/js/lists.js"></script>
<!-- Edite -->
<script src="assets/js/links.js"></script>
<!-- Icons -->
<script>
try {
lucide.createIcons();
} catch (err) {
alert('Um erro inesperado ocorreu enquanto os ícones eram exibidos, talvez o servidor esteja com problemas')
}
if (objectSaved == null || objectSaved == undefined || objectSaved === {}) {
window.location.href = "/settings.html"
}
window.localStorage.getItem('devOption') === null ?
window.localStorage.setItem('devOption', JSON.stringify(false)) : ''
let devOption = window.localStorage.getItem('devOption') === 'true' ? true : false
if(devOption) {
document.querySelector('input[data-icon]').readOnly = false
}
</script>
<!-- Theme -->
<script src="assets/js/theme.js"></script>
</body>
<!-- Developed and designed by Miguel Ávila: -->
<!-- https://avila.sh-->
<!-- Enhanced by Vanorton: -->
<!-- https://github.com/Vanortton -->
</html>