-
Notifications
You must be signed in to change notification settings - Fork 0
/
index(old).html
109 lines (99 loc) · 3.14 KB
/
index(old).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
<html lang="en" dir="ltr">
<head>
<title>Mohsreg</title>
<!-- CSS Files -->
<link rel="stylesheet" href="/homepage.css" />
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"
></script>
<script>
$(function () {
$("#header").load("/commons/header.html");
$("#footer").load("/commons/footer.html");
$("#navbar").load("/commons/navbar.html");
});
</script>
<!-- Head Include -->
<div id="header"></div>
</head>
<script>
/* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
function NavbarMenuToggle() {
var x = document.getElementById("navbar");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<body>
<div id="navbar"></div>
<div class="mohsregAnimated">
<img
src="/images/MohsregBranding/mohsreg_transparent_animated.gif"
/>
</div>
<h1 class="intro-header">Hi There!</h1>
<div class="casual-text">
<p>
I'm mohsreg, but I sometimes go by mohsregTV online. I am a
small game streamer who streams primarily on
<a href="https://twitch.tv/mohsregTV">Twitch</a>, and all my
streams are archived on
<a href="https://youtube.com/@mohsregTV">YouTube</a>. I was
formerly a PNGTuber but have recently migrated to a 2D VTuber,
which was designed by my friend
<a href="https://youtube.com/@nekotoarts">NekotoArts</a>. This
is my verification line for verifying myself on my
<a rel="me" href="https://mastodon.online/@mohsreg">Mastodon</a>
account
<!-- nekoto pls ignore. i will consider formatting this once the website goes live. I know i am contradicting some stuff with this line. -->
</p>
<p>
Come join me on stream below! Watch as I suck at any and all
games:
</p>
</div>
<!-- Add a placeholder for the Twitch embed -->
<div id="twitch-embed" align="center"></div>
<!-- Load the Twitch embed JavaScript file -->
<script src="https://embed.twitch.tv/embed/v1.js"></script>
<!-- Create a Twitch.Embed object that will render within the "twitch-embed" element -->
<script type="text/javascript">
new Twitch.Embed("twitch-embed", {
width: "70%",
height: 480,
channel: "mohsreg",
// Only needed if this page is going to be embedded on other websites
parent: ["embed.example.com", "othersite.example.com"],
});
</script>
<div class="typewriter-basic">
<div class="typewriter-div">
<h1><span class="auto-type"></span></h1>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script>
var typed = new Typed(".auto-type", {
strings: [
"Follow me on Twitch!",
"Subscribe to me on YouTube",
"Follow me on GitHub",
"Chat with me on Discord",
"Follow me on Twitter!",
"Join GrabFreeGames and never miss a giveaway again!",
"the cake is a lie.",
"mohsreg didn't write this code",
],
typeSpeed: 50,
backSpeed: 50,
loop: true,
});
</script>
</div>
<div id="footer"></div>
</body>
</html>