Corrected linkedin id (#1336)

* Save local changes

* Enhanced github badges by adding rounded corners to all

* Corrected linkedin id

---------

Co-authored-by: Medha <[email protected]>

Author: medss19

index.html

@@ -201,7 +201,7 @@ <h2>No profiles found</h2>
                       <i class="fab fa-youtube footer-youtube-icon"></i>
                       <div class="filled"></div>
                   </a>
-                  <a href="https://www.linkedin.com/in/sanjay-k-v/ footer-linkedin-icon" target="_blank" aria-label="LinkedIn" data-social="linkedin">
+                  <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
                       <i class="fab fa-linkedin-in footer-linkedin-icon"></i>
                       <div class="filled"></div>
                   </a>

login.css

@@ -45,7 +45,7 @@ form {
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  padding: 0rem 5rem;
+  padding: 0 5rem;
   transition: all 0.2s 0.7s;
   overflow: hidden;
   grid-column: 1 / 2;
@@ -61,11 +61,28 @@ form.sign-in-form {
   z-index: 2;
 }
 
-.github-login{
+.remember-me {
+  display: flex;
+  align-items: center;
+  margin: 10px 0;
+  color: #333;
+}
+
+.remember-me input {
+  margin-right: 5px;
+}
+
+.github-login {
   cursor: pointer;
   background-color: transparent;
   border: none;
   outline: none;
+  padding: 5px;
+  transition: transform 0.3s ease;
+}
+
+.github-login:hover {
+  transform: scale(1.1);
 }
 
 .title {
@@ -96,7 +113,6 @@ form.sign-in-form {
 }
 
 .input-field input {
-  
   background: none;
   outline: none;
   border: none;
@@ -109,9 +125,8 @@ form.sign-in-form {
 .input-field input::placeholder {
   color: #aaa;
   font-weight: 500;
-  padding-right: 2.5rem;
-  
 }
+
 .social-text {
   padding: 0.7rem 0;
   font-size: 1rem;
@@ -122,26 +137,6 @@ form.sign-in-form {
   justify-content: center;
 }
 
-.social-icon {
-  height: 46px;
-  width: 46px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0 0.45rem;
-  color: #333;
-  /* border-radius: 50%;
-  border: 1px solid #333; */
-  text-decoration: none;
-  font-size: 1.1rem;
-  transition: 0.3s;
-}
-
-.social-icon:hover {
-  color: #0b3174;
-  border-color: #000000;
-}
-
 .btn {
   width: 150px;
   background-color: #000000;
@@ -160,6 +155,7 @@ form.sign-in-form {
 .btn:hover {
   background-color: #161618;
 }
+
 .panels-container {
   position: absolute;
   height: 100%;
@@ -193,14 +189,15 @@ form.sign-in-form {
 .panel {
   display: flex;
   flex-direction: column;
+  align-items: flex-end;
   justify-content: space-around;
   text-align: center;
   z-index: 6;
 }
 
 .left-panel {
   pointer-events: all;
-  padding: 4rem 17% 2rem 12%;
+  padding: 3rem 17% 2rem 12%;
 }
 
 .right-panel {
@@ -209,7 +206,7 @@ form.sign-in-form {
 }
 
 .panel .content {
-  color: #ffffff;
+  color: #fff;
   transition: transform 0.9s ease-in-out;
   transition-delay: 0.6s;
 }
@@ -241,7 +238,6 @@ form.sign-in-form {
 }
 
 /* ANIMATION */
-
 .container.sign-up-mode:before {
   transform: translate(100%, -50%);
   right: 52%;
@@ -279,11 +275,30 @@ form.sign-in-form {
   pointer-events: all;
 }
 
+.homeBtn {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  background: #ffffff;
+  padding: 10px;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: 0.3s;
+  text-decoration: none;
+  z-index: 7;
+}
+
+.toggle-password {
+  cursor: pointer;
+}
+
+/* Responsive Design */
 @media (max-width: 870px) {
   .container {
     min-height: 800px;
     height: 100vh;
   }
+  
   .signin-signup {
     width: 100%;
     top: 95%;

login.html

@@ -16,11 +16,11 @@
             <h2 class="title">Sign in</h2>
             <div class="input-field">
               <i class="fas fa-user"></i>
-              <input type="text" placeholder="Username" required />
+              <input type="text" placeholder="Username" />
             </div>
             <div class="input-field">
               <i class="fas fa-lock toggle-password" id="toggle-password"></i>
-              <input type="password" id="password-input" placeholder="Password" required />
+              <input type="password" id="password-input" placeholder="Password" required/>
             </div>
             <div class="remember-me">
               <input type="checkbox" id="remember-me" />
@@ -30,28 +30,28 @@ <h2 class="title">Sign in</h2>
             <p class="social-text">Or Sign in with social platforms</p>
             <div class="social-media">
               <button type="button" class="github-login" id="gh-lg-btn">
-                <img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg" alt="GitHub" width="40" height="40" style="margin-left: 5px;">
+                <img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg" alt="GitHub" width="40" height="40">
               </button>
             </div>
           </form>
-          
+
           <form action="#" class="sign-up-form">
             <h2 class="title">Sign up</h2>
             <div class="input-field">
               <i class="fas fa-user"></i>
-              <input type="text" placeholder="Username" required />
+              <input type="text" placeholder="Username" />
             </div>
             <div class="input-field">
               <i class="fas fa-code-branch"></i>
               <input type="text" placeholder="Git Username" />
             </div>
             <div class="input-field">
               <i class="fas fa-envelope"></i>
-              <input type="email" placeholder="Email" required />
+              <input type="email" placeholder="Email" />
             </div>
             <div class="input-field">
               <i class="fas fa-lock toggle-password" id="toggle-password-signup"></i>
-              <input type="password" id="password-input-signup" placeholder="Password" minlength="8" required />
+              <input type="password" id="password-input-signup" placeholder="Password" minlength="8" />
             </div>
             <div class="remember-me">
               <input type="checkbox" id="remember-me-signup" />
@@ -61,7 +61,7 @@ <h2 class="title">Sign up</h2>
             <p class="social-text">Or Sign up with social platforms</p>
             <div class="social-media">
               <button type="button" class="github-login" id="gh-sg-btn">
-                <img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg" alt="GitHub" width="40" height="40" style="margin-left: 5px;">
+                <img src="https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg" alt="GitHub" width="40" height="40">
               </button>
             </div>
           </form>
@@ -71,23 +71,27 @@ <h2 class="title">Sign up</h2>
       <div class="panels-container">
         <a href="index.html" class="homeBtn">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20" width="30" height="30">
-            <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
+            <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" fill="#000000"/>
           </svg>
         </a>
         <div class="panel left-panel">
           <div class="content">
-            <h3>New here?</h3>
+            <h3>New here ?</h3>
             <p>
-              Discover new experiences and profiles with awesome-github-profiles. Get access to exclusive content and features. Create your account.
+              Discover new experiences and profiles with awesome-github-profiles<br>
+              Get access to exclusive content and features.<br>
+              Create your account.
             </p>
             <button class="btn transparent" id="sign-up-btn">
               Sign up
             </button>
           </div>
+          <img src="img/log.svg" class="image" alt="" />
         </div>
+        
         <div class="panel right-panel">
           <div class="content">
-            <h3>One of us?</h3>
+            <h3>One of us ?</h3>
             <p>
               Welcome to our community
             </p>
@@ -99,24 +103,6 @@ <h3>One of us?</h3>
         </div>
       </div>
     </div>
-
     <script src="login.js"></script>
-    <script>
-      document.getElementById('toggle-password').addEventListener('click', function () {
-        const passwordInput = document.getElementById('password-input');
-        const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
-        passwordInput.setAttribute('type', type);
-        this.classList.toggle('fa-eye');
-        this.classList.toggle('fa-eye-slash');
-      });
-
-      document.getElementById('toggle-password-signup').addEventListener('click', function () {
-        const passwordInput = document.getElementById('password-input-signup');
-        const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
-        passwordInput.setAttribute('type', type);
-        this.classList.toggle('fa-eye');
-        this.classList.toggle('fa-eye-slash');
-      });
-    </script>
   </body>
-</html>
+</html>

pages/githubbadge.html

@@ -54,6 +54,7 @@
         img {
             max-width: 100%;
             height: auto;
+            border-radius: 15px;
         }
 
         .center {

styles/githubbadge.css

@@ -226,16 +226,21 @@ body.dark-mode .themed-text {
 .ways-content p{
    font-size: 20px !important;
 }
-.ways img{
-  object-fit: contain;
-   border-radius: 20px;
+
+.ways1 img, .ways2 img {
+  width: 100%;
+    height: 100%;
+    object-fit: contain;
 }
+
 .ways1{
    width: 80%;
    display: flex;
    /* flex-wrap: wrap; */
    margin-top: 20px;
    margin-bottom: 20px !important;
+   overflow: hidden;
+   border-radius: 15px;
 }
 .ways2{
    width: 80%;
@@ -244,6 +249,8 @@ body.dark-mode .themed-text {
    margin-top: 30px;
    /* flex-wrap: wrap; */
    margin-bottom: 30px !important;
+   overflow: hidden;
+   border-radius: 15px;
 }
 @media only screen and (max-width:1300px){
    .certificate-left{