NoroffFEU · flanderos · Apr 5, 2024 · Apr 14, 2024 · Apr 14, 2024 · May 5, 2024
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 node_modules/
 .DS_Store
 dist/
+
diff --git a/README.md b/README.md
@@ -1,2 +1,11 @@
 # css-frameworks-ca
-Replace this text with a description of your social media project.
+
+##### This is a simple 3 page social media site built with html and bootstrap. No functionality. 
+
+## Installation
+
+#### git clone https://github.com/flanderos/css-frameworks-ca/tree/redelivery
+#### npm install
+#### npm run build
+#### npm start 
+
diff --git a/feed.html b/feed.html
diff --git a/index.html b/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/dist/css/main.css">
+    <title>CSS Course Assignment</title>
+</head>
+<body class="bg-secondary">
+    <header class="bg-primary text-secondary">
+        <h1 class="display-5 text-center">CSS Framework CA, Social Media Page</h1>
+    </header>
+    <main class="mt-5">
+        <div class="container rounded">
+                <div class="bg-white text-center">
+                    <h2 class="display-3">Enter site</h2>
+                </div>
+                <div class="card p-4">
+                    <form id="login-form" action="profile.html">
+                        <div class="form-group">
+                            <label for="email">E-mail:</label>
+                            <input type="email" id="email" name="email" class="form-control" placeholder="email" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="password">Password:</label>
+                            <input type="password" id="password" name="password" class="form-control" required minlength="8">
+                        </div>
+                        <button type="submit" class="btn btn-primary btn-block mt-3 id="loginform-button" >Log in <i class="fa-solid fa-right-to-bracket"></i></button>
+                    </form>
+                </div>
+        </div>
+    </main>
+    <section class="container mt-5">
+        <div>
+            <h2>About</h2>
+            <p id="aboutText">This is my CSS Framework project to display functional Bootstrap and scss. 
+                The site is not functional</p>
+                <p>The site is build with the following technology:</p>
+                <ul id="techlist">
+                    <li>HTML</li>
+                    <li>SASS/SCSS</li>
+                    <li>Bootstrap</li>
+                </ul>
+            </div>
+    </section>
+    <script src="https://kit.fontawesome.com/00a541403c.js" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/media/avatar.jpg b/media/avatar.jpg
diff --git a/media/will.jpg b/media/will.jpg
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,7 +3,9 @@
   "version": "0.0.1",
   "description": "A starting point for the CSS Frameworks CA project",
   "scripts": {
-    "test": "echo \"We will learn more about testing in the Workflow course\" && exit 1"
+    "test": "echo \"We will learn more about testing in the Workflow course\" && exit 1",
+    "build": "sass src/scss/main.scss:dist/css/main.css --style compressed --watch",
+    "start": "live-server"
   },
   "repository": {
     "type": "git",
@@ -17,10 +19,14 @@
     "SCSS",
     "SASS"
   ],
-  "author": "Oliver Dipple <oliver.dipple@noroff.no>",
-  "license": "ISC",
+  "author": "Anders Hellerud",
+  "license": "",
   "bugs": {
-    "url": "https://github.com/NoroffFEU/css-frameworks-ca/issues"
+    "url": ""
   },
-  "homepage": "https://github.com/NoroffFEU/css-frameworks-ca#readme"
-}
+  "homepage": "",
+  "dependencies": {
+    "bootstrap": "^5.3.3",
+    "sass": "^1.74.1"
+  }
+}