-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
87 lines (69 loc) · 3.26 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Home</title>
<link rel="stylesheet" href="libraries/jquery-ui-1.10.3/css/flick/jquery-ui-1.10.3.custom.css">
<script type="text/javascript" src="libraries/jquery-2.0.3.js"></script>
<script type="text/javascript" src="libraries/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.js"></script>
<link rel="stylesheet" href="src/styles/main.css">
<link rel="stylesheet" href="src/styles/navigation.css">
<script>
$(function () {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).click(function (e) {
e.preventDefault();
menu.slideToggle();
});
$('#BinaryKata').click(function () {
$('#ifContent').attr('src', './src/BinaryKata/binaryKata.html');
});
$('#codingDojo').click(function () {
$('#ifContent').attr('src', './src/CodingDojoPresentation/index.html');
});
$('#gameOfLife').click(function () {
$('#ifContent').attr('src', './src/gameOfLife/index.html');
});
$('#tdd').click(function () {
$('#ifContent').attr('src', './src/TDDPresentation/index.html');
});
$('#home').click(function () {
$('#ifContent').attr('src', 'index.html');
});
$('a').click(function () {
$('.selected').removeClass('selected');
$(this).addClass('selected');
});
});
$(window).resize(function () {
var w = $(window).width();
if (w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
</script>
</head>
<body>
<nav id="navigationBar" class="clearfix">
<img class="banner" src="src/Images/logo_ACCEN.jpg" alt="#">
<ul class="clearfix">
<li><a id="home" href="#" class="selected">Home</a></li>
<li><a id="codingDojo" href="#">Coding Dojo</a>
<li><a id="tdd" href="#">TDD</a>
<li><a id="BinaryKata" href="#">Binary Kata</a></li>
<li><a id="gameOfLife" href="#">Game Of Life</a></li>
</ul>
<a href="#" id="pull">Menu</a>
</nav>
<a class="gitHubIcon" href="https://github.com/greathansen/UnitTestJavaScriptKata" target="_blank" title="https://github.com/greathansen/UnitTestJavaScriptKata">
<img id="gihubLogo" src="src/Images/github.jpg" alt="#">
</a>
<div class="content">
<iframe id="ifContent" src="index.html"></iframe>
</div>
<footer><span>>>>We love nice solutions!!!<<<</span></footer>
</body>
</html>