ironhack-labs · nil-e · Mar 13, 2024
diff --git a/app.js b/app.js
@@ -0,0 +1,23 @@
+const express = require("express");
+
+const app = express();
+
+app.use(express.static("public"));
+
+app.get("/home", (request, response, next) =>
+  response.sendFile(__dirname + "/views/home.html")
+);
+
+app.get("/about", (request, response, next) =>
+  response.sendFile(__dirname + "/views/about.html")
+);
+
+app.get("/works", (request, response, next) =>
+  response.sendFile(__dirname + "/views/works.html")
+);
+
+app.get("/gallery", (request, response, next) =>
+  response.sendFile(__dirname + "/views/gallery.html")
+);
+
+app.listen(3000, () => console.log("Listening on port 3000."));
diff --git a/package.json b/package.json
@@ -0,0 +1,15 @@
+{
+  "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": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "express": "^4.18.3"
+  }
+}
diff --git a/public/images/fav-1.jpg b/public/images/fav-1.jpg
diff --git a/public/images/fav-2.jpg b/public/images/fav-2.jpg
diff --git a/public/images/fav-3.jpg b/public/images/fav-3.jpg
diff --git a/public/images/pt-1.jpg b/public/images/pt-1.jpg
diff --git a/public/images/pt-2.jpeg b/public/images/pt-2.jpeg
diff --git a/public/images/pt-3.jpg b/public/images/pt-3.jpg
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -0,0 +1,24 @@
+body {
+  color: black;
+  background-color: rgb(230, 233, 34);
+}
+
+.snapshotgroup {
+  display: flex;
+  max-width: 600px;
+  max-height: 300px;
+}
+
+img.snapshot {
+  max-height: 200px;
+  padding: 10px;
+}
+
+div.footer {
+  display: flex;
+  flex-direction: row;
+}
+
+a.footer {
+  padding: 10px;
+}
diff --git a/views/about.html b/views/about.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Yorgos Lanthimos</title>
+    <link rel="stylesheet" href="/stylesheets/style.css" />
+  </head>
+  <body>
+    <h1>About Yorgos Lanthimos</h1>
+    <p>
+      Georgios "Yorgos" Lanthimos (born 23 September 1973) is a Greek filmmaker.
+      <br />
+      He has received multiple accolades, including a British Academy Film Award
+      and a Golden Globe Award as well as nominations for six Academy Awards.
+      Lanthimos's early films include My Best Friend (2001), Kinetta (2005), and
+      Dogtooth (2009), the last of which won the Un Certain Regard prize at the
+      2009 Cannes Film Festival. In 2015, he began to transition from
+      Greek-language to English-language films. He received nominations for the
+      Academy Award for Best Original Screenplay for The Lobster (2015) and
+      nominations for the Academy Award for Best Director and Best Picture for
+      both The Favourite (2018) and Poor Things (2023). The latter also won the
+      Golden Lion at the 80th Venice International Film Festival.
+    </p>
+    <div class="footer">
+      <a class="footer" href="/home">Back to Home</a>
+      <a class="footer" href="/works">Filmography</a>
+      <a class="footer" href="/gallery">Latest work from Yorgos Lanthimos</a>
+    </div>
+  </body>
+</html>
diff --git a/views/gallery.html b/views/gallery.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Yorgos Lanthimos</title>
+    <link rel="stylesheet" href="/stylesheets/style.css" />
+  </head>
+  <body>
+    <h1>Yorgos Lanthimos</h1>
+    <h2>Snapshots from Poor Things (2023)</h2>
+    <div class="snapshotgroup">
+      <img
+        class="snapshot"
+        alt="poor things movie scene"
+        src="/images/pt-1.jpg"
+      />
+      <img
+        class="snapshot"
+        alt="poor things movie scene"
+        src="/images/pt-2.jpeg"
+      />
+      <img
+        class="snapshot"
+        alt="poor things movie scene"
+        src="/images/pt-3.jpg"
+      />
+    </div>
+    <h2>Snapshots from The Favourite (2018)</h2>
+    <div class="snapshotgroup">
+      <img
+        class="snapshot"
+        alt="the favorite movie scene"
+        src="/images/fav-1.jpg"
+      />
+      <img
+        class="snapshot"
+        alt="the favorite movie scene"
+        src="/images/fav-2.jpg"
+      />
+      <img
+        class="snapshot"
+        alt="the favorite movie scene"
+        src="/images/fav-3.jpg"
+      />
+    </div>
+    <div class="footer">
+      <a class="footer" href="/home">Back to Home</a>
+      <a class="footer" href="/about">Learn more about Yorgos Lanthimos</a>
+      <a class="footer" href="/works">Filmography</a>
+    </div>
+  </body>
+</html>
diff --git a/views/home.html b/views/home.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Yorgos Lanthimos</title>
+    <link rel="stylesheet" href="/stylesheets/style.css" />
+  </head>
+  <body>
+    <h1>Yorgos Lanthimos</h1>
+    <p>A Director from Greek Weird Wave</p>
+    <div class="footer">
+      <a class="footer" href="/about">About Yorgos Lanthimos</a><br />
+      <a class="footer" href="/works">Filmography</a><br />
+      <a class="footer" href="/gallery">Latest work from Yorgos Lanthimos</a
+      ><br />
+    </div>
+  </body>
+</html>
diff --git a/views/works.html b/views/works.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Yorgos Lanthimos</title>
+    <link rel="stylesheet" href="/stylesheets/style.css" />
+  </head>
+  <body>
+    <h1>Yorgos Lanthimos</h1>
+    <h2>Filmography</h2>
+    <ul>
+      <li>
+        2001 -
+        <a href="https://www.imdb.com/title/tt0279895/?ref_=nm_flmg_t_14_dr"
+          >My Best Friend</a
+        >
+      </li>
+      <li>
+        2005 -
+        <a href="https://www.imdb.com/title/tt0477991/?ref_=nm_flmg_t_12_dr"
+          >Kinetta</a
+        >
+      </li>
+      <li>
+        2009 -
+        <a href="https://www.imdb.com/title/tt1379182/?ref_=nm_flmg_t_11_dr"
+          >Dogtooth</a
+        >
+      </li>
+      <li>
+        2011 -
+        <a href="https://www.imdb.com/title/tt1859446/?ref_=nm_flmg_t_10_dr"
+          >Alps</a
+        >
+      </li>
+      <li>
+        2015 -
+        <a href="https://www.imdb.com/title/tt3464902/?ref_=nm_flmg_t_7_dr"
+          >The Lobster</a
+        >
+      </li>
+      <li>
+        2017 -
+        <a href="https://www.imdb.com/title/tt5715874/?ref_=nm_flmg_t_6_dr"
+          >The Killing of a Sacred Deer</a
+        >
+      </li>
+      <li>
+        2018 -
+        <a href="https://www.imdb.com/title/tt5083738/?ref_=nm_flmg_t_5_dr"
+          >The Favourite</a
+        >
+      </li>
+      <li>
+        2023 -
+        <a href="https://www.imdb.com/title/tt14230458/?ref_=nm_flmg_t_1_dr"
+          >Poor Things</a
+        >
+      </li>
+      <li>
+        TBA -
+        <a href="https://www.imdb.com/title/tt22408160/?ref_=nm_flmg_unrel_1_dr"
+          >Kinds of Kindness</a
+        >
+      </li>
+    </ul>
+    <div class="footer">
+      <a class="footer" href="/home">Back to Home</a>
+      <a class="footer" href="/about">About Yorgos Lanthimos</a>
+      <a class="footer" href="/gallery">Latest work from Yorgos Lanthimos</a>
+    </div>
+  </body>
+</html>