diff --git a/index.html b/index.html
index 7021737..bc3b0ff 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
-
Vite + Solid + TS
+ CyberBokeron Malackathon
diff --git a/package-lock.json b/package-lock.json
index c8af037..c1d692c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
"dependencies": {
"@solidjs/router": "^0.14.9",
"bulma": "^1.0.2",
+ "solid-icons": "^1.1.0",
"solid-js": "^1.9.1"
},
"devDependencies": {
@@ -3814,6 +3815,15 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/solid-icons": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/solid-icons/-/solid-icons-1.1.0.tgz",
+ "integrity": "sha512-IesTfr/F1ElVwH2E1110s2RPXH4pujKfSs+koT8rwuTAdleO5s26lNSpqJV7D1+QHooJj18mcOiz2PIKs0ic+A==",
+ "license": "MIT",
+ "peerDependencies": {
+ "solid-js": "*"
+ }
+ },
"node_modules/solid-js": {
"version": "1.9.2",
"license": "MIT",
diff --git a/package.json b/package.json
index 9cfcae7..ce810a9 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
"dependencies": {
"@solidjs/router": "^0.14.9",
"bulma": "^1.0.2",
+ "solid-icons": "^1.1.0",
"solid-js": "^1.9.1"
},
"devDependencies": {
diff --git a/src/constants/Videos.ts b/src/constants/Videos.ts
new file mode 100644
index 0000000..3c4011f
--- /dev/null
+++ b/src/constants/Videos.ts
@@ -0,0 +1,6 @@
+/** Lista de videos (CC) */
+const VIDEOS: string[] = [
+ "https://www.pexels.com/es-es/download/video/13831212/?fps=60.0&h=720&w=1280"
+];
+
+export default VIDEOS;
diff --git a/src/helpers/Video.ts b/src/helpers/Video.ts
new file mode 100644
index 0000000..d0c32b3
--- /dev/null
+++ b/src/helpers/Video.ts
@@ -0,0 +1,15 @@
+import VIDEOS from "../constants/Videos";
+
+/**
+ * Clase helper para gestionar los vídeos de fondo
+ * encontrados en views/Home
+ */
+export default class Video {
+ /**
+ * Elige un vídeo aleatoriamente de la lista
+ * @returns Vídeo aleatorio
+ */
+ static random(): string {
+ return VIDEOS[Math.floor(Math.random()*VIDEOS.length)];
+ }
+}
diff --git a/src/partials/Navbar.tsx b/src/partials/Navbar.tsx
new file mode 100644
index 0000000..38c1f37
--- /dev/null
+++ b/src/partials/Navbar.tsx
@@ -0,0 +1,29 @@
+import { A } from "@solidjs/router"
+
+/**
+ * Navegador horizontal, usado en todas las views
+ */
+function Navbar() {
+ return (
+
+ )
+}
+
+export default Navbar
diff --git a/src/views/Home.tsx b/src/views/Home.tsx
index 339a28d..bd74498 100644
--- a/src/views/Home.tsx
+++ b/src/views/Home.tsx
@@ -1,6 +1,43 @@
+import { FaSolidGlassWaterDroplet } from "solid-icons/fa"
+import Navbar from "../partials/Navbar"
+
function Home() {
return (
- Hi
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Malackathon
+
+
+
+
+
+
+
+
+
+
+
+ >
)
}