Skip to content

Commit

Permalink
Corrected linkedin id (#1336)
Browse files Browse the repository at this point in the history 
* Save local changes

* Enhanced github badges by adding rounded corners to all

* Corrected linkedin id

---------

Co-authored-by: Medha <[email protected]>
  • Loading branch information
@medss19
medss19 and Medha authored Jan 3, 2025
1 parent ff5438d commit b88d283
Show file tree
Hide file tree
Showing 5 changed files with 72 additions and 63 deletions.
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
71 changes: 43 additions & 28 deletions login.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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 {
Expand Down Expand Up @@ -96,7 +113,6 @@ form.sign-in-form {
}

.input-field input {

background: none;
outline: none;
border: none;
Expand All @@ -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;
Expand All @@ -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;
Expand All @@ -160,6 +155,7 @@ form.sign-in-form {
.btn:hover {
background-color: #161618;
}

.panels-container {
position: absolute;
height: 100%;
Expand Down Expand Up @@ -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 {
Expand All @@ -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;
}
Expand Down Expand Up @@ -241,7 +238,6 @@ form.sign-in-form {
}

/* ANIMATION */

.container.sign-up-mode:before {
transform: translate(100%, -50%);
right: 52%;
Expand Down Expand Up @@ -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%;
Expand Down
48 changes: 17 additions & 31 deletions login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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" />
Expand All @@ -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" />
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
1 change: 1 addition & 0 deletions pages/githubbadge.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,7 @@
img {
max-width: 100%;
height: auto;
border-radius: 15px;
}

.center {
Expand Down
13 changes: 10 additions & 3 deletions styles/githubbadge.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
Expand All @@ -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{
Expand Down

0 comments on commit b88d283

Please sign in to comment.