Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Enhance site interface with CSS to more clearer and cleaner one, and minor site enhancements #58

Closed
wants to merge 6 commits into from
Closed

Enhance site interface with CSS to more clearer and cleaner one, and minor site enhancements #58

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a48da67
Update default looks to more clearer and cleaner ones, with enhanced …
Git-Harshit Sep 2, 2020
7718c62
Merge branch 'master' into master
Git-Harshit Sep 3, 2020
69e6003
Add CONTRIBUTING File, and merge from the HEAD Branch
Git-Harshit Sep 3, 2020
2cbe4af
Merge branch 'master' of https://github.com/Git-Harshit/Github-Profil…
Git-Harshit Sep 3, 2020
224fc87
Merge 'master' from https://github.com/Aakansha99/Github-Profile-Anal…
Git-Harshit Sep 5, 2020
a0e8576
Moved Background Images out of CSS folder | Loader dismissal enhancement
Git-Harshit Sep 5, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion analyseProfile.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<div>
<div class="topnav">
<i style="font-size:25px;font-size: 40px;padding-left: 15px;padding-top: 7px;" class="fa fa-github"></i>
<a onclick="myFunction()"><b>THEME</b></a>
<strong id="themeToggle"><a onclick="myFunction()">THEME</a></strong>
<a class="active" href="./gitfind.html"><b>Github Compare</b></a>
<a class="active" href="./analyseProfile.html"><b>Github Profile Analyser</b></a>
<a href="./index.html"><b>Home</b></a>
Expand Down
321 changes: 35 additions & 286 deletions css/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,296 +5,15 @@
body {
background-color: white;
color: black;
background-image: url("NormalTheme.jpeg"); /* Normal_Theme background */
background-image: linear-gradient(45deg, #aaa3, #fff4), url("NormalTheme.jpeg"); /* Normal_Theme background */
}

.dark-mode {
body.dark-mode {
background-color: black;
color: white;
background-image: url("Dark_Theme.jpg"); /*Dark_theme background */
}

.git{
/* background: url(./coffee-apple.jpg) no-repeat fixed; */
font-family: Arial;
/* height: 100vh; */
}

.split {
height: 80vh;
width: 45%;
position: fixed;
z-index: 1;
/* top: 0; */
overflow-x: hidden;
padding-top: 20px;
margin: 3vw;
}

.left {
left: 0;
position: absolute;
}

.right {
right: 0;
position: absolute;

}

.form-control{
margin-left: auto;
margin-right: auto;
width: 300px;
border-radius: 15px;
}

.btn{
width: 180px;
margin: auto;
border-radius: 15px;
}

.class{
margin-right: 20px !important;
}

@media only screen and (max-width: 500px) {
.form-control{
width: auto;
border-radius: 15px;
}

.btn{
width: auto;
border-radius: 15px;
}
.git{
height: 100vh;
}
.home{
height: 100%;
}
}

td{
font-size: 15px;
text-align: center;
}

.footer1{
text-align: center;
color: aliceblue;
margin-top: 544px;
}

/* Nav Bar */

.topnav {
overflow: hidden;
}

.topnav a {
float: right;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
cursor: pointer;
}

.topnav a:hover {
color: lightgray;
}

.topnav a.active {
color: steelblue;
}

/* Home page */

.home{
/* background: url(./coffee-apple.jpg) no-repeat fixed; */
font-family: Arial;
/* height: 100%; */
}

.info{
text-align: center;
margin-top: 60px;
}

.info b,h3{
font-weight:600;
}

/* .info h3:hover{
color:steelblue;
} */
.info h3 {
animation: color-change 2s infinite;
}

@keyframes color-change {
0% { color: steelblue; }
50% { color: black; }
100% { color: steelblue; }
}

.footer{
text-align: center;
margin-top: 141px;
}

.footer p{
font-weight:600
}

#div1 {
font-size:48px;
font-weight:600;
}

#div1:hover{
color: steelblue;
}

/* searchBar */

.autocomplete {
width: auto;
text-align: center;
margin-top: 8px;
box-shadow: 0px 1px 5px 1px #000;
padding: 0.1rem;
}

.autocomplete:hover {
background: rgb(183, 187, 187);
padding: 0.1rem;
}

#match-list{
overflow: hidden;
}

.img{
width: 35px;
height: 35px;
border-radius: 5px;
}

/* loader */

.lds-roller {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: black;
margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}

@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

.col-md-6{
display: block;
widows: 100%;
height: auto;


}
=======
/* Compare page */


body {
background-color: white;
color: black;
background-image: url("NormalTheme.jpeg"); /* Normal_Theme background */
}

.dark-mode {
background-color: black;
color: white;
background-image: url("Dark_Theme.jpg"); /*Dark_theme background */
}
.loader{
position: fixed;
z-index: 999;
Expand Down Expand Up @@ -424,15 +143,23 @@ td{
color: lightgray;
}

.topnav a.active {
.topnav #themeToggle:hover a {
background-color: #4682b4;
}

.topnav a:active {
color: steelblue;
}

/* Home page */

.home{
/* background: url(./coffee-apple.jpg) no-repeat fixed; */
font-family: Arial;
background-image: linear-gradient(45deg, #aaa2, #fff4), url(./coffee-apple.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
font-family: Arial;
/* height: 100%; */
}

Expand All @@ -452,6 +179,11 @@ td{
animation: color-change 2s infinite;
}

b.btn.btn-outline-info {
width: auto;
width: fit-content;
}

@keyframes color-change {
0% { color: steelblue; }
50% { color: black; }
Expand Down Expand Up @@ -501,7 +233,7 @@ td{
border-radius: 5px;
}

/* loader */
/* Loader Animation */

.lds-roller {
display: inline-block;
Expand All @@ -521,6 +253,7 @@ td{
height: 7px;
border-radius: 50%;
background: black;
background: currentColor;
margin: -4px 0 0 -4px;
}

Expand Down Expand Up @@ -590,3 +323,19 @@ td{
}
}

/* Styling the social icons at footer */
footer i.fa {
font-size:50px;
color:black;
}

footer i.fa:hover {
color:gray;
}

.col-md-6{
display: block;
widows: 100%;
height: auto;
}

2 changes: 1 addition & 1 deletion gitfind.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<div>
<div class="topnav">
<i style="font-size:25px;font-size: 40px;padding-left: 15px;padding-top: 7px;" class="fa fa-github"></i>
<a onclick="myFunction()"><b>THEME</b></a>
<strong id="themeToggle"><a onclick="myFunction()">THEME</a></strong>
<a class="active" href="./gitfind.html"><b>Github Compare</b></a>
<a class="active" href="./analyseProfile.html"><b>Github Profile Analyser</b></a>
<a href="./index.html"><b>Home</b></a>
Expand Down
Loading