-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (84 loc) · 5.35 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Retro SPA - access retro games from emujs templated html web single page application </title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/index.css">
<script type="text/javascript" src="assets/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="assets/lib/base-64/base64.js"></script>
<script type="text/javascript" src="assets/lib/larder/larder.js"></script>
<script type="text/javascript" src="assets/lib/gitters/gitters.js"></script>
<script type="text/javascript" src="assets/lib/bragit/bragit.js"></script>
<script>var redirect = location.href</script>
<script type="text/javascript" src="ghspa.js"></script>
<script>
function displayIframeTekken3() {
document.getElementById("iframeDisplay").innerHTML = '<iframe src="https://www.retrogames.cc/embed/40238-tekken-3.html" width="720" height="480" frameborder="no" allowfullscreen="true" webkitallowfullscreen="false" mozallowfullscreen="true" scrolling="no"></iframe>';
}
function displayIframeMVC() {
document.getElementById("iframeDisplay").innerHTML = '<iframe src="https://www.retrogames.cc/embed/9123-marvel-vs-capcom-clash-of-super-heroes-980123-usa.html" width="720" height="480" frameborder="no" allowfullscreen="true" webkitallowfullscreen="false" mozallowfullscreen="true" scrolling="no"></iframe>';
}
function displayIframeSM() {
document.getElementById("iframeDisplay").innerHTML = '<iframe src="https://www.retrogames.cc/embed/41980-spider-man.html" width="720" height="480" frameborder="no" allowfullscreen="true" webkitallowfullscreen="false" mozallowfullscreen="true" scrolling="no"></iframe>';
}
function displayIframeCB() {
document.getElementById("iframeDisplay").innerHTML = '<iframe src="https://www.retrogames.cc/embed/40784-crash-bandicoot.html" width="720" height="480" frameborder="no" allowfullscreen="true" webkitallowfullscreen="false" mozallowfullscreen="true" scrolling="no"></iframe>';
}
</script>
<script>
$(function() {
if (location.href != redirect) {
$('#message').html('')
$('#message-detail').html(location.href)
} else {
$('#message').html('')
$('#message-detail').html('this spa is no longer maintained , you can still play ,dont worry')
}
})
</script>
</head>
<body>
<div class="pusher">
<div class="ui vertical masthead center aligned segment">
<div class="ui container">
<div class="ui large secondary menu">
<div class="right item">
<a class="item" href="/retrospa">Home</a>
<a class="item" href="/retrospa/about">About</a>
<a class="item" href="/retrospa/contact">Contact</a>
</div>
</div>
</div>
<div class="ui text hero container">
<img src="assets/img/2.png">
<h2 class="ui header">Retro EmulatorJs Single Page Application.</h2>
<div class="ui right big yellow image label">
<i class="info icon"></i>
<span id="message"></span>
<div class="detail" id="message-detail">Let me tell you something!</div>
</div>
<p>Select a game to load AND be patient please ,people worked very hard to get you served in seconds . </p>
<a class="ui huge yellow button" onclick="displayIframeMVC()" >Marvel VS Capcom</a>
<a class="ui huge yellow button" onclick="displayIframeTekken3()" >Tekken3</a>
<a class="ui huge yellow button" onclick="displayIframeSM()" >SpiderMan</a>
<a class="ui huge yellow button" onclick="displayIframeCB()" >CrashBandicoot</a>
<div id="iframeDisplay"></div>
</div>
</div>
<div class="ui vertical stripe segment">
<div class="ui text container">
<h class="ui header">Single Page Application and resources in use</h>
<p> SPA is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience similar to a desktop application. In a SPA, either all necessary code, HTML, JavaScript and CSS is retrieved with
a single page load or the appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions.
This page is serving an iframe generated by retrogames.cc with the help of emulatorjs pakcage.</p>
<a class="ui huge yellow button" href="https://en.wikipedia.org/wiki/Single-page_application">Read More of SPA</a>
<a class="ui huge yellow button" href="https://retrogames.cc">RetroCC</a>
<a class="ui huge yellow button" href="https://emulatorjs.com">EmulatorJs</a>
</div>
</div>
</div>
</body>
</html>