hack4impact-calpoly · FlowerCake13 · Oct 23, 2023 · Oct 23, 2023 · Oct 24, 2023 · Oct 24, 2023
diff --git a/about.html b/about.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lindsay Minami | Hack4Impact - About</title>
+
+    <!-- links (css/boostrap/fonts/icons)-->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:[email protected]&family=Nunito:wght@700&display=swap" rel="stylesheet">
+    <link rel="icon" href="assets/icon.ico" type="image/x-icon" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
+    <link rel="stylesheet" href="styles.css">
+</head>
+  <body class="d-flex flex-column min-vh-100">
+    <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
+      <!-- collapsable boostrap nav bar -->
+      <div class="container-fluid">
+        <a class="navbar-brand">Lindsay Minami | Hack4Impact</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="collapsibleNavbar">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a class="nav-link" href="index.html"><i class="fa fa-home"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="about.html">About</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="portfolio.html">Portfolio</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="blog.html">Blog</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="resume.html">Resume</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="contact.html">Contact</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <main>
+      <div class="container-fluid" style="text-align: center;">
+        <div class="row justify-content-around align-items-center">
+          <div class="col-5">
+            <div id="child" class="carousel slide" data-bs-ride="carousel">
+              <div class="carousel-indicators">
+                  <button type="button" data-bs-target="#child" data-bs-slide-to="0" class="active"></button>
+                  <button type="button" data-bs-target="#child" data-bs-slide-to="1"></button>
+                  <button type="button" data-bs-target="#child" data-bs-slide-to="2"></button>
+                  <button type="button" data-bs-target="#child" data-bs-slide-to="3"></button>
+                  <button type="button" data-bs-target="#child" data-bs-slide-to="4"></button>
+                  <button type="button" data-bs-target="#child" data-bs-slide-to="5"></button>
+              </div>
+              <div class="carousel-inner">
+                <div class="carousel-item active">
+                  <img src="assets/portrait2.jpg" class="d-block" style="width:100%">
+                </div>
+                <div class="carousel-item">
+                  <img src="assets/carosuel/1.jpg" class="d-block" style="width:100%">
+                </div>
+                <div class="carousel-item">
+                  <img src="assets/carosuel/2.jpg" class="d-block" style="width:100%">
+                </div>
+                <div class="carousel-item">
+                  <img src="assets/carosuel/3.jpg" class="d-block" style="width:100%">
+                </div>
+                <div class="carousel-item">
+                  <img src="assets/carosuel/4.jpg" class="d-block" style="width:100%">
+                </div>
+                <div class="carousel-item">
+                  <img src="assets/carosuel/5.jpg" class="d-block" style="width:100%">
+                </div>
+              </div>
+              <button class="carousel-control-prev" type="button" data-bs-target="#child" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span></button>
+              <button class="carousel-control-next" type="button" data-bs-target="#child" data-bs-slide="next"><span class="carousel-control-next-icon"></span></button>
+            </div>
+          </div>
+          <div class="col-4 d-flex flex-column align-items-center">
+            <h1>About Me</h1>
+            <p >Hi! My name is Lindsay Minami! I was born and raised from Honolulu, Hawaii and attended Punahou School. I am a first year computer science major, hoping to minor in Japanese.</p>
+            <p>My hobbies/things I am interested include spending time with my friends, surrounding myself with people, listening to music, and photography.</p>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer class="bg-dark text-center text-white mt-auto">
+      <div class="container pt-5">
+          <h6>© 2023 Lindsay Minami - Hack4Impact | All Rights Reserved </h6>
+          <h6>Email: <span>[email protected]</span></h6>
+      </div>
+      <div class="container p-4">
+          <a href="https://www.linkedin.com/in/lindsay-minami-990041254" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-linkedin"></i></a>
+          <a href="https://open.spotify.com/user/lminami96" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-spotify"></i></a>
+          <a href="https://www.instagram.com/linds.minami/?hl=en" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-instagram"></i></a>
+          <a href="https://github.com/FlowerCake13" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-github"></i></a>
+      </div>
+  </footer>
+  </body>
+</html>
diff --git a/assets/blog/blog1-preview.jpg b/assets/blog/blog1-preview.jpg
diff --git a/assets/blog/blog2-preview.jpg b/assets/blog/blog2-preview.jpg
diff --git a/assets/blog/blog3-preview.jpg b/assets/blog/blog3-preview.jpg
diff --git a/assets/blog/post1/1.jpg b/assets/blog/post1/1.jpg
diff --git a/assets/blog/post1/2.jpg b/assets/blog/post1/2.jpg
diff --git a/assets/blog/post1/3.jpg b/assets/blog/post1/3.jpg
diff --git a/assets/blog/post1/4.jpg b/assets/blog/post1/4.jpg
diff --git a/assets/blog/post1/5.jpg b/assets/blog/post1/5.jpg
diff --git a/assets/blog/post1/6.jpg b/assets/blog/post1/6.jpg
diff --git a/assets/blog/post1/7.jpg b/assets/blog/post1/7.jpg
diff --git a/assets/blog/post1/8.jpg b/assets/blog/post1/8.jpg
diff --git a/assets/blog/post2/1.jpg b/assets/blog/post2/1.jpg
diff --git a/assets/blog/post2/2.jpg b/assets/blog/post2/2.jpg
diff --git a/assets/blog/post2/3.jpg b/assets/blog/post2/3.jpg
diff --git a/assets/blog/post2/4.jpg b/assets/blog/post2/4.jpg
diff --git a/assets/blog/post2/5.jpg b/assets/blog/post2/5.jpg
diff --git a/assets/blog/post2/6.jpg b/assets/blog/post2/6.jpg
diff --git a/assets/blog/post2/7.jpg b/assets/blog/post2/7.jpg
diff --git a/assets/blog/post2/8.jpg b/assets/blog/post2/8.jpg
diff --git a/assets/blog/post3/1.jpg b/assets/blog/post3/1.jpg
diff --git a/assets/blog/post3/2.jpg b/assets/blog/post3/2.jpg
diff --git a/assets/blog/post3/3.jpg b/assets/blog/post3/3.jpg
diff --git a/assets/blog/post3/4.jpg b/assets/blog/post3/4.jpg
diff --git a/assets/blog/post3/5.jpg b/assets/blog/post3/5.jpg
diff --git a/assets/blog/post3/6.jpg b/assets/blog/post3/6.jpg
diff --git a/assets/blog/post3/7.jpg b/assets/blog/post3/7.jpg
diff --git a/assets/carosuel/1.jpg b/assets/carosuel/1.jpg
diff --git a/assets/carosuel/2.jpg b/assets/carosuel/2.jpg
diff --git a/assets/carosuel/3.jpg b/assets/carosuel/3.jpg
diff --git a/assets/carosuel/4.jpg b/assets/carosuel/4.jpg
diff --git a/assets/carosuel/5.jpg b/assets/carosuel/5.jpg
diff --git a/assets/dte-website.gif b/assets/dte-website.gif
diff --git a/assets/icon.ico b/assets/icon.ico
diff --git a/assets/lindsayminami_csresume.pdf b/assets/lindsayminami_csresume.pdf
diff --git a/assets/portrait.jpg b/assets/portrait.jpg
diff --git a/assets/portrait2.jpg b/assets/portrait2.jpg
diff --git a/blog-posts/blog1.html b/blog-posts/blog1.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lindsay Minami | Hack4Impact - Blog: Quarter Plus Shenanigans</title>
+
+    <!-- links (css/boostrap/fonts/icons)-->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:[email protected]&family=Nunito:wght@700&display=swap" rel="stylesheet">
+    <link rel="icon" href="../assets/icon.ico" type="image/x-icon" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
+    <link rel="stylesheet" href="../styles.css">
+</head>
+  <body class="d-flex flex-column min-vh-100">
+    <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
+      <!-- collapsable boostrap nav bar -->
+      <div class="container-fluid">
+        <a class="navbar-brand">Lindsay Minami | Hack4Impact</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="collapsibleNavbar">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a class="nav-link" href="../index.html"><i class="fa fa-home"></i></a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../about.html">About</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../portfolio.html">Portfolio</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../blog.html">Blog</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../resume.html">Resume</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../contact.html">Contact</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <main>
+      <div class="container-fluid d-flex flex-column align-items-center">
+        <div class="row justify-content-around align-items-center" style="text-align:center; width:85%; margin:15px;">
+            <div class="col" style="margin:17px;">
+              <div id="quarter-plus-blog" class="carousel slide" data-bs-ride="carousel">
+                <div class="carousel-indicators">
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="0" class="active"></button>
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="1"></button>
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="2"></button>
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="3"></button>
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="4"></button>
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="5"></button>
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="6"></button>
+                    <button type="button" data-bs-target="#quarter-plus-blog" data-bs-slide-to="7"></button>
+                </div>
+                <div class="carousel-inner">
+                  <div class="carousel-item active">
+                    <img src="../assets/blog/post1/1.jpg" class="d-block" style="width:100%">
+                  </div>
+                  <div class="carousel-item">
+                    <img src="../assets/blog/post1/2.jpg" class="d-block" style="width:100%">
+                  </div>
+                  <div class="carousel-item">
+                    <img src="../assets/blog/post1/3.jpg" class="d-block" style="width:100%">
+                  </div>
+                  <div class="carousel-item">
+                    <img src="../assets/blog/post1/4.jpg" class="d-block" style="width:100%">
+                  </div>
+                  <div class="carousel-item">
+                    <img src="../assets/blog/post1/5.jpg" class="d-block" style="width:100%">
+                  </div>
+                  <div class="carousel-item">
+                    <img src="../assets/blog/post1/6.jpg" class="d-block" style="width:100%">
+                  </div>
+                  <div class="carousel-item">
+                    <img src="../assets/blog/post1/7.jpg" class="d-block" style="width:100%">
+                  </div>
+                  <div class="carousel-item">
+                    <img src="../assets/blog/post1/8.jpg" class="d-block" style="width:100%">
+                  </div>
+                </div>
+                <button class="carousel-control-prev" type="button" data-bs-target="#quarter-plus-blog" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span></button>
+                <button class="carousel-control-next" type="button" data-bs-target="#quarter-plus-blog" data-bs-slide="next"><span class="carousel-control-next-icon"></span></button>
+              </div>
+            </div>
+            <div class="col d-flex flex-column align-items-center">
+              <h1>Quarter Plus Shenanigans</h1>
+              <p >Quarter Plus is an extended learning opporotunity offered by Cal Poly during the summer of your first year. We were able to do a lot of things before college began: it was really fun.</p>
+              <p>We got up to a lot of different things: lots of cooking in the yakʔitʸutʸu kitchens, hiking the P and architecture graveyard, lots of target runs, activities offered by the Q+ learning assistants, and celebrating my birthday.</p>
+              <div class="d-flex align-items-center justify-content-center">
+                <a class="learn_more_btn qplus-btn" type="button" target="_blank" href="https://quarterplus.calpoly.edu/">Learn More About Quarter Plus!</a>
+                <a class="learn_more_btn qplus-btn" type="button" target="_blank" href="https://www.instagram.com/calpolyquarterplus/">Check Out Quarter+ on Instagram <i class="fa fa-instagram"></i></a>
+              </div>
+            </div>
+          </div>
+      </div>
+    </main>
+
+    <footer class="bg-dark text-center text-white mt-auto">
+      <div class="container pt-5">
+        <h6>© 2023 Lindsay Minami - Hack4Impact | All Rights Reserved </h6>
+        <h6>Email: <span>[email protected]</span></h6>
+      </div>
+      <div class="container p-4">
+        <a href="https://www.linkedin.com/in/lindsay-minami-990041254" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-linkedin"></i></a>
+        <a href="https://open.spotify.com/user/lminami96" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-spotify"></i></a>
+        <a href="https://www.instagram.com/linds.minami/?hl=en" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-instagram"></i></a>
+        <a href="https://github.com/FlowerCake13" target="_blank" class="btn btn-link btn-floating btn-lg text-light m-1" role="button" data-mdb-ripple-color="light"><i class="fa fa-github"></i></a>
+      </div>
+  </footer>
+  </body>
+</html>