Skip to content

Commit 5668f48

Browse files
LeogendraLeogendra
authored
v1.0.2
Develop v1.0.2
2 parents bcb05c0 + 336dbb9 commit 5668f48

File tree

11 files changed

+256
-111
lines changed

11 files changed

+256
-111
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
name: Deploy to Server
2-
run-name: Server Deployment
32

43
on:
54
push:

assets/icon.png renamed to assets/favicon.png

File renamed without changes.

‎assets/github.png‎

17.7 KB
Loading

‎assets/help_export.png‎

153 KB
Loading

‎index.html‎

Lines changed: 73 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,22 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>Pixels Visualiser</title>
8-
<link rel="icon" href="assets/icon.png" type="image/png">
8+
<link rel="icon" href="assets/favicon.png" type="image/png">
99

1010
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
1111

1212
<link rel="stylesheet" href="styles/main.css">
1313
<link rel="stylesheet" href="styles/pills.css">
1414
<link rel="stylesheet" href="styles/wordcloud.css">
1515
<link rel="stylesheet" href="styles/options.css">
16+
<link rel="stylesheet" href="styles/footer.css">
1617
</head>
1718

1819
<body>
1920
<div class="container">
2021
<div class="header">
2122
<a href="https://pixelstracker.app/" target="_blank" rel="noopener noreferrer">
22-
<img class="hero-logo" src="assets/icon.png" alt="Logo">
23+
<img class="hero-logo" src="assets/favicon.png" alt="Logo">
2324
</a>
2425
<h1>Pixels Visualiser</h1>
2526
</div>
@@ -29,11 +30,18 @@ <h1>Pixels Visualiser</h1>
2930
<label for="fileInput" class="button">Choose a Backup file (.json)</label>
3031
</div>
3132

32-
<div id="privacyNotice" class="notice">
33-
<p>
34-
This is a fully static website built with vanilla JavaScript. Your data never leaves your device:
35-
nothing is stored, uploaded, or shared.
36-
</p>
33+
<div id="privacyNotice">
34+
<div class="notice">
35+
<p>
36+
This is a fully static website built with vanilla JavaScript. Your data never leaves your device:
37+
nothing is stored, uploaded, or shared outside your browser.
38+
</p>
39+
</div>
40+
41+
<div class="help-export">
42+
<p>How to export your Pixels data ?</p>
43+
<img src="assets/help_export.png" alt="How to export Pixels data" title="How to export your Pixels data" class="help-image">
44+
</div>
3745
</div>
3846

3947

@@ -206,53 +214,56 @@ <h2>🖼️ Export Pixel Grid</h2>
206214
</select>
207215
</div>
208216

209-
<dialog id="settingsDialog" class="dialog-settings">
210-
<h3>Image settings</h3>
211-
212-
<div class="dialog-settings-group">
213-
<label for="color1">Score 1</label>
214-
<input type="color" id="color1" value="#d73027">
215-
216-
<label for="color2">Score 2</label>
217-
<input type="color" id="color2" value="#fc8d59">
218-
219-
<label for="color3">Score 3</label>
220-
<input type="color" id="color3" value="#fee08b">
221-
222-
<label for="color4">Score 4</label>
223-
<input type="color" id="color4" value="#d9ef8b">
224-
225-
<label for="color5">Score 5</label>
226-
<input type="color" id="color5" value="#1a9850">
227-
228-
<label for="colorEmpty">Empty days</label>
229-
<input type="color" id="colorEmpty" value="#f0f2f6">
230-
231-
<div class="empty-line">
232-
<hr></div>
233-
<div class="empty-line">
234-
<hr></div>
235-
236-
<label for="squareSizeInput"
217+
<dialog id="dialogSettings">
218+
<div class="dialog-settings">
219+
220+
<h3>Image settings</h3>
221+
222+
<div class="dialog-settings-group">
223+
<label for="color1">Score 1</label>
224+
<input type="color" id="color1" value="#e22230">
225+
226+
<label for="color2">Score 2</label>
227+
<input type="color" id="color2" value="#e28422">
228+
229+
<label for="color3">Score 3</label>
230+
<input type="color" id="color3" value="#fbee45">
231+
232+
<label for="color4">Score 4</label>
233+
<input type="color" id="color4" value="#a0e865">
234+
235+
<label for="color5">Score 5</label>
236+
<input type="color" id="color5" value="#039d07">
237+
238+
<label for="colorEmpty">Empty days</label>
239+
<input type="color" id="colorEmpty" value="#f0f2f6">
240+
241+
<div class="empty-line">
242+
<hr></div>
243+
<div class="empty-line">
244+
<hr></div>
245+
246+
<label for="squareSizeInput"
237247
title="The size of each Pixel on the generated image">Square size (px)</label>
238-
<input type="number" id="squareSizeInput" class="input-nb" min="2" max="50" value="20">
239-
240-
<label for="startOfWeekSelect" title="Which day do you want the week to start on">Start of week</label>
241-
<select id="startOfWeekSelect" class="select">
242-
<option value="1">Monday</option>
243-
<option value="2">Tuesday</option>
244-
<option value="3">Wednesday</option>
245-
<option value="4">Thursday</option>
246-
<option value="5">Friday</option>
247-
<option value="6">Saturday</option>
248-
<option value="0">Sunday</option>
249-
</select>
250-
</div>
251-
252-
<div class="dialog-buttons">
253-
<!-- <button type="button" class="button" id="resetSettingsDialog">Reset</button> -->
254-
<!-- <button type="button" class="button button-secondary" id="cancelSettingsDialog">Cancel</button> -->
255-
<button type="submit" class="button button-tertiary" id="saveSettingsDialog">Save</button>
248+
<input type="number" id="squareSizeInput" class="input-nb" min="2" max="50" value="20">
249+
250+
<label for="startOfWeekSelect" title="Which day do you want the week to start on">Start of week</label>
251+
<select id="startOfWeekSelect" class="select">
252+
<option value="1">Monday</option>
253+
<option value="2">Tuesday</option>
254+
<option value="3">Wednesday</option>
255+
<option value="4">Thursday</option>
256+
<option value="5">Friday</option>
257+
<option value="6">Saturday</option>
258+
<option value="0">Sunday</option>
259+
</select>
260+
</div>
261+
262+
<div class="dialog-buttons">
263+
<button type="button" class="button button-secondary" id="resetSettingsDialog">Reset</button>
264+
<button type="button" class="button" id="cancelSettingsDialog">Cancel</button>
265+
<button type="submit" class="button button-tertiary" id="saveSettingsDialog">Save</button>
266+
</div>
256267
</div>
257268
</dialog>
258269

@@ -271,6 +282,15 @@ <h3>Image settings</h3>
271282
</div>
272283
</div>
273284

285+
<footer>
286+
<div class="github">
287+
<a href="https://github.com/Leogendra" target="_blank">
288+
<img src="assets/github.png" alt="github">
289+
</a>
290+
</div>
291+
<div class="version">v1.0.2</div>
292+
</footer>
293+
274294
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
275295
<script
276296
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chartjs-plugin-annotation.min.js"></script>

0 commit comments

Comments
 (0)