From b5e492c7f0a8c9d102a1c15eefa178c2fba9015a Mon Sep 17 00:00:00 2001
From: Techno Talks <80555613+TechnoTalksDev@users.noreply.github.com>
Date: Fri, 1 Jul 2022 07:21:23 +0000
Subject: [PATCH 1/2] Close unclosed span

---
 static/main/scss/main.scss | 1 +
 templates/index.html       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/static/main/scss/main.scss b/static/main/scss/main.scss
index 81aca87..5070d77 100644
--- a/static/main/scss/main.scss
+++ b/static/main/scss/main.scss
@@ -257,6 +257,7 @@ nav img:hover{
         margin-left: 10px;
     }
 }
+
 .about-text{
     width: 550px;
 }
diff --git a/templates/index.html b/templates/index.html
index 3a1e562..ad2d332 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -57,7 +57,7 @@ <h3>Student | Developer | Content Creator</h3>
             <div class="about-text">
                 <h2>About me</h2>
                 <h5><span>Python</span> | Open-Source | <span>Developer</span></h5>
-                <p><strong>Hey, I'm TechnoTalks! A high schooler who's an aspiring developer based in the US.</strong> I love tech in general hence the name <span>TechnoTalks</span>. I don't really know why I code to be honest. It's something that's <span>really frustrating<span>, but I guess <span>that feeling<span> of squashing that bug or implementing a new feature at the end of the day is enough <span>to drive me to the next bug, feature, and anything in between</span>. I mostly work on random projects I feel like working on that, are reasonably in reach for my skill level. I'm currently dabbling in a little bit of competitive programming which I think should be called competitive problem solving. Hear me out, 90% of competitive programing is coming up with an effective algorithim, then the other 10% is writing it out in code... See what I mean? Anyway I won't bore you anymore check out my projects down bellow...</p>
+                <p><strong>Hey, I'm TechnoTalks! A high schooler who's an aspiring developer based in the US.</strong> I love tech in general hence the name <span>TechnoTalks</span>. I don't really know why I code to be honest. It's something that's <span>really frustrating</span>, but I guess <span>that feeling</span> of squashing that bug or implementing a new feature at the end of the day is enough <span>to drive me to the next bug, feature, and anything in between</span>. I mostly work on random projects I feel like working on that, are reasonably in reach for my skill level. I'm <span>currently dabbling in a little bit of competitive programming</span> which I think should be called competitive problem solving. Hear me out, 90% of competitive programing is coming up with an effective algorithim, then the other 10% is writing it out in code... See what I mean? <span>Anyway I won't bore you anymore check out my projects down bellow...</span></p>
                 <a href="#projects"><button type="button">Projects</button></a>
                 <a href="#services"><button type="button">Services</button></a>
             </div>

From e20e7c6c525a3fa523a91905bc47195ab0fd4733 Mon Sep 17 00:00:00 2001
From: TechnoTalksDev <technotalksyt101@gmail.com>
Date: Fri, 1 Jul 2022 02:13:16 -0700
Subject: [PATCH 2/2] Remove about me image depending on screen

If the screen is too small the about me image is removed to focus on the text. Also changed margin and padding for buttons to match the removal of the about me image.

Also modified navigation list links to align to the right instead of to the icon.
---
 static/main/scss/main.css     | 275 +++++++++++-----------------------
 static/main/scss/main.css.map |  10 +-
 static/main/scss/main.scss    |  29 +++-
 3 files changed, 119 insertions(+), 195 deletions(-)

diff --git a/static/main/scss/main.css b/static/main/scss/main.css
index 694f664..0ade35b 100644
--- a/static/main/scss/main.css
+++ b/static/main/scss/main.css
@@ -3,8 +3,7 @@
   padding: 0;
   margin: 0;
   font-family: "Rajdhani", sans-serif;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   scrollbar-width: thin;
   scrollbar-color: #38b6ff transparent;
 }
@@ -45,29 +44,24 @@ span {
 @-webkit-keyframes fadeInAnimation {
   0% {
     /*opacity: 0.9;*/
-    -webkit-filter: brightness(10%);
-            filter: brightness(10%);
+    filter: brightness(10%);
   }
   100% {
     /*opacity: 1;*/
-    -webkit-filter: brightness(100%);
-            filter: brightness(100%);
+    filter: brightness(100%);
   }
 }
 
 @keyframes fadeInAnimation {
   0% {
     /*opacity: 0.9;*/
-    -webkit-filter: brightness(10%);
-            filter: brightness(10%);
+    filter: brightness(10%);
   }
   100% {
     /*opacity: 1;*/
-    -webkit-filter: brightness(100%);
-            filter: brightness(100%);
+    filter: brightness(100%);
   }
 }
-
 .hero {
   height: 100vh;
   width: 100vw;
@@ -78,15 +72,9 @@ span {
 }
 
 nav {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  align-items: center;
+  justify-content: space-between;
   padding-top: 20px;
   padding-left: 2%;
   padding-right: 2%;
@@ -109,19 +97,14 @@ nav ul li a {
 nav ul li a:hover {
   color: #38b6ff;
   font-size: 27px;
-  -webkit-filter: drop-shadow(10px 10px 10px grey);
-          filter: drop-shadow(10px 10px 10px grey);
-  -webkit-transition: .4s;
-  transition: .4s;
+  filter: drop-shadow(10px 10px 10px grey);
+  transition: 0.4s;
 }
 
 nav img:hover {
-  -webkit-transform: scale(1.08);
-          transform: scale(1.08);
-  -webkit-filter: drop-shadow(10px 10px 10px grey);
-          filter: drop-shadow(10px 10px 10px grey);
-  -webkit-transition: .4s;
-  transition: .4s;
+  transform: scale(1.08);
+  filter: drop-shadow(10px 10px 10px grey);
+  transition: 0.4s;
 }
 
 .title {
@@ -135,25 +118,20 @@ nav img:hover {
   color: white;
   background-color: transparent;
   border: 2px solid #38b6ff;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 7px 40px 7px 40px;
   margin-top: 10px;
   margin-right: 5%;
   margin-left: 5%;
   border-radius: 5px;
-  -webkit-filter: drop-shadow(5px 5px 5px grey);
-          filter: drop-shadow(5px 5px 5px grey);
+  filter: drop-shadow(5px 5px 5px grey);
 }
 
 .title btn:hover {
   cursor: pointer;
   font-size: 26px;
-  -webkit-filter: drop-shadow(10px 10px 10px grey);
-          filter: drop-shadow(10px 10px 10px grey);
-  -webkit-transition: .4s;
-  transition: .4s;
+  filter: drop-shadow(10px 10px 10px grey);
+  transition: 0.4s;
 }
 
 .title a {
@@ -177,75 +155,52 @@ nav img:hover {
 
 @-webkit-keyframes flicker {
   0% {
-    -webkit-filter: drop-shadow(8.7px 8.7px 8.7px grey);
-            filter: drop-shadow(8.7px 8.7px 8.7px grey);
+    filter: drop-shadow(8.7px 8.7px 8.7px grey);
   }
   25% {
-    -webkit-filter: drop-shadow(9.8px 9.8px 9.8px grey);
-            filter: drop-shadow(9.8px 9.8px 9.8px grey);
+    filter: drop-shadow(9.8px 9.8px 9.8px grey);
   }
   50% {
-    -webkit-filter: drop-shadow(9.5px 9.5px 9.5px grey);
-            filter: drop-shadow(9.5px 9.5px 9.5px grey);
+    filter: drop-shadow(9.5px 9.5px 9.5px grey);
   }
   75% {
-    -webkit-filter: drop-shadow(9px 9px 9px grey);
-            filter: drop-shadow(9px 9px 9px grey);
+    filter: drop-shadow(9px 9px 9px grey);
   }
   100% {
-    -webkit-filter: drop-shadow(10px 10px 10px grey);
-            filter: drop-shadow(10px 10px 10px grey);
+    filter: drop-shadow(10px 10px 10px grey);
   }
 }
 
 @keyframes flicker {
   0% {
-    -webkit-filter: drop-shadow(8.7px 8.7px 8.7px grey);
-            filter: drop-shadow(8.7px 8.7px 8.7px grey);
+    filter: drop-shadow(8.7px 8.7px 8.7px grey);
   }
   25% {
-    -webkit-filter: drop-shadow(9.8px 9.8px 9.8px grey);
-            filter: drop-shadow(9.8px 9.8px 9.8px grey);
+    filter: drop-shadow(9.8px 9.8px 9.8px grey);
   }
   50% {
-    -webkit-filter: drop-shadow(9.5px 9.5px 9.5px grey);
-            filter: drop-shadow(9.5px 9.5px 9.5px grey);
+    filter: drop-shadow(9.5px 9.5px 9.5px grey);
   }
   75% {
-    -webkit-filter: drop-shadow(9px 9px 9px grey);
-            filter: drop-shadow(9px 9px 9px grey);
+    filter: drop-shadow(9px 9px 9px grey);
   }
   100% {
-    -webkit-filter: drop-shadow(10px 10px 10px grey);
-            filter: drop-shadow(10px 10px 10px grey);
+    filter: drop-shadow(10px 10px 10px grey);
   }
 }
-
 .l-social {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   text-align: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
 }
 
 .l-social a {
   width: 45px;
   height: 45px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   background: transparent;
   border: 2px solid #38b6ff;
   border-radius: 50%;
@@ -257,16 +212,12 @@ nav img:hover {
 }
 
 .l-social a:hover {
-  -webkit-transform: scale(1.08);
-          transform: scale(1.08);
-  -webkit-transition: .4s;
-  transition: .4s;
+  transform: scale(1.08);
+  transition: 0.4s;
 }
 
 .l-social i {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   text-align: center;
 }
 
@@ -305,18 +256,42 @@ nav img:hover {
   .about img {
     width: 286px;
   }
+
   .title {
     top: 15%;
   }
 }
-
 @media screen and (max-width: 600px) {
   .about img {
     width: 215px;
     margin-left: 10px;
+    margin-right: 10px;
   }
-}
 
+  .about-text {
+    margin: 20px;
+  }
+
+  .about-text button {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+}
+@media screen and (max-width: 500px) {
+  .about img {
+    display: none;
+  }
+}
+@media screen and (max-width: 665px) {
+  nav ul li {
+    margin-right: 5%;
+  }
+}
+@media screen and (max-width: 411px) {
+  nav ul li {
+    margin-left: 100px;
+  }
+}
 .about-text {
   width: 550px;
 }
@@ -329,14 +304,9 @@ nav img:hover {
   width: 1130px;
   max-width: 95%;
   margin: 0 auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
+  align-items: center;
+  justify-content: space-around;
 }
 
 .about-text h2 {
@@ -371,8 +341,6 @@ button {
   font-size: 24px;
   color: #151D21;
   background: #38b6ff;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 7px 40px 7px 40px;
   margin-top: 30px;
@@ -387,8 +355,7 @@ button:hover {
   border: 2px solid #38b6ff;
   cursor: pointer;
   color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
+  transition: 0.4s;
 }
 
 /*services*/
@@ -400,8 +367,6 @@ button:hover {
   font-size: 20px;
   color: #151D21;
   background: #38b6ff;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 7px 20px 7px 20px;
   margin-top: 20px;
@@ -441,20 +406,12 @@ button:hover {
 }
 
 .services-box {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
   min-height: 400px;
-  -ms-flex-line-pack: center;
-      align-content: center;
+  align-content: center;
 }
 
 .services-card {
@@ -491,19 +448,11 @@ button:hover {
 .projects-container {
   /*width: 1000px;*/
   position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+  flex-wrap: wrap;
 }
 
 .projects-container .card {
@@ -516,36 +465,26 @@ button:hover {
   width: 300px;
   height: 200px;
   border-radius: 10px;
-  -webkit-transition: 0.5s;
   transition: 0.5s;
 }
 
 .projects-container .card .face.face1 {
   position: relative;
   background: #333;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   z-index: 1;
-  -webkit-transform: translateY(100px);
-          transform: translateY(100px);
+  transform: translateY(100px);
 }
 
 .projects-container .card:hover .face.face1 {
   background: #38b6ff;
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
+  transform: translateY(0);
 }
 
 .projects-container .card .face.face1 .content {
   opacity: 0.2;
-  -webkit-transition: 0.5s;
   transition: 0.5s;
 }
 
@@ -569,27 +508,17 @@ button:hover {
 .projects-container .card .face.face2 {
   position: relative;
   background: #333;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   padding: 20px;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
-          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
-  -webkit-transform: translateY(-100px);
-          transform: translateY(-100px);
+  box-sizing: border-box;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
+  transform: translateY(-100px);
 }
 
 .projects-container .card:hover .face.face2 {
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
+  transform: translateY(0);
 }
 
 .projects-container .card .face.face2 .content p {
@@ -602,8 +531,6 @@ button:hover {
   font-size: 20px;
   color: #151D21;
   background: #38b6ff;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 7px 15px 7px 15px;
   margin-top: 25px;
@@ -611,8 +538,7 @@ button:hover {
   border: none;
   border-radius: 5px;
   text-align: center;
-  -ms-flex-item-align: center;
-      align-self: center;
+  align-self: center;
 }
 
 .projects-container .card .face.face2 .content a:hover {
@@ -627,12 +553,8 @@ button:hover {
   width: 100%;
   height: 400px;
   background-color: #333;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   text-align: center;
 }
 
@@ -659,30 +581,18 @@ footer p:nth-child(2) {
 }
 
 .social {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   text-align: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
 }
 
 .social a {
   width: 45px;
   height: 45px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   background: #38b6ff;
   border-radius: 50%;
   margin: 22px 10px;
@@ -693,16 +603,12 @@ footer p:nth-child(2) {
 }
 
 .social a:hover {
-  -webkit-transform: scale(1.08);
-          transform: scale(1.08);
-  -webkit-transition: .4s;
-  transition: .4s;
+  transform: scale(1.08);
+  transition: 0.4s;
 }
 
 .social i {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   text-align: center;
 }
 
@@ -720,5 +626,4 @@ footer p:nth-child(2) {
     color: white;
     text-align: center;
 }
-*/
-/*# sourceMappingURL=main.css.map */
\ No newline at end of file
+*//*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/static/main/scss/main.css.map b/static/main/scss/main.css.map
index da51837..6b468b0 100644
--- a/static/main/scss/main.css.map
+++ b/static/main/scss/main.css.map
@@ -1,9 +1 @@
-{
-    "version": 3,
-    "mappings": "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",
-    "sources": [
-        "main.scss"
-    ],
-    "names": [],
-    "file": "main.css"
-}
\ No newline at end of file
+{"version":3,"sources":["main.scss","main.css"],"names":[],"mappings":"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","file":"main.css"}
\ No newline at end of file
diff --git a/static/main/scss/main.scss b/static/main/scss/main.scss
index 5070d77..aed639f 100644
--- a/static/main/scss/main.scss
+++ b/static/main/scss/main.scss
@@ -253,8 +253,35 @@ nav img:hover{
 
 @media screen and (max-width: 600px) {
     .about img{
-        width: 215px;
+        width: 215px;   
         margin-left: 10px;
+        margin-right: 10px;
+    }
+    .about-text{
+        margin: 20px;
+    }
+
+    .about-text button{
+        margin-left: 1px;
+        margin-right: 1px;
+    }
+}
+
+@media screen and (max-width: 500px) {
+    .about img{
+        display: none;
+    }
+}
+
+@media screen and (max-width: 665px) {
+    nav ul li {
+        margin-right: 5%;
+    }
+}
+
+@media screen and (max-width: 411px) {
+    nav ul li {
+        margin-left: 100px;
     }
 }