ironhack-labs · Vitor193 · Feb 26, 2024
diff --git a/app.js b/app.js
@@ -0,0 +1,18 @@
+const express = require('express');
+const {request} = require('http');
+
+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.listen(3000,()=>console.log("it's 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.2"
+  }
+}
diff --git a/public/images/jojo 2.avif b/public/images/jojo 2.avif
diff --git a/public/images/jojo miguel.webp b/public/images/jojo miguel.webp
diff --git a/public/images/jojo3.jpg b/public/images/jojo3.jpg
diff --git a/public/styles/stylesheet.css b/public/styles/stylesheet.css
@@ -0,0 +1,51 @@
+body {
+    font-family:"roboto condensed",sans-serif;
+    text-align: center;
+    background-color: bisque;
+
+};
+
+h1 {
+    text-transform: uppercase;
+    font-weight: 600;
+    color: brown;
+    padding: 10px 20px;
+
+}
+
+.button-class{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: nowrap;
+    margin: 0;
+    padding: 0;
+}
+
+.button{
+    display: block;
+    width: 25%;
+    padding: 20px 20px;
+    margin: 10px;
+    text-transform: uppercase;
+    text-decoration: none;
+    background-color: brown;
+    color: aliceblue;
+    border-radius: 5px;
+}
+p{
+    margin: 20px 20px;
+    line-height: 1.5;
+    font-size: 14px;
+}
+
+ul{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: nowrap;
+}
+
+.img{
+    width: 25%;
+}
diff --git a/views/about.html b/views/about.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8"/>
+        <title> George Michael page</title>
+        <link rel="stylesheet" href="https://fonts.google.com/specimen/Roboto+Condensed">
+        <link rel="stylesheet" href="/public/styles/stylesheet.css">
+    </head>
+    <body>
+        <h1>About George Michael</h1>
+        <p>
+            George Michael (born Georgios Kyriacos Panayiotou; 25 June 1963 – 25 December 2016) 
+            was an English singer, songwriter and record producer. He is one of the best-selling
+            musicians of all time, with his sales estimated at between 100 million and 125 million 
+            records worldwide. A prominent figure in popular music, Michael was known as a
+            creative force in songwriting, vocal performance, and visual presentation.
+            He achieved 13 number-one songs on the UK Singles Chart and 10 number-one songs on the US 
+            Billboard Hot 100. Michael won numerous music awards, including two Grammy Awards, three
+            Brit Awards, twelve Billboard Music Awards, and four MTV Video Music Awards. He was listed 
+            among Billboard's the "Greatest Hot 100 Artists of All Time" and Rolling Stone′s the
+            “200 Greatest Singers of All Time”. The Radio Academy named him the most played 
+            artist on British radio during the period 1984–2004.Michael was inducted into the Rock 
+            and Roll Hall of Fame in 2023.
+        </p>
+        <img class="img" src="/public/images/jojo miguel.webp" alt="Jójó Michael">
+        <a class="button" href="/views/home.html">return to home page</a>
+    </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> George Michael page</title>
+        <link rel="stylesheet" href="https://fonts.google.com/specimen/Roboto+Condensed">
+        <link rel="stylesheet" href="/public/styles/stylesheet.css">
+    </head>
+    <body>
+        <h1> George Michael</h1>
+        <p> welcome to this basic website about one of the greats, George Michael</p>
+        <img class="img" src="/public/images/jojo miguel.webp" alt="Jójó Michael"><!--insert image here-->
+        <div class = 'button-class'>
+            <a class="button" href="/views/about.html">about George Michael</a>
+            <a  class="button" href="/views/works.html"> see George Michael works</a>
+        </div>
+    </body>
+</html>
diff --git a/views/works.html b/views/works.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8"/>
+        <title> George Michael page</title>
+        <link rel="stylesheet" href="https://fonts.google.com/specimen/Roboto+Condensed">
+        <link rel="stylesheet" href="/public/styles/stylesheet.css">
+    </head>
+    <body>
+        <h1>George Michael works</h1>
+        <p>
+        George Michael had numerous hits throughout his career, from solo tracks that got multi-platinum and
+        award-winning albuns with the band WHAM!, to multiple collaborations with numerous famous musicians. Here is a list of some of his extensive work.
+        </p>
+        <div>
+            <h2>Solo discography:</h2>
+            <ul>
+                <li>Faith (1987)</li>
+                <li>Listen Without Prejudice Vol. 1 (1990)</li>
+                <li>Older (1996)</li>
+                <li>Songs from the Last Century (1999)</li>
+                <li>Patience (2004)</li>
+            </ul>
+            <h2>Wham! discography</h2>
+            <ul>
+                <li>Fantastic (1983)</li>
+                <li>Make It Big (1984)</li>
+            </ul>
+        </div>
+        <div class = "button-class">
+            <a class="button" href="https://en.wikipedia.org/wiki/George_Michael#Discography_and_record_sales">For a more extense look on his work</a>
+            <a class="button" href="/views/home.html">return to home page</a>
+        </div>
+    </body>
+</html>