Initial commit
This commit is contained in:
parent
b33db89a68
commit
6b6c11882e
SSH Key Fingerprint:
SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
|
|
@ -0,0 +1,45 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="static/style.css">
|
||||||
|
<link rel="stylesheet" href="static/anisha.css?family=anisha">
|
||||||
|
<link rel="stylesheet" href="static/adreena.css?family=adreena">
|
||||||
|
<link rel="stylesheet" href="static/havakana.css?family=havakana">
|
||||||
|
<title>About me!</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">Internetica Galactica</div>
|
||||||
|
<div class="main">
|
||||||
|
<div class="navbar left">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="about.html">About me</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="content right">
|
||||||
|
<img src="static/images/rin-1.gif" style="width:100px; position:absolute; top:10px; right:10px">
|
||||||
|
<p>I am a 21 year old computer science student, living and studying in The Netherlands. I like Docker, Kubernetes and Golang!
|
||||||
|
<br>
|
||||||
|
I made this website because I was inspired again by the amazing Neocities pages that I discovered because of my friends.
|
||||||
|
They also have their own pages (you can find them on the friends tab, do check them out!) and I just had to get a good website of my own!
|
||||||
|
<br>
|
||||||
|
I am not that great at web development, especially design, but I love trying it regardless!
|
||||||
|
<br><br>
|
||||||
|
To say a bit more about me personally, I love all things computers. From servers to embedded devices! I love the cloud and all that it brings
|
||||||
|
(except for big megacorps, but alright) and it's my goal to work for a big cloud company!
|
||||||
|
<br>
|
||||||
|
Aside from career path ambitions, ボーカロイドはすきです！ I love vocaloid and other Japanese music and culture!!
|
||||||
|
I also like Vtubers, especially from Hololive and it's my goal to one day finally understand them in their native language!
|
||||||
|
<br><br>
|
||||||
|
There is a lot more to say in words, but who cares about those! Have a look around my creative digital oasis and see what crazy stuff you can find!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="static/style.css">
|
||||||
|
<link rel="stylesheet" href="static/anisha.css?family=anisha">
|
||||||
|
<link rel="stylesheet" href="static/adreena.css?family=adreena">
|
||||||
|
<link rel="stylesheet" href="static/havakana.css?family=havakana">
|
||||||
|
<title>Title</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">Internetica Galactica</div>
|
||||||
|
<div class="main">
|
||||||
|
<div class="navbar left">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="content right">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="static/style.css">
|
||||||
|
<link rel="stylesheet" href="static/anisha.css?family=anisha">
|
||||||
|
<link rel="stylesheet" href="static/adreena.css?family=adreena">
|
||||||
|
<link rel="stylesheet" href="static/havakana.css?family=havakana">
|
||||||
|
<title>Home</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">Internetica Galactica</div>
|
||||||
|
<div class="main">
|
||||||
|
<div class="navbar left">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="about.html">About me</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="content right">
|
||||||
|
<p class="p-h1">Welcome, internet surfer!</p>
|
||||||
|
<p>This website is my creative outlet and a way of expressing myself.
|
||||||
|
As of now, it's probably the most impressive thing I've ever coded.
|
||||||
|
<br><br>
|
||||||
|
Please enjoy yourself and do sign the guestbook!!
|
||||||
|
</p>
|
||||||
|
<div style="position:absolute; bottom:5px; right:5px">
|
||||||
|
<p style="font-size:0.8em">Please sign my guestbook!</p>
|
||||||
|
<img src="/static/images/email3.gif" style="width:40px; position:absolute; bottom:0px; right:0px;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 471 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,14 @@
|
||||||
|
<p>I am a 21 year old computer science student, living and studying in The Netherlands. I like Docker, Kubernetes and Golang!
|
||||||
|
<br>
|
||||||
|
I made this website because I was inspired again by the amazing Neocities pages that I discovered because of my friends.
|
||||||
|
They also have their own pages (you can find them on the friends tab, do check them out!) and I just had to get a good website of my own!
|
||||||
|
<br>
|
||||||
|
I am not that great at web development, especially design, but I love trying it regardless!
|
||||||
|
<br><br>
|
||||||
|
To say a bit more about me personally, I love all things computers. From servers to embedded devices! I love the cloud and all that it brings
|
||||||
|
(except for big megacorps, but alright) and it's my goal to work for a big cloud company!
|
||||||
|
<br>
|
||||||
|
Aside from career path ambitions, ボーカロイドはすきです！ I love vocaloid and other Japanese music and culture!!
|
||||||
|
I also like Vtubers, especially from Hololive and it's my goal to one day finally understand them in their native language!
|
||||||
|
<br><br>
|
||||||
|
There is a lot more to say in words, but who cares about those! Have a look around my creative digital oasis and see what crazy stuff you can find!</p>
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
html {
|
||||||
|
background-image: url(images/background_star.gif);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
width: 900px;
|
||||||
|
position: relative;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
color:aliceblue;
|
||||||
|
font-family: havakana;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
border: 3px solid;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-color: rgb(252, 230, 255);
|
||||||
|
background-color: rgb(54, 39, 48);
|
||||||
|
font-size: 5em;
|
||||||
|
font-family: anisha;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
border: 3px solid;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-color: rgb(252, 230, 255);
|
||||||
|
background-color: rgb(54, 39, 48);
|
||||||
|
position: relative;
|
||||||
|
width: 250px;
|
||||||
|
text-decoration: none;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar a, a:link, a:visited{
|
||||||
|
text-decoration: none;
|
||||||
|
color:rgb(252, 230, 255)
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
border: 3px solid;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-color: rgb(252, 230, 255);
|
||||||
|
background-color: rgb(54, 39, 48);
|
||||||
|
margin-bottom: 5px;
|
||||||
|
position: relative;
|
||||||
|
width: 614px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content p {
|
||||||
|
width: 80%;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment {
|
||||||
|
border: 2px solid;
|
||||||
|
border-radius: 3px;
|
||||||
|
border-color: aliceblue;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.friend-frame {
|
||||||
|
width: 290px;
|
||||||
|
height: 200px;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
text-decoration: none;
|
||||||
|
-ms-zoom: 0.75;
|
||||||
|
-moz-transform: scale(0.75);
|
||||||
|
-moz-transform-origin: 0 0;
|
||||||
|
-o-transform: scale(0.75);
|
||||||
|
-o-transform-origin: 0 0;
|
||||||
|
-webkit-transform: scale(0.75);
|
||||||
|
-webkit-transform-origin: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-h1 {
|
||||||
|
font-family: anisha;
|
||||||
|
font-size: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-h2 {
|
||||||
|
font-family: adreena;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue