8000 Index view done · JayAyAre/PyScript-vs-JavaScript@23ae61a · GitHub
[go: up one dir, main page]

Skip to content

Commit 23ae61a

Browse files
committed
Index view done
1 parent 7b4844b commit 23ae61a

File tree

8 files changed

+870
-477
lines changed

8 files changed

+870
-477
lines changed

.prettierrc

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"printWidth": 80,
3+
"semi": true,
4+
"singleQuote": true,
5+
"trailingComma": "es5"
6+
}

Astro-TFG/src/components/Welcome.astro

Lines changed: 0 additions & 210 deletions
This file was deleted.
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
export interface Props {
3+
title: string;
4+
}
5+
6+
const { title } = Astro.props;
7+
---
8+
9+
<div
10+
class="grid-i mx-auto flex h-full w-full flex-col rounded-md bg-gray-700 p-4 break-words text-gray-300"
11+
>
12+
<h4 class="mb-2 text-base font-semibold text-purple-300">{title}</h4>
13+
<div class="mt-1 min-h-0 flex-1 overflow-hidden">
14+
<slot />
15+
</div>
16+
</div>
Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
<footer class="mt-16 w-full bg-[#0f1116]">
2+
<div
3+
class="mx-auto flex max-w-7xl flex-col items-center justify-between gap-y-8 px-6 py-8 text-gray-300 md:flex-row md:items-start md:gap-x-16"
4+
>
5+
<!-- Enlaces -->
6+
<div class="space-y-3 text-center md:text-left">
7+
<h5 class="font-semibold text-white">Enlaces</h5>
8+
<ul class="space-y-2">
9+
<li>
10+
<a href="#" class="transition-colors hover:text-purple-400"
11+
>Inicio</a
12+
>
13+
</li>
14+
<li>
15+
<a href="#" class="transition-colors hover:text-purple-400"
16+
>Introducción</a
17+
>
18+
</li>
19+
<li>
20+
<a href="#" class="transition-colors hover:text-purple-400"
21+
>Benchmarks</a
22+
>
23+
</li>
24+
<li>
25+
<a href="#" class="transition-colors hover:text-purple-400"
26+
>Resultados</a
27+
>
28+
</li>
29+
</ul>
30+
</div>
31+
32+
<!-- Autor / Tutor / Universidad -->
33+
<div class="space-y-1 text-center text-sm text-gray-400 md:text-left">
34+
<p>
35+
Autor: <span class="font-medium text-white"
36+
>Jordi Andre Ramírez Vecino</span
37+
>
38+
</p>
39+
<p>
40+
Tutor: <span class="font-medium text-white"
41+
>Marc Sanchez Artigas</span
42+
>
43+
</p>
44+
<p>
45+
Contacto del tutor: <span class="font-medium text-white"
46+
>marc.sanchez@urv.cat</span
47+
>
48+
</p>
49+
<p>Universidad Rovira i Virgili</p>
50+
<p>Escuela técnica superior de ingeniería</p>
51+
</div>
52+
53+
<!-- Contacto y redes -->
54+
<div class="space-y-3 text-center md:text-left">
55+
<h5 class="font-semibold text-white">Contacto & Redes del Autor</h5>
56+
<div class="space-y-2 text-sm">
57+
<p>Emails:</p>
58+
<ul class="list-disc pl-4 text-left text-gray-400 md:text-left">
59+
<li>
60+
<a
61+
href="mailto:jordiandre.ramirez@hotmail.com"
62+
target="_blank"
63+
class="transition-colors hover:text-purple-400"
64+
>
65+
jordiandre.ramirez@hotmail.com
66+
</a>
67+
</li>
68+
<li>
69+
<a
70+
href="mailto:jordiandre.ramirez23@gmail.com"
71+
target="_blank"
72+
class="transition-colors hover:text-purple-400"
73+
>
74+
jordiandre.ramirez23@gmail.com
75+
</a>
76+
</li>
77+
</ul>
78+
</div>
79+
80+
<div class="flex justify-center gap-4 pt-2 md:justify-start">
81+
<!-- LinkedIn -->
82+
<a
83+
href="https://www.linkedin.com/in/jordi-andre-ramirez-vecino/"
84+
target="_blank"
85+
class="transition-colors hover:text-purple-400"
86+
>
87+
<svg
88+
class="h-5 w-5"
89+
fill="currentColor"
90+
viewBox="0 0 24 24"
91+
>
92+
<path
93+
d="M20 0H4C1.8 0 0 1.8 0 4v16c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V4c0-2.2-1.8-4-4-4zM7.1 20.5H3.6V8.9h3.5v11.6zM5.4 7.4c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm15.1 13.1h-3.5v-5.6c0-1.3 0-3-1.8-3s-2 .1-2 2v5.6h-3.5V8.9h3.4v1.6h.1c.5-.9 1.7-1.8 3.5-1.8 3.7 0 4.4 2.4 4.4 5.6v6.2z"
94+
></path>
95+
</svg>
96+
</a>
97+
<!-- GitHub -->
98+
<a
99+
href="https://github.com/JayAyAre"
100+
target="_blank"
101+
class="transition-colors hover:text-purple-400"
102+
>
103+
<svg
104+
viewBox="0 0 24 24"
105+
fill="none"
106+
stroke="currentColor"
107+
stroke-linecap="round"
108+
stroke-linejoin="round"
109+
width="24"
110+
height="24"
111+
stroke-width="2"
112+
>
113+
<path
114+
d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
115+
></path>
116+
</svg>
117+
</a>
118+
<a
119+
href="https://www.instagram.com/jordiramirezvecino/"
120+
target="_blank"
121+
class="transition-colors hover:text-purple-400"
122+
>
123+
<svg
124+
viewBox="0 0 24 24"
125+
fill="none"
126+
stroke="currentColor"
127+
stroke-linecap="round"
128+
stroke-linejoin="round"
129+
width="24"
130+
height="24"
131+
stroke-width="2"
132+
>
133+
<path
134+
d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"
135+
></path>
136+
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"
137+
></path>
138+
<path d="M16.5 7.5l0 .01"></path>
139+
</svg>
140+
</a>
141+
</div>
142+
</div>
143+
</div>
144+
</footer>

0 commit comments

Comments
 (0)
0