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,