From 574b8f42403b66bf60dba3aa3051ec03dcc87b3d Mon Sep 17 00:00:00 2001 From: Pablo Ferreiro Date: Thu, 17 Oct 2024 15:22:54 +0200 Subject: [PATCH] =?UTF-8?q?home=20b=C3=A1sico?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- package-lock.json | 10 ++++++++++ package.json | 1 + src/constants/Videos.ts | 6 ++++++ src/helpers/Video.ts | 15 +++++++++++++++ src/partials/Navbar.tsx | 29 +++++++++++++++++++++++++++++ src/views/Home.tsx | 39 ++++++++++++++++++++++++++++++++++++++- 7 files changed, 100 insertions(+), 2 deletions(-) create mode 100644 src/constants/Videos.ts create mode 100644 src/helpers/Video.ts create mode 100644 src/partials/Navbar.tsx 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 + +

+
+
+
+
+
+
+
+
+
+ +
+ ) }