-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
239 lines (238 loc) · 12.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
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!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">
<meta name="description" content="Tag your music files automatically with MyTag">
<meta name="keywords" content="MP3, AMW, AVI, Music, Download, Automatically, Tag, Tagger, Python">
<meta name="author" content="PasteLuengas">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/screen.css">
<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
<title>MyTag | Tag your music files</title>
</head>
<body id="body">
<!-- Menu -->
<nav id="menu" class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<h1 class="logo">MyTag</h1>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#Download">Download</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="https://github.com/PasteLuengas/MyTag" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Github
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="https://github.com/PasteLuengas/MyTag/">Repository</a></li>
<li><a class="dropdown-item" href="https://github.com/PasteLuengas/MyTag/blob/main/mainEN.py">Main.py (English)</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="https://github.com/PasteLuengas">PasteLuengas Profile</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#Bug">Report a bug</a>
</li>
<li class="nav-item">
<a class="nav-link" href="donate.html">Donate</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Menu End And Spanish alert Starts-->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check-circle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
</symbol>
<symbol id="info-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
</symbol>
<symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</symbol>
</svg>
<div class="alert alert-primary d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg>
<div>
<a class="nodecoration" href="es/index.html">Haz clic aquí para visitar la versión en español de esta página.</a>
</div>
</div>
<!-- main starts -->
<div class="main pss">
<div class="container">
<div class="row">
<div class="col sussy">
<h1 class="whitelogo noblur">
MyTag
</h1>
<h2 class="idkh2 noblur">
MyTag arranges your songs in the original album order.
</h2>
<div id="oseadondeestaelboton">
<button class="maindownloadbutton button noblur">Download</button>
<a href="https://github.com/PasteLuengas/MyTag/"><img src="img/gitlogo.png" alt="Gituhb" id="gitlogo"></a>
</div>
</div>
<div class="col">
<img class="screenshot" class="screenshot" src="img/screenshot.PNG" alt="Mytag">
</div>
</div>
</div>
</div>
<!-- Main Ends, What Can DO strats-->
<div>
<h1 class="title">What MyTag can do?</h1>
<!--
<div class="container">
<div class="row">
<div class="col"><h2 class="center">List Songs</h2></div>
<div class="col"><h2 class="center">Set Album Cover</h2></div>
<div class="col"><h2 class="center">Set More Info.</h2></div>
</div>
<div class="row">
<div class="col"><p>
You can list songs with the same order that the album. This process is usually done manually.
</p></div>
<div class="col"><p>
You can set the original album cover, in high cuality.
</p></div>
<div class="col"><p>
Set more information, like the Artist name, or the Album Name
</p></div>
</div>
</div>
-->
<div class="container">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
List Songs
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
You can list songs with the same order that the album. This process is usually done manually.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Set Album Cover
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
You can set the original album cover, in high cuality.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Set More Info.
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
Set more information, like the Artist name, or the Album Name
</div>
</div>
</div>
</div>
</div>
</div>
<div class="download main" id="Download">
<h1 class="title">Download</h1>
<div class="container">
<div class="row">
<div class="col center">
<img src="img/winlogo.png" alt="Windows" class="DownloadOption onlyforpc">
</div>
<div class="col center">
<img src="img/pylogo.png" alt="Python" class="DownloadOption onlyforpc">
</div>
</div>
<div class="row">
<div class="col center onlyforpc"><h2>Windows</h2></div>
<div class="col center onlyforpc"><h2>Source Code</h2></div>
</div>
<div class="row">
<div class="col center">
<h4 class="onlyformobile">Windows</h4>
<a href="download.html?f=windows"><button class="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottomWindows" aria-controls="offcanvasBottom">Download</button></a>
</div>
<div class="col center">
<h4 class="onlyformobile">Source Code</h4>
<a href="download.html?f=python"><button class="button">Download</button></a>
</div>
</div>
</div>
</div>
<div>
<h1 class="title" id="Bug">Report a bug</h1>
<form method="POST" action="https://formspree.io/f/mknydyap" class="row g-3 a">
<div class="col-md-6">
<label for="album" class="form-label">Album Name <label class="ob">*</label> </label>
<input type="text" name="album" class="form-control" id="album" required>
</div>
<div class="col-md-6">
<label for="artist" class="form-label">Artist / Band Name <label class="ob">*</label> </label>
<input type="text" name="artist" class="form-control" id="artist" required>
</div>
<div class="col-12">
<label for="email" class="form-label">E - Mail (Optional)</label>
<input type="email" name="e-mail" class="form-control" id="email">
</div>
<div class="col-12">
<label for="problem" class="form-label">Describe the problem <label class="ob">*</label> </label>
<textarea type="text" name="description" class="form-control" id="problem"></textarea>
</div>
<div class="col-md-4">
<label for="platform" class="form-label">You're using</label><label class="ob">*</label>
<select name="platform" id="inputState" class="form-select" required>
<option selected>Choose...</option>
<option value="Windows">Windows</option>
<option value="Android">Android</option>
<option value="Python">.py file</option>
</select>
</div>
<div class="col-md-2">
<input type="text" class="form-control hideinout" id="inputZip">
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
<div class="patas">
<div class="content">
<div class="row">
<div class="col"><a href="https://github.com/PasteLuengas/MyTag">Github</a></div>
<div class="col"><a href="index.html#Download">Download</a></div>
</div>
<div class="row">
<div class="col"><a href="https://github.com/PasteLuengas/MyTag/blob/main/LICENSE.md">License</a></div>
<div class="col"><a href="index.html#Bug">Report a Bug</a></div>
</div>
</div>
</div>
</body>
</html>