ironhack-labs · tlaibacas · May 31, 2024 · May 31, 2024 · Jun 1, 2024 · Jun 1, 2024
diff --git a/app.js b/app.js
@@ -0,0 +1,19 @@
+const express = require('express');
+const app = express();
+const port = 3000;
+
+app.use(express.static('public'));
+
+app.get('/', (request, response) => {
+    response.sendFile (__dirname + '/public/index.html')
+})
+
+app.get('/about', (request, response) => {
+    response.sendFile (__dirname + '/public/about.html')
+})
+
+app.get('/works', (request, response) => {
+    response.sendFile (__dirname + '/public/works.html')
+})
+
+app.listen(port) 
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.19.2"
+  }
+}
diff --git a/public/about.html b/public/about.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
+    <title>Home</title>
+</head>
+<body>
+    <nav>
+        <ul>
+            <li><a href="index.html" id="homeLink">Home</a></li>
+            <li><a href="works.html" id="worksLink">Works</a></li>
+            <li style="float:right"><a class="active" href="about.html" id="aboutLink">About</a></li>
+        </ul>
+    </nav>
+
+    <div id="homeContent">
+        <h1>𝒜𝒷𝑜𝓊𝓉 𝐹𝑒𝓇𝓃𝒶𝓃𝒹𝑜 𝒫𝑒𝓈𝓈𝑜𝒶</h1>
+        <img src="https://www.xviii.pt/public/uploads/products/figura-avulsa-figuras-historicas/azulejo-pessoa-1.jpg" alt="image">
+        <section>
+            Fernando Pessoa was one of the most significant literary figures in Portuguese and world literature. Born in Lisbon in 1888, Pessoa is renowned for his innovative and multifaceted approach to writing. He is particularly known for his use of heteronyms, distinct literary personalities with unique styles and perspectives.<br><br>
+
+            Pessoa's works span various genres, including poetry, prose, essays, and literary criticism. Some of his most notable contributions include: <br><br>
+
+                Heteronymic Poetry: Pessoa created several heteronyms, including Alberto Caeiro, Álvaro de Campos, and Ricardo Reis, among others. Each heteronym had its own poetic style, philosophy, and worldview, allowing Pessoa to explore diverse themes and perspectives through his poetry.<br><br>
+
+                "The Book of Disquiet": One of Pessoa's most famous works, "The Book of Disquiet" (Livro do Desassossego) is a fragmentary autobiographical work filled with reflections on life, existence, and the human condition. The book, composed of diary entries, reflections, and aphorisms, was published posthumously and has been celebrated for its existential insights.<br><br>
+
+                "Mensagem": "Mensagem" is a poetic work by Pessoa that celebrates Portuguese history, identity, and mythology. It is considered one of the most important works in Portuguese literature and reflects Pessoa's deep connection to his homeland.<br><br>
+
+                Philosophical and Literary Essays: Pessoa wrote extensively on various philosophical and literary topics, offering insightful analyses and reflections on subjects ranging from aesthetics to metaphysics.<br><br>
+
+            Pessoa's literary legacy extends beyond his individual works; he profoundly influenced modernist and postmodernist literature, inspiring generations of writers and thinkers with his experimental approach to language and identity.<br><br>
+
+            His impact on Portuguese culture and literature is immeasurable, and he continues to be celebrated as one of the greatest poets and thinkers of the 20th century.<br><br>
+        </section>
+        <h2>If after I die, they want to write my biography,
+            There's nothing simpler.
+            It has just two dates — the day of my birth and the day of my death.
+            Between one and the other, all the days are mine.
+            </h2>
+    </div>
+</body>
+</html>
diff --git a/public/css/style.css b/public/css/style.css
@@ -0,0 +1,49 @@
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: white;
+}
+
+li {
+    float: left;
+    border-right: 1px solid white;
+}
+
+li:last-child {
+    border-right: none;
+}
+
+li a {
+    display: block;
+    color: black;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover:not(.active) {
+    background-color: red;
+}
+
+.active {
+    background-color: cyan;
+}
+
+#homeContent {
+    text-align: center;
+    border: 3px black solid;
+    margin-left: 25vw;
+    margin-right: 25vw;
+
+  }
+
+#homeContent img {
+    width: 15vw;
+    height: auto;
+}
+
+h1 {
+    font-weight: normal;
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
+    <title>Home</title>
+</head>
+<body>
+    <nav>
+        <ul>
+            <li><a class="active" href="index.html" id="homeLink">Home</a></li>
+            <li><a href="works.html" id="worksLink">Works</a></li>
+            <li style="float:right"><a href="about.html" id="aboutLink">About</a></li>
+        </ul>
+    </nav>
+
+    <div id="homeContent">
+        <h1>𝔉𝔢𝔯𝔫𝔞𝔫𝔡𝔬 𝔓𝔢𝔰𝔰𝔬𝔞</h1>
+        <img src="https://recantodopoeta.com/storage/2018/06/pessoa1.jpg" alt="image">
+        <h2>Being a poet is not an ambition. <br>It's my way of being alone.</h2>
+    </div>
+
+</body>
+</html>
diff --git a/public/works.html b/public/works.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
+    <title>Home</title>
+</head>
+<body>
+    <nav>
+        <ul>
+            <li><a href="index.html" id="homeLink">Home</a></li>
+            <li><a class="active" href="works.html" id="worksLink">Works</a></li>
+            <li style="float:right"><a href="about.html" id="aboutLink">About</a></li>
+        </ul>
+    </nav>
+
+    <div id="homeContent">
+        <h1>𝒲𝑜𝓇𝓀𝓈 𝒻𝓇𝑜𝓂 𝐹𝑒𝓇𝓃𝒶𝓃𝒹𝑜 𝒫𝑒𝓈𝓈𝑜𝒶</h1>
+        <img src="https://www.acantilado.es/wp-content/uploads/Pessoa-Desasosiego.jpg" alt="image">
+        <section>
+            Fernando Pessoa is known for his extensive literary work, which covers various styles and themes. Some of Fernando Pessoa's most important works include: <br><br>
+
+    "Mensagem": A poetic work that is one of the best known and studied in Portuguese literature. "Mensagem" is a celebration of the history, mythology, and identity of Portugal.<br><br>
+
+    "The Book of Disquiet": This is one of Pessoa's most important works, although it was published posthumously. It consists of a collection of fragments, thoughts, and reflections on life, identity, and the human condition, reflecting the complexity and restlessness of the author.<br><br>
+
+    Heteronyms: Pessoa is known for creating various heteronyms, that is, distinct literary personas with their own styles, personalities, and worldviews. Some of the most famous include Alberto Caeiro, Álvaro de Campos, and Ricardo Reis. Each of these heteronyms has a unique poetic work, reflecting different perspectives and life philosophies.<br><br>
+
+    Individual poems: In addition to the main works, Pessoa wrote a multitude of individual poems that address a wide range of themes, from metaphysical and philosophical issues to reflections on everyday life and the human experience.<br><br>
+
+These are just some of Fernando Pessoa's most prominent works, which demonstrate his genius and versatility as a writer. His work continues to be studied, appreciated, and reinterpreted by readers and scholars around the world.<br><br>
+        </section>
+        <h2>I sail in my thought, <br>
+            I live in dreams and fantasies,<br>
+            Where in the eternity of the moment<br>
+            My spirit journeys on wings of poetry.<br>
+            <br><br>
+            Through the vastness of the unknown<br>
+            I seek the essence of truth,<br>
+            In the boundless horizon of imagination<br>
+            I find the endless possibilities of creation.<br>
+            <br><br>
+            With each heartbeat, I embrace life's mystery,<br>
+            In every breath, I taste the sweetness of existence,<br>
+            For in the depths of my soul,<br>
+            I am the captain of my destiny, the master of my fate.<br>
+            <br><br>
+            So I set sail upon the sea of dreams,<br>
+            Guided by the stars of inspiration,<br>
+            With courage as my compass,<br>
+            And passion as my sail.<br>
+            <br><br>
+            For in the voyage of life,<br>
+            It is not the destination that defines me,<br>
+            But the journey itself,<br>
+            And the dreams that dare to sail upon the sea of possibility.<br>
+            </h2>
+    </div>
+</body>
+</html>