janishutz-website/development-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

progress on pages & optimisation of js

Browse Source
This commit is contained in:
Janis Hutz
2023-03-23 13:27:26 +01:00
parent 47f6de711a
commit 2f84fc92b4
4 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@@ -72,6 +72,13 @@ html, body {
color: white;
font-weight: bold;
border-radius: 50px;
transition: 1.5s;
}
.button:hover {
border-radius: 5px;
background-color: rgb(0, 0, 31);
transition: 0.2s;
}
@@ -165,4 +172,4 @@ html, body {
height: 40vh;
width: 100%;
}
}
}

14
examples.html
View File

@@ -18,13 +18,15 @@
<h2 class="biggest text-centered light-color">Examples</h2>
</div>
<h4>Here's a list of the websites I have created so far.</h4>
<p class="lightly-written" style="margin-top: 0.3%;">Links will open in new tabs</p>
<ul>
<li><a href="https://historyproject.janishutz.com">historyproject.janishutz.com</a></li>
<li><a href="https://booking.languageschoolhossegor.com">booking.languageschoolhossegor.com</a></li>
<li><a href="https://janishutz.com">janishutz.com</a></li>
<li><a href="https://development.janishutz.com">development.janishutz.com</a></li>
<li><a href="https://pcbuilding.janishutz.com">pcbuilding.janishutz.com</a></li>
<li><a href="https://impress.js.org">impress.js.org</a></li>
<li><a href="https://historyproject.janishutz.com" target="_blank">historyproject.janishutz.com</a></li>
<li><a href="https://booking.languageschoolhossegor.com" target="_blank">booking.languageschoolhossegor.com</a></li>
<li><a href="https://janishutz.com" target="_blank">janishutz.com</a></li>
<li><a href="https://development.janishutz.com" target="_blank">development.janishutz.com</a></li>
<li><a href="https://pcbuilding.janishutz.com" target="_blank">pcbuilding.janishutz.com</a></li>
<li><a href="https://myevent.janishutz.com" target="_blank">myevent.janishutz.com</a></li>
<li><a href="https://impress.js.org" target="_blank">impress.js.org</a></li>
</ul>
</div>
<div id="footer"></div>

9
index.html
View File

@@ -1,11 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<title>Home :: Development - janishutz.com</title>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script defer="" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script defer src="/js/loader.js"></script>
<meta name="keywords" content="">
<meta name="description" content="">
<title>Home :: Development - janishutz.com</title>
</head>
<body>
<div id="nav"></div>

11
js/loader.js
View File

@@ -1,13 +1,4 @@
$(document).ready( function () {
$( document ).ready( function () {
$( '#nav' ).load( '/modules/nav.html' );
$( '#footer' ).load( '/modules/footer.html' );
$( '.button' ).mouseenter ( function () {
$( this ).stop();
$( this ).animate( { 'border-radius': '0'} );
} );
$( '.button' ).mouseleave ( function () {
$( this ).stop();
$( this ).animate( { 'border-radius': '50px'} );
} );
} );