diff --git a/app.js b/app.js index e69de29bb..7d5cb45b5 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,21 @@ +const express = require("express"); +const app = express(); + +app.use(express.static("public")); + +app.get("/home",(request,response,next)=> +response.sendFile(__dirname + "/views/index.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("/photoGallery",(request,response,next)=> + response.sendFile(__dirname + "/views/photoGAllery.html")); + +app.listen(3000, () => console.log("listening port 3000")); + diff --git a/package.json b/package.json new file mode 100644 index 000000000..831b2cdbf --- /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.21.1" + } +} diff --git a/public/images/Babbage.jpg b/public/images/Babbage.jpg new file mode 100644 index 000000000..475564f5c Binary files /dev/null and b/public/images/Babbage.jpg differ diff --git a/public/images/ada-portrait.jpg b/public/images/ada-portrait.jpg new file mode 100644 index 000000000..2596055f3 Binary files /dev/null and b/public/images/ada-portrait.jpg differ diff --git a/public/images/ada-young.jpg b/public/images/ada-young.jpg new file mode 100644 index 000000000..aa80f4cb2 Binary files /dev/null and b/public/images/ada-young.jpg differ diff --git a/public/images/ada_portrait.webp b/public/images/ada_portrait.webp new file mode 100644 index 000000000..ba32ce853 Binary files /dev/null and b/public/images/ada_portrait.webp differ diff --git a/public/images/babbage-machine.avif b/public/images/babbage-machine.avif new file mode 100644 index 000000000..ec4a4df8a Binary files /dev/null and b/public/images/babbage-machine.avif differ diff --git a/public/images/back.jpg b/public/images/back.jpg new file mode 100644 index 000000000..f203517ed Binary files /dev/null and b/public/images/back.jpg differ diff --git a/public/stylesheets/about.css b/public/stylesheets/about.css new file mode 100644 index 000000000..270cbf4d7 --- /dev/null +++ b/public/stylesheets/about.css @@ -0,0 +1,12 @@ +body { + height: 100%; + width: 100%; + +} +#about-div { + + margin: 30px 45px 30px 45px; + background-color: white; + padding: 15px; + border-radius: 4px; +} \ No newline at end of file diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css new file mode 100644 index 000000000..167acaa27 --- /dev/null +++ b/public/stylesheets/common.css @@ -0,0 +1,14 @@ +body { + background-image: url("/images/back.jpg"); + +} +body::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(255, 255, 255, 0.7); /* White overlay with 50% opacity */ + z-index: -1; /* Keeps it behind content */ + } \ No newline at end of file diff --git a/public/stylesheets/gallery.css b/public/stylesheets/gallery.css new file mode 100644 index 000000000..e09c27b57 --- /dev/null +++ b/public/stylesheets/gallery.css @@ -0,0 +1,5 @@ +img { + width: 100%; + height: 700px; + object-fit:contain; +} \ No newline at end of file diff --git a/public/stylesheets/index.css b/public/stylesheets/index.css new file mode 100644 index 000000000..db16a34bf --- /dev/null +++ b/public/stylesheets/index.css @@ -0,0 +1,20 @@ +.card{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 20px; + .card-body { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } +} +#ada-portrait{ + width:30rem; +} \ No newline at end of file diff --git a/views/about.html b/views/about.html new file mode 100644 index 000000000..5be5fc72d --- /dev/null +++ b/views/about.html @@ -0,0 +1,108 @@ + + + + + + + + + About + + + +
+

About Ada Lovelace

+

+ Ada Lovelace, born in 1815 as the daughter of famed poet Lord Byron, was + a British mathematician and writer who is often celebrated as the + world’s first computer programmer. From a young age, Lovelace displayed + an extraordinary aptitude for mathematics and science, nurtured by her + mother, who aimed to ground her in logic and prevent her from inheriting + her father’s romantic tendencies. This academic focus led her to work + closely with Charles Babbage, an inventor and mathematician best known + for his designs for the Analytical Engine, a mechanical precursor to + modern computers. +

+ +

+ Lovelace’s most significant work emerged from her collaboration with + Babbage, for whom she translated an article on the Analytical Engine + written by Italian engineer Luigi Menabrea. In addition to translating + the work, she appended her own series of notes, which were more + extensive than the original article. These notes, labeled A through G, + contained deep insights and laid out the potential for the machine to + perform sequences of operations beyond pure calculations—a visionary + concept that foresaw future uses of computers. +

+ +

+ One of her most notable achievements within these notes was an algorithm + she created to compute Bernoulli numbers, widely regarded as the first + computer program. By envisioning the machine’s potential to follow coded + instructions for complex calculations, Lovelace effectively invented the + concept of programming, earning her the title of the first computer + programmer. +

+

+ More impressively, Lovelace’s notes went beyond technical + specifications, exploring the philosophical implications of computing. + She speculated that machines could process symbols, generate music, and + create art if they were given the right instructions, an insight that + set her apart from her contemporaries and laid an early theoretical + foundation for artificial intelligence and multimedia applications in + computing. +

+

+ Though Ada Lovelace died young, at just 36, her work remained + influential and was rediscovered in the 20th century, inspiring + generations of computer scientists. Today, she is remembered not only + for her technical contributions but for her visionary ideas that + predated modern computing by more than a century. +

+
+ + + + diff --git a/views/index.html b/views/index.html new file mode 100644 index 000000000..5418b0085 --- /dev/null +++ b/views/index.html @@ -0,0 +1,46 @@ + + + + + + + + + Home + + + +
+ ... +
+
Welcome to the Ada Lovelace Website
+

Ada Lovelace was an English mathematician and writer, recognized as the first computer programmer in history. Her visionary work on Charles Babbage’s Analytical Engine laid the foundation for modern computing. Explore the different sections to learn more about her life, her contributions, and achievements.

+ Get to know more! +
+
+ + + \ No newline at end of file diff --git a/views/photoGallery.html b/views/photoGallery.html new file mode 100644 index 000000000..97075b5cb --- /dev/null +++ b/views/photoGallery.html @@ -0,0 +1,62 @@ + + + + + + + + + PhotoGallery + + + + + + + \ No newline at end of file diff --git a/views/works.html b/views/works.html new file mode 100644 index 000000000..9844feb10 --- /dev/null +++ b/views/works.html @@ -0,0 +1,88 @@ + + + + + + + + Works + + + +
+
+

+ +

+
+
+
    +
  • In 1842, Ada Lovelace translated an article by Italian engineer Luigi Menabrea, who described Charles Babbage’s Analytical Engine, an early mechanical computer.
    • +
  • Her translation went far beyond the original, as she included detailed notes that tripled the length of the article itself.
    • +
  • These notes, now famous as “Notes A-G,” demonstrated Lovelace’s deep understanding and included insights that were groundbreaking for her time.
    • +
+
+
+
+
+

+ +

+
+
+
    +
  • In her notes, Ada described a specific algorithm designed to calculate Bernoulli numbers—a complex sequence of mathematical values.
    • +
  • This algorithm is considered the first-ever computer program, making Ada the world’s first computer programmer.
    • +
  • Her work on this algorithm highlighted her ability to see beyond the machine’s mechanics to its potential as a general-purpose computing device.
    • +
+
+
+
+
+

+ +

+
+
+
    +
  • Perhaps her most remarkable contribution was her foresight about the broader capabilities of computing.
    • +
  • Ada theorized that computers could one day go beyond numerical calculations to work with symbols, words, images, and even create art or music.
    • +
  • She envisioned a world where computers could be used creatively, predicting that machines could eventually manipulate any content based on symbolic logic—an idea central to the development of modern computing.
    • +
+
+
+
+
+ + + \ No newline at end of file