-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
203 lines (194 loc) · 20.4 KB
/
Copy pathindex.html
File metadata and controls
203 lines (194 loc) · 20.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO MetaTags -->
<meta name="title" content="S V Go" />
<meta name="description" content="A Collection interactive and interested svg icons by our community.
" />
<meta name="copyright" content="MianRoute Core" />
<meta name="keywords" content="Github,pro bandey, ,github,S V Go, icons, svg,gallery" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://https://mainroute-core.github.io/S-V-Go/" />
<meta property="og:title" content="S V Go" />
<meta property="og:description" content="A Collection interactive and interested svg icons by our community.
" />
<meta property="og:image"
content="http://res.cloudinary.com/dpu5ywrox/image/upload/v1769105339/l3pvmovokzqcof3moknk.png" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://https://mainroute-core.github.io/S-V-Go/" />
<meta property="twitter:title" content="S V Go" />
<meta property="twitter:description" content="A Collection interactive and interested svg icons by our community.
" />
<meta property="twitter:image"
content="http://res.cloudinary.com/dpu5ywrox/image/upload/v1769105339/l3pvmovokzqcof3moknk.png" />
<meta name="theme-color" content="#6750a4">
<meta name="language" content="English">
<!-- PWA Data -->
<link href="/manifest.webmanifest" rel="manifest" />
<link rel="canonical" href="https://https://mainroute-core.github.io/S-V-Go/">
<link href="./src/icon.png" rel="data" />
<link href="./src/icon.png" rel="apple-touch-icon" sizes="180x180" />
<link href="./src/icon.png" rel="android-chrome-192x192" sizes="192x192" />
<link href="/src/icon.png" rel="android-chrome-512x512" sizes="512x512" />
<link href="./src/icon.png" rel="icon" sizes="32x32" />
<link href="./src/icon.png" rel="icon" sizes="16x16" />
<link href="./src/icon.png" rel="icon" />
<script>navigator.serviceWorker.register('/S-V-Go/src/sw.js', { type: 'module' });</script>
<!-- StyleSheets -->
<link rel="stylesheet" href="./src/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<title>Git Folder Downloader | Advanced GitHub Downloader</title>
</head>
<body>
<header class="app-bar">
<div class="logo-area" id="homeBtn">
<div class="logo-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" version="1.1" width="40px" height="40px"
style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path style="opacity:1" fill="#e61e76"
d="M 316.5,138.5 C 309.096,144.577 301.43,150.244 293.5,155.5C 287.635,154.535 281.969,153.202 276.5,151.5C 270.083,149.594 263.25,148.594 256,148.5C 249.403,148.561 243.236,149.561 237.5,151.5C 178.731,164.269 143.064,199.936 130.5,258.5C 129.188,260.743 128.522,263.41 128.5,266.5C 127.974,270.706 127.974,274.706 128.5,278.5C 130.571,317.308 146.571,349.308 176.5,374.5C 155.737,409.036 134.737,443.369 113.5,477.5C 108.562,474.635 105.895,470.301 105.5,464.5C 112.836,421.158 120.17,377.825 127.5,334.5C 129.232,328.61 129.732,322.61 129,316.5C 94.0291,283.197 59.3625,249.53 25,215.5C 19.5699,205.183 22.0699,197.35 32.5,192C 80.5,185 128.5,178 176.5,171C 178.504,169.577 180.004,167.744 181,165.5C 201.333,123.833 221.667,82.1667 242,40.5C 251,28.5 260,28.5 269,40.5C 285.13,73.0987 300.964,105.765 316.5,138.5 Z" />
<path style="opacity:1" fill="#1fd2e4"
d="M 352.5,170.5 C 351.833,171.5 351.167,172.5 350.5,173.5C 347.665,177.164 345.332,181.164 343.5,185.5C 340.11,190.233 337.11,195.233 334.5,200.5C 330.918,205.994 327.585,211.661 324.5,217.5C 310.363,240.496 296.363,263.662 282.5,287C 301.973,293.991 321.64,300.491 341.5,306.5C 342.734,308.398 342.401,310.065 340.5,311.5C 316.129,329.686 292.129,348.353 268.5,367.5C 260.952,372.108 253.952,377.441 247.5,383.5C 246.5,383.833 245.833,384.5 245.5,385.5C 239.176,389.334 233.176,393.667 227.5,398.5C 194.794,424.178 162.128,449.844 129.5,475.5C 127.973,475.427 126.973,476.094 126.5,477.5C 125.128,478.512 123.795,479.512 122.5,480.5C 118.399,483.422 114.399,486.589 110.5,490C 109.552,490.483 108.552,490.649 107.5,490.5C 107.731,486.707 109.065,483.374 111.5,480.5C 112.167,479.5 112.833,478.5 113.5,477.5C 134.737,443.369 155.737,409.036 176.5,374.5C 179.752,369.666 182.752,364.666 185.5,359.5C 188.833,354.167 192.167,348.833 195.5,343.5C 209.03,320.945 222.697,298.445 236.5,276C 213.706,268.791 191.039,261.291 168.5,253.5C 168.557,252.391 168.89,251.391 169.5,250.5C 197.808,229.519 225.808,208.186 253.5,186.5C 260.167,181.5 266.833,176.5 273.5,171.5C 274.167,171.5 274.5,171.167 274.5,170.5C 281.145,165.85 287.478,160.85 293.5,155.5C 301.43,150.244 309.096,144.577 316.5,138.5C 317.5,138.167 318.167,137.5 318.5,136.5C 345.291,116.216 371.957,95.7155 398.5,75C 407.314,71.0662 409.481,73.5662 405,82.5C 387.237,111.696 369.737,141.029 352.5,170.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 276.5,151.5 C 269.465,151.912 262.631,151.245 256,149.5C 250.039,151.205 243.872,151.872 237.5,151.5C 243.236,149.561 249.403,148.561 256,148.5C 263.25,148.594 270.083,149.594 276.5,151.5 Z" />
<path style="opacity:1" fill="var(--primary)"
d="M 276.5,151.5 C 281.969,153.202 287.635,154.535 293.5,155.5C 287.478,160.85 281.145,165.85 274.5,170.5C 262.498,167.884 250.498,167.884 238.5,170.5C 221.619,173.117 206.285,179.284 192.5,189C 191.29,190.039 190.29,191.206 189.5,192.5C 188.448,192.351 187.448,192.517 186.5,193C 181.667,197.833 176.833,202.667 172,207.5C 171.517,208.448 171.351,209.448 171.5,210.5C 168.885,212.379 166.719,214.712 165,217.5C 160.193,225.447 156.193,233.781 153,242.5C 151.76,248.533 150.593,254.533 149.5,260.5C 147.428,271.761 147.428,283.095 149.5,294.5C 153.45,320.742 165.45,342.408 185.5,359.5C 182.752,364.666 179.752,369.666 176.5,374.5C 146.571,349.308 130.571,317.308 128.5,278.5C 130.269,271.996 130.935,265.33 130.5,258.5C 143.064,199.936 178.731,164.269 237.5,151.5C 243.872,151.872 250.039,151.205 256,149.5C 262.631,151.245 269.465,151.912 276.5,151.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 274.5,170.5 C 274.5,171.167 274.167,171.5 273.5,171.5C 262.012,170.505 250.345,170.172 238.5,170.5C 250.498,167.884 262.498,167.884 274.5,170.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 238.5,170.5 C 250.345,170.172 262.012,170.505 273.5,171.5C 266.833,176.5 260.167,181.5 253.5,186.5C 211.895,190.119 183.895,211.452 169.5,250.5C 168.89,251.391 168.557,252.391 168.5,253.5C 160.858,286.291 168.191,315.291 190.5,340.5C 191.94,341.952 193.606,342.952 195.5,343.5C 192.167,348.833 188.833,354.167 185.5,359.5C 165.45,342.408 153.45,320.742 149.5,294.5C 149.5,283.167 149.5,271.833 149.5,260.5C 150.593,254.533 151.76,248.533 153,242.5C 156.193,233.781 160.193,225.447 165,217.5C 166.719,214.712 168.885,212.379 171.5,210.5C 177.167,204.167 183.167,198.167 189.5,192.5C 190.29,191.206 191.29,190.039 192.5,189C 206.285,179.284 221.619,173.117 238.5,170.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 350.5,173.5 C 393.147,179.729 435.813,185.895 478.5,192C 489.873,197.779 492.04,205.946 485,216.5C 451.633,249.034 418.466,281.701 385.5,314.5C 384.279,315.028 383.113,315.695 382,316.5C 381.333,320.167 381.333,323.833 382,327.5C 389.915,373.155 397.748,418.822 405.5,464.5C 404.629,473.206 399.796,478.206 391,479.5C 389.112,479.204 387.278,478.704 385.5,478C 342.287,455.227 298.954,432.727 255.5,410.5C 252.275,411.184 249.275,412.351 246.5,414C 207.731,435.05 168.731,455.55 129.5,475.5C 162.128,449.844 194.794,424.178 227.5,398.5C 227.47,399.497 227.97,400.164 229,400.5C 291.226,409.99 338.226,387.657 370,333.5C 390.915,287.137 386.915,243.137 358,201.5C 353.329,195.997 348.496,190.664 343.5,185.5C 345.332,181.164 347.665,177.164 350.5,173.5 Z" />
<path style="opacity:0.273" fill="#fed500"
d="M 318.5,136.5 C 318.167,137.5 317.5,138.167 316.5,138.5C 300.964,105.765 285.13,73.0987 269,40.5C 260,28.5 251,28.5 242,40.5C 221.667,82.1667 201.333,123.833 181,165.5C 180.004,167.744 178.504,169.577 176.5,171C 128.5,178 80.5,185 32.5,192C 22.0699,197.35 19.5699,205.183 25,215.5C 59.3625,249.53 94.0291,283.197 129,316.5C 129.732,322.61 129.232,328.61 127.5,334.5C 126.662,334.158 126.328,333.492 126.5,332.5C 125.987,327.915 126.654,323.582 128.5,319.5C 126.844,317.671 124.844,316.337 122.5,315.5C 88.7251,281.725 55.0585,248.058 21.5,214.5C 20.1667,208.5 20.1667,202.5 21.5,196.5C 24.6155,191.965 28.9488,189.631 34.5,189.5C 79.8333,182.833 125.167,176.167 170.5,169.5C 172.5,168.833 174.5,168.167 176.5,167.5C 197.879,123.741 219.546,80.0743 241.5,36.5C 243.167,34.8333 244.833,33.1667 246.5,31.5C 252.5,30.1667 258.5,30.1667 264.5,31.5C 266.167,33.1667 267.833,34.8333 269.5,36.5C 286.404,69.6406 302.738,102.974 318.5,136.5 Z" />
<path style="opacity:1" fill="var(--primary)"
d="M 253.5,186.5 C 225.808,208.186 197.808,229.519 169.5,250.5C 183.895,211.452 211.895,190.119 253.5,186.5 Z" />
<path style="opacity:1" fill="var(--primary)"
d="M 343.5,185.5 C 348.496,190.664 353.329,195.997 358,201.5C 386.915,243.137 390.915,287.137 370,333.5C 338.226,387.657 291.226,409.99 229,400.5C 227.97,400.164 227.47,399.497 227.5,398.5C 233.176,393.667 239.176,389.334 245.5,385.5C 257.46,386.146 269.127,385.146 280.5,382.5C 317.772,374.071 343.605,352.071 358,316.5C 360.704,310.153 362.204,303.487 362.5,296.5C 363.43,290.259 364.43,283.926 365.5,277.5C 364.43,271.074 363.43,264.741 362.5,258.5C 360.947,245.289 356.78,232.956 350,221.5C 345.303,214.085 340.136,207.085 334.5,200.5C 337.11,195.233 340.11,190.233 343.5,185.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 189.5,192.5 C 183.167,198.167 177.167,204.167 171.5,210.5C 171.351,209.448 171.517,208.448 172,207.5C 176.833,202.667 181.667,197.833 186.5,193C 187.448,192.517 188.448,192.351 189.5,192.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 334.5,200.5 C 340.136,207.085 345.303,214.085 350,221.5C 356.78,232.956 360.947,245.289 362.5,258.5C 363.833,271.167 363.833,283.833 362.5,296.5C 362.204,303.487 360.704,310.153 358,316.5C 343.605,352.071 317.772,374.071 280.5,382.5C 269.521,383.32 258.521,383.653 247.5,383.5C 253.952,377.441 260.952,372.108 268.5,367.5C 302.679,361.762 326.679,343.096 340.5,311.5C 342.401,310.065 342.734,308.398 341.5,306.5C 343.92,301.394 345.587,296.06 346.5,290.5C 347.938,278.438 347.604,266.272 345.5,254C 345.316,252.624 344.649,251.791 343.5,251.5C 339.747,238.741 333.413,227.408 324.5,217.5C 327.585,211.661 330.918,205.994 334.5,200.5 Z" />
<path style="opacity:1" fill="var(--primary)"
d="M 324.5,217.5 C 333.413,227.408 339.747,238.741 343.5,251.5C 346.162,264.332 347.162,277.332 346.5,290.5C 345.587,296.06 343.92,301.394 341.5,306.5C 321.64,300.491 301.973,293.991 282.5,287C 296.363,263.662 310.363,240.496 324.5,217.5 Z" />
<path style="opacity:1" fill="var(--primary)"
d="M 168.5,253.5 C 191.039,261.291 213.706,268.791 236.5,276C 222.697,298.445 209.03,320.945 195.5,343.5C 193.606,342.952 191.94,341.952 190.5,340.5C 168.191,315.291 160.858,286.291 168.5,253.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 130.5,258.5 C 130.935,265.33 130.269,271.996 128.5,278.5C 127.974,274.706 127.974,270.706 128.5,266.5C 128.522,263.41 129.188,260.743 130.5,258.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 343.5,251.5 C 344.649,251.791 345.316,252.624 345.5,254C 347.604,266.272 347.938,278.438 346.5,290.5C 347.162,277.332 346.162,264.332 343.5,251.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 362.5,258.5 C 363.43,264.741 364.43,271.074 365.5,277.5C 364.43,283.926 363.43,290.259 362.5,296.5C 363.833,283.833 363.833,271.167 362.5,258.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 149.5,260.5 C 149.5,271.833 149.5,283.167 149.5,294.5C 147.428,283.095 147.428,271.761 149.5,260.5 Z" />
<path style="opacity:0.232" fill="#fecc00"
d="M 352.5,170.5 C 393.667,177.287 435.001,183.62 476.5,189.5C 486.188,190.517 490.855,195.851 490.5,205.5C 490.511,210.1 489.511,214.433 487.5,218.5C 453.89,250.109 420.89,282.442 388.5,315.5C 387.675,316.386 386.675,316.719 385.5,316.5C 385.5,315.833 385.5,315.167 385.5,314.5C 418.466,281.701 451.633,249.034 485,216.5C 492.04,205.946 489.873,197.779 478.5,192C 435.813,185.895 393.147,179.729 350.5,173.5C 351.167,172.5 351.833,171.5 352.5,170.5 Z" />
<path style="opacity:1" fill="var(--primary)"
d="M 340.5,311.5 C 326.679,343.096 302.679,361.762 268.5,367.5C 292.129,348.353 316.129,329.686 340.5,311.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 280.5,382.5 C 269.127,385.146 257.46,386.146 245.5,385.5C 245.833,384.5 246.5,383.833 247.5,383.5C 258.521,383.653 269.521,383.32 280.5,382.5 Z" />
<path style="opacity:0.24" fill="#fec000"
d="M 126.5,332.5 C 126.328,333.492 126.662,334.158 127.5,334.5C 120.17,377.825 112.836,421.158 105.5,464.5C 105.895,470.301 108.562,474.635 113.5,477.5C 112.833,478.5 112.167,479.5 111.5,480.5C 106.291,476.927 103.291,471.927 102.5,465.5C 110.001,420.809 118.001,376.475 126.5,332.5 Z" />
<path style="opacity:0.231" fill="#febb00"
d="M 385.5,314.5 C 385.5,315.167 385.5,315.833 385.5,316.5C 384.548,317.452 383.548,318.452 382.5,319.5C 391.478,367.695 400.145,416.028 408.5,464.5C 405.975,479.621 397.308,484.621 382.5,479.5C 340.325,456.912 297.991,434.579 255.5,412.5C 219.675,431.245 184.008,450.245 148.5,469.5C 141.833,472.833 135.167,476.167 128.5,479.5C 126.604,480.466 124.604,480.799 122.5,480.5C 123.795,479.512 125.128,478.512 126.5,477.5C 128.027,477.573 129.027,476.906 129.5,475.5C 168.731,455.55 207.731,435.05 246.5,414C 249.275,412.351 252.275,411.184 255.5,410.5C 298.954,432.727 342.287,455.227 385.5,478C 387.278,478.704 389.112,479.204 391,479.5C 399.796,478.206 404.629,473.206 405.5,464.5C 397.748,418.822 389.915,373.155 382,327.5C 381.333,323.833 381.333,320.167 382,316.5C 383.113,315.695 384.279,315.028 385.5,314.5 Z" />
<path style="opacity:1" fill="#e61e76"
d="M 129.5,475.5 C 129.027,476.906 128.027,477.573 126.5,477.5C 126.973,476.094 127.973,475.427 129.5,475.5 Z" />
</g>
</svg>
</div>
<h1>S V Go</h1>
</div>
<div class="search-container">
<span class="search-icon">🔍</span>
<input type="text" id="searchInput" placeholder="Search icons (e.g. arrow, user)...">
<button id="clearSearch" class="icon-btn hidden" aria-label="Clear search">✕</button>
</div>
<div class="actions">
<div class="color-picker-wrapper" title="Global Accent Color">
<input type="color" id="accentPicker" value="#6750A4">
</div>
<button id="themeToggle" class="icon-btn" aria-label="Toggle Theme">🌗</button>
</div>
</header>
<div id="viewGallery" class="page-view active">
<section class="tags-section">
<details id="tagsDetails">
<summary><span>Smart Tags</span>
<span class="summary-hint">(Auto-generated)</span>
</summary>
<div id="tagsContainer" class="tags-container"></div>
</details>
</section>
<main>
<div class="toolbar">
<p id="resultCount">Loading database...</p>
</div>
<div id="iconGrid" class="icon-grid"></div>
<div id="scrollSentinel" class="loading-spinner"></div>
</main>
</div>
<div id="viewDetail" class="page-view hidden">
<div class="detail-container"><button id="backBtn" class="btn btn-tonal back-nav">← Back to Gallery </button>
<div class="viewer-layout">
<div class="preview-pane">
<div class="bg-toolbar"><button class="bg-opt bg-check active" data-bg="checkerboard"
title="Transparent"></button><button class="bg-opt bg-white" data-bg="bg-white"
title="White"></button><button class="bg-opt bg-black" data-bg="bg-black"
title="Black"></button></div>
<div class="canvas-wrapper">
<div id="previewCanvas" class="checkerboard"></div>
</div>
</div>
<div class="controls-pane">
<div class="header-group">
<h2 id="viewerTitle">icon-name</h2>
<p id="viewerId" class="mono-text">ID: 00000</p>
</div>
<div class="tabs"><button class="tab-btn active" data-tab="customize">Customize</button><button
class="tab-btn" data-tab="code">Code</button></div>
<div id="tabCustomize" class="tab-content active">
<div class="control-row">
<button class="btn btn-tonal" id="resetBtn">↺ Reset Settings</button>
<button class="btn btn-filled" id="downloadBtn">Download</button>
</div>
<hr class="divider">
<div class="control-group"><label>Size (<span id="sizeVal">100</span>px)</label><input
type="range" id="sizeInput" min="16" max="512" value="100"></div>
<div class="control-group"><label>Stroke Width (<span id="strokeVal">0</span>px)</label><input
type="range" id="strokeInput" min="0" max="10" step="0.1" value="0"></div>
<div class="control-group"><label>Rotation (<span id="rotateVal">0</span>°)</label><input
type="range" id="rotateInput" min="0" max="360" value="0"></div>
<div class="color-row">
<div class="control-group half"><label>Fill</label>
<div class="color-input-styled"><input type="color" id="fillColorInput"
value="#6750a4"><button id="fillCurrentBtn" class="btn-tiny"
title="Use currentColor">CC</button></div>
</div>
<div class="control-group half"><label>Stroke</label>
<div class="color-input-styled"><input type="color" id="strokeColorInput"
value="#6750a4"><button id="strokeCurrentBtn" class="btn-tiny"
title="Use currentColor">CC</button></div>
</div>
</div>
<div class="control-group checkbox-group"><input type="checkbox" id="animCheckbox"><label
for="animCheckbox" style="margin:0">Add Intro Animation (Fade In)</label></div>
</div>
<div id="tabCode" class="tab-content">
<div class="code-block">
<pre><code id="svgCodeDisplay"></code></pre><button class="btn btn-small"
id="copyCodeBtn">Copy</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="toast" class="toast hidden">Item Copied!</div>
<script src="./src/app.js"></script>
</body>
</html>