updated projects tab

itatikola · Jun 7, 2024 · 68c9948 · 68c9948
1 parent 6a81d40
commit 68c9948
Show file tree

Hide file tree

Showing 17 changed files with 450 additions and 80 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/_posts/.DS_Store b/_posts/.DS_Store
diff --git a/_posts/2023-12-15-Project-#1-Personal-Site.md b/_posts/2023-12-15-Project-#1-Personal-Site.md
diff --git a/_posts/2024-1-15-Project-#2-Recitation-Slides copy.md b/_posts/2024-1-15-Project-#2-Recitation-Slides copy.md
diff --git a/_posts/2024-2-9-Project-#3-CodeGradr copy.md b/_posts/2024-2-9-Project-#3-CodeGradr copy.md
diff --git a/_posts/2024-4-21-Project-#4-SpotifyWrapped.md b/_posts/2024-4-21-Project-#4-SpotifyWrapped.md
diff --git a/index.html b/index.html
@@ -69,6 +69,12 @@
             </table>
         </div>
 
+
+        <script defer src="/scripts/numberGame.js"></script>
+        <script defer src="/scripts/sillyStory.js"></script>
+        <script defer src="scripts/superHeroes.js"></script>
+        <script defer src="scripts/bouncingBalls.js"></script>
+
         <div class="bubble" id="experimentOne">
             <h1>Number Guessing Game</h1>
 
@@ -105,9 +111,8 @@ <h1>Silly Story</h1>
         </div>
 
         <div class="bubble" id="experimentThree">
-            <h1>SuperHeroes</h1>
-
-            <p>This example requires you to enter commands in your browser's JavaScript console (see <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">What are browser developer tools</a> for more information).</p>
+            <h1>Superheroes</h1>
+
             <div class="superhero">
                 <header>
 
@@ -120,11 +125,13 @@ <h1>SuperHeroes</h1>
         </div>
 
         <div class="bubble" id="experimentFour">
-            <h1>Bouncing Balls</h1>
+            <div class="bouncing-balls">
+                <h1>Bouncing Balls</h1>
+
+                <canvas>
+
+                </canvas>
+            </div>
 
         </div>
-
-    <script defer src="/scripts/numberGame.js"></script>
-    <script defer src="/scripts/sillyStory.js"></script>
-    <script defer src="scripts/superHeroes.js"></script>
 </html>
diff --git a/project-1-site.html b/project-1-site.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en-US">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width" />
+        <title>Indira Tatikola</title>
+        <link href="styles/minima.css" rel="stylesheet" />
+        <script src="https://kit.fontawesome.com/6a36c605f0.js" crossorigin="anonymous"></script>
+    </head>
+    <body>
+        <div class="bubble" style="padding:0px 30px;">
+            <header class="site-header">
+                <a class="site-title" href="index.html">Indira Tatikola</a>
+                <nav class="site-nav">
+                    <div class="trigger">
+                        <a class="page-link" href="projects.html">Projects</a>
+                    </div>
+                </nav>
+            </header>
+        </div>
+
+        <div class="bubble">
+            <h1>Project #1: Personal Website</h1>
+            <p style="color:lightgrey">2023-12-15</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 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 building their skills. 
+                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>&nbsp;&nbsp;&nbsp;&nbsp; When you enter the application, you are prompted to log in. Our app uses Firebase to host a database of user account information. 
+                You can create a new account, delete that account, and go to your profile to view your past wrapped summaries. 
+                Once you've logged in to our app, you'll be redirected to log in to Spotify itself. 
+                From there, we get an access token to your account that we can use as our Spotify API key.</p>
+
+            <p>&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 iOS theme a bit with rounded edges, modern fonts, and a simple color scheme (with a pop of color!). I also got a custom domain name from CloudFlare.</p>
+
+            <p>&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.</p>
+
+            <p>&nbsp;&nbsp;&nbsp;&nbsp; Pretty simple start, can’t wait to keep experimenting :)</p>
+        </div>
+    </body>
+</html>