ibz
/
web_AI-3
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

rename Kazoo to index.html 

This is necessary otherwise it won't get displayed
This commit is contained in:
Andreas Zweili 2016-12-16 19:34:53 +01:00
parent 444aee9891
commit c65072cb6a
2 changed files with 65 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
Kazoo
View File

@ -1,67 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="ntf-8" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="kazzoostyle.css"/>
<style>
body {
margin: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 25%;
background-color: #333;
position: fixed;
height: 100%;
overflow: auto;
}
li a {
display: block;
color: #555;
padding: 8px 16px;
text-decoration: none;
}
li a.active {
background-color: #555;
color: white;
}
li a:hover:not(.active) {
background-color: #555;
color: white;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
<h2>Kazzoo, the Open Trade Portal
<div class="wrapper">
</div>
</h2>
<h3>What is possible in Kazzoo???</h3>
<p>Notice that this div element has a left margin of 25%. This is because the side navigation is set to 25% width. If you remove the margin, the sidenav will overlay/sit on top of this div.</p>
<p>Also notice that we have set overflow:auto to sidenav. This will add a scrollbar when the sidenav is too long (for example if it has over 50 links inside of it).</p>
</div>
</body>
</html>

82
index.html
View File

@ -1,19 +1,67 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Apache2 Debian Default Page: It works</title>
</head>
<body>
<h1>Test Titel</h1>
<p>
This is the default welcome page used to test the correct
operation of the Apache2 server after installation on Debian systems.
If you can read this page, it means that the Apache HTTP server installed at
this site is working properly. You should <b>replace this file</b> (located at
<tt>/var/www/html/index.html</tt>) before continuing to operate your HTTP server.
</p>
</body>
</html>
<html>
<head>
<meta charset="ntf-8" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="kazzoostyle.css"/>
<style>
body {
margin: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 25%;
background-color: #333;
position: fixed;
height: 100%;
overflow: auto;
}
li a {
display: block;
color: #555;
padding: 8px 16px;
text-decoration: none;
}
li a.active {
background-color: #555;
color: white;
}
li a:hover:not(.active) {
background-color: #555;
color: white;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
<h2>Kazzoo, the Open Trade Portal
<div class="wrapper">
</div>
</h2>
<h3>What is possible in Kazzoo???</h3>
<p>Notice that this div element has a left margin of 25%. This is because the side navigation is set to 25% width. If you remove the margin, the sidenav will overlay/sit on top of this div.</p>
<p>Also notice that we have set overflow:auto to sidenav. This will add a scrollbar when the sidenav is too long (for example if it has over 50 links inside of it).</p>
</div>
</body>
</html>