-
Notifications
You must be signed in to change notification settings - Fork 3
/
sub-ac-greece-minoans.html
110 lines (95 loc) · 6.04 KB
/
sub-ac-greece-minoans.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!-- i-C-a -->
<div id="minoans" data-role="page">
<script src="js/hammer.js"></script>
<script src="js/jquery.hammer.js"></script>
<script src="js/slidebar.js"></script>
<div class="homebtnholder"><img class="homebtn" src="css/images/5-8/Ancient_Civilizations/Greece/homebtn.png"></div>
<div class="cpbtnholder"><img class="cpbtn" src="css/images/5-8/Ancient_Civilizations/Greece/cpbtn.png"></div>
<div class="buildbtnholder"><img class="buildbtn" src="css/images/5-8/Ancient_Civilizations/Greece/buildbtn.png"></div>
<div class="mpbtnholder"><img class="mpbtn" src="css/images/5-8/Ancient_Civilizations/Greece/mpbtn.png"></div>
<div class="menubtnholder"><img class="menubtn" src="css/images/5-8/Ancient_Civilizations/Greece/menubtn.png"></div>
<div class="menuhousing"></div>
<div class="bptitleholder" style="padding-top:14px;"><h1>The Minoans</h1></div>
<div id="anisold"><div id="animatedsoldier"></div><div id="acgreecechar">
<div data-role="content" class="kidzcontent">
<div class="v-spacer"></div>
<div class="sidebarleft-half">
<div id="zoomwrapper">
<div id="pol1" class="pPiece" style="left:100px;top:270px;">
<img src="css/images/5-8/Ancient_Civilizations/Greece/Origins_of_Ancient_Greece/volcanopol.jpg" alt="" />
</div>
<div id="pol2"class="pPiece" style="left:75px;top:290px;">
<img src="css/images/5-8/Ancient_Civilizations/Greece/Origins_of_Ancient_Greece/theseuspol.jpg" alt="" />
</div>
</div><!--/zoomwrapper-->
</div>
<div class="bpcontent">
<p>The Minoan Civilization flourished on the island of Crete during the third and second millennium BCE. The Minoans are named after King Minos, allegedly a son of Zeus.</p>
<p>The Minoans were discovered in modern times by Sir Arthur Evans, a British archaeologist. Evans excavated the site of Knossos in Crete, discovering a palace belonging to a distinct, pre-Greek civilisation… the Minoans! Many other Minoan palaces have been excavated in other parts of Crete since then.</p>
<p>The Minoans established a lively culture based on trade and had a tradition in sport, dancing, jewellery-making and weaving. Bulls were sacred to them as was the famous snake goddess. The destruction and end of the Minoan civilization remains a mystery, though many scholars think their end may have been linked to the explosion of a big volcano! Click the volcano to find out more…</p>
</div>
<div class="botlogoholder"><a href="home.html" class="homelinkag"><img src="css/images/5-8/bottomhome.png"></a></div>
</div><!--end of content-->
</div></div><!--/anisold-->
<div class="audiopanel">
<div class="bbh"><img id="minoansaudiobbtn" src="css/images/audio/audio-back.png"></div>
<div class="plbh"><img id="minoansaudioplbtn" src="css/images/audio/audio-play.png"></div>
<div class="psbh"><img id="minoansaudiopsbtn" src="css/images/audio/audio-pause.png"></div>
<div class="fbh"><img id="minoansaudiofbtn" src="css/images/audio/audio-forw.png"></div>
<div id="actualaudio-minoans" style="visibility:hidden;"></div>
</div>
<!--<div id="volcvidholder" style="width:1024px;height:748px;position:absolute;left:0px;top:0px;visibility:hidden;background:#000000;">
<div class="previdcontainer">
<video id="minoanvolcano" width="1024" height="748" controls preload>
<source src="video/volcano.m4v" type="video/mp4">
</video>
</div>
</div> <!--/pre-ac -->
<script>
sound = new Audio(); // 'sound' is now an audio object
(function() {
$('div#pol1 > img').css("-webkit-transform", "rotate(0deg)");
$('div#pol1').css("z-index", 1);
$('div#pol2 > img').css("-webkit-transform", "rotate(5deg)");
$('#volcvidholder').css({"visibility":"hidden", "z-index":-10});
//var url = "http://back.uvmate.com/jeuel_services/educ.json?nid=19";
//$('#node-body-minoans').html(data[0].Body);
if(sound.canPlayType('audio/mpeg')) {
$('#actualaudio-minoans').html('<audio id="minoansaudio" controls preload onpause="playagbg()" onplay="pauseagbg()"><source src="http://back.uvmate.com/sites/default/files/subjectsaudio/Page7.mp3" type="audio/mpeg"></audio>');
}
$("#minoans").swipe( { swipeRight:goBack, allowPageScroll:"auto"} );
})();
function goBack() {
$.mobile.changePage("sub-ac-greece-origins.html");
}
$('.homelinkag').on('tap', function() {
mainaudiobg.play(); agsoundbg.pause(); agsoundbg.currentTime = 0;
});
$("#pol2").on('tap', function() {
starttheseusaudiobg();
pauseagbg();
$.mobile.changePage("sub-ac-greece-theseus.html", {transition:"slide"});
});
$("#pol1").on('tap', function() {
$.mobile.changePage("sub-ac-greece-minoansend.html", {transition:"slide"});
});
/* ******************** */
$("#minoansaudioplbtn").on('tap', function() {
minoansaudio.play();
agsoundbg.pause(); agsoundbg.currentTime = 0;
$(".audiopanel").css({"backgroundPosition":"-197px 0px"});
});
$("#minoansaudiofbtn").on('tap', function() {
var ctime = minoansaudio.currentTime;
minoansaudio.currentTime = ctime + 10;
});
$("#minoansaudiobbtn").on('tap', function() {
var ctime = minoansaudio.currentTime;
minoansaudio.currentTime = ctime - 10;
});
$("#minoansaudiopsbtn").on('tap', function() {
minoansaudio.pause();
});
</script>
<script src="js/twocardLogic.js"></script>
</div>