This repository has been archived by the owner on Nov 11, 2021. It is now read-only.
forked from Magnogen/Magnogen.github.io
/
index.html
115 lines (111 loc) · 4.34 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html>
<head>
<title>Home | Magnogen</title>
<base href="https://magnogen.net" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Magnogen's Official Website - Find my Tracks, Apps, and Datapacks! Plus a few handy tools too..." />
<link rel="shortcut icon" href="https://magnogen.net/src/favicon.png" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://magnogen.net/src/basics.css" />
<!-- <link rel="stylesheet" href="style.css" /> -->
</head>
<body>
<script src="https://magnogen.net/src/navbar.js"
path="HOME"
rules="HOME:.here">
</script>
<script src="https://magnogen.net/src/header.js"
colors="#0032a8,#004cff"
title="MAGNOGEN"
subtitle="Hey! I'm Mag"
shape="3">
</script>
<div class="w3-content w3-container w3-padding-64">
<div id="quotes" class="w3-padding-large" quotes>
<span style="color:#a83200;font-size:150%;">
<i class="fa fa-quote-left"></i>
</span>
Ewwor - Qwotes are bwoken<br />
(If you can see this, please report it on GitHub)
</div>
<br />
<h3 class="w3-center">WELCOME!</h3>
<div class="w3-row">
<div class="w3-padding-large">
<p>
Hello there! Welcome to the official Magnogen website!<br />
There have been a few contributors to help this website, especially
in it's infant stages, you can see those individuals
<a href="/about">here</a>.<br />
<br />
I've got a few projects on the go at the moment. But there are
<a href="/apps">Android apps</a>, <a href="/music">tracks</a> and
<a href="/datapacks">Minecraft datapacks</a> that you can check out
that I've made before. I hope you'll be interested!<br />
<br />
There is also a small project that encrypts and decrypts codes and
ciphers. It's called <a href="/krypt">Krypt</a>, you're welcome play
around with it.<br />
<br />
Want to contact me? Feel free to do so on my Instagram and YouTube
accounts - you can find them at the bottom of this page.<br />
</p>
</div>
</div>
<p class="w3-large w3-center w3-padding-16">I like to create:</p>
<p>
<i class="fa fa-music"></i>
Music and Ambiences
</p>
<a href="/music" style="text-decoration:none;">
<div class="w3-light-grey">
<div class="w3-container w3-padding-small w3-center"
style="width:80%"
bar>
</div>
</div>
</a>
<p>
<i class="fa fa-cube"></i>
Minecraft Mods and Datapacks
</p>
<a href="/apps" style="text-decoration:none;">
<div class="w3-light-grey">
<div class="w3-container w3-padding-small w3-center"
style="width:70%"
bar>
</div>
</div>
</a>
<p>
<i class="fa fa-cogs"></i>
Other Projects
</p>
<a href="/samples" style="text-decoration:none;">
<div class="w3-light-grey">
<div class="w3-container w3-padding-small w3-center"
style="width:25%"
bar>
</div>
</div>
</a>
</div>
<script src="https://magnogen.net/src/footer.js"
colors="#0032a8,#004cff">
</script>
<script src="https://magnogen.net/quotes.js"></script>
<script>
let rand = Math.floor(Math.random() * quotes.length);
document.getElementById("quotes").innerHTML = `<span style="color:#0032a8;font-size:150%;"><i class="fa fa-quote-left"></i> </span>${quotes[rand][0]}<br> - ${quotes[rand][1]}`;
function toggleFunction(){
let x = document.getElementById("mobileNav");
if (x.className.indexOf("w3-show") == -1) x.className +=" w3-show";
else x.className = x.className.replace(" w3-show", "");
}
</script>
</body>
</html>