From 54a023c13916e81bf3afcc426306522b93070723 Mon Sep 17 00:00:00 2001 From: albert Date: Thu, 7 Nov 2024 17:47:14 +0100 Subject: [PATCH] add homepage with styles --- resources/css/style.css | 89 ++++++++++++++++++++++++++++++++++ resources/views/home.blade.php | 45 +++++++++++++++++ routes/web.php | 2 +- vite.config.js | 1 + 4 files changed, 136 insertions(+), 1 deletion(-) create mode 100644 resources/css/style.css create mode 100644 resources/views/home.blade.php diff --git a/resources/css/style.css b/resources/css/style.css new file mode 100644 index 0000000..c70ed69 --- /dev/null +++ b/resources/css/style.css @@ -0,0 +1,89 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +body { + display: flex; + flex-direction: column; + min-height: 100vh; + background-color: #f5f7fa; + color: #333; +} + +header { + background-color: #4CAF50; + color: #fff; + padding: 1em; + text-align: center; +} + +main { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + padding: 2em; +} + +.cta, .about-us { + text-align: center; + max-width: 800px; + margin: 2em 0; + padding: 1em; + border-radius: 8px; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.cta h2, .about-us h2 { + font-size: 1.8em; + color: #4CAF50; + margin-bottom: 1em; +} + +.cta p, .about-us p { + font-size: 1.1em; + color: #555; + margin: 1em 0; +} + +.about-us h3 { + color: #007BFF; + font-size: 1.4em; + margin-top: 1em; +} + +.about-us ul { + list-style-type: disc; + padding-left: 1.5em; + text-align: left; + margin-top: 0.5em; +} + +.about-us ul li { + margin: 0.5em 0; + color: #333; +} + +.btn { + display: inline-block; + padding: 0.7em 1.5em; + color: #fff; + background-color: #007BFF; + text-decoration: none; + border-radius: 5px; + font-size: 1em; + margin-top: 1em; +} + +footer { + background-color: #333; + color: #fff; + text-align: center; + padding: 1em; + font-size: 0.9em; +} \ No newline at end of file diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php new file mode 100644 index 0000000..7c4e0c9 --- /dev/null +++ b/resources/views/home.blade.php @@ -0,0 +1,45 @@ + + + + + + Apoyo Eléctrico DANA - Valencia + + + @if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot'))) + @vite(['resources/css/style.css']) + @else + + @endif + + + + + +
+

Apoyo Eléctrico para Afectados por DANA en Valencia

+

Somos un grupo de electricistas voluntarios comprometidos en restablecer el suministro eléctrico provisional para los afectados en la provincia de Valencia.

+
+ +
+
+

¿Sigues sin suministro eléctrico?

+

Estamos aquí para ayudar a restablecer al menos un servicio mínimo en las viviendas afectadas, permitiendo conectar el frigorífico y alumbrado básico.

+

Indique únicamente averías eléctricas. No se atenderán avisos de otro tipo.

+ Rellenar Formulario de Afectados +
+ +
+

¿Quiénes Somos?

+

Somos un grupo de voluntarios electricistas comprometidos en brindar apoyo eléctrico mínimo vital allí donde se necesita. Nuestro objetivo es restablecer un servicio básico en las viviendas afectadas para que puedan contar con luz y mantener en funcionamiento electrodomésticos esenciales como el frigorífico.

+

Los usuarios pueden enviar un aviso a través de un formulario sencillo, y nuestros voluntarios atenderán las incidencias por zonas dentro de sus posibilidades. Damos prioridad a aquellos que están aislados y que aún no han recibido ayuda, así como a las personas electro-dependientes que necesitan tener máquinas en funcionamiento para su subsistencia.

+
+
+ + + + \ No newline at end of file diff --git a/routes/web.php b/routes/web.php index 74bb7ca..f63f0cb 100644 --- a/routes/web.php +++ b/routes/web.php @@ -4,7 +4,7 @@ use Illuminate\Support\Facades\Route; Route::get('/', function () { - return view('welcome'); + return view('home'); }); Route::get('/dashboard', function () { diff --git a/vite.config.js b/vite.config.js index 89f26f5..1b5aa63 100644 --- a/vite.config.js +++ b/vite.config.js @@ -6,6 +6,7 @@ export default defineConfig({ laravel({ input: [ 'resources/css/app.css', + 'resources/css/style.css', 'resources/js/app.js', ], refresh: true,