INIT
This commit is contained in:
commit
ff6bf238cd
5 changed files with 223 additions and 0 deletions
BIN
img/avatar.png
Normal file
BIN
img/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
35
index.html
Normal file
35
index.html
Normal file
|
|
@ -0,0 +1,35 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="stylesheet" href="style/main.css">
|
||||||
|
<title>Hiajens Infrastructure</title>
|
||||||
|
</head>
|
||||||
|
<body style="background-color: #002b36">
|
||||||
|
|
||||||
|
<div id="main-container">
|
||||||
|
<div id="head-container">
|
||||||
|
<h1>Hiajens Infrastructure</h1>
|
||||||
|
<h2>>> Start <<</h2>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix" id="wrapper-container">
|
||||||
|
<div id="left-container">
|
||||||
|
<ul class="menu">
|
||||||
|
<li><a href="index.html">Start</a></li>
|
||||||
|
<li><a href="services.html">Services</a></li>
|
||||||
|
<li><a href="kontakt.html">Kontakt</a></li>
|
||||||
|
<li><a href="https://www.hiajen.de" target="_blank">Hiajen</a></li>
|
||||||
|
<li><a href="https://peer.tube/videos/watch/9925b324-648f-4490-94cc-195c5f19f332?autoplay=1" target="_blank"> do not click</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="right-container" >
|
||||||
|
<p>Hier sollte eigentlich irgend ein Text stehen, ich bin aber zu faul.<br>Also hier mein Avatar.</p>
|
||||||
|
<img src="img/avatar.png" height="480" width="480" alt="avatar Image from Hiajen"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="footer-container">
|
||||||
|
<marquee DIRECTION=left>CYBER CYBER CYBER</marquee>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
39
kontakt.html
Normal file
39
kontakt.html
Normal file
|
|
@ -0,0 +1,39 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="stylesheet" href="style/main.css">
|
||||||
|
<title>Hiajens Infrastructure</title>
|
||||||
|
</head>
|
||||||
|
<body style="background-color: #002b36">
|
||||||
|
|
||||||
|
<div id="main-container">
|
||||||
|
<div id="head-container">
|
||||||
|
<h1>Hiajens Infrastructure</h1>
|
||||||
|
<h2>>> Kontakt <<</h2>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix" id="wrapper-container">
|
||||||
|
<div id="left-container">
|
||||||
|
<ul class="menu">
|
||||||
|
<li><a href="index.html">Start</a></li>
|
||||||
|
<li><a href="services.html">Services</a></li>
|
||||||
|
<li><a href="kontakt.html">Kontakt</a></li>
|
||||||
|
<li><a href="https://www.hiajen.de" target="_blank">Hiajen</a></li>
|
||||||
|
<li><a href="https://peer.tube/videos/watch/9925b324-648f-4490-94cc-195c5f19f332?autoplay=1" target="_blank"> do not click</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="right-container" >
|
||||||
|
<p>Du findest mich fast überall unter dem Nutzername <i>Hiajen</i> hier sind trotzdem noch einmal ein paar Kontaktmöglichkeiten:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Matrix: <a href="https://matrix.to/#/@hiajen:matrix.hiajen.de" target="_blank"> @hiajen:matrix.hiajen.de </a></li>
|
||||||
|
<li>E-Mail: <a href="https://keyserver.ubuntu.com/pks/lookup?search=info%40hiajen.de&fingerprint=on&op=index" target="_blank"> info (at) hiajen (dot) de </a>
|
||||||
|
<br>Fingerprint: F81D 5DA5 B1D3 6D7D 863B 6EE0 D2F7 7DED D818 7A01</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="footer-container">
|
||||||
|
<marquee DIRECTION=left>CYBER CYBER CYBER</marquee>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
48
services.html
Normal file
48
services.html
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="stylesheet" href="style/main.css">
|
||||||
|
<title>Hiajens Infrastructure</title>
|
||||||
|
</head>
|
||||||
|
<body style="background-color: #002b36">
|
||||||
|
|
||||||
|
<div id="main-container">
|
||||||
|
<div id="head-container">
|
||||||
|
<h1>Hiajens Infrastructure</h1>
|
||||||
|
<h2>>> Services <<</h2>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix" id="wrapper-container">
|
||||||
|
<div id="left-container">
|
||||||
|
<ul class="menu">
|
||||||
|
<li><a href="index.html">Start</a></li>
|
||||||
|
<li><a href="services.html">Services</a></li>
|
||||||
|
<li><a href="kontakt.html">Kontakt</a></li>
|
||||||
|
<li><a href="https://www.hiajen.de" target="_blank">Hiajen</a></li>
|
||||||
|
<li><a href="https://peer.tube/videos/watch/9925b324-648f-4490-94cc-195c5f19f332?autoplay=1" target="_blank"> do not click</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="right-container" >
|
||||||
|
<p>Hier eine liste der Anwendungen die ich Hoste. Wenn du zugriff auf eine dieser haben möchtest, komm bitte auf mich zu!</p>
|
||||||
|
<ul>
|
||||||
|
<li><h3><a href="https://account.hiajen.de" target="_blank">Accountverwaltung (LDAP)</a></h3>
|
||||||
|
Hier kannst du deinen Account verwalten, sobald du einen besitzt.</li>
|
||||||
|
<li><h3><a href="https://bbb.hiajen.de" target="_blank">BigBlueButton</a></h3>
|
||||||
|
OpenSource Videokonferenz-Tool</li>
|
||||||
|
<li><h3><a href="https://git.hiajen.de" target="_blank">GIT (GitBucket)</a></h3>
|
||||||
|
OpenSource Versionsverwaltungstool für deinen Quellcode</li>
|
||||||
|
<li><h3>Matrix</h3>
|
||||||
|
OpenSource Messenging-Protokoll, zur Nutzung empfehle ich den Client <a href="https://element.io/" target="_blank">Element</a>. Die Home-Server URL lautet: <i>matrix.hiajen.de</i></li>
|
||||||
|
<li><h3><a href="https://cryptpad.hiajen.de/" target="_blank">CryptPad</a></h3>
|
||||||
|
OpenSource Online Tool zur kollaborativen Zusammenarbeit</li>
|
||||||
|
<li><h3><a href="https://cloud.hiajen.de" target="_blank">Cloud (NextCloud)</a></h3>
|
||||||
|
OpenSource Cloud-Speicher</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="footer-container">
|
||||||
|
<marquee DIRECTION=left>CYBER CYBER CYBER</marquee>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
101
style/main.css
Normal file
101
style/main.css
Normal file
|
|
@ -0,0 +1,101 @@
|
||||||
|
* {
|
||||||
|
font-family: Arial, serif;
|
||||||
|
color: #002b36;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
background-color: #eee8d5;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding: 20px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-container h1, h2{
|
||||||
|
text-align: center;
|
||||||
|
margin: auto;
|
||||||
|
padding-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 0 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.menu {
|
||||||
|
padding-inline: 20px;
|
||||||
|
#display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu li {
|
||||||
|
list-style-type: none;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
#display: inline-block;
|
||||||
|
|
||||||
|
padding: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background-color: #586e75;
|
||||||
|
color: #eee8d5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu li:hover {
|
||||||
|
background-color: #93a1a1;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu li a {
|
||||||
|
display: block;
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-container {
|
||||||
|
width: 800px;
|
||||||
|
#height: 90%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
#background-color: aqua;
|
||||||
|
clear: both;
|
||||||
|
#box-shadow: 1px 1px 10px 5px #eee8d5;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#head-container{
|
||||||
|
background-color: #586e75;
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper-container {
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#left-container{
|
||||||
|
#background-color: blueviolet;
|
||||||
|
height: 100%;
|
||||||
|
width: 25%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#right-container{
|
||||||
|
#background-color: brown;
|
||||||
|
height: 100%;
|
||||||
|
width: 75%;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-container{
|
||||||
|
background-color: #586e75;
|
||||||
|
padding-top: 20px;
|
||||||
|
height: 50px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue