ironhack-labs · Raulpsdos · Feb 3, 2024 · Feb 6, 2024
diff --git a/app.js b/app.js
@@ -0,0 +1,25 @@
+const express = require('express');
+
+const app = express();
+
+app.use(express.static('public'));      
+
+app.get('/home', (req, res) =>{         
+    res.send('/views/home.html');
+});
+
+app.get('/about', (req, res) => {
+    res.send('/views/about.html');
+})
+
+app.get('/works', (req, res) => {
+    res.send('/views/works.html');
+});
+
+app.get('/gallery', (req, res) => {
+    res.send('/views/gallery.html');
+});
+
+app.listen(3000, () => {
+    console.log('My first app listener');
+});
diff --git a/package.json b/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "lab-express-basic-site",
+  "version": "1.0.0",
+  "description": "![logo_ironhack_blue 7](https://user-images.githubusercontent.com/23629340/40541063-a07a0a8a-601a-11e8-91b5-2f13e4e6b441.png)",
+  "main": "app.js",
+  "scripts": {
+    "start": "node app.js",
+    "dev": "node --watch"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "express": "^4.18.2"
+  }
+}
diff --git a/public/images/After-aquí-acaba-todo.png b/public/images/After-aquí-acaba-todo.png
diff --git a/public/images/Maravilloso-desastre.png b/public/images/Maravilloso-desastre.png
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
@@ -0,0 +1,12 @@
+body {
+    display: flex;
+    color: whitesmoke;
+    background-color: black;
+    padding: 2em;
+    flex-direction: column;
+}
+
+h1 {
+    display: flex;
+    justify-content: center;
+}
diff --git a/views/about.html b/views/about.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <title>About</title>
+        <link rel="stylesheets" href="/public/stylesheets/main.css" />
+    </head>
+    <body>
+        <h1>About me</h1>
+
+        <a class="menu_bar" href="Home">Home Page</a>
+        <img>
+    </body>
+</html>
diff --git a/views/gallery.html b/views/gallery.html
diff --git a/views/home.html b/views/home.html
@@ -0,0 +1,19 @@
+    <!DOCTYPE html>
+    <html>
+        <head>
+            <meta charset="utf-8" />
+            <title>Raúl Pérez Sánchez</title>
+            <link rel="stylesheets" href="/public/stylesheets/main.css" />
+        </head>
+        <body>
+            <h1>Raúl Pérez Sánchez</h1>
+
+            <div class="menu_bar">
+                <a href="/views/about.html">About me</a>
+                <a href="/views/works.html">Works</a>
+                <a href="/views/gallery.html">Gallery</a>
+            </div>
+
+            <h2>Me llamo Raúl, soy actor de doblaje y locutor. En esta página podrás encontrar un breve resumen de algunos de mis trabajos.</h2>
+        </body>
+    </html>
diff --git a/views/works.html b/views/works.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <title>Proyectos</title>
+        <link rel="stylesheets" href="/public/stylesheets/main.css" />
+    </head>
+    <body>
+        <h1>Proyectos</h1>
+
+        <a class="menu_bar" href="Home">Home Page</a>
+
+        <div>Doblaje</div>
+
+        <li>After: aquí acaba todo</li>
+        <ol>Mark</ol>
+        <!--<img src="/public/images/After-aquí-acaba-todo.png" />-->
+
+        <li>Maravilloso desastre</li>
+        <ol>Adam</ol>
+       <!--<img src="/public/images/Maravilloso-desastre.png" />-->
+
+       <li>La escuela del bien y del mal</li>
+       <ol>Eric</ol>
+
+       <li>Por mandato del cielo</li>
+       <ol>Samuel</ol>
+
+       <li>Curon</li>
+
+       <li>Papergirls</li>
+       <li>Daybreak</li>
+       <li>Full circle</li>
+       <li>Greenleaf</li>
+       <li>Las nadadoras</li>
+       <li>La guardia del león</li>
+       <li>Belle</li>
+       <li>La calle del terror - Parte 2: 1978</li>
+       <li>Beau tiene miedo</li>
+       <li>Calle dálmatas 101</li>
+       <li>Safety</li>
+       <li>Un fantasma anda suelto por casa</li>
+       <li>La escuela de la vida</li>
+
+    </body>
+</html>