-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
116 lines (111 loc) · 5.81 KB
/
index.html
File metadata and controls
116 lines (111 loc) · 5.81 KB
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GitHub Widget</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/styles_themes.css">
</head>
<body>
<main class="widget">
<div class="widget-header" data-tauri-drag-region>
<div class="profile" data-tauri-drag-region>
<img src="img/avatar.jpg" alt="Avatar de GitHub" class="profile-image profile-avatar">
<div class="profile-copy" data-tauri-drag-region>
<h1 id="profile-name" data-tauri-drag-region>codebysofiav</h1>
<small id="connection-status" class="connection-status" data-tauri-drag-region>Not connected</small>
</div>
</div>
<div class="header-actions">
<span class="tag" data-tauri-drag-region>last 3 months</span>
<div class="window-controls">
<button id="window-minimize" class="window-control-button" type="button" aria-label="Minimizar">-</button>
<button id="window-close" class="window-control-button window-control-button--close" type="button" aria-label="Cerrar">X</button>
</div>
<div class="menu-wrapper">
<button id="theme-toggle" class="theme-button" type="button" aria-label="Abrir menu" aria-expanded="false">⋮</button>
<div id="widget-menu" class="widget-menu" hidden>
<button id="menu-login" class="menu-item" type="button">Login</button>
<button id="menu-logout" class="menu-item" type="button">Logout</button>
<button id="menu-refresh" class="menu-item" type="button">Refresh</button>
<div class="theme-parent">
<button class="menu-item theme-parent-toggle" type="button" aria-expanded="false">Layout ></button>
<div class="theme-submenu">
<button class="layout-option" type="button" data-layout="horizontal">Horizontal</button>
<button class="layout-option" type="button" data-layout="vertical">Vertical</button>
</div>
</div>
<div class="theme-parent">
<button class="menu-item theme-parent-toggle" type="button" aria-expanded="false">Size ></button>
<div class="theme-submenu">
<button class="size-option" type="button" data-size="small">Small</button>
<button class="size-option" type="button" data-size="medium">Medium</button>
<button class="size-option" type="button" data-size="large">Large</button>
</div>
</div>
<div class="theme-parent">
<button class="menu-item theme-parent-toggle" type="button" aria-expanded="false">Theme ></button>
<div class="theme-submenu">
<button class="theme-option" type="button" data-theme="Github">Github</button>
<button class="theme-option" type="button" data-theme="tiktok">tiktok</button>
<button class="theme-option" type="button" data-theme="cream">cream</button>
<button class="theme-option" type="button" data-theme="lavander">lavander</button>
<button class="theme-option" type="button" data-theme="Loto">loto</button>
<button class="theme-option" type="button" data-theme="Matcha">matcha</button>
<button class="theme-option" type="button" data-theme="Midnight">midnight</button>
<button class="theme-option" type="button" data-theme="Peach">peach</button>
<button class="theme-option" type="button" data-theme="Soft Lavender">soft lavender</button>
<button class="theme-option" type="button" data-theme="Vintage">vintage</button>
<button class="theme-option" type="button" data-theme="Sakura">sakura</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="months" id="months"></div>
<section class="content">
<div class="grid" id="contribution-grid"></div>
<aside class="summary-card">
<div class="ring" id="contribution-ring">
<div class="ring-inner">
<span id="total-count">0</span>
<small>Contributions</small>
</div>
</div>
<div class="legend">
<span>less</span>
<div class="legend-colors">
<i class="level-0"></i>
<i class="level-1"></i>
<i class="level-2"></i>
<i class="level-3"></i>
<i class="level-4"></i>
</div>
<span>more</span>
</div>
</aside>
</section>
</main>
<div id="login-modal" class="modal-login" hidden>
<div class="modal-login__backdrop" data-close-modal="true"></div>
<div class="modal-login__panel" role="dialog" aria-modal="true" aria-labelledby="login-modal-title">
<button id="login-modal-close" class="modal-login__close" type="button" aria-label="Cerrar modal">×</button>
<h2 id="login-modal-title">Connect GitHub</h2>
<p class="modal-login__hint">El token solo se usa para consultar la API de GitHub desde este widget.</p>
<label class="modal-login__field" for="github-username">
<span>GitHub username</span>
<input id="github-username" class="menu-input" type="text" autocomplete="username" placeholder="octocat">
</label>
<label class="modal-login__field" for="github-token">
<span>Personal access token</span>
<input id="github-token" class="menu-input" type="password" autocomplete="current-password" placeholder="ghp_...">
</label>
<p id="login-error" class="modal-login__error" hidden></p>
<button id="login-connect" class="menu-item modal-login__submit" type="button">Connect</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>