final home page

itatikola · Dec 16, 2023 · f611845 · f611845
1 parent 4efe72a
commit f611845
Show file tree

Hide file tree

Showing 19 changed files with 118 additions and 38 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/_includes/social.html b/_includes/social.html
@@ -1,4 +1,5 @@
 <ul class="social-media-list">
+  {%- if site.email -%}<li><a href="mailto:{{ site.email }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#mail' | relative_url }}"></use></svg> <span class="username">{{ site.email | escape }}</span></a></li>{%- endif -%}
   {%- if site.dribbble_username -%}<li><a href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"></use></svg> <span class="username">{{ site.dribbble_username| escape }}</span></a></li>{%- endif -%}
   {%- if site.facebook_username -%}<li><a href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg> <span class="username">{{ site.facebook_username| escape }}</span></a></li>{%- endif -%}
   {%- if site.flickr_username -%}<li><a href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"></use></svg> <span class="username">{{ site.flickr_username| escape }}</span></a></li>{%- endif -%}

diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss
@@ -24,8 +24,8 @@ body {
           font-feature-settings: "kern" 1;
   font-kerning: normal;
   display: flex;
-  min-height: 100vh;
   flex-direction: column;
+  padding: 20px;
 }
 
 
@@ -87,7 +87,7 @@ li {
   > ul,
   > ol {
     margin-top: 10px;
-    margin-bottom: 0;
+    margin-bottom: 10px;
   }
 }
 

diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss
@@ -1,3 +1,28 @@
+/**
+Home page
+*/
+.text-col {
+  padding: 30px $spacing-unit / 2; 
+  font-size: $small-font-size;
+}
+
+.container {
+  float: left; 
+}
+
+.container img {
+  width: 300px;
+  border-radius: 30px;
+}
+
+.contact-list,
+.social-media-list {
+
+  list-style: none;
+  margin-left: 30px;
+}
+
+
 /**
  * Site header
  */
@@ -15,7 +40,7 @@
   font-weight: 300;
   line-height: $base-line-height * $base-font-size * 2.25;
   letter-spacing: -1px;
-  margin-bottom: 0;
+  margin-left: 20px;
   float: left;
 
   &,
@@ -116,24 +141,13 @@
   margin-bottom: $spacing-unit / 2;
 }
 
-.contact-list,
-.social-media-list {
-  list-style: none;
-  margin-left: 0;
-}
-
 .footer-col-wrapper {
   @include relative-font-size(0.9375);
   color: $grey-color;
   margin-left: -$spacing-unit / 2;
   @extend %clearfix;
 }
 
-.text-col {
-  padding: 30px $spacing-unit / 2; 
-  font-size: $small-font-size;
-}
-
 .footer-col-1 {
   width: -webkit-calc(35% - (#{$spacing-unit} / 2));
   width:         calc(35% - (#{$spacing-unit} / 2));

diff --git a/_site/2018/08/20/bananas.html b/_site/2018/08/20/bananas.html
@@ -65,7 +65,7 @@ <h1>Bananas</h1>
           <li class="p-name">Indira Tatikola</li><li><a class="u-email" href="mailto:[email protected]">[email protected]</a></li></ul>
       </div>
 
-      <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
+      <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="mailto:[email protected]"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#mail"></use></svg> <span class="username">[email protected]</span></a></li><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
 </div>
       
     </div>

diff --git a/_site/404.html b/_site/404.html
@@ -72,7 +72,7 @@ <h1>404</h1>
           <li class="p-name">Indira Tatikola</li><li><a class="u-email" href="mailto:[email protected]">[email protected]</a></li></ul>
       </div>
 
-      <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
+      <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="mailto:[email protected]"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#mail"></use></svg> <span class="username">[email protected]</span></a></li><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
 </div>
       
     </div>

diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
@@ -8,7 +8,7 @@ img { width: 300px; float: left; margin-right: 20px; border-radius: 30px; }
 body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
 
 /** 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; min-height: 100vh; flex-direction: column; }
+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; }
 
 /** Set `margin-bottom` to maintain vertical rhythm */
 h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }
@@ -27,7 +27,7 @@ figcaption { font-size: 13.125px; }
 /** Lists */
 ul, ol { margin-left: 30px; }
 
-li > ul, li > ol { margin-top: 10px; margin-bottom: 0; }
+li > ul, li > ol { margin-top: 10px; margin-bottom: 10px; }
 
 /** Headings */
 h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-top: 10px; }
@@ -70,10 +70,21 @@ table th, table td { padding: 10px 15px; }
 table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }
 table td { border: 1px solid #e8e8e8; }
 
+/**
+Home page
+*/
+.text-col { padding: 30px 15px; font-size: 13.125px; }
+
+.container { float: left; }
+
+.container img { width: 300px; border-radius: 30px; }
+
+.contact-list, .social-media-list { list-style: none; margin-left: 30px; }
+
 /** Site header */
 .site-header { min-height: 55.95px; position: relative; }
 
-.site-title { font-size: 24.375px; font-weight: 300; line-height: 50.625px; letter-spacing: -1px; margin-bottom: 0; float: left; }
+.site-title { font-size: 24.375px; font-weight: 300; line-height: 50.625px; letter-spacing: -1px; margin-left: 20px; float: left; }
 .site-title, .site-title:visited { color: #424242; }
 
 .site-nav { float: right; line-height: 50.625px; }
@@ -95,12 +106,8 @@ table td { border: 1px solid #e8e8e8; }
 
 .footer-heading { font-size: 16.875px; margin-bottom: 15px; }
 
-.contact-list, .social-media-list { list-style: none; margin-left: 0; }
-
 .footer-col-wrapper { font-size: 14.0625px; color: #828282; margin-left: -15px; }
 
-.text-col { padding: 30px 15px; font-size: 13.125px; }
-
 .footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }
 
 .footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

diff --git a/_site/assets/img/mail-icon.png b/_site/assets/img/mail-icon.png
diff --git a/_site/assets/main.css b/_site/assets/main.css
@@ -2,7 +2,7 @@
 body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
 
 /** 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; min-height: 100vh; flex-direction: column; }
+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; }
 
 /** Set `margin-bottom` to maintain vertical rhythm */
 h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }
@@ -21,7 +21,7 @@ figcaption { font-size: 13.125px; }
 /** Lists */
 ul, ol { margin-left: 30px; }
 
-li > ul, li > ol { margin-top: 10px; margin-bottom: 0; }
+li > ul, li > ol { margin-top: 10px; margin-bottom: 10px; }
 
 /** Headings */
 h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-top: 10px; }
@@ -64,10 +64,21 @@ table th, table td { padding: 10px 15px; }
 table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }
 table td { border: 1px solid #e8e8e8; }
 
+/**
+Home page
+*/
+.text-col { padding: 30px 15px; font-size: 13.125px; }
+
+.container { float: left; }
+
+.container img { width: 300px; border-radius: 30px; }
+
+.contact-list, .social-media-list { list-style: none; margin-left: 30px; }
+
 /** Site header */
 .site-header { min-height: 55.95px; position: relative; }
 
-.site-title { font-size: 24.375px; font-weight: 300; line-height: 50.625px; letter-spacing: -1px; margin-bottom: 0; float: left; }
+.site-title { font-size: 24.375px; font-weight: 300; line-height: 50.625px; letter-spacing: -1px; margin-left: 20px; float: left; }
 .site-title, .site-title:visited { color: #424242; }
 
 .site-nav { float: right; line-height: 50.625px; }
@@ -89,12 +100,8 @@ table td { border: 1px solid #e8e8e8; }
 
 .footer-heading { font-size: 16.875px; margin-bottom: 15px; }
 
-.contact-list, .social-media-list { list-style: none; margin-left: 0; }
-
 .footer-col-wrapper { font-size: 14.0625px; color: #828282; margin-left: -15px; }
 
-.text-col { padding: 30px 15px; font-size: 13.125px; }
-
 .footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }
 
 .footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

diff --git a/_site/assets/minima-social-icons.svg b/_site/assets/minima-social-icons.svg
diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?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-16T15:30:13-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">Bananas</title><link href="http://localhost:4000/2018/08/20/bananas.html" rel="alternate" type="text/html" title="Bananas" /><published>2018-08-20T00:00:00-04:00</published><updated>2018-08-20T00:00:00-04:00</updated><id>http://localhost:4000/2018/08/20/bananas</id><content type="html" xml:base="http://localhost:4000/2018/08/20/bananas.html">&lt;p&gt;A banana is an edible fruit – botanically a berry – produced by several
+<?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-16T16:35:55-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">Bananas</title><link href="http://localhost:4000/2018/08/20/bananas.html" rel="alternate" type="text/html" title="Bananas" /><published>2018-08-20T00:00:00-04:00</published><updated>2018-08-20T00:00:00-04:00</updated><id>http://localhost:4000/2018/08/20/bananas</id><content type="html" xml:base="http://localhost:4000/2018/08/20/bananas.html">&lt;p&gt;A banana is an edible fruit – botanically a berry – produced by several
 kinds of large herbaceous flowering plants in the genus Musa.&lt;/p&gt;
 
 &lt;p&gt;In some countries, bananas used for cooking may be called “plantains”,

diff --git a/_site/index.html b/_site/index.html
@@ -36,18 +36,24 @@
 </header>
 <main class="page-content" aria-label="Content">
       <div class="bubble">
-        <img style="margin-top: 30px;" src="assets/img/headshot.jpeg" alt="A picture of me!">
+        <div class="container">
+    <img style="margin-top: 30px;" src="assets/img/headshot.jpeg" alt="A picture of me!"><ul class="social-media-list"><li><a href="mailto:[email protected]"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#mail"></use></svg> <span class="username">[email protected]</span></a></li><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
+</div>
 <div class="text-col">
     <p>16 December 2023</p>
     <p>Hi! Thanks so much for stopping by. Here's a little about me.</p>
     <p>I'm a CS major at the Georgia Institute of Technology. I'm concentrating in 
         Intelligence and Systems & Architecture.
     </p>
     <p>Building human-centered applications excites me.</p>
-    <p>This is my first serious attempt at a personal website. This year, I'm challenging myself to create one,
+    <p>Over the next year, I'm challenging myself to create one,
         full-fledged personal project a month.
     </p>
-    <p>Click on the blog (coming soon) if you're interested in my tech opinion writing.</p>
+    <p>Click on "Projects" (coming soon) if you're interested in my...projects lol.</p>
+    <p>Click on "Blog" (coming soon) if you're interested in my tech opinion writing.</p>
+    <p>Please reach out on my socials if you're here from my resume.</p>
+    <p>Excited for what's to come!</p>
+
 </div>
       </div>
     </main>
@@ -64,7 +70,7 @@
           <li class="p-name">Indira Tatikola</li><li><a class="u-email" href="mailto:[email protected]">[email protected]</a></li></ul>
       </div>
 
-      <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
+      <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="mailto:[email protected]"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#mail"></use></svg> <span class="username">[email protected]</span></a></li><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
 </div>
       
     </div>

diff --git a/_site/personal_site.code-workspace b/_site/personal_site.code-workspace
@@ -0,0 +1,17 @@
+{
+	"folders": [
+		{
+			"path": "_includes"
+		},
+		{
+			"path": "_sass"
+		},
+		{
+			"path": "_layouts"
+		},
+		{
+			"path": "assets"
+		}
+	],
+	"settings": {}
+}
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/img/.DS_Store b/assets/img/.DS_Store
diff --git a/assets/img/mail-icon.png b/assets/img/mail-icon.png
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,7 +65,7 @@ <h1>Bananas</h1> @@
               <li class="p-name">Indira Tatikola</li><li><a class="u-email" href="mailto:[email protected]">[email protected]</a></li></ul>
           </div>
-          <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
+          <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="mailto:[email protected]"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#mail"></use></svg> <span class="username">[email protected]</span></a></li><li><a href="https://github.com/itatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">itatikola</span></a></li><li><a href="https://www.linkedin.com/in/indiratatikola"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">indiratatikola</span></a></li></ul>
     </div>
         </div>
@@ Expand Down @@