-
Notifications
You must be signed in to change notification settings - Fork 2
/
test.html
76 lines (75 loc) · 3.25 KB
/
test.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
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript" src="./jquery.scrollTo-2.1.2/jquery.scrollTo.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<style>
</style>
<script>
logo_toggle = function(){
if($("#logo").css("bottom") == "0px"){
$("#logo_image").animate({width: "300px"});
$("#logo").animate({bottom: "85%"});
}
else{
$("#logo_image").animate({width:"500px"});
$("#logo").animate({bottom: "0"});
}
console.log($("#logo").css("bottom"));
}
center_project = function(){
console.log(this)
}
</script>
</head>
<body>
<div id="logo" style="top:0;" >
<img class="transparent shrinkToFit" id="logo_image" src="logo2.gif"></img>
</div>
</br>
</br>
<button onClick='logo_toggle(); $("#timePage").fadeToggle("slow"); '>Wordpress</button>
<div id="timePage" style = "display:none;">
<object data=http://www.dmbrowning.net width="600" height="600" style="background-color:white;"> <embed src=http://www.dmbrowning.net width="600" height="600"> </embed> Error: Embedded data could not be displayed. </object>
</div>
</br>
</br>
<!--
logo_toggle();
-->
<button onClick='logo_toggle(); $("#marbles").fadeToggle("slow");'>JavaScript</button>
<div id="marbles" style = "display:none;">
<object data=http://davidbrowning.github.io/html/marbles/parts/1.html width="600" height="600"> <embed src=http://davidbrowning.github.io/html/marbles/parts/1.html width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object>
</div>
</br>
</br>
<button onClick='logo_toggle(); $("#homeInventory").fadeToggle("slow");'>Android (Java)</button>
<div id="homeInventory" style="display:none;">
<iframe width="400" height="630" src="https://www.youtube.com/embed/LztBqXfQvPI" frameborder="0" allowfullscreen></iframe>
</div>
</br>
</br>
<button onClick='logo_toggle(); $("#shell").fadeToggle("slow");'>C++</button>
<div id="shell" style="display:none">
<iframe width="760" height="415" src="https://www.youtube.com/embed/U7MV7cIjLDI" frameborder="0" allowfullscreen></iframe>
</div>
</br>
</br>
<button onClick='logo_toggle(); $("#breakout").fadeToggle("slow");'>JavaScript</button>
<div id="breakout" style="display:none;">
<object data=http://davidbrowning.github.io/html/breakout.html width="1016" height="501"> <embed src=http://davidbrowning.github.io/html/breakout.html width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object>
</div>
</br>
</br>
<button onClick='logo_toggle(); $("#ori").fadeToggle("slow");'>JavaScript</button>
<div id="ori" style="display:none;">
<object data=http://oriclone.herokuapp.com width="1050" height="800"> <embed src=http://oriclone.herokuapp.com width="100" height="100"> </embed> Error: Embedded data could not be displayed. </object>
</div>
</br>
</br>
<button onClick='logo_toggle(); $("#simonish").fadeToggle("slow");'>Java</button>
<div id="simonish" style="display:none;">
<iframe width="600" height="615" src="https://www.youtube.com/embed/kYVj_BY9k5M" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>