-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathroom-full.html
122 lines (107 loc) · 4.64 KB
/
room-full.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
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<title>Hello World!</title>
<!-- Meta tags for SEO and social sharing -->
<link rel="canonical" href="https://glitch-hello-website.glitch.me/" />
<meta
name="description"
content="A simple website, built with Glitch. Remix it to get your own."
/>
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Hello World!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://glitch-hello-website.glitch.me/" />
<meta
property="og:description"
content="A simple website, built with Glitch. Remix it to get your own."
/>
<meta
property="og:image"
content="https://cdn.glitch.com/605e2a51-d45f-4d87-a285-9410ad350515%2Fhello-website-social.png?v=1616712748147"
/>
<meta name="twitter:card" content="summary" />
<!-- Import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<!-- Import the webpage's javascript file -->
<script src="/script.js" defer></script>
</head>
<body>
<!--
This is the body of the page
Look at the elements and see how they appear in the rendered page on the right
Each element is defined using tags, with < and > indicating where each one opens and closes
There are elements for sections of the page, images, text, and more
The elements include attributes referenced in the CSS for the page style
-->
<!-- The wrapper and content divs set margins and positioning -->
<div class="wrapper">
<div class="content" role="main">
<!-- This is the start of content for our page -->
<h1 class="title">Room Full!</h1>
<h2>
It looks like you tried to get somewhere but the room was full. At this stage the best advice we can give is to try again another time. In the mean time plase check out some of the other community spaces.
</h2>
<div class="border-divider"></div>
<h1 style="font-weight: bold;">
Click the menu on the right to go to another space.
</h1>
<div class="border-divider"></div>
<!-- Instructions on using this project -->
<div class="instructions">
<h2>
Where do you want to go?
</h2>
<input id="gotToUrlString" placeholder="Url to go to..."/> <button id="goToUrl">
Go
</button>
<script>
let go = ()=>{
let url = document.getElementById("gotToUrlString").value;
if(!url.startsWith("https://") && !url.startsWith("http://")) {
url = 'https://' + url;
}
window.location.href = url;
};
document.getElementById("goToUrl").addEventListener("click", go);
document.getElementById("gotToUrlString").addEventListener("keyup", e => {
if(e.keyCode === 13) {
go();
}
});
</script>
<p>
This is a placeholder landing page for the SideQuest game Banter. Feel free to visit a number of useful resources below for creating content in Banter.
</p><br>
<a class="btn--remix block" href="https://sidequestvr.github.io/Banter/">Banter Documentation</a>
<a class="btn--remix block" href="https://aframe.io/docs/">Aframe.io Documentation</a>
<a class="btn--remix block" href="https://glitch.com">Glitch.com</a>
<a class="btn--remix block" href="https://github.com">Github.com</a>
<a class="btn--remix block" href="https://youtube.com">Youtube.com</a>
<a class="btn--remix block" href="https://google.com">Google.com</a>
<!-- ADD BUTTON HERE -->
<!-- Once you've added the button from the readme, click it in the page -->
<!-- Check out the function in script.js to see how it works -->
</div>
</div>
</div>
<!-- The footer holds our remix button — you can use it for structure or cut it out ✂ -->
<footer class="footer">
<div class="links"></div>
<a
class="btn--remix"
target="_top"
href="https://glitch.com/~aframe"
>
<img
src="https://cdn.glitch.com/605e2a51-d45f-4d87-a285-9410ad350515%2FLogo_Color.svg?v=1618199565140"
alt=""
/>
Remix AFRAME on Glitch
</a>
</footer>
</body>
</html>