My Background
+Here is some information about me...
+diff --git a/app.js b/app.js index e69de29..7d43fc5 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,32 @@ +// app.js + +const express = require('express'); +const path = require('path'); + +const app = express(); +const PORT = process.env.PORT || 3000; + +// Serve static files from the public directory +app.use(express.static(path.join(__dirname, 'public'))); + +// Set up routes +app.get('/', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'index.html')); +}); + +app.get('/about', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'about.html')); +}); + +app.get('/works', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'works.html')); +}); + +app.get('/gallery', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'gallery.html')); +}); + +// Start the server +app.listen(PORT, () => { + console.log(`Server is running on http://localhost:${PORT}`); +}); diff --git a/public/styles.css b/public/styles.css new file mode 100644 index 0000000..abe8993 --- /dev/null +++ b/public/styles.css @@ -0,0 +1,41 @@ +/* public/styles.css */ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +header { + background-color: #4CAF50; + color: white; + padding: 15px; +} + +nav ul { + list-style-type: none; + padding: 0; +} + +nav ul li { + display: inline; + margin-right: 15px; +} + +nav ul li a { + color: white; + text-decoration: none; +} + +main { + padding: 20px; +} + +.gallery { + display: flex; + flex-wrap: wrap; +} + +.gallery img { + width: 200px; + margin: 10px; +} diff --git a/views/about.html b/views/about.html new file mode 100644 index 0000000..46284a1 --- /dev/null +++ b/views/about.html @@ -0,0 +1,27 @@ + + + +
+ + + +Here is some information about me...
+Here are some pictures...
+
+
+
+ This website showcases some of my work. Feel free to explore!
+Here are some of my projects...
+