-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathavatar-updated.html
125 lines (114 loc) · 4.76 KB
/
avatar-updated.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
123
124
125
<!DOCTYPE html>
<html lang="en">
<head>
<!--
This is the page head - it contains info the browser uses to display the page
You won't see what's in the head in the page
Scroll down to the body element for the page content
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<!--
This is an HTML comment
You can write text in a comment and the content won't be visible in the page
-->
<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">Avatar updated! Please wait ~15s...</h1>
<!-- <img
src="https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fillustration.svg?v=1618177344016"
class="illustration"
alt="Editor illustration"
title="Click the image!"
/> -->
<!-- Instructions on using this project -->
<div class="instructions">
<h2>
Your avatar has been updated, what now?
</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>