4444
4545 - name : Generar lista de mods
4646 run : |
47- # Ejecutar packwiz list y guardar la salida en un archivo temporal
48- packwiz list > mods-raw.txt
47+ # Ejecutar packwiz list -v para incluir las versiones y guardar la salida en un archivo temporal
48+ packwiz list -v > mods-raw.txt
4949
5050 # Crear un directorio temporal para los archivos de la rama mod-list
5151 mkdir -p temp_mod_list
@@ -61,12 +61,18 @@ jobs:
6161 <title>TorkenMon - Lista de Mods</title>
6262 <style>
6363 :root {
64- --primary-color: #3c8527 ;
64+ --primary-color: #4caf50 ;
6565 --secondary-color: #8bc34a;
66- --bg-color: #f5f5f5;
67- --text-color: #333;
68- --link-color: #2e7d32;
69- --border-color: #ddd;
66+ --bg-color: #121212;
67+ --card-bg: #1e1e1e;
68+ --text-color: #e0e0e0;
69+ --text-secondary: #aaaaaa;
70+ --link-color: #81c784;
71+ --border-color: #333333;
72+ --header-gradient-1: #2e7d32;
73+ --header-gradient-2: #1b5e20;
74+ --search-bg: #272727;
75+ --btn-hover: #388e3c;
7076 }
7177
7278 * {
@@ -91,18 +97,20 @@ jobs:
9197 }
9298
9399 header {
94- background-color: var(--primary-color );
100+ background: linear-gradient(135deg, var(--header-gradient-1), var(--header-gradient-2) );
95101 color: white;
96- padding: 30px 0;
102+ padding: 40px 0;
97103 text-align: center;
98104 margin-bottom: 30px;
99- border-radius: 0 0 10px 10px ;
100- box-shadow: 0 4px 6px rgba(0,0,0,0.1 );
105+ border-radius: 0 0 15px 15px ;
106+ box-shadow: 0 4px 20px rgba(0,0,0,0.3 );
101107 }
102108
103109 h1 {
104110 font-size: 2.5rem;
105111 margin-bottom: 10px;
112+ font-weight: 700;
113+ text-shadow: 0 2px 4px rgba(0,0,0,0.2);
106114 }
107115
108116 .subtitle {
@@ -111,24 +119,25 @@ jobs:
111119 }
112120
113121 section {
114- background: white ;
122+ background: var(--card-bg) ;
115123 padding: 25px;
116- border-radius: 8px ;
124+ border-radius: 10px ;
117125 margin-bottom: 25px;
118- box-shadow: 0 2px 4px rgba(0,0,0,0.05 );
126+ box-shadow: 0 4px 12px rgba(0,0,0,0.2 );
119127 border-left: 4px solid var(--secondary-color);
120128 }
121129
122130 h2 {
123131 color: var(--primary-color);
124132 margin-bottom: 15px;
125133 border-bottom: 2px solid var(--secondary-color);
126- padding-bottom: 5px ;
134+ padding-bottom: 8px ;
127135 display: inline-block;
128136 }
129137
130138 p {
131139 margin-bottom: 15px;
140+ color: var(--text-color);
132141 }
133142
134143 a {
@@ -153,13 +162,22 @@ jobs:
153162 }
154163
155164 .search-box {
156- padding: 12px;
165+ padding: 12px 15px ;
157166 width: 100%;
158167 max-width: 500px;
159168 border: 1px solid var(--border-color);
160- border-radius: 6px ;
169+ border-radius: 8px ;
161170 font-size: 16px;
162171 flex-grow: 1;
172+ background-color: var(--search-bg);
173+ color: var(--text-color);
174+ transition: all 0.3s ease;
175+ }
176+
177+ .search-box:focus {
178+ outline: none;
179+ border-color: var(--primary-color);
180+ box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
163181 }
164182
165183 .filter-options {
@@ -169,9 +187,9 @@ jobs:
169187 }
170188
171189 .stats {
172- background-color: #f8f9fa ;
190+ background-color: rgba(255, 255, 255, 0.05) ;
173191 padding: 15px;
174- border-radius: 6px ;
192+ border-radius: 8px ;
175193 margin-bottom: 20px;
176194 border: 1px solid var(--border-color);
177195 }
@@ -183,25 +201,33 @@ jobs:
183201 }
184202
185203 .mod-item {
186- background-color: white ;
187- padding: 15px ;
188- margin-bottom: 10px ;
189- border-radius: 6px ;
190- box-shadow: 0 2px 4px rgba(0,0,0,0.05 );
204+ background-color: rgba(255, 255, 255, 0.03) ;
205+ padding: 18px ;
206+ margin-bottom: 12px ;
207+ border-radius: 8px ;
208+ box-shadow: 0 2px 8px rgba(0,0,0,0.1 );
191209 display: flex;
192210 justify-content: space-between;
193211 align-items: center;
194212 border-left: 3px solid var(--secondary-color);
213+ transition: transform 0.2s ease, box-shadow 0.2s ease;
214+ }
215+
216+ .mod-item:hover {
217+ transform: translateY(-2px);
218+ box-shadow: 0 4px 12px rgba(0,0,0,0.15);
195219 }
196220
197221 .mod-name {
198222 font-weight: bold;
199223 color: var(--primary-color);
224+ font-size: 1.1em;
200225 }
201226
202227 .mod-version {
203- color: #666 ;
228+ color: var(--text-secondary) ;
204229 font-size: 0.9em;
230+ margin-top: 5px;
205231 }
206232
207233 .mod-details {
@@ -211,8 +237,8 @@ jobs:
211237
212238 .no-results {
213239 text-align: center;
214- padding: 20px ;
215- background-color: white ;
240+ padding: 30px ;
241+ background-color: var(--card-bg) ;
216242 border-radius: 8px;
217243 border-left: 4px solid var(--secondary-color);
218244 }
@@ -221,70 +247,79 @@ jobs:
221247 display: inline-block;
222248 background-color: var(--primary-color);
223249 color: white;
224- padding: 8px 16px ;
225- border-radius: 4px ;
250+ padding: 10px 18px ;
251+ border-radius: 6px ;
226252 margin-top: 10px;
227- transition: background-color 0.3s;
253+ transition: all 0.3s ease ;
228254 cursor: pointer;
229255 border: none;
230256 font-size: 14px;
231257 font-weight: 600;
232258 }
233259
234260 .btn:hover {
235- background-color: var(--secondary-color );
261+ background-color: var(--btn-hover );
236262 text-decoration: none;
237263 color: white;
264+ transform: translateY(-2px);
265+ box-shadow: 0 4px 8px rgba(0,0,0,0.1);
238266 }
239267
240268 .btn-secondary {
241- background-color: #95a5a6 ;
269+ background-color: #546e7a ;
242270 }
243271
244272 .btn-secondary:hover {
245- background-color: #7f8c8d ;
273+ background-color: #455a64 ;
246274 }
247275
248276 footer {
249277 text-align: center;
250278 padding: 20px;
251- margin-top: 30px ;
252- color: #666 ;
279+ margin-top: 40px ;
280+ color: var(--text-secondary) ;
253281 font-size: 0.9rem;
282+ border-top: 1px solid var(--border-color);
254283 }
255284
256285 .download-links {
257- background-color: #f8f9fa ;
258- padding: 15px ;
259- border-radius: 6px ;
286+ background-color: rgba(255, 255, 255, 0.05) ;
287+ padding: 20px ;
288+ border-radius: 8px ;
260289 margin: 20px 0;
261290 border: 1px solid var(--border-color);
262291 }
263292
264293 .download-links h3 {
265- margin-bottom: 10px ;
294+ margin-bottom: 15px ;
266295 color: var(--primary-color);
267296 }
268297
269298 .discord-section {
270299 text-align: center;
271- margin-top: 30px;
300+ margin-top: 40px;
301+ padding: 30px;
302+ background-color: rgba(88, 101, 242, 0.1);
303+ border-radius: 10px;
272304 }
273305
274306 .discord-btn {
275307 background-color: #5865F2;
276- padding: 12px 24px ;
277- border-radius: 4px ;
308+ padding: 12px 28px ;
309+ border-radius: 6px ;
278310 color: white;
279311 font-weight: bold;
280312 display: inline-block;
281- margin-top: 10px;
313+ margin-top: 15px;
314+ transition: all 0.3s ease;
282315 }
283316
284317 .discord-btn:hover {
285318 background-color: #4752c4;
286319 text-decoration: none;
287320 color: white;
321+ transform: translateY(-2px);
322+ box-shadow: 0 4px 12px rgba(0,0,0,0.2);
288323 }
289324
290325 .home-btn {
@@ -299,7 +334,7 @@ jobs:
299334 }
300335
301336 header {
302- padding: 20px 0;
337+ padding: 25px 0;
303338 }
304339
305340 h1 {
@@ -411,6 +446,7 @@ jobs:
411446 listItem.innerHTML = `
412447 <div>
413448 <div class="mod-name">${mod.name}</div>
449+ <div class="mod-version">${mod.version}</div>
414450 </div>
415451 `;
416452
@@ -435,7 +471,8 @@ jobs:
435471 const searchTerm = document.getElementById('searchBox').value.toLowerCase();
436472
437473 const filteredMods = mods.filter(mod => {
438- return mod.name.toLowerCase().includes(searchTerm);
474+ return mod.name.toLowerCase().includes(searchTerm) ||
475+ (mod.version && mod.version.toLowerCase().includes(searchTerm));
439476 });
440477
441478 displayMods(filteredMods);
@@ -477,20 +514,32 @@ jobs:
477514 </html>
478515 EOL
479516
480- # Procesar la salida de packwiz list y generar un archivo JSON
517+ # Procesar la salida de packwiz list -v y generar un archivo JSON
481518 python3 -c "
482519 import json
483520 import datetime
521+ import re
484522
485523 mods_data = []
486524 with open('../mods-raw.txt', 'r') as file:
487525 for line in file:
488526 line = line.strip()
489527 if line:
490- # Como solo tenemos el nombre del mod, creamos un objeto simple
491- mods_data.append({
492- 'name': line
493- })
528+ # Buscar el patrón: nombre (versión)
529+ match = re.match(r'(.*?)\s*\((.*?)\)', line)
530+ if match:
531+ mod_name = match.group(1).strip()
532+ mod_version = match.group(2).strip()
533+ mods_data.append({
534+ 'name': mod_name,
535+ 'version': mod_version
536+ })
537+ else:
538+ # Si no encuentra el patrón, usar el nombre completo
539+ mods_data.append({
540+ 'name': line,
541+ 'version': 'Desconocida'
542+ })
494543
495544 # Añadir metadatos
496545 metadata = {
0 commit comments