first post

itatikola · Dec 23, 2023 · 499d6ea · 499d6ea
1 parent fdf85e7
commit 499d6ea
Show file tree

Hide file tree

Showing 15 changed files with 115 additions and 142 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -14,8 +14,6 @@
     </main>
 
 
-    <!--{%- include footer.html -%}-->
-
   </body>
 
 </html>
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -0,0 +1,21 @@
+---
+layout: default
+title: Home
+---
+<div class="container">
+    <img style="margin-top: 30px;" src="assets/img/headshot.jpeg" alt="A picture of me!">
+    {%- include social.html -%}
+</div>
+<div class="text-col">
+    <p>{{ site.time | date_to_long_string}}</p>
+    <p>Hi! Thanks so much for stopping by.</p>
+    <p>I'm a CS major at the Georgia Institute of Technology concentrating in 
+        Intelligence and Systems & Architecture.
+    </p>
+    <p>Building human-centered applications excites me.</p>
+    <p>Over the next year, I'm challenging myself to create one,
+        full-fledged personal project per month. Follow along on the "Projects" tab (coming soon).
+    </p>
+    <p>Outside of CS, I love fashion, writing, and baking!</p>
+    <p>Feel free to reach out on my socials.</p>
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,7 +1,19 @@
----
-layout: default
----
-<h1>{{ page.title }}</h1>
-<p>{{ page.date | date_to_string }} - {{ page.author }}</p>
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
 
-{{ content }}
+  {%- include head.html -%}
+
+  <body>
+
+    {%- include header.html -%}
+
+    <main class="page-content" aria-label="Content">
+      <div class="post-bubble">
+        {{ content }}
+      </div>
+    </main>
+
+
+  </body>
+
+</html>
diff --git a/_layouts/projects.html b/_layouts/projects.html
@@ -0,0 +1,12 @@
+---
+layout: default
+title: Projects
+---
+<p>Below are a list of my projects!</p>
+<ul>
+  {% for post in site.posts %}
+    <li>
+      <a href="{{ post.url }}">{{ post.title }}</a>
+    </li>
+  {% endfor %}
+</ul>
diff --git a/_posts/2023-10-21-Project-#1-Personal-Site.md b/_posts/2023-10-21-Project-#1-Personal-Site.md
@@ -1,5 +1,13 @@
+---
+layout: post
+title: "Project #1: Personal Website"
+---
+# Project #1: Personal Website
 
-	In November, I felt an urge to put my programming capabilities to the test and start developing. As I delved into other people’s personal projects to look for inspiration and guidance, I felt overwhelmed with where to start. I would get discouraged by how advanced other people were, how many various platforms and languages they knew, and the amount of time many of my peers had already spent. It just felt like it was impossible to catch up - but everyone has to start somewhere. Instead of wallowing, I needed to create something that would encourage me to continue creating. I thought, “Everyone seems to have a personal site where they put their projects, which means that 1) I can create a site, and 2) it’ll look pretty dumb if there are no projects on it, so I’ll be forced to keep going.” 
-	And here's the final product - welcome to my site! Here’s a little bit about it. I’m hosting the site on Github Pages and used Github’s static site builder, Jekyll, for the general HTML format. I chose Jekyll because it’s meant to be used specifically for blog-style websites. I copied over the default CSS theme, “minima”, into my local folders and made edits from there to personalize the design. I tried to mimic the iPhone theme a bit with rounded edges and a simple color scheme. 
-	I’m using Google Analytics to keep track of site data by copying a site tag onto each HTML page. From my analytics dashboard, I can view page-by-page insights on how many people are viewing the site. 
-	Pretty simple start, can’t wait to keep experimenting!
+&nbsp;&nbsp;&nbsp;&nbsp;In November, I felt an urge to put my programming capabilities to the test and start developing. As I delved into other people’s personal projects to look for inspiration and guidance, I felt overwhelmed with where to start. I would get discouraged by how advanced other people were, how many various platforms and languages they knew, and the amount of time many of my peers had already spent. It just felt like it was impossible to catch up - but everyone has to start somewhere. Instead of wallowing, I needed to create something that would encourage me to continue creating. I thought, “Everyone seems to have a personal site where they put their projects, which means that 1) I can create a site, and 2) it’ll look pretty dumb if there are no projects on it, so I’ll be forced to keep going.” 
+
+&nbsp;&nbsp;&nbsp;&nbsp;And here's the final product - welcome to my site! Here’s a little bit about it. I’m hosting the site on Github Pages and used Github’s static site builder, Jekyll, for the general HTML format. I chose Jekyll because it’s meant to be used specifically for blog-style websites. I copied over the default CSS theme, “minima”, into my local folders and made edits from there to personalize the design. I tried to mimic the Apple theme a bit with rounded edges and a simple color scheme. 
+
+&nbsp;&nbsp;&nbsp;&nbsp;I’m using Google Analytics to keep track of site data by copying a site tag onto each HTML page. From my analytics dashboard, I can view page-by-page insights on how many people are viewing the site. 
+
+&nbsp;&nbsp;&nbsp;&nbsp;Pretty simple start, can’t wait to keep experimenting :)
diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss
@@ -4,8 +4,8 @@
 body, h1, h2, h3, h4, h5, h6,
 p, blockquote, pre, hr,
 dl, dd, ol, ul, figure {
-  margin: 0;
-  padding: 0;
+  margin: 10px;
+  padding: 5px;
 }
 
 
@@ -197,6 +197,23 @@ pre {
   }
 }
 
+.post-bubble {
+  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
+  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
+  margin: auto; 
+  padding-top: 10px;
+  background-color: #f4f1f1; 
+  border-radius: 30px;
+  @extend %clearfix;
+
+  @include media-query($on-laptop) {
+    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
+    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
+    padding-right: $spacing-unit / 2;
+    padding-left: $spacing-unit / 2;
+  } 
+}
+
 
 
 /**
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,8 +14,6 @@ @@
         </main>
-        <!--{%- include footer.html -%}-->
       </body>
     </html>