-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathsub-ac-greece-temples.html
110 lines (95 loc) · 6.61 KB
/
sub-ac-greece-temples.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="templesofgreece" data-role="page">
<script src="js/hammer.js"></script>
<script src="js/jquery.hammer.js"></script>
<script src="js/slidebar.js"></script>
<div class="menuhousing"></div>
<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="bptitleholder" style="padding-top:14px;"><h1>Greek Temples</h1></div>
<div id="anisold"><div id="animatedsoldier"></div><div id="acgreecechar">
<div data-role="content" class="kidzcontent">
<div class="sidebarleft-half">
<a id="parthenonlink" style="visibility:hidden;" href="JavaScript:html5Lightbox.showLightbox(0, 'css/images/5-8/Ancient_Civilizations/Greece/Origins_of_Ancient_Greece/parthenon.jpg', 'The beautiful Parthenon and its Doric columns');">click here</a>
<a id="acropolislink" style="visibility:hidden;" href="JavaScript:html5Lightbox.showLightbox(0, 'css/images/5-8/Ancient_Civilizations/Greece/Origins_of_Ancient_Greece/acropolis.jpg', 'Night time view of the Parthenon in Athens today');">click here</a>
<div id="zoomwrapper">
<div id="polb1" class="pPiece" style="left:100px;top:270px;">
<img src="css/images/5-8/Ancient_Civilizations/Greece/Origins_of_Ancient_Greece/parthenon2pol.jpg" alt="" />
</div>
<div id="polb2"class="pPiece" style="left:75px;top:290px;">
<img src="css/images/5-8/Ancient_Civilizations/Greece/Origins_of_Ancient_Greece/acropolispol.jpg" alt="" />
</div>
</div>
</div>
<div class="bpcontent">
<p>Temples were very important in ancient Greece as the location for people to worship their gods and to meet with each other. Ancient Greeks believed in many deities, but mainly in the 12 gods of Mount Olympus. Zeus was their king and, according to Homer, he was regarded as “the father of gods and mortals“.</p>
<p>Greek gods were expected to punish those who offended them and reward those who honoured them with rich sacrifices. Zeus often sat at the top of Mount Olympus and watched over humans. If anyone dared to doubt his power or offended the gods, he would hurl upon them his terrible thunderbolt!</p>
<p>Greek temple designs had two main styles, called orders – the Doric order and the Ionian order. Doric order was simple and strict, a bit like the military culture of the Spartan Dorians. Ionian order was more stylised.</p>
<p>Although the Athenians claimed to be of Ionian origin, they built their main temple, the Parthenon, in Doric order because they wanted to send a message to the Spartans that they were worthy soldiers too. You see – rivalry, jealousy and fear are emotions that go back many thousands of years!</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="templesaudiobbtn" src="css/images/audio/audio-back.png"></div>
<div class="plbh"><img id="templesaudioplbtn" src="css/images/audio/audio-play.png"></div>
<div class="psbh"><img id="templesaudiopsbtn" src="css/images/audio/audio-pause.png"></div>
<div class="fbh"><img id="templesaudiofbtn" src="css/images/audio/audio-forw.png"></div>
<div id="actualaudio-temples" style="visibility:hidden;"></div>
</div>
<script>
sound = new Audio(); // 'sound' is now an audio object
(function() {
$('div#polb1 > img').css("-webkit-transform", "rotate(0deg)");
$('div#polb1').css("z-index", 1);
$('div#polb2 > img').css("-webkit-transform", "rotate(5deg)");;
//$('#node-body-oag').html(data[0].Body);
if(sound.canPlayType('audio/mpeg')) {
$('#actualaudio-temples').html('<audio id="templesaudio" controls preload onpause="playagbg()" onplay="pauseagbg()"><source src="http://back.uvmate.com/sites/default/files/subjectsaudio/Page%2011.mp3" type="audio/mpeg"></audio>');
}
$("#templesofgreece").swipe( { swipeRight:goBack, allowPageScroll:"auto"} );
})();
(function() {
var url = "http://back.uvmate.com/jeuel_services/educ.json?nid=69";
$.getJSON( url, function( data ) {
var html = data[0].Images;
var re = /<img[^>]+src="http:\/\/([^">]+)/g;
var results = re.exec(html);
var source = results[1];
$('#parthenon').attr('href', "JavaScript:html5Lightbox.showLightbox(0, 'http://"+source+"', 'The beautiful Parthenon and its Doric columns');")
});
})();
function goBack() {
$.mobile.changePage("sub-ac-greece-tribes.html");
}
$('.homelinkag').on('tap', function() {
mainaudiobg.play(); agsoundbg.pause(); agsoundbg.currentTime = 0;
});
$("#polb1").on('tap', function() {
$('#parthenonlink')[0].click();
});
$("#polb2").on('tap', function() {
$('#acropolislink')[0].click();
});
/* ******************** */
$("#templesaudioplbtn").on('tap', function() {
templesaudio.play();
$(".audiopanel").css({"backgroundPosition":"-197px 0px"});
});
$("#templesaudiofbtn").on('tap', function() {
var ctime = templesaudio.currentTime;
templesaudio.currentTime = ctime + 10;
});
$("#templesaudiobbtn").on('tap', function() {
var ctime = templesaudio.currentTime;
templesaudio.currentTime = ctime - 10;
});
$("#templesaudiopsbtn").on('tap', function() {
templesaudio.pause();
});
</script>
<script src="js/twocardLogicb.js"></script>
</div>