Second Initial commit
This commit is contained in:
parent
7c1a04bf54
commit
786fb74190
2
.gitignore
vendored
2
.gitignore
vendored
|
@ -1,4 +1,4 @@
|
|||
/**
|
||||
/*
|
||||
|
||||
!/root
|
||||
!/.gitignore
|
||||
|
|
81
root/css/base.css
Normal file
81
root/css/base.css
Normal file
|
@ -0,0 +1,81 @@
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: Roboto;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Roboto;
|
||||
src: url(/roboto-regular.ttf);
|
||||
}
|
||||
|
||||
.darkerbar {
|
||||
background: lightgrey;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#content > p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#topbar {
|
||||
display: inline-block;
|
||||
height: 5em;
|
||||
border-bottom: grey 1px solid;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
a.item {
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
flex: 0 2 80em;
|
||||
}
|
||||
|
||||
div.item {
|
||||
background: lightgrey;
|
||||
display: flex;
|
||||
flex: 0 2 80em;
|
||||
margin: 0.1em;
|
||||
padding: 0em 0.4em;
|
||||
border: 1px grey solid;
|
||||
border-radius: 0.5em;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.item:hover {
|
||||
background: beige;
|
||||
}
|
||||
|
||||
h2.item {
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
color: black;
|
||||
min-width: 7em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.desc {
|
||||
text-decoration: none;
|
||||
font-size: 1em;
|
||||
color: black;
|
||||
margin: 0 3em;
|
||||
text-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
div.item-list {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: block;
|
||||
bottom: 0;
|
||||
height: 10em;
|
||||
border-top: grey 1px solid;
|
||||
}
|
28
root/index.php
Executable file
28
root/index.php
Executable file
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<?php
|
||||
$title = "Marcel's Homepage";
|
||||
?>
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/base.css" type="text/css">
|
||||
<title> <?php echo $title; ?> </title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="topbar" class="darkerbar"><h1><?php echo $title; ?></h1> </div>
|
||||
|
||||
<div id="content">
|
||||
<p>Hi, I am Marcel and this is my server (and my ugly homepage)! Lorem ipsum dolor sit amet or something.<br>
|
||||
Most of my services are for private use, because I don't want to track every user on my server or guarantee flawless connectivity.<br>
|
||||
If you know me personally, you may ask me for an account on one of my services.
|
||||
If you don't know me personally, then I probably won't give you access to my services.</p>
|
||||
<div class="item-list">
|
||||
<?php include "/data/root/homepagehtml.html" ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer id="bottombar" class="darkerbar"> </footer>
|
||||
</body>
|
||||
</html>
|
BIN
root/roboto-regular.ttf
Normal file
BIN
root/roboto-regular.ttf
Normal file
Binary file not shown.
Loading…
Reference in a new issue