diff --git a/app.js b/app.js index e69de29bb..7440ff340 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,22 @@ +const express = require("express"); + +const app = express(); + +app.use(express.static('public')); + + + +app.get("/about", (req, res) => + + res.sendFile(__dirname + "/views/about.html")); + +app.get("/home", (req, res) => + + res.sendFile(__dirname + "/views/home.html")); + +app.get("/works", (req, res) => + + res.sendFile(__dirname + "/views/works.html")); + + +app.listen(3000); \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 000000000..5174af450 --- /dev/null +++ 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/etelpainting.jpg b/public/etelpainting.jpg new file mode 100644 index 000000000..1f5663e47 Binary files /dev/null and b/public/etelpainting.jpg differ diff --git a/public/ethelbook.jpg b/public/ethelbook.jpg new file mode 100644 index 000000000..76248e470 Binary files /dev/null and b/public/ethelbook.jpg differ diff --git a/public/style-about.css b/public/style-about.css new file mode 100644 index 000000000..a4afb3e81 --- /dev/null +++ b/public/style-about.css @@ -0,0 +1,13 @@ +#info { + + width: 60%; + height: 500px; + align-items: center; + font-size: 1em; + font-family: 'Courier New', Courier, monospace; + text-align: justify; + position: absolute; + top: 25%; + right: 25%; + +} \ No newline at end of file diff --git a/public/style-home.css b/public/style-home.css new file mode 100644 index 000000000..90feab299 --- /dev/null +++ b/public/style-home.css @@ -0,0 +1,72 @@ + +body { + font-family: 'Courier New', Courier, monospace; + margin: 0; +} + + +#main { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + margin: 20px; + padding: 20px; + height: 500px; + width: 100%; + + + + + +} + +#img-container { + width: 50%; + height:100%; + align-items: center; + justify-content: center; + + padding-left: 20px; + + + +} + +#title-img { + + width: 70%; + height: 100%; + align-items: center; + justify-content: center; + + +} + + +.link { + + text-decoration: none; + font-size: 2em; + color: rgb(143, 74, 83); + margin: 30px; + text-align: left; + +} + +#links-div { + display: flex; + flex-direction: column; + justify-content: left; + align-items: left; + width: 20%; + height: 100%; + +} + +h1 { + + + margin-bottom: 70px; + font-size: 4em; +} \ No newline at end of file diff --git a/public/style-works.css b/public/style-works.css new file mode 100644 index 000000000..8316c38ef --- /dev/null +++ b/public/style-works.css @@ -0,0 +1,64 @@ +body { + font-family: 'Courier New', Courier, monospace; + margin: 0; +} + +h1 { + font-size: 4em; + text-align: center; +} + +h2 { + font-size: 2em; + text-align: center; +} + +#works { + + display: flex; + width: 100%; + flex-direction: row; + justify-content: center; + + + + +} + +#literature { + display: flex; + flex-direction: column; + justify-content: center; + width: 30%; + padding: 20px; +} + +#paitnings { + width: 30%; + display: flex; + flex-direction: column; + justify-content: center; + padding: 20px; + margin-top: -50px; + + + +} + +#book { + width: 100%; + height: 400px; + justify-content: center ; + +} + +#painting-img { + width: 100%; + height: 400px; + justify-content: center; + +} + +p { + text-align: justify; +} \ No newline at end of file diff --git a/public/title-img.jpg b/public/title-img.jpg new file mode 100644 index 000000000..7982cfc8e Binary files /dev/null and b/public/title-img.jpg differ diff --git a/views/about.html b/views/about.html new file mode 100644 index 000000000..6d83ca8ea --- /dev/null +++ b/views/about.html @@ -0,0 +1,24 @@ + + + + + About Etel Adnan + + + + + +
+

+ Etel Adnan, is a highly regarded Lebanese-American poet, essayist, and visual artist. She was born on February 24, 1925, in Beirut, Lebanon. Adnan's work often explores themes of identity, war, politics, and the natural world. She has written poetry in both English and French and is known for her minimalist and evocative style. + +Adnan gained international recognition for her book "Sitt Marie Rose," a novel that explores the complexities of the Lebanese Civil War. She has also published numerous collections of poetry, essays, and visual art. + +In addition to her literary contributions, Adnan is an accomplished visual artist, known for her abstract paintings inspired by nature and her experiences. Her artwork has been exhibited in galleries and museums around the world. + +Throughout her career, Adnan has been recognized with numerous awards and honors for her contributions to literature and art. She continues to be an influential figure in the world of poetry and visual arts. +

+
+ + + \ No newline at end of file diff --git a/views/home.html b/views/home.html new file mode 100644 index 000000000..a7312e769 --- /dev/null +++ b/views/home.html @@ -0,0 +1,29 @@ + + + + + Home Etel Adnan + + + + + +
+
+ + + +
+ +
+ + + + \ No newline at end of file diff --git a/views/works.html b/views/works.html new file mode 100644 index 000000000..5b81bf833 --- /dev/null +++ b/views/works.html @@ -0,0 +1,33 @@ + + + + + About Etel Adnan + + + + +
+

Major Works

+ +
+
+

Literary Works

+ +

Adnan’s poetry incorporates surrealist imagery and powerful metaphorical leaps with language-based and formal experimentation, using unexpected and experimental techniques to address the nature of exile and political, social, and gender-based injustice. Adnan is the author of numerous books of prose and poetry.

+ +
+
+

Paintings

+ +

Adnan said that ‘colours exist for me as entities in themselves, as metaphysical beings, like the attributes of God exist as metaphysical entities’, and this idea continued to be a key characteristic of her work.

+ +
+ +
+ + +
+ + + \ No newline at end of file