hack4impact-calpoly · kylem148 · Oct 9, 2025 · Oct 9, 2025 · Oct 9, 2025 · Oct 14, 2025
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,47 @@
+# Dependency directories
+/node_modules
+/vendor
+/bower_components
+
+# Build artifacts
+/dist/
+/build/
+/public/build/
+*.min.js
+*.min.css
+
+# Log files
+*.log
+npm-debug.log*
+yarn-debug.log*
+
+# OS-generated files
+.DS_Store
+Thumbs.db
+ehthumbs.db
+
+# Editor-specific files/directories
+.vscode/
+.idea/
+*.sublime-project
+*.sublime-workspace
+*.komodoproject
+
+# Environment variables
+.env
+.env.local
+
+# Databases and related files
+*.sqlite
+*.sql
+*.db
+
+# Compiled files
+*.class
+*.o
+*.pyc
+
+# Backup files
+*~
+*.bak
+*.swp
diff --git a/blog.html b/blog.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Blog</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body class="blog">
+    <nav class="navbar">
+      <h1 class="logo"><a href="index.html">Kyle Morgan</a></h1>
+      <ul class="nav-list">
+        <li><a href="index.html">Home</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="resume.html">Resume</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <h1 class="page-title">Blog</h1>
+      <div id="card-list" class="card-list"></div>
+    </main>
+    <footer class="footer">© 2025 Kyle's Blog | All Rights Reserved</footer>
+    <script src="./src/blog.js"></script>
+  </body>
+</html>
diff --git a/blogs/entry1.html b/blogs/entry1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Home</title>
+    <link rel="stylesheet" href="../styles.css" />
+  </head>
+  <body class="index">
+    <nav class="navbar">
+      <h1 class="logo"><a href="../blog.html">Back To Blogs</a></h1>
+    </nav>
+    <main class="home-card">
+      <h1 class="page-title">Blog Entry 1</h1>
+      <div class="about-wrapper">
+        <div class="about">
+          <div class="about-image">
+            <img
+              src="../imports/istockphoto-517188688-612x612.jpg"
+              alt="A picture of clouds in the sky during a sunset"
+              height="400px"
+            />
+          </div>
+          <div class="about-text">
+            <p>Date Posted: 2025</p>
+            <p>Hello, this is my text for my blog entry number 1.</p>
+            <p>Text text text.</p>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer class="footer">© 2025 <Kyle's Index> | All Rights Reserved</footer>
+  </body>
+</html>
diff --git a/blogs/entry2.html b/blogs/entry2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Home</title>
+    <link rel="stylesheet" href="../styles.css" />
+  </head>
+  <body class="index">
+    <nav class="navbar">
+      <h1 class="logo"><a href="../blog.html">Back To Blogs</a></h1>
+    </nav>
+    <main class="home-card">
+      <h1 class="page-title">Blog Entry 2</h1>
+      <div class="about-wrapper">
+        <div class="about">
+          <div class="about-image">
+            <img
+              src="../imports/landscape-with-a-lake-1493481278Ed8.jpg"
+              alt="A picture of clouds in the sky during a sunset"
+              height="400px"
+              width="500px"
+            />
+          </div>
+          <div class="about-text">
+            <p>Date Posted: 2024</p>
+            <p>Hello, this is my text for my blog entry number 2.</p>
+            <p>Text text text.</p>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer class="footer">© 2025 <Kyle's Index> | All Rights Reserved</footer>
+  </body>
+</html>
diff --git a/blogs/entry3.html b/blogs/entry3.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Home</title>
+    <link rel="stylesheet" href="../styles.css" />
+  </head>
+  <body class="index">
+    <nav class="navbar">
+      <h1 class="logo"><a href="../blog.html">Back To Blogs</a></h1>
+    </nav>
+    <main class="home-card">
+      <h1 class="page-title">Blog Entry 3</h1>
+      <div class="about-wrapper">
+        <div class="about">
+          <div class="about-image">
+            <img
+              src="../imports/photo-1506744038136-46273834b3fb.jpg"
+              alt="A picture of clouds in the sky during a sunset"
+              height="300px"
+            />
+          </div>
+          <div class="about-text">
+            <p>Date Posted: 2023</p>
+            <p>Hello, this is my text for my blog entry number 3.</p>
+            <p>Text text text.</p>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer class="footer">© 2025 <Kyle's Index> | All Rights Reserved</footer>
+  </body>
+</html>
diff --git a/blogs/entry4.html b/blogs/entry4.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Home</title>
+    <link rel="stylesheet" href="../styles.css" />
+  </head>
+  <body class="index">
+    <nav class="navbar">
+      <h1 class="logo"><a href="../blog.html">Back To Blogs</a></h1>
+    </nav>
+    <main class="home-card">
+      <h1 class="page-title">Blog Entry 4</h1>
+      <div class="about-wrapper">
+        <div class="about">
+          <div class="about-image">
+            <img
+              src="../imports/Yifeng-Ding-1800x1192.avif"
+              alt="A picture of clouds in the sky during a sunset"
+              height="400px"
+            />
+          </div>
+          <div class="about-text">
+            <p>Date Posted: 2022</p>
+            <p>Hello, this is my text for my blog entry number 4.</p>
+            <p>Text text text.</p>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer class="footer">© 2025 <Kyle's Index> | All Rights Reserved</footer>
+  </body>
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <nav class="navbar">
+      <h1 class="logo"><a href="index.html">Kyle Morgan</a></h1>
+      <ul class="nav-list">
+        <li><a href="index.html">Home</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="resume.html">Resume</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <h1 class="page-title">Contact</h1>
+      <form id="contact-from">
+        <label for="text">Name:</label>
+        <input type="text" id="name" placeholder="Name" />
+        <label for="email">Email:</label>
+        <input type="email" id="email" placeholder="Email" />
+        <label for="message">Message:</label>
+        <textarea id="message" placeholder="Message"></textarea>
+        <input type="submit" value="Submit" />
+      </form>
+    </main>
+    <footer class="footer">
+      © 2025 <Kyle's Contact> | All Rights Reserved
+    </footer>
+  </body>
+</html>
diff --git a/imports/IMG_5318.jpeg b/imports/IMG_5318.jpeg
diff --git a/imports/Kyle_Morgan_Resume.pdf b/imports/Kyle_Morgan_Resume.pdf
diff --git a/imports/Screenshot 2025-09-28 at 1.20.19 PM.png b/imports/Screenshot 2025-09-28 at 1.20.19 PM.png
diff --git a/imports/Yifeng-Ding-1800x1192.avif b/imports/Yifeng-Ding-1800x1192.avif
diff --git a/...VzLTUwMDk0MjQ2Mi1oZXJvLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6ODI4fX19.webp b/...VzLTUwMDk0MjQ2Mi1oZXJvLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6ODI4fX19.webp
diff --git a/imports/istockphoto-517188688-612x612.jpg b/imports/istockphoto-517188688-612x612.jpg
diff --git a/imports/landscape-with-a-lake-1493481278Ed8.jpg b/imports/landscape-with-a-lake-1493481278Ed8.jpg
diff --git a/imports/photo-1506744038136-46273834b3fb.jpg b/imports/photo-1506744038136-46273834b3fb.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Home</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body class="index">
+    <nav class="navbar">
+      <h1 class="logo"><a href="index.html">Kyle Morgan</a></h1>
+      <ul class="nav-list">
+        <li><a href="index.html">Home</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="resume.html">Resume</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main class="home-card">
+      <h1 class="page-title">Home</h1>
+      <div class="about-wrapper">
+        <div class="about">
+          <div class="about-image">
+            <img
+              src="./imports/IMG_5318.jpeg"
+              alt="A picture of clouds in the sky during a sunset"
+            />
+          </div>
+          <div class="about-text">
+            <p>
+              My name is <strong>Kyle Morgan</strong>, from
+              <em>Sunnyvale, California</em>. Some of my passions involve music,
+              fitness, and as of recently playing on an ultimate frisbee team.
+            </p>
+            <p>
+              I love being able to learn new things, and I am looking forward to
+              further developing my coding skills.
+            </p>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer class="footer">© 2025 <Kyle's Index> | All Rights Reserved</footer>
+  </body>
+</html>
diff --git a/json/package-lock.json b/json/package-lock.json
diff --git a/json/package.json b/json/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "bootcamp-project-2024",
+  "version": "1.0.0",
+  "description": "This is how we will be tracking your milestones throughout bootcamp! By the end of bootcamp, you will have a fullstack personal portfolio website.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kylem148/bootcamp-project-2024.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/kylem148/bootcamp-project-2024/issues"
+  },
+  "homepage": "https://github.com/kylem148/bootcamp-project-2024#readme",
+  "dependencies": {
+    "typescript": "^5.9.3"
+  }
+}
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Portfolio</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <nav class="navbar">
+      <h1 class="logo"><a href="index.html">Kyle Morgan</a></h1>
+      <ul class="nav-list">
+        <li><a href="index.html">Home</a></li>
+        <li><a href="blog.html">Blog</a></li>
+        <li><a href="portfolio.html">Portfolio</a></li>
+        <li><a href="resume.html">Resume</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <h1 class="page-title">Portfolio</h1>
+      <div class="project">
+        <a href="index.html">
+          <img
+            class="project-image"
+            src="./imports/IMG_5318.jpeg"
+            height="250px"
+            alt="A picture of kyle's website"
+          />
+        </a>
+        <div class="project-details">
+          <p class="project-name"><strong>Personal Website</strong></p>
+          <p class="project-description">
+            A personal website containing information about myself
+          </p>
+          <a href="index.html">Link To Website</a>
+        </div>
+      </div>
+    </main>
+    <footer class="footer">
+      © 2025 <Kyle's Portfolio> | All Rights Reserved
+    </footer>
+  </body>
+</html>