projects page

itatikola · Dec 23, 2023 · 1117dce · 1117dce
1 parent d4a8ee4
commit 1117dce
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 40 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/...ts/2023-10-21-Project-#1-Personal-Site.md → ...ts/2023-12-15-Project-#1-Personal-Site.md b/...ts/2023-10-21-Project-#1-Personal-Site.md → ...ts/2023-12-15-Project-#1-Personal-Site.md
@@ -3,9 +3,7 @@ layout: post
 title: "Project #1: Personal Website"
 excerpt_separator: <!--more-->
 ---
-# Project #1: Personal Website
-
-&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 <!--more--> 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;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.  <!--more--> 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. 
 

diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss
@@ -5,7 +5,7 @@ body, h1, h2, h3, h4, h5, h6,
 p, blockquote, pre, hr,
 dl, dd, ol, ul, figure {
   margin: 10px;
-  padding: 5px;
+  padding: 0px;
 }
 
 
@@ -219,7 +219,7 @@ pre {
   max-width:         calc(#{$content-width} - (#{$spacing-unit} * 3));
   margin: 20px; 
   padding-top: 10px;
-  background-color: #d8d5d5; 
+  background-color: #d8d5d5cd; 
   border-radius: 30px;
   @extend %clearfix;
 

diff --git a/...e/2023/10/21/Project-1-Personal-Site.html → ...e/2023/12/15/Project-1-Personal-Site.html b/...e/2023/10/21/Project-1-Personal-Site.html → ...e/2023/12/15/Project-1-Personal-Site.html
@@ -7,17 +7,17 @@
 <meta name="generator" content="Jekyll v3.9.3" />
 <meta property="og:title" content="Project #1: Personal Website" />
 <meta property="og:locale" content="en_US" />
-<meta name="description" content="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" />
-<meta property="og:description" content="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" />
-<link rel="canonical" href="http://localhost:4000/2023/10/21/Project-1-Personal-Site.html" />
-<meta property="og:url" content="http://localhost:4000/2023/10/21/Project-1-Personal-Site.html" />
+<meta name="description" content="    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." />
+<meta property="og:description" content="    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." />
+<link rel="canonical" href="http://localhost:4000/2023/12/15/Project-1-Personal-Site.html" />
+<meta property="og:url" content="http://localhost:4000/2023/12/15/Project-1-Personal-Site.html" />
 <meta property="og:site_name" content="Indira Tatikola" />
 <meta property="og:type" content="article" />
-<meta property="article:published_time" content="2023-10-21T00:00:00-04:00" />
+<meta property="article:published_time" content="2023-12-15T00:00:00-05:00" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Project #1: Personal Website" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2023-10-21T00:00:00-04:00","datePublished":"2023-10-21T00:00:00-04:00","description":"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","headline":"Project #1: Personal Website","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/2023/10/21/Project-1-Personal-Site.html"},"url":"http://localhost:4000/2023/10/21/Project-1-Personal-Site.html"}</script>
+{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2023-12-15T00:00:00-05:00","datePublished":"2023-12-15T00:00:00-05:00","description":"    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.","headline":"Project #1: Personal Website","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/2023/12/15/Project-1-Personal-Site.html"},"url":"http://localhost:4000/2023/12/15/Project-1-Personal-Site.html"}</script>
 <!-- End Jekyll SEO tag -->
 <link rel="stylesheet" href="/assets/css/styles.css"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="Indira Tatikola" /></head>
 <!-- Google tag (gtag.js) -->
@@ -45,9 +45,7 @@
 </header>
 <main class="page-content" aria-label="Content">
       <div class="post-bubble">
-        <h1 id="project-1-personal-website">Project #1: Personal Website</h1>
-
-<p>    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 <!--more--> 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.”</p>
+        <p>    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.  <!--more--> 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.”</p>
 
 <p>    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.</p>
 

diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
@@ -5,7 +5,7 @@ this tag does not contribute to the style...
 img { width: 300px; float: left; margin-right: 20px; border-radius: 30px; }
 
 /** Reset some basic elements */
-body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 10px; padding: 5px; }
+body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 10px; padding: 0px; }
 
 /** Basic styling */
 body { font: 300 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #000000; background-color: #f8d2d2; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; flex-direction: column; padding: 20px; }
@@ -58,7 +58,7 @@ pre > code { border: 0; padding-right: 0; padding-left: 0; }
 .post-bubble { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin: auto; padding-top: 10px; background-color: #f4f1f1; border-radius: 30px; }
 @media screen and (max-width: 1000px) { .post-bubble { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }
 
-.post-thumbnail { max-width: -webkit-calc(800px - (30px * 3)); max-width: calc(800px - (30px * 3)); margin: 20px; padding-top: 10px; background-color: #d8d5d5; border-radius: 30px; }
+.post-thumbnail { max-width: -webkit-calc(800px - (30px * 3)); max-width: calc(800px - (30px * 3)); margin: 20px; padding-top: 10px; background-color: #d8d5d5cd; border-radius: 30px; }
 @media screen and (max-width: 1000px) { .post-thumbnail { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }
 
 /** Clearfix */

diff --git a/_site/assets/main.css b/_site/assets/main.css
@@ -1,5 +1,5 @@
 /** Reset some basic elements */
-body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 10px; padding: 5px; }
+body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 10px; padding: 0px; }
 
 /** Basic styling */
 body { font: 300 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #000000; background-color: #f8d2d2; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; flex-direction: column; padding: 20px; }
@@ -52,7 +52,7 @@ pre > code { border: 0; padding-right: 0; padding-left: 0; }
 .post-bubble { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin: auto; padding-top: 10px; background-color: #f4f1f1; border-radius: 30px; }
 @media screen and (max-width: 1000px) { .post-bubble { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }
 
-.post-thumbnail { max-width: -webkit-calc(800px - (30px * 3)); max-width: calc(800px - (30px * 3)); margin: 20px; padding-top: 10px; background-color: #d8d5d5; border-radius: 30px; }
+.post-thumbnail { max-width: -webkit-calc(800px - (30px * 3)); max-width: calc(800px - (30px * 3)); margin: 20px; padding-top: 10px; background-color: #d8d5d5cd; border-radius: 30px; }
 @media screen and (max-width: 1000px) { .post-thumbnail { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }
 
 /** Clearfix */

diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1,9 +1,7 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-12-23T16:02:56-05:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Indira Tatikola</title><subtitle>Hi! I’m Indira and I’m studying computer science at the Georgia Institute of Technology.  My areas of interest are computer vision, graphics, and machine learning and their applications in social media. Feel free to reach out through any platform! </subtitle><entry><title type="html">Project #1: Personal Website</title><link href="http://localhost:4000/2023/10/21/Project-1-Personal-Site.html" rel="alternate" type="text/html" title="Project #1: Personal Website" /><published>2023-10-21T00:00:00-04:00</published><updated>2023-10-21T00:00:00-04:00</updated><id>http://localhost:4000/2023/10/21/Project-#1-Personal-Site</id><content type="html" xml:base="http://localhost:4000/2023/10/21/Project-1-Personal-Site.html">&lt;h1 id=&quot;project-1-personal-website&quot;&gt;Project #1: Personal Website&lt;/h1&gt;
-
-&lt;p&gt;    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 &lt;!--more--&gt; 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.”&lt;/p&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-12-23T17:15:34-05:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Indira Tatikola</title><subtitle>Hi! I’m Indira and I’m studying computer science at the Georgia Institute of Technology.  My areas of interest are computer vision, graphics, and machine learning and their applications in social media. Feel free to reach out through any platform! </subtitle><entry><title type="html">Project #1: Personal Website</title><link href="http://localhost:4000/2023/12/15/Project-1-Personal-Site.html" rel="alternate" type="text/html" title="Project #1: Personal Website" /><published>2023-12-15T00:00:00-05:00</published><updated>2023-12-15T00:00:00-05:00</updated><id>http://localhost:4000/2023/12/15/Project-#1-Personal-Site</id><content type="html" xml:base="http://localhost:4000/2023/12/15/Project-1-Personal-Site.html">&lt;p&gt;    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.  &lt;!--more--&gt; 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.”&lt;/p&gt;
 
 &lt;p&gt;    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.&lt;/p&gt;
 
 &lt;p&gt;    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.&lt;/p&gt;
 
-&lt;p&gt;    Pretty simple start, can’t wait to keep experimenting :)&lt;/p&gt;</content><author><name></name></author><summary type="html">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</summary></entry></feed>
+&lt;p&gt;    Pretty simple start, can’t wait to keep experimenting :)&lt;/p&gt;</content><author><name></name></author><summary type="html">    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.</summary></entry></feed>
diff --git a/_site/projects.html b/_site/projects.html
@@ -44,17 +44,19 @@
 </header>
 <main class="page-content" aria-label="Content">
       <div class="bubble">
-        <ul>
+        <p style="margin-top:30px;">Below are some write-ups on my personal projects.</p>
+<p>Currently, I'm working on a project to develop some experience in database design.</p>
+<div>
 
-      <li>
-        <a href="/2023/10/21/Project-1-Personal-Site.html">Project #1: Personal Website</a>
-      </li>
+    <div class="post-thumbnail">
+      <h1><a href="/2023/12/15/Project-1-Personal-Site.html">Project #1: Personal Website</a></h1>
+      <p>Dec 15th, 2023</p>
+      <p><p>    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.</p>
+
+</p>
+    </div>
 
-  </ul>
-<p>Project 1</p>
-<p>Project 2</p>
-<p>Project 3</p>
-<p>Project 4</p>
+</div>
       </div>
     </main>
 

diff --git a/projects.html b/projects.html
@@ -2,14 +2,14 @@
 layout: default
 title: Projects
 ---
-<ul>
+<p style="margin-top:30px;">Below are some write-ups on my personal projects.</p>
+<p>Currently, I'm working on a project to develop some experience in database design.</p>
+<div>
     {% for post in site.posts %}
-      <li>
-        <a href="{{ post.url }}">{{ post.title }}</a>
-      </li>
+    <div class="post-thumbnail">
+      <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
+      <p>{{ post.date | date_to_string: "ordinal", "US" }}</p>
+      <p>{{ post.excerpt }}</p>
+    </div>
     {% endfor %}
-  </ul>
-<p>Project 1</p>
-<p>Project 2</p>
-<p>Project 3</p>
-<p>Project 4</p>
+</div>