projects page

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

Hide file tree

Showing 7 changed files with 41 additions and 14 deletions.
diff --git a/_layouts/projects.html b/_layouts/projects.html
@@ -3,10 +3,13 @@
 title: Projects
 ---
 <p>Below are a list of my projects!</p>
+<p>Currently, I am working on a project that will develop my database design skills.</p>
 <ul>
   {% 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>
+</ul> 
diff --git a/_posts/2023-10-21-Project-#1-Personal-Site.md b/_posts/2023-10-21-Project-#1-Personal-Site.md
@@ -1,10 +1,11 @@
 ---
 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 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. 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;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
@@ -214,6 +214,23 @@ pre {
   } 
 }
 
+.post-thumbnail {
+  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 3));
+  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 3));
+  margin: 20px; 
+  padding-top: 10px;
+  background-color: #d8d5d5; 
+  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;
+  } 
+}
+
 
 
 /**

diff --git a/_site/2023/10/21/Project-1-Personal-Site.html b/_site/2023/10/21/Project-1-Personal-Site.html
@@ -7,8 +7,8 @@
 <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 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 Apple 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 :)" />
-<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 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 Apple 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 :)" />
+<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 property="og:site_name" content="Indira Tatikola" />
@@ -17,7 +17,7 @@
 <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 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 Apple 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 :)","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-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>
 <!-- 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) -->
@@ -47,7 +47,7 @@
       <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 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. 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>    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
@@ -58,8 +58,11 @@ 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; }
+@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 */
-.bubble:after, .post-bubble:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }
+.bubble:after, .post-bubble:after, .post-thumbnail:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }
 
 /** Icons */
 .svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }

diff --git a/_site/assets/main.css b/_site/assets/main.css
@@ -52,8 +52,11 @@ 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; }
+@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 */
-.bubble:after, .post-bubble:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }
+.bubble:after, .post-bubble:after, .post-thumbnail:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }
 
 /** Icons */
 .svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }