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,10 @@
 # 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
+#### git npm install
+#### npm start
+
diff --git a/feed.html b/feed.html
diff --git a/index.html b/index.html
@@ -0,0 +1,41 @@
+<!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>
+    <header class="container">
+        <h1 class="display-4 text-center mt-4">CSS framework CA, Social Media Page</h1>
+    </header>
+    <main class="mt-5">
+        <section class="row justify-content-center">
+            <article id="loginform">
+                <div class="card border-dark profile-card">
+                    <header class="card-header bg-white">
+                        <h2 class="text-center display-5">Enter site</h2>
+                    </header>
+                    <div class="card-body">
+                        <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" 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>
+                            <a href="feed.html" class="btn btn-primary btn-block d-none" id="login-link">Log in</a>
+                            <a href="profile.html" class="btn btn-primary btn-block d-none" id="register-link">Register</a>
+                            <button type="submit" class="btn btn-block btn-primary" id="loginform-button">Log in</button>
+                        </form>
+                    </div>
+                </div>
+            </article>
+        </section>
+    </main>
+</body>
+</html>
diff --git a/media/avatar.jpg b/media/avatar.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",
@@ -22,5 +24,9 @@
   "bugs": {
     "url": "https://github.com/NoroffFEU/css-frameworks-ca/issues"
   },
-  "homepage": "https://github.com/NoroffFEU/css-frameworks-ca#readme"
-}
+  "homepage": "https://github.com/NoroffFEU/css-frameworks-ca#readme",
+  "dependencies": {
+    "bootstrap": "^5.3.3",
+    "sass": "^1.74.1"
+  }
+}