rushilwiz/crucialnet
1
0
Fork 0
mirror of https://github.com/Rushilwiz/crucialnet.git synced 2025-04-09 22:00:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

added preload for transitions

Browse Source
This commit is contained in:
Rushil Umaretiya 2020-07-04 14:31:41 -04:00
parent a2fd404592
commit 7d5b7735c7
3 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/style.css
View File

@ -27,6 +27,13 @@ html {
height: 100%; height: 100%;
} }
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
body { body {
cursor: default; cursor: default;
overflow-x: hidden; overflow-x: hidden;
@ -548,11 +555,11 @@ footer {
.toggle { .toggle {
display: block; display: block;
} }
nav { nav {
padding-bottom: 20px; padding-bottom: 20px;
} }
ul { ul {
width: 100%; width: 100%;
display: none; display: none;
@ -562,22 +569,22 @@ footer {
display: block; display: block;
text-align: center; text-align: center;
} }
ul a ul a
.navbar-bot { .navbar-bot {
margin-bottom: 0px; margin-bottom: 0px;
} }
ul .navbarLogo { ul .navbarLogo {
display: none; display: none;
} }
.active { .active {
display: block; display: block;
} }
#photo-column { #photo-column {
display: none; display: none;
} }
} }

2
index.html
View File

@ -16,7 +16,7 @@
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head> </head>
<body> <body class="preload">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script> </script>
<script src="js/main.js"></script> <script src="js/main.js"></script>

12
js/main.js
View File

@ -3,13 +3,17 @@ $(document).ready(function(){
$('html, body').animate({ $('html, body').animate({
scrollTop: $("#quote-section").offset().top}, 1250); scrollTop: $("#quote-section").offset().top}, 1250);
}); });
$('.quoteToAbout, #toAbout').click(function(){ $('.quoteToAbout, #toAbout').click(function(){
$('html, body').animate({ $('html, body').animate({
scrollTop: $("#about-section").offset().top}, 1250); scrollTop: $("#about-section").offset().top}, 1250);
}); });
$('.menu').click(function() { $('.menu').click(function() {
$('ul').toggleClass('active'); $('ul').toggleClass('active');
}) })
}); });
$(window).load(function() {
$("body").removeClass("preload");
});