DutchEllie/proper-website-3
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
DutchEllie 2022-03-03 12:56:09 +01:00
parent b33db89a68
commit 6b6c11882e
Signed by: DutchEllie
SSH Key Fingerprint: SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
12 changed files with 231 additions and 0 deletions

45
about.html Normal file
View File

@ -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>

27
base.html Normal file
View File

@ -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>

40
index.html Normal file
View File

@ -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>

1
static/adreena.css Normal file
View File

File diff suppressed because one or more lines are too long

1
static/anisha.css Normal file
View File

File diff suppressed because one or more lines are too long

1
static/havakana.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
static/images/background_star.gif Normal file
View File

Binary file not shown.
Side by Side

After

(image error) Size: 3.7 KiB

BIN
static/images/email3.gif Normal file
View File

Binary file not shown.
Side by Side

After

(image error) Size: 1.1 KiB

BIN
static/images/rin-1.gif Normal file
View File

Binary file not shown.
Side by Side

After

(image error) Size: 471 KiB

1
static/nikoleta.css Normal file
View File

File diff suppressed because one or more lines are too long

14
static/pages/aboutpage.html Normal file
View File

@ -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>

101
static/style.css Normal file
View File

@ -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;
}