From d4a8ee44a22dcab604a083bc251756864e1561c3 Mon Sep 17 00:00:00 2001 From: "Tatikola, Indira" Date: Sat, 23 Dec 2023 16:03:03 -0500 Subject: [PATCH] projects page --- _layouts/projects.html | 11 +++++++---- _posts/2023-10-21-Project-#1-Personal-Site.md | 3 ++- _sass/minima/_base.scss | 17 +++++++++++++++++ _site/2023/10/21/Project-1-Personal-Site.html | 8 ++++---- _site/assets/css/styles.css | 5 ++++- _site/assets/main.css | 5 ++++- _site/feed.xml | 6 +++--- 7 files changed, 41 insertions(+), 14 deletions(-) diff --git a/_layouts/projects.html b/_layouts/projects.html index 4c21ae3..c536535 100644 --- a/_layouts/projects.html +++ b/_layouts/projects.html @@ -3,10 +3,13 @@ title: Projects ---

Below are a list of my projects!

+

Currently, I am working on a project that will develop my database design skills.

\ No newline at end of file + \ No newline at end of file diff --git a/_posts/2023-10-21-Project-#1-Personal-Site.md b/_posts/2023-10-21-Project-#1-Personal-Site.md index a591228..e8e97f8 100644 --- 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: --- # 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.” +    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. diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss index cf82a50..d9f377f 100644 --- 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 index 7a318b8..e81ef91 100644 --- a/_site/2023/10/21/Project-1-Personal-Site.html +++ b/_site/2023/10/21/Project-1-Personal-Site.html @@ -7,8 +7,8 @@ - - + + @@ -17,7 +17,7 @@ +{"@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"} @@ -47,7 +47,7 @@

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.”

+

    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.

diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css index 87bffdf..42d62a6 100644 --- 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 index 36255c7..b418d4f 100644 --- 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; } diff --git a/_site/feed.xml b/_site/feed.xml index 2be7155..3f92de3 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -1,9 +1,9 @@ -Jekyll2023-12-23T15:51:51-05:00http://localhost:4000/feed.xmlIndira TatikolaHi! 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! Project #1: Personal Website2023-10-21T00:00:00-04:002023-10-21T00:00:00-04:00http://localhost:4000/2023/10/21/Project-#1-Personal-Site<h1 id="project-1-personal-website">Project #1: Personal Website</h1> +Jekyll2023-12-23T16:02:56-05:00http://localhost:4000/feed.xmlIndira TatikolaHi! 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! Project #1: Personal Website2023-10-21T00:00:00-04:002023-10-21T00:00:00-04:00http://localhost:4000/2023/10/21/Project-#1-Personal-Site<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> <p>    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.</p> -<p>    Pretty simple start, can’t wait to keep experimenting :)</p>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 :) \ No newline at end of file +<p>    Pretty simple start, can’t wait to keep experimenting :)</p>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 \ No newline at end of file