-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
547 lines (532 loc) · 55.6 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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
<!DOCTYPE html>
<html lang="hu" class="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sulis Portfolio</title>
<link rel="stylesheet" href="static/src/output.css">
</head>
<body class="bg-white dark:bg-neutral-900">
<!-- Hero -->
<div class="relative overflow-hidden before:absolute before:top-0 before:start-1/2 before:bg-[url('https://preline.co/assets/svg/examples/squared-bg-element.svg')] dark:before:bg-[url('https://preline.co/assets/svg/examples-dark/squared-bg-element.svg')] before:bg-no-repeat before:bg-top before:size-full before:-z-[1] before:transform before:-translate-x-1/2">
<div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-10">
<!-- Announcement Banner -->
<div class="flex justify-center">
<a class="inline-flex items-center p-2 px-3 text-xs text-gray-600 transition bg-white border border-gray-200 rounded-full gap-x-2 hover:border-gray-300 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:border-neutral-600 dark:text-neutral-400" href="https://github.com/PstasDev/SpcPort">
<svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg>
GitHub Repo
<span class="flex items-center gap-x-1">
<span class="text-blue-600 border-gray-200 border-s ps-2 dark:text-blue-500 dark:border-neutral-700">Link</span>
<svg class="flex-shrink-0 text-blue-600 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m9 18 6-6-6-6"/>
</svg>
</span>
</a>
</div>
<!-- End Announcement Banner -->
<!-- Title -->
<div class="max-w-xl mx-auto mt-5 text-center">
<h1 class="block text-4xl font-bold text-gray-800 md:text-5xl lg:text-6xl dark:text-neutral-200">
Sulis Projektek
</h1>
</div>
<!-- End Title -->
<div class="max-w-3xl mx-auto mt-5 text-center">
<p class="text-lg text-gray-600 dark:text-neutral-400">Főleg webes projektek gyűjteménye <span class="font-bold">deployolva</span></p>
</div>
<!-- Buttons -->
<!-- <div class="flex justify-center gap-3 mt-8">
<a class="inline-flex items-center justify-center px-4 py-3 text-sm font-medium text-center text-white border border-transparent rounded-full gap-x-3 bg-gradient-to-tl from-blue-600 to-violet-600 hover:from-violet-600 hover:to-blue-600 dark:focus:ring-offset-gray-800" href="#">
Continue with Github
</a>
</div> -->
<!-- End Buttons -->
</div>
</div>
<!-- End Hero -->
<!-- Card Blog -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
<!-- Grid -->
<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
<!-- Card -->
<div class="flex flex-col h-full bg-white border border-gray-200 shadow-sm max-md:max-h-40 group rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<div class="flex flex-col items-center justify-center w-full bg-purple-600 h-1/4 md:h-52 rounded-t-xl">
<svg class="mt-3" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="169px" height="34px" viewBox="0 0 169 34" enable-background="new 0 0 169 34" xml:space="preserve">
<path fill="#FFFFFF" d="M98.955,23.733h-2.081V0.78h7.009c5.723,0,7.682,3.305,7.682,6.886s-1.959,6.886-7.682,6.886h-4.927V23.733z
M98.955,12.624h5.203c4.315,0,5.141-2.755,5.141-4.958s-0.827-4.958-5.141-4.958h-5.203V12.624z M119.193,10.023
c-2.05,0-3.397,0.367-4.591,0.765V8.951c1.347-0.581,3.122-0.826,4.591-0.826c4.591,0,5.785,2.081,5.785,5.141v10.466h-1.194
l-0.459-1.224c-1.377,1.01-3.091,1.53-4.621,1.53c-4.009,0-5.356-2.357-5.356-4.928c0-2.601,1.439-4.529,5.448-4.774l4.04-0.245
v-0.857C122.835,11.002,122.04,10.023,119.193,10.023z M118.642,15.991c-2.173,0.214-3.122,1.347-3.122,3.121
c0,1.377,0.337,3.03,3.244,3.03c1.653,0,2.754-0.46,4.07-1.224v-5.325L118.642,15.991z M131.71,19.449
c-0.337,0.336-0.582,0.765-0.582,1.132c0,0.765,0.367,1.102,1.163,1.193l5.203,0.612c2.877,0.306,4.193,1.439,4.193,4.101
c0,3.734-3.734,5.203-7.957,5.203c-4.285,0-6.855-1.255-6.855-4.621c0-2.081,1.439-3.459,3.153-4.04v-0.031
c-0.582-0.398-0.979-1.01-0.979-2.02c0-0.856,0.52-1.56,1.163-2.081c-1.836-1.01-2.448-2.877-2.448-5.019
c0-3.152,1.346-5.754,5.968-5.754c0.949,0,1.745,0.122,2.449,0.306h5.203v1.163l-2.571,0.735c0.643,0.979,0.887,2.203,0.887,3.55
c0,3.153-1.347,5.754-5.968,5.754C132.965,19.633,132.291,19.571,131.71,19.449z M132.597,23.58c-2.02,0.46-3.734,1.408-3.734,3.367
c0,2.265,1.714,2.908,4.866,2.908c3.061,0,5.937-0.765,5.937-3.367c0-1.561-0.735-2.173-2.601-2.388L132.597,23.58z M137.708,13.879
c0-2.02-0.398-3.887-3.979-3.887s-3.978,1.867-3.978,3.887s0.398,3.886,3.978,3.886S137.708,15.899,137.708,13.879z M149.206,8.125
c5.203,0,5.815,3.55,5.815,7.957v0.979h-10.1c0.123,2.662,0.827,5.081,4.285,5.081c2.203,0,3.55-0.214,5.05-0.857v1.836
c-1.714,0.765-3.55,0.918-5.05,0.918c-5.172,0-6.427-3.55-6.427-7.957S144.033,8.125,149.206,8.125z M144.921,15.317h7.957
c0-2.724-0.153-5.295-3.673-5.295C145.655,10.023,145.013,12.563,144.921,15.317z M163.191,14.95
c4.346,0.398,5.387,1.867,5.387,4.376c0,2.356-1.5,4.713-6.151,4.713c-1.469,0-3.581-0.368-4.56-0.765v-1.836
c0.949,0.336,2.418,0.704,4.591,0.704c3.183,0,4.04-1.347,4.04-2.785c0-1.408-0.429-2.387-3.458-2.632
c-4.438-0.398-5.356-1.959-5.356-4.07c0-2.173,1.408-4.529,5.723-4.529c1.438,0,3.06,0.183,4.407,0.765v1.837
c-1.193-0.398-2.387-0.704-4.438-0.704c-3.03,0-3.673,1.133-3.673,2.632C159.703,14.001,160.253,14.705,163.191,14.95z
M17.184,10.327H9.687c-0.194,0-0.35,0.157-0.35,0.35v3.666c0,0.193,0.157,0.35,0.35,0.35h2.925v4.555c0,0-0.657,0.223-2.472,0.223
c-2.142,0-5.134-0.783-5.134-7.362c0-6.582,3.116-7.447,6.041-7.447c2.532,0,3.623,0.446,4.317,0.66
c0.218,0.067,0.42-0.15,0.42-0.344l0.837-3.541c0-0.09-0.031-0.199-0.134-0.274C16.204,0.963,14.484,0,10.139,0
C5.134,0,0,2.129,0,12.366c0,10.241,5.878,11.766,10.832,11.766c4.102,0,6.589-1.752,6.589-1.752c0.102-0.057,0.114-0.2,0.114-0.265
V10.678C17.535,10.484,17.378,10.327,17.184,10.327z M56.129,1.226c0-0.195-0.155-0.352-0.349-0.352h-4.221
c-0.193,0-0.349,0.157-0.349,0.352c0,0.001,0.001,8.158,0.001,8.158h-6.58V1.226c0-0.195-0.156-0.352-0.349-0.352h-4.221
c-0.192,0-0.349,0.157-0.349,0.352v22.095c0,0.194,0.157,0.353,0.349,0.353h4.221c0.193,0,0.349-0.158,0.349-0.353v-9.453h6.58
c0,0-0.012,9.452-0.012,9.453c0,0.194,0.157,0.353,0.349,0.353h4.232c0.193,0,0.348-0.158,0.349-0.353V1.226z M25.303,4.125
c0-1.52-1.218-2.748-2.722-2.748c-1.502,0-2.722,1.228-2.722,2.748c0,1.519,1.22,2.751,2.722,2.751
C24.085,6.876,25.303,5.644,25.303,4.125z M25.002,18.657c0-0.566,0-10.197,0-10.197c0-0.194-0.156-0.352-0.349-0.352h-4.208
c-0.192,0-0.365,0.199-0.365,0.393c0,0,0,12.27,0,14.613c0,0.429,0.268,0.556,0.614,0.556c0,0,1.796,0,3.792,0
c0.416,0,0.518-0.203,0.518-0.564C25.002,22.323,25.002,19.252,25.002,18.657z M72.511,8.141h-4.189
c-0.192,0-0.349,0.158-0.349,0.353v10.831c0,0-1.064,0.779-2.575,0.779c-1.511,0-1.911-0.685-1.911-2.165c0-1.48,0-9.444,0-9.444
c0-0.195-0.156-0.353-0.349-0.353h-4.251c-0.192,0-0.349,0.158-0.349,0.353c0,0,0,5.768,0,10.16c0,4.397,2.448,5.472,5.816,5.472
c2.763,0,4.991-1.526,4.991-1.526s0.106,0.804,0.154,0.9c0.048,0.096,0.173,0.19,0.309,0.19l2.705-0.012
c0.192,0,0.349-0.157,0.349-0.351L72.86,8.495C72.86,8.3,72.704,8.141,72.511,8.141z M84.19,7.645c-2.379,0-3.997,1.061-3.997,1.061
v-7.48c0-0.195-0.156-0.352-0.348-0.352h-4.233c-0.193,0-0.349,0.157-0.349,0.352v22.095c0,0.194,0.156,0.353,0.349,0.353
c0,0,2.937,0,2.937,0c0.132,0,0.232-0.069,0.306-0.188c0.073-0.118,0.178-1.018,0.178-1.018s1.732,1.64,5.009,1.64
c3.847,0,6.053-1.952,6.053-8.764C90.094,8.535,86.571,7.645,84.19,7.645z M82.538,20.091c-1.453-0.045-2.438-0.704-2.438-0.704
v-6.995c0,0,0.971-0.596,2.165-0.702c1.509-0.135,2.962,0.321,2.962,3.919C85.227,19.404,84.571,20.152,82.538,20.091z
M37.058,8.106h-3.166c0,0-0.005-4.183-0.005-4.184c0-0.158-0.081-0.238-0.265-0.238h-4.315c-0.168,0-0.258,0.074-0.258,0.235v4.322
c0,0-2.162,0.522-2.309,0.564c-0.145,0.043-0.253,0.177-0.253,0.337v2.716c0,0.195,0.156,0.353,0.349,0.353h2.212
c0,0,0,2.841,0,6.535c0,4.858,3.404,5.335,5.702,5.335c1.05,0,2.305-0.338,2.513-0.414c0.125-0.045,0.198-0.175,0.198-0.317
l0.004-2.991c0-0.195-0.164-0.353-0.35-0.353c-0.184,0-0.657,0.076-1.142,0.076c-1.556,0-2.082-0.723-2.082-1.66
c0-0.935-0.001-6.211-0.001-6.211h3.167c0.193,0,0.349-0.158,0.349-0.353V8.458C37.407,8.263,37.25,8.106,37.058,8.106z"/>
</svg>
</div>
<div class="flex md:p-4 md:p-6 max-md:h-full">
<div class="flex flex-col w-full p-4">
<span class="block mb-1 text-xs font-semibold text-purple-600 uppercase dark:text-purple-500">
GitHub Pages Deploy
</span>
<a class="font-semibold text-gray-800 text-md md:text-xl dark:text-neutral-300 dark:hover:text-white" href="./elso">
Első tesztprojekt
</a>
<p class="text-xs text-gray-500 md:mt-3 md:text-sm dark:text-neutral-500">
Üres projekt, a GitHub Pages tesztelésére
</p>
<div class="flex flex-wrap gap-2 my-1 md:my-2 max-md:hidden">
<span class="inline-flex items-center gap-x-1.5 py-1 md:py-1.5 px-3 rounded-full text-xs font-medium bg-red-100 text-red-800 dark:bg-red-800/30 dark:text-red-500">HTML</span>
<span class="inline-flex items-center gap-x-1.5 py-1 md:py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-800/30 dark:text-blue-500">tailwind/Preline</span>
</div>
<div class="inline-flex flex-wrap gap-2 max-md:hidden">
<span class="inline-flex items-center px-2 py-1 text-xs font-medium text-teal-800 bg-teal-100 rounded-full gap-x-1 dark:bg-teal-500/10 dark:text-teal-500">
<span class="relative flex w-2 h-2">
<span class="absolute inline-flex w-full h-full bg-teal-800 rounded-full opacity-75 dark:bg-teal-500 animate-ping"></span>
<span class="relative inline-flex w-2 h-2 bg-teal-900 rounded-full dark:bg-teal-600"></span>
</span>
<span class="">Online</span>
</span>
</div>
</div>
<!-- Mobile buttons -->
<div class="flex w-1/6 h-full border-l divide-y divide-gray-200 md:hidden justify-self-end flex-colborder-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a href="./elso" class="inline-flex items-center justify-center w-full h-full px-4 text-purple-500 transition-colors bg-white dark:bg-neutral-900 font-sm rounded-br-xl hover:text-purple-400 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-800 hover:bg-gray-50">
<svg viewBox="0 0 24 24" class="w-6 h-6" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10V6.41421L11.7071 13.7071C11.3166 14.0976 10.6834 14.0976 10.2929 13.7071C9.90237 13.3166 9.90237 12.6834 10.2929 12.2929L17.5858 5H14ZM5 7C4.44772 7 4 7.44772 4 8V19C4 19.5523 4.44772 20 5 20H16C16.5523 20 17 19.5523 17 19V14.4375C17 13.8852 17.4477 13.4375 18 13.4375C18.5523 13.4375 19 13.8852 19 14.4375V19C19 20.6569 17.6569 22 16 22H5C3.34315 22 2 20.6569 2 19V8C2 6.34315 3.34315 5 5 5H9.5625C10.1148 5 10.5625 5.44772 10.5625 6C10.5625 6.55228 10.1148 7 9.5625 7H5Z" fill="currentColor"></path> </g></svg>
</a>
</div>
</div>
<!-- Desktop buttons -->
<div class="flex mt-auto border-t border-gray-200 divide-x divide-gray-200 max-md:hidden dark:border-neutral-700 dark:divide-neutral-700">
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-white transition-colors bg-purple-500 shadow-sm gap-x-2 rounded-es-xl hover:bg-purple-400 disabled:opacity-50 disabled:pointer-events-none dark:bg-purple-800 dark:text-white dark:hover:bg-purple-900" href="./elso">
Megtekintés
</a>
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-gray-800 bg-white shadow-sm gap-x-2 rounded-ee-xl hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800" href="https://github.com/PstasDev/SpcPort/tree/main/elso">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" width="20" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="currentColor" d="M7 12.923a1 1 0 0 1-.554-.166.983.983 0 0 1-.277-1.373l4-5.94a1 1 0 0 1 1.385-.274.983.983 0 0 1 .277 1.373l-4 5.94a1 1 0 0 1-.833.44zm10.708-3.257l-3 2.97a1.02 1.02 0 0 1-1.42 0 .99.99 0 0 1 0-1.406l2.29-2.267-2.29-2.277a.98.98 0 0 1 0-1.4 1.015 1.015 0 0 1 1.42 0l3 2.97a.99.99 0 0 1 0 1.41zM4.712 11.23a.99.99 0 0 1 0 1.406 1.02 1.02 0 0 1-1.42 0l-3-2.97a.99.99 0 0 1 0-1.406l3-2.97a1.015 1.015 0 0 1 1.42 0 .98.98 0 0 1 0 1.4l-2.29 2.273z"></path> </g></svg>
Forráskód
</a>
</div>
</div>
<!-- End Card -->
<!-- Card -->
<div class="flex flex-col h-full bg-white border border-gray-200 shadow-sm max-md:max-h-40 group rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<div class="flex flex-col items-center justify-center w-full bg-purple-600 h-1/4 md:h-52 rounded-t-xl">
<svg class="mt-3" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="169px" height="34px" viewBox="0 0 169 34" enable-background="new 0 0 169 34" xml:space="preserve">
<path fill="#FFFFFF" d="M98.955,23.733h-2.081V0.78h7.009c5.723,0,7.682,3.305,7.682,6.886s-1.959,6.886-7.682,6.886h-4.927V23.733z
M98.955,12.624h5.203c4.315,0,5.141-2.755,5.141-4.958s-0.827-4.958-5.141-4.958h-5.203V12.624z M119.193,10.023
c-2.05,0-3.397,0.367-4.591,0.765V8.951c1.347-0.581,3.122-0.826,4.591-0.826c4.591,0,5.785,2.081,5.785,5.141v10.466h-1.194
l-0.459-1.224c-1.377,1.01-3.091,1.53-4.621,1.53c-4.009,0-5.356-2.357-5.356-4.928c0-2.601,1.439-4.529,5.448-4.774l4.04-0.245
v-0.857C122.835,11.002,122.04,10.023,119.193,10.023z M118.642,15.991c-2.173,0.214-3.122,1.347-3.122,3.121
c0,1.377,0.337,3.03,3.244,3.03c1.653,0,2.754-0.46,4.07-1.224v-5.325L118.642,15.991z M131.71,19.449
c-0.337,0.336-0.582,0.765-0.582,1.132c0,0.765,0.367,1.102,1.163,1.193l5.203,0.612c2.877,0.306,4.193,1.439,4.193,4.101
c0,3.734-3.734,5.203-7.957,5.203c-4.285,0-6.855-1.255-6.855-4.621c0-2.081,1.439-3.459,3.153-4.04v-0.031
c-0.582-0.398-0.979-1.01-0.979-2.02c0-0.856,0.52-1.56,1.163-2.081c-1.836-1.01-2.448-2.877-2.448-5.019
c0-3.152,1.346-5.754,5.968-5.754c0.949,0,1.745,0.122,2.449,0.306h5.203v1.163l-2.571,0.735c0.643,0.979,0.887,2.203,0.887,3.55
c0,3.153-1.347,5.754-5.968,5.754C132.965,19.633,132.291,19.571,131.71,19.449z M132.597,23.58c-2.02,0.46-3.734,1.408-3.734,3.367
c0,2.265,1.714,2.908,4.866,2.908c3.061,0,5.937-0.765,5.937-3.367c0-1.561-0.735-2.173-2.601-2.388L132.597,23.58z M137.708,13.879
c0-2.02-0.398-3.887-3.979-3.887s-3.978,1.867-3.978,3.887s0.398,3.886,3.978,3.886S137.708,15.899,137.708,13.879z M149.206,8.125
c5.203,0,5.815,3.55,5.815,7.957v0.979h-10.1c0.123,2.662,0.827,5.081,4.285,5.081c2.203,0,3.55-0.214,5.05-0.857v1.836
c-1.714,0.765-3.55,0.918-5.05,0.918c-5.172,0-6.427-3.55-6.427-7.957S144.033,8.125,149.206,8.125z M144.921,15.317h7.957
c0-2.724-0.153-5.295-3.673-5.295C145.655,10.023,145.013,12.563,144.921,15.317z M163.191,14.95
c4.346,0.398,5.387,1.867,5.387,4.376c0,2.356-1.5,4.713-6.151,4.713c-1.469,0-3.581-0.368-4.56-0.765v-1.836
c0.949,0.336,2.418,0.704,4.591,0.704c3.183,0,4.04-1.347,4.04-2.785c0-1.408-0.429-2.387-3.458-2.632
c-4.438-0.398-5.356-1.959-5.356-4.07c0-2.173,1.408-4.529,5.723-4.529c1.438,0,3.06,0.183,4.407,0.765v1.837
c-1.193-0.398-2.387-0.704-4.438-0.704c-3.03,0-3.673,1.133-3.673,2.632C159.703,14.001,160.253,14.705,163.191,14.95z
M17.184,10.327H9.687c-0.194,0-0.35,0.157-0.35,0.35v3.666c0,0.193,0.157,0.35,0.35,0.35h2.925v4.555c0,0-0.657,0.223-2.472,0.223
c-2.142,0-5.134-0.783-5.134-7.362c0-6.582,3.116-7.447,6.041-7.447c2.532,0,3.623,0.446,4.317,0.66
c0.218,0.067,0.42-0.15,0.42-0.344l0.837-3.541c0-0.09-0.031-0.199-0.134-0.274C16.204,0.963,14.484,0,10.139,0
C5.134,0,0,2.129,0,12.366c0,10.241,5.878,11.766,10.832,11.766c4.102,0,6.589-1.752,6.589-1.752c0.102-0.057,0.114-0.2,0.114-0.265
V10.678C17.535,10.484,17.378,10.327,17.184,10.327z M56.129,1.226c0-0.195-0.155-0.352-0.349-0.352h-4.221
c-0.193,0-0.349,0.157-0.349,0.352c0,0.001,0.001,8.158,0.001,8.158h-6.58V1.226c0-0.195-0.156-0.352-0.349-0.352h-4.221
c-0.192,0-0.349,0.157-0.349,0.352v22.095c0,0.194,0.157,0.353,0.349,0.353h4.221c0.193,0,0.349-0.158,0.349-0.353v-9.453h6.58
c0,0-0.012,9.452-0.012,9.453c0,0.194,0.157,0.353,0.349,0.353h4.232c0.193,0,0.348-0.158,0.349-0.353V1.226z M25.303,4.125
c0-1.52-1.218-2.748-2.722-2.748c-1.502,0-2.722,1.228-2.722,2.748c0,1.519,1.22,2.751,2.722,2.751
C24.085,6.876,25.303,5.644,25.303,4.125z M25.002,18.657c0-0.566,0-10.197,0-10.197c0-0.194-0.156-0.352-0.349-0.352h-4.208
c-0.192,0-0.365,0.199-0.365,0.393c0,0,0,12.27,0,14.613c0,0.429,0.268,0.556,0.614,0.556c0,0,1.796,0,3.792,0
c0.416,0,0.518-0.203,0.518-0.564C25.002,22.323,25.002,19.252,25.002,18.657z M72.511,8.141h-4.189
c-0.192,0-0.349,0.158-0.349,0.353v10.831c0,0-1.064,0.779-2.575,0.779c-1.511,0-1.911-0.685-1.911-2.165c0-1.48,0-9.444,0-9.444
c0-0.195-0.156-0.353-0.349-0.353h-4.251c-0.192,0-0.349,0.158-0.349,0.353c0,0,0,5.768,0,10.16c0,4.397,2.448,5.472,5.816,5.472
c2.763,0,4.991-1.526,4.991-1.526s0.106,0.804,0.154,0.9c0.048,0.096,0.173,0.19,0.309,0.19l2.705-0.012
c0.192,0,0.349-0.157,0.349-0.351L72.86,8.495C72.86,8.3,72.704,8.141,72.511,8.141z M84.19,7.645c-2.379,0-3.997,1.061-3.997,1.061
v-7.48c0-0.195-0.156-0.352-0.348-0.352h-4.233c-0.193,0-0.349,0.157-0.349,0.352v22.095c0,0.194,0.156,0.353,0.349,0.353
c0,0,2.937,0,2.937,0c0.132,0,0.232-0.069,0.306-0.188c0.073-0.118,0.178-1.018,0.178-1.018s1.732,1.64,5.009,1.64
c3.847,0,6.053-1.952,6.053-8.764C90.094,8.535,86.571,7.645,84.19,7.645z M82.538,20.091c-1.453-0.045-2.438-0.704-2.438-0.704
v-6.995c0,0,0.971-0.596,2.165-0.702c1.509-0.135,2.962,0.321,2.962,3.919C85.227,19.404,84.571,20.152,82.538,20.091z
M37.058,8.106h-3.166c0,0-0.005-4.183-0.005-4.184c0-0.158-0.081-0.238-0.265-0.238h-4.315c-0.168,0-0.258,0.074-0.258,0.235v4.322
c0,0-2.162,0.522-2.309,0.564c-0.145,0.043-0.253,0.177-0.253,0.337v2.716c0,0.195,0.156,0.353,0.349,0.353h2.212
c0,0,0,2.841,0,6.535c0,4.858,3.404,5.335,5.702,5.335c1.05,0,2.305-0.338,2.513-0.414c0.125-0.045,0.198-0.175,0.198-0.317
l0.004-2.991c0-0.195-0.164-0.353-0.35-0.353c-0.184,0-0.657,0.076-1.142,0.076c-1.556,0-2.082-0.723-2.082-1.66
c0-0.935-0.001-6.211-0.001-6.211h3.167c0.193,0,0.349-0.158,0.349-0.353V8.458C37.407,8.263,37.25,8.106,37.058,8.106z"/>
</svg>
</div>
<div class="flex md:p-4 md:p-6 max-md:h-full">
<div class="flex flex-col w-full p-4">
<span class="block mb-1 text-xs font-semibold text-purple-600 uppercase dark:text-purple-500">
GitHub Pages Deploy
</span>
<a class="font-semibold text-gray-800 text-md md:text-xl dark:text-neutral-300 dark:hover:text-white" href="./masodik">
Második tesztprojekt
</a>
<p class="text-xs text-gray-500 md:mt-3 md:text-sm dark:text-neutral-500">
Üres projekt, a GitHub Pages tesztelésére
</p>
<div class="flex flex-wrap gap-2 my-1 md:my-2 max-md:hidden">
<span class="inline-flex items-center gap-x-1.5 py-1 md:py-1.5 px-3 rounded-full text-xs font-medium bg-red-100 text-red-800 dark:bg-red-800/30 dark:text-red-500">HTML</span>
<span class="inline-flex items-center gap-x-1.5 py-1 md:py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-800/30 dark:text-blue-500">tailwind/Preline</span>
</div>
<div class="inline-flex flex-wrap gap-2 max-md:hidden">
<span class="inline-flex items-center px-2 py-1 text-xs font-medium text-teal-800 bg-teal-100 rounded-full gap-x-1 dark:bg-teal-500/10 dark:text-teal-500">
<span class="relative flex w-2 h-2">
<span class="absolute inline-flex w-full h-full bg-teal-800 rounded-full opacity-75 dark:bg-teal-500 animate-ping"></span>
<span class="relative inline-flex w-2 h-2 bg-teal-900 rounded-full dark:bg-teal-600"></span>
</span>
<span class="">Online</span>
</span>
</div>
</div>
<!-- Mobile buttons -->
<div class="flex w-1/6 h-full border-l divide-y divide-gray-200 md:hidden justify-self-end flex-colborder-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a href="./masodik" class="inline-flex items-center justify-center w-full h-full px-4 text-purple-500 transition-colors bg-white dark:bg-neutral-900 font-sm rounded-br-xl hover:text-purple-400 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-800 hover:bg-gray-50">
<svg viewBox="0 0 24 24" class="w-6 h-6" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10V6.41421L11.7071 13.7071C11.3166 14.0976 10.6834 14.0976 10.2929 13.7071C9.90237 13.3166 9.90237 12.6834 10.2929 12.2929L17.5858 5H14ZM5 7C4.44772 7 4 7.44772 4 8V19C4 19.5523 4.44772 20 5 20H16C16.5523 20 17 19.5523 17 19V14.4375C17 13.8852 17.4477 13.4375 18 13.4375C18.5523 13.4375 19 13.8852 19 14.4375V19C19 20.6569 17.6569 22 16 22H5C3.34315 22 2 20.6569 2 19V8C2 6.34315 3.34315 5 5 5H9.5625C10.1148 5 10.5625 5.44772 10.5625 6C10.5625 6.55228 10.1148 7 9.5625 7H5Z" fill="currentColor"></path> </g></svg>
</a>
</div>
</div>
<!-- Desktop buttons -->
<div class="flex mt-auto border-t border-gray-200 divide-x divide-gray-200 max-md:hidden dark:border-neutral-700 dark:divide-neutral-700">
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-white transition-colors bg-purple-500 shadow-sm gap-x-2 rounded-es-xl hover:bg-purple-400 disabled:opacity-50 disabled:pointer-events-none dark:bg-purple-800 dark:text-white dark:hover:bg-purple-900" href="./masodik">
Megtekintés
</a>
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-gray-800 bg-white shadow-sm gap-x-2 rounded-ee-xl hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800" href="https://github.com/PstasDev/SpcPort/tree/main/masodik">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" width="20" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="currentColor" d="M7 12.923a1 1 0 0 1-.554-.166.983.983 0 0 1-.277-1.373l4-5.94a1 1 0 0 1 1.385-.274.983.983 0 0 1 .277 1.373l-4 5.94a1 1 0 0 1-.833.44zm10.708-3.257l-3 2.97a1.02 1.02 0 0 1-1.42 0 .99.99 0 0 1 0-1.406l2.29-2.267-2.29-2.277a.98.98 0 0 1 0-1.4 1.015 1.015 0 0 1 1.42 0l3 2.97a.99.99 0 0 1 0 1.41zM4.712 11.23a.99.99 0 0 1 0 1.406 1.02 1.02 0 0 1-1.42 0l-3-2.97a.99.99 0 0 1 0-1.406l3-2.97a1.015 1.015 0 0 1 1.42 0 .98.98 0 0 1 0 1.4l-2.29 2.273z"></path> </g></svg>
Forráskód
</a>
</div>
</div>
<!-- End Card -->
<!-- Card -->
<div class="flex h-full bg-white border border-gray-200 shadow-sm md:flex-col group rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<div class="flex flex-col items-center justify-center min-w-16 bg-emerald-600 md:h-52 max-md:rounded-l-xl md:rounded-t-xl">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve" class="w-12 md:w-32">
<rect x="134.598" y="95.01" style="fill:#A58763;" width="42.227" height="73.897"/>
<polygon style="fill:#A26234;" points="240.165,95.01 240.165,242.804 224.33,242.804 102.928,242.804 71.258,242.804 71.258,95.01
134.598,95.01 134.598,168.907 176.825,168.907 176.825,95.01 "/>
<g>
<path style="fill:#A4A9AB;" d="M303.505,279.753v36.948H224.33c20.374,0,36.948-16.574,36.948-36.948H303.505z"/>
<path style="fill:#A4A9AB;" d="M224.33,316.701H102.928c20.374,0,36.948-16.574,36.948-36.948h47.505
C187.381,300.127,203.955,316.701,224.33,316.701z"/>
<path style="fill:#A4A9AB;" d="M102.928,316.701H44.866c-20.374,0-36.948-16.574-36.948-36.948h58.062
C65.979,300.127,82.553,316.701,102.928,316.701z"/>
<path style="fill:#A4A9AB;" d="M240.165,242.804h63.34v36.948h-42.227c0-20.374-16.574-36.948-36.948-36.948H240.165z"/>
<path style="fill:#A4A9AB;" d="M102.928,242.804H224.33c-20.374,0-36.948,16.574-36.948,36.948h-47.505
C139.876,259.378,123.302,242.804,102.928,242.804z"/>
<path style="fill:#A4A9AB;" d="M71.258,242.804h31.67c-20.374,0-36.948,16.574-36.948,36.948H7.918
c0-10.134,4.117-19.424,10.873-26.075c6.651-6.756,15.941-10.873,26.075-10.873H71.258z"/>
</g>
<g>
<path style="fill:#7E8488;" d="M224.33,316.701c-20.374,0-36.948-16.574-36.948-36.948s16.574-36.948,36.948-36.948
s36.948,16.574,36.948,36.948C261.278,300.127,244.704,316.701,224.33,316.701z"/>
<path style="fill:#7E8488;" d="M102.928,242.804c20.374,0,36.948,16.574,36.948,36.948c0,20.374-16.574,36.948-36.948,36.948
s-36.948-16.574-36.948-36.948S82.553,242.804,102.928,242.804z"/>
</g>
<g>
<rect x="467.134" y="358.928" style="fill:#595E62;" width="36.948" height="100.289"/>
<rect x="303.505" y="358.928" style="fill:#595E62;" width="36.948" height="100.289"/>
<polygon style="fill:#595E62;" points="303.505,316.701 303.505,358.928 266.557,358.928 266.557,459.217 229.608,459.217
229.608,358.928 81.814,358.928 81.814,459.217 44.866,459.217 44.866,358.928 7.918,358.928 7.918,316.701 44.866,316.701
102.928,316.701 224.33,316.701 "/>
</g>
<rect x="340.454" y="89.732" style="fill:#00ABD5;" width="126.68" height="84.454"/>
<path style="fill:#AFB6BB;" d="M303.505,52.784v306.144h200.577V52.784H303.505z M340.454,89.732h126.68v84.454h-126.68V89.732z"/>
<polygon style="fill:#9DA4A9;" points="340.454,174.186 340.454,89.732 403.794,89.732 403.794,52.784 303.505,52.784
303.505,242.804 303.505,279.753 303.505,316.701 303.505,358.928 340.454,358.928 403.794,358.928 403.794,174.186 "/>
<path style="fill:#0092CA;" d="M370.789,89.732h-30.336v84.454h126.68v-8.174C426.45,153.107,392.408,125.609,370.789,89.732z"/>
<polygon style="fill:#865128;" points="134.598,168.907 134.598,95.01 71.258,95.01 71.258,242.804 102.928,242.804
155.711,242.804 155.711,168.907 "/>
<g>
<rect x="92.371" y="271.835" style="fill:#FFFFFF;" width="21.113" height="15.835"/>
<rect x="213.773" y="271.835" style="fill:#FFFFFF;" width="21.113" height="15.835"/>
<polygon style="fill:#FFFFFF;" points="380.041,147.794 364.206,147.794 364.206,113.485 398.515,113.485 398.515,129.32
380.041,129.32 "/>
<rect x="329.897" y="203.217" style="fill:#FFFFFF;" width="147.794" height="15.835"/>
<rect x="329.897" y="234.887" style="fill:#FFFFFF;" width="21.113" height="15.835"/>
<rect x="366.845" y="234.887" style="fill:#FFFFFF;" width="21.113" height="15.835"/>
<rect x="456.577" y="234.887" style="fill:#FFFFFF;" width="21.113" height="15.835"/>
<rect x="329.897" y="308.784" style="fill:#FFFFFF;" width="147.794" height="15.835"/>
</g>
<path d="M295.588,44.866v190.021h-47.505V87.093H63.34v147.794H44.866c-12.029,0-23.274,4.684-31.673,13.192
C4.685,256.475,0,267.722,0,279.753c0,11.064,4.035,21.2,10.698,29.031H0v58.062h36.948v100.289h52.784V366.845h131.959v100.289
h52.784V366.845h21.113v100.289h52.784V366.845h110.845v100.289H512V44.866H295.588z M258.498,308.784
c5.037-5.918,8.561-13.155,9.985-21.113h27.105v21.113H258.498z M73.897,279.753c0-16.007,13.023-29.031,29.031-29.031
s29.031,13.024,29.031,29.031c0,16.007-13.023,29.031-29.031,29.031S73.897,295.76,73.897,279.753z M180.178,271.835H147.08
c-1.424-7.959-4.948-15.195-9.985-21.113h53.067C185.127,256.64,181.602,263.876,180.178,271.835z M147.08,287.67h33.097
c1.424,7.959,4.948,15.195,9.985,21.113h-53.067C142.131,302.865,145.656,295.629,147.08,287.67z M195.299,279.753
c0-16.007,13.023-29.031,29.031-29.031s29.031,13.024,29.031,29.031c0,16.007-13.023,29.031-29.031,29.031
S195.299,295.76,195.299,279.753z M295.588,271.835h-27.105c-1.424-7.959-4.948-15.195-9.985-21.113h37.09V271.835z
M142.515,102.928h26.392v58.062h-26.392V102.928z M79.175,102.928h47.505v73.897h58.062v-73.897h47.505v131.959H79.175V102.928z
M24.433,259.232c5.403-5.487,12.66-8.511,20.432-8.511H63.34h5.42c-5.037,5.918-8.561,13.155-9.985,21.113H16.931
c1.331-4.709,3.848-9.006,7.414-12.515L24.433,259.232z M16.941,287.67h41.834c1.424,7.959,4.948,15.195,9.985,21.113H44.866
C31.604,308.784,20.398,299.84,16.941,287.67z M258.639,351.01v100.289h-21.113V351.01H73.897v100.289H52.784V351.01H15.835v-26.392
h279.753v26.392H258.639z M332.536,451.299h-21.113v-84.454h21.113V451.299z M496.165,451.299h-21.113v-84.454h21.113V451.299z
M311.423,351.01V60.701h184.742V351.01H311.423z"/>
<path d="M332.536,81.814v100.289h142.515V81.814H332.536z M459.217,166.268H348.371V97.649h110.845V166.268z"/>
<rect x="108.206" y="197.938" style="fill:#FFFFFF;" width="95.01" height="15.835"/>
</svg>
</div>
<div class="w-full p-4 md:p-6">
<span class="block mb-1 text-xs font-semibold uppercase text-emerald-600">
Generátor
</span>
<a class="font-semibold text-gray-800 truncate text-md md:text-xl dark:text-neutral-300 dark:hover:text-white" href="./3000mainGen/">
3000 Main Generátor
</a>
<p class="mt-3 text-xs text-gray-500 md:text-sm dark:text-neutral-500">
3000+-os feladatokhoz, Main függvény Generátor
</p>
<div class="flex flex-wrap gap-2 my-2 max-md:hidden">
<span class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-red-100 text-red-800 dark:bg-red-800/30 dark:text-red-500">HTML</span>
<span class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-800/30 dark:text-blue-500">tailwind/Preline</span>
<span class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800 dark:bg-yellow-800/30 dark:text-yellow-500">JavaScript</span>
</div>
<div class="inline-flex flex-wrap gap-2 max-md:hidden">
<span class="inline-flex items-center px-2 py-1 text-xs font-medium text-teal-800 bg-teal-100 rounded-full gap-x-1 dark:bg-teal-500/10 dark:text-teal-500">
<span class="relative flex w-2 h-2">
<span class="absolute inline-flex w-full h-full bg-teal-800 rounded-full opacity-75 dark:bg-teal-500 animate-ping"></span>
<span class="relative inline-flex w-2 h-2 bg-teal-900 rounded-full dark:bg-teal-600"></span>
</span>
<span class="">Online</span>
</span>
</div>
</div>
<!-- Mobile buttons -->
<div class="flex w-1/6 h-full border-l divide-y divide-gray-200 md:hidden justify-self-end flex-colborder-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a href="./3000mainGen/" class="inline-flex items-center justify-center w-full h-full px-4 transition-colors bg-white text-emerald-500 dark:bg-neutral-900 font-sm rounded-r-xl hover:text-emerald-400 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-800 hover:bg-gray-50">
<svg viewBox="0 0 24 24" class="w-6 h-6" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10V6.41421L11.7071 13.7071C11.3166 14.0976 10.6834 14.0976 10.2929 13.7071C9.90237 13.3166 9.90237 12.6834 10.2929 12.2929L17.5858 5H14ZM5 7C4.44772 7 4 7.44772 4 8V19C4 19.5523 4.44772 20 5 20H16C16.5523 20 17 19.5523 17 19V14.4375C17 13.8852 17.4477 13.4375 18 13.4375C18.5523 13.4375 19 13.8852 19 14.4375V19C19 20.6569 17.6569 22 16 22H5C3.34315 22 2 20.6569 2 19V8C2 6.34315 3.34315 5 5 5H9.5625C10.1148 5 10.5625 5.44772 10.5625 6C10.5625 6.55228 10.1148 7 9.5625 7H5Z" fill="currentColor"></path> </g></svg>
</a>
</div>
<!-- Desktop buttons -->
<div class="flex mt-auto border-t border-gray-200 divide-x divide-gray-200 max-md:hidden dark:border-neutral-700 dark:divide-neutral-700">
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-white transition-colors shadow-sm bg-emerald-500 gap-x-2 rounded-es-xl hover:bg-emerald-400 disabled:opacity-50 disabled:pointer-events-none dark:bg-emerald-800 dark:text-white dark:hover:bg-emerald-900" href="./3000mainGen">
Megtekintés
</a>
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-gray-800 transition-colors bg-white shadow-sm gap-x-2 rounded-ee-xl hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800" href="https://github.com/PstasDev/SpcPort/tree/main/3000mainGen">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" width="20" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="currentColor" d="M7 12.923a1 1 0 0 1-.554-.166.983.983 0 0 1-.277-1.373l4-5.94a1 1 0 0 1 1.385-.274.983.983 0 0 1 .277 1.373l-4 5.94a1 1 0 0 1-.833.44zm10.708-3.257l-3 2.97a1.02 1.02 0 0 1-1.42 0 .99.99 0 0 1 0-1.406l2.29-2.267-2.29-2.277a.98.98 0 0 1 0-1.4 1.015 1.015 0 0 1 1.42 0l3 2.97a.99.99 0 0 1 0 1.41zM4.712 11.23a.99.99 0 0 1 0 1.406 1.02 1.02 0 0 1-1.42 0l-3-2.97a.99.99 0 0 1 0-1.406l3-2.97a1.015 1.015 0 0 1 1.42 0 .98.98 0 0 1 0 1.4l-2.29 2.273z"></path> </g></svg>
Forráskód
</a>
</div>
</div>
<!-- End Card -->
<!-- Card -->
<div class="flex h-full bg-white border border-gray-200 shadow-sm md:flex-col group rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<div class="flex flex-col items-center justify-center min-w-16 bg-amber-500 md:h-52 max-md:rounded-l-xl md:rounded-t-xl">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve" class="w-12 md:w-32">
<g id="bee">
<g>
<polygon style="fill:#FEC738;" points="102,256 77,256 77,282 51,282 51,307 77,307 77,333 102,333 102,358 128,358 128,332.8
128,307.2 128,281.6 128,256 128,230 102,230 "/>
<polygon style="fill:#FEC738;" points="179,256 154,256 154,281.6 154,307.2 154,332.8 154,358.4 154,384 179.2,384 205,384
205,358.4 205,332.8 205,307.2 205,282 179,282 "/>
<polygon style="fill:#FEC738;" points="333,282 333,256 333,230 307,230 307,256 307,281.6 307,307.2 307,332.8 307,358 333,358
333,332.8 333,307 358,307 358,282 "/>
<polygon style="fill:#FEC738;" points="230,307 230,332.8 230,358.4 230,384 256,384 282,384 282,358.4 282,332.8 282,307
256,307 "/>
</g>
<polygon style="fill:#BFC0C0;" points="307,154 307,128 307,102 281.6,102 256,102 230,102 230,128 256,128 256,154 282,154
282,179 307,179 307,204.8 307,230 333,230 333,204.8 333,179.2 333,154 "/>
<rect x="128" y="230" style="fill:#070000;" width="26" height="25.68"/>
<rect x="128" y="255.68" style="fill:#070000;" width="26" height="25.68"/>
<polygon style="fill:#FFFFFF;" points="384,230 384,256 384,282 410,282 410,256 410,230 "/>
<rect x="128" y="281.36" style="fill:#070000;" width="26" height="25.68"/>
<rect x="204.8" y="281.6" style="fill:#070000;" width="25.6" height="25.6"/>
<polygon style="fill:#A0A09C;" points="282,179 282,154 256,154 256,128 230.4,128 205,128 205,102 179.2,102 153.6,102 128,102
128,128 102,128 102,153.6 102,179 128,179 128,204.8 128,230 154,230 154,256 179,256 179,282 204.8,282 230,282 230,307 256,307
282,307 282,282 307,282 307,256 307,230.4 307,204.8 307,179 "/>
<rect x="281.6" y="281.6" style="fill:#070000;" width="25.6" height="25.6"/>
<rect x="128" y="307.04" style="fill:#070000;" width="26" height="25.68"/>
<rect x="204.8" y="307.2" style="fill:#070000;" width="25.6" height="25.6"/>
<rect x="281.6" y="307.2" style="fill:#070000;" width="25.6" height="25.6"/>
<rect x="128" y="332.72" style="fill:#070000;" width="26" height="25.68"/>
<rect x="204.8" y="332.8" style="fill:#070000;" width="25.6" height="25.6"/>
<rect x="281.6" y="332.8" style="fill:#070000;" width="25.6" height="25.6"/>
<g>
<polygon style="fill:#070000;" points="435,281.6 435,256 435,230 410,230 410,256 410,282 384,282 384,256 384,230 410,230
410,205 384,205 358.4,205 333,205 333,230.4 333,256 333,282 358,282 358,307 384,307 384,333 409.6,333 435,333 435,307.2 "/>
<rect x="435" y="333" style="fill:#070000;" width="26" height="25"/>
</g>
<rect x="204.8" y="358.4" style="fill:#070000;" width="25.6" height="25.6"/>
<rect x="281.6" y="358.4" style="fill:#070000;" width="25.6" height="25.6"/>
<g>
<rect x="102" y="358" style="fill:#9F7424;" width="26" height="26"/>
<rect x="77" y="384" style="fill:#9F7424;" width="25" height="26"/>
<rect x="179" y="384" style="fill:#9F7424;" width="26" height="26"/>
<rect x="256" y="384" style="fill:#9F7424;" width="26" height="26"/>
<rect x="154" y="410" style="fill:#9F7424;" width="25" height="25"/>
<rect x="230" y="410" style="fill:#9F7424;" width="26" height="25"/>
</g>
</g>
<g id="Layer_1">
</g>
</svg>
</div>
<div class="w-full p-4 md:p-6">
<span class="block mb-1 text-xs font-semibold uppercase text-amber-500">
NKP mintafeladat
</span>
<a class="font-semibold text-gray-800 text-md md:text-xl dark:text-neutral-300 dark:hover:text-white" href="./mehek">
Méhek
</a>
<p class="mt-3 text-xs text-gray-500 dark:text-neutral-500 md-text-sm">
Információk méhekről. Emellett NKP oktatófeladat kivitelezése: audio, video tagek.
</p>
<div class="flex flex-wrap gap-2 my-2 max-md:hidden">
<span class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-red-100 text-red-800 dark:bg-red-800/30 dark:text-red-500">HTML</span>
<span class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-800/30 dark:text-blue-500">CSS</span>
</div>
<div class="inline-flex flex-wrap gap-2 max-md:hidden">
<span class="inline-flex items-center px-2 py-1 text-xs font-medium text-teal-800 bg-teal-100 rounded-full gap-x-1 dark:bg-teal-500/10 dark:text-teal-500">
<span class="relative flex w-2 h-2">
<span class="absolute inline-flex w-full h-full bg-teal-800 rounded-full opacity-75 dark:bg-teal-500 animate-ping"></span>
<span class="relative inline-flex w-2 h-2 bg-teal-900 rounded-full dark:bg-teal-600"></span>
</span>
<span class="">Online</span>
</span>
</div>
</div>
<!-- Mobile buttons -->
<div class="flex w-1/6 h-full border-l divide-y divide-gray-200 md:hidden justify-self-end flex-colborder-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a href="./mehek/" class="inline-flex items-center justify-center w-full h-full px-4 transition-colors bg-white text-amber-500 dark:bg-neutral-900 font-sm rounded-r-xl hover:text-amber-400 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-800 hover:bg-gray-50">
<svg viewBox="0 0 24 24" class="w-6 h-6" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 5C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10V6.41421L11.7071 13.7071C11.3166 14.0976 10.6834 14.0976 10.2929 13.7071C9.90237 13.3166 9.90237 12.6834 10.2929 12.2929L17.5858 5H14ZM5 7C4.44772 7 4 7.44772 4 8V19C4 19.5523 4.44772 20 5 20H16C16.5523 20 17 19.5523 17 19V14.4375C17 13.8852 17.4477 13.4375 18 13.4375C18.5523 13.4375 19 13.8852 19 14.4375V19C19 20.6569 17.6569 22 16 22H5C3.34315 22 2 20.6569 2 19V8C2 6.34315 3.34315 5 5 5H9.5625C10.1148 5 10.5625 5.44772 10.5625 6C10.5625 6.55228 10.1148 7 9.5625 7H5Z" fill="currentColor"></path> </g></svg>
</a>
</div>
<!-- Desktop buttons -->
<div class="flex mt-auto border-t border-gray-200 divide-x divide-gray-200 max-md:hidden dark:border-neutral-700 dark:divide-neutral-700">
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-white transition-colors shadow-sm bg-amber-500 gap-x-2 rounded-es-xl hover:bg-amber-400 disabled:opacity-50 disabled:pointer-events-none dark:bg-amber-800 dark:text-white dark:hover:bg-amber-900" href="./mehek">
Megtekintés
</a>
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-gray-800 transition-colors bg-white shadow-sm gap-x-2 rounded-ee-xl hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800" href="https://www.nkp.hu/tankonyv/digitalis-kultura-okosgyujtemeny-9-12/lecke_05_002#section-75254515156" target="_blank">
Minta
</a>
<a class="inline-flex items-center justify-center w-full px-4 py-3 text-sm font-medium text-gray-800 transition-colors bg-white shadow-sm gap-x-2 rounded-ee-xl hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800" href="https://github.com/PstasDev/SpcPort/tree/main/mehek">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" width="20" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="currentColor" d="M7 12.923a1 1 0 0 1-.554-.166.983.983 0 0 1-.277-1.373l4-5.94a1 1 0 0 1 1.385-.274.983.983 0 0 1 .277 1.373l-4 5.94a1 1 0 0 1-.833.44zm10.708-3.257l-3 2.97a1.02 1.02 0 0 1-1.42 0 .99.99 0 0 1 0-1.406l2.29-2.267-2.29-2.277a.98.98 0 0 1 0-1.4 1.015 1.015 0 0 1 1.42 0l3 2.97a.99.99 0 0 1 0 1.41zM4.712 11.23a.99.99 0 0 1 0 1.406 1.02 1.02 0 0 1-1.42 0l-3-2.97a.99.99 0 0 1 0-1.406l3-2.97a1.015 1.015 0 0 1 1.42 0 .98.98 0 0 1 0 1.4l-2.29 2.273z"></path> </g></svg>
Forráskód
</a>
</div>
</div>
<!-- End Card -->
</div>
<!-- End Grid -->
</div>
<!-- End Card Blog -->
<!-- Features -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
<!-- Grid -->
<div class="grid items-center gap-6 lg:grid-cols-12 lg:gap-12">
<div class="lg:col-span-4">
<!-- Stats -->
<div class="lg:pe-6 xl:pe-12">
<p class="text-6xl font-bold leading-10 text-blue-600">
4<span class="ml-2 text-2xl">projekt</span>
<span class="ms-1 inline-flex items-center gap-x-1 bg-green-200 font-medium text-green-800 text-xs leading-4 rounded-full py-0.5 px-2 dark:bg-green-800 dark:text-green-300">
2 új
</span>
</p>
<p class="mt-2 text-gray-500 sm:mt-3 dark:text-neutral-500">érhető el az oldalon</p>
</div>
<!-- End Stats -->
</div>
<!-- End Col -->
<div class="relative lg:col-span-8 lg:before:absolute lg:before:top-0 lg:before:-start-12 lg:before:w-px lg:before:h-full lg:before:bg-gray-200 lg:before:dark:bg-neutral-700">
<div class="grid grid-cols-2 gap-6 md:grid-cols-4 lg:grid-cols-3 sm:gap-8">
<!-- Stats -->
<div>
<p class="text-3xl font-semibold text-blue-600">~4512 <span class="text-sm">sor</span></p>
<p class="mt-1 text-gray-500 dark:text-neutral-500">kód szükséges ennek az oldalnak a működéséhez</p>
</div>
<!-- End Stats -->
<!-- Stats -->
<div>
<p class="text-3xl font-semibold text-blue-600">2.</p>
<p class="mt-1 text-gray-500 dark:text-neutral-500">Tailwind Component Library amivel próbálkozom ezen az oldalon</p>
</div>
<!-- End Stats -->
<!-- Stats -->
<div>
<p class="text-3xl font-semibold text-blue-600">most</p>
<p class="mt-1 text-gray-500 dark:text-neutral-500">fogytak el az ötleteim</p>
</div>
<!-- End Stats -->
</div>
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
<!-- End Features -->
<!-- ========== FOOTER ========== -->
<footer class="mt-auto w-full max-w-[85rem] py-10 px-4 sm:px-6 lg:px-8 mx-auto">
<hr class="w-full mb-3 border-slate-500 dark:border-neutral-500">
<!-- Grid -->
<div class="text-center">
<div>
<a class="flex-none text-xl font-semibold text-black dark:text-white" href="#" aria-label="Brand">Sulis projektek</a>
</div>
<!-- End Col -->
<div class="mt-3">
<p class="text-gray-500 dark:text-neutral-500">Balla Botond</p>
</div>
<!-- Social Brands -->
<div class="mt-3 space-x-2">
<a class="inline-flex items-center justify-center text-sm font-semibold text-gray-500 border border-transparent rounded-full size-8 gap-x-2 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:bg-neutral-700" href="https://github.com/PstasDev">
<svg class="flex-shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg>
</a>
</div>
<!-- End Social Brands -->
</div>
<!-- End Grid -->
</footer>
<!-- ========== END FOOTER ========== -->
<script src="./node_modules/preline/dist/preline.js"></script>
</body>
</html>