-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
executable file
·145 lines (126 loc) · 5.69 KB
/
about.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-site-verification" content="S5miEUSow9wX4fls-vk0Zw6bFLHfwxbYNOIk3omz6JU" />
<meta charset="utf-8">
<meta name="viewport">
<meta name="og:url" content="coffandro.github.io">
<title>About</title>
<meta property="og:title" content="About">
<meta name="description" content="This page describes me">
<meta property="og:description" content="This page describes me">
<link rel="icon" type="image/x-icon" href="/Images/Xicon.svg">
<meta property="og:image" content="/Images/Xicon.svg">
<link rel="stylesheet" href="/css/stylesheet.css">
<link id="nav" rel="stylesheet" href="/css/navbar.css" disabled>
<link id="mnav" rel="stylesheet" href="/css/mnavbar.css" disabled>
<script src="jquery-3.7.1.min.js"></script>
<script id="Font-Awesome" src="https://kit.fontawesome.com/5c072ddc8a.js" crossorigin="anonymous"></script>
<script id="Feather-Icons" src="https://unpkg.com/feather-icons"></script>
</head>
<body>
<!--Navigation bar-->
<div id="nav-placeholder">
</div>
<script>
LoadNavBar = function () {
// loading a different nav bar depending on phone type
if (
navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/iPod/i) ||
navigator.userAgent.match(/BlackBerry/i) ||
navigator.userAgent.match(/Windows Phone/i) ||
window.innerWidth <= 800) {
document.documentElement.classList.toggle("mobile", true);
document.getElementById('mnav').removeAttribute('disabled');
$(function () {
$("#nav-placeholder").load("/mobile-navbar.html");
});
}
// nav bar for touch-screen (mobile) devices
else {
document.documentElement.classList.toggle("mobile", false);
document.getElementById('nav').removeAttribute('disabled');
$(function () {
$("#nav-placeholder").load("/navbar.html");
});
}
};
window.onresize = function () {
LoadNavBar()
};
LoadNavBar()
// nav bar for everything else (desktop)
</script>
<!--end of Navigation bar-->
<div class="content">
<a id="AboutPicContainer" href="/Images/About/Cornelius.jpg"><img id="AboutPic"
src="Images/About/CorneliusNoBg.png"></a>
<h1>Cornelius Andreas Rosenaa</h1>
<h2></h2>
<p class="en">Hello, my name is Cornelius, I'm an amateur programmer and student at Copenhagens media college.</p>
<p class="en">On the side I work on many projects like wood working bits and bobs, electrical engineering projects
and some game</p>
<p class="en">You might be able to find me in the credits of some projects like Fallout: London</p>
<p class="da">Halløj, mit navn er Cornelius, jeg er en amatør programmør og elev ved Københavns Mediegymnasium</p>
<p class="da">På siden arbejder jeg på mange projekter som tilfældigt træ arbejde, elektriske inginør projekter og
noget spil</p>
<p class="da">Du kan måske også finde mig i kreditterne på nogle projekter som Fallout: London</p>
<div style="margin-bottom: 150px;"></div>
<hr class="Seperator">
<h2>
<i class="fa-solid fa-caret-down"></i>
<span class="en">Socials below</span>
<span class="da">Sociale neden under</span>
<i class="fa-solid fa-caret-down"></i>
</h2>
</div>
<div id="Socials" class="content">
<p class="en">Here are some socials</p>
<p class="da">Her er nogle sociale medier</p>
<div class="grid">
<a href="https://github.com/coffandro"><img src="https://github.com/fluidicon.png">
<p><b>GitHub</b></p>
<p>GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and
contribute to over 330 million projects.</p>
</a>
<a href="https://coffandro.gumroad.com/"><img
src="https://assets-global.website-files.com/6171b265e5c8aa59b42c3472/6202f6a901b39b4ce6060602_ccb4f82b5fdc7a3a910fc8df3e49297a-32bits-256.png">
<p><b>Gumroad</b></p>
<p>Gumroad is a powerful, but simple, e-commerce platform. We make it easy to earn your first dollar online by
selling digital products, memberships and more.</p>
</a>
<div class="a" id="Discord"><img
src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0a69f118df70ad7828d4_icon_clyde_blurple_RGB.svg">
<p><b>Discord</b></p>
<p>coffandro</p>
<a class="mails" onclick="Copy('coffandro')">Copy</a>
<p>Discord is the easiest way to talk over voice, video, and text. Talk, chat, hang out, and stay close with
your friends and communities.</p>
</div>
<div class="a" id="Mail"><i class="fa-regular fa-envelope"></i>
<p><b>Mail</b></p>
<p>Here are some options for contacting my mail</p>
<p>[email protected]</p>
<a class="mails" href="mailto:[email protected]">Link</a>
<a class="mails" onclick="Copy('[email protected]')">Copy</a>
</div>
<a href="https://coffandro.itch.io/"><i style="font-size: 200px;" class="fa-brands fa-itch-io"></i>
<p><b>Itch.io</b></p>
<p>itch.io is a simple way to find, download and distribute indie games online. Whether you're a developer
looking to upload your game or just someone looking for something new to play itch.io has you covered.</p>
</a>
</div>
</div>
<script>
function Copy(copyText) {
// Copy the text inside the text field
navigator.clipboard.writeText(copyText);
alert("Copied " + copyText + " to clipboard!")
}
</script>
</body>
</html>