First Website commit. Test
This commit is contained in:
malik
commit
8ef9f92c3a
76
aboutme.html
Normal file
76
aboutme.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Personal Website</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
<nav>
|
||||
<ul id="menuList">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="aboutme.html">About Me</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
<li><a href="contactme.html">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<h1>Über mich:</h1>
|
||||
<h2>Hey, ich weiß selbst nach fast zwei Jahrzehnten auf diesem Planeten nicht genau, was ich über mich schreiben soll in solchen „Über Mich“s. Aber ich versuche es mal. :)</h2>
|
||||
<p> </p>
|
||||
<h2>Also ich interessiere mich sehr für alles rund um Computer. Ich nutze Linux und lerne gerade programmieren. Abseits vom Computer gehe, treff ich mich gerne mit Freunden und ich höre sehr viel Musik. In letzter Zeit höre ich überwiegend Techno, daher gehe ich auch mega gerne regelmäßig in Technoclubs. </h2>
|
||||
<p> </p>
|
||||
<h2>Zu guter Letzt. Ich liebe Katzen und habe sogar zwei von diesen Spinnern.</h2>
|
||||
|
||||
<ul id="aboutmelinks">
|
||||
<li><a href="aboutme/cats.html">Meine Katzen</a></li>
|
||||
<li><a href="aboutme/linux.html">Meine Linux Distro</a></li>
|
||||
<li><a href="aboutme/techno.html">Top 10 Techno Lieder</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<img src="webicons/foto.png" class="fotovonmir">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="socialmedia">
|
||||
<a href="https://feddit.de/u/mawacode"><img src="webicons/lemmy.png"></a>
|
||||
<a href=""><img src="webicons/mastodon.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var menuList = document.getElementById("menuList");
|
||||
|
||||
menuList.style.maxHeight = "0px";
|
||||
|
||||
function togglemenu(){
|
||||
|
||||
if(menuList.style.maxHeight == "0px")
|
||||
{
|
||||
menuList.style.maxHeight = "130px";
|
||||
}
|
||||
else
|
||||
{
|
||||
menuList.style.maxHeight = "0px";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
aboutme/catpics/catpic1.jpg
Normal file
BIN
aboutme/catpics/catpic1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
BIN
aboutme/catpics/catpic2.jpg
Normal file
BIN
aboutme/catpics/catpic2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 MiB |
67
aboutme/cats.html
Normal file
67
aboutme/cats.html
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Personal Website</title>
|
||||
<link href="../css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar">
|
||||
<img src="../webicons/logo.png" class="logo">
|
||||
<nav>
|
||||
<ul id="menuList">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../aboutme.html">About Me</a></li>
|
||||
<li><a href="../projects.html">Projects</a></li>
|
||||
<li><a href="../contactme.html">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<img src="../webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<h1>Meine Katzen!</h1>
|
||||
<h2>Der weiße Kater heißt Percy und der Schwarzweiße heißt Mailo</h2>
|
||||
</div>
|
||||
<div class="col-2" id="catpics">
|
||||
<img src="catpics/catpic2.jpg">
|
||||
<img src="catpics/catpic1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="socialmedia">
|
||||
<a href="https://feddit.de/u/mawacode"><img src="../webicons/lemmy.png"></a>
|
||||
<a href=""><img src="../webicons/mastodon.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var menuList = document.getElementById("menuList");
|
||||
|
||||
menuList.style.maxHeight = "0px";
|
||||
|
||||
function togglemenu(){
|
||||
|
||||
if(menuList.style.maxHeight == "0px")
|
||||
{
|
||||
menuList.style.maxHeight = "130px";
|
||||
}
|
||||
else
|
||||
{
|
||||
menuList.style.maxHeight = "0px";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
69
aboutme/linux.html
Normal file
69
aboutme/linux.html
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Personal Website</title>
|
||||
<link href="../css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar">
|
||||
<img src="../webicons/logo.png" class="logo">
|
||||
<nav>
|
||||
<ul id="menuList">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../aboutme.html">About Me</a></li>
|
||||
<li><a href="../projects.html">Projects</a></li>
|
||||
<li><a href="../contactme.html">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<img src="../webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<h1>Linux</h1>
|
||||
<h2>Desktop: Nobara Linux (Siehe Bild 1)</h2>
|
||||
<h2>Laptop: Fedora Linux (Siehe Bild 2)</h2>
|
||||
<h2>Meine gesamte Distrohop geschichte ist in Bild 3 einsehbar.</h2>
|
||||
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<img src="../webicons/foto.png" class="fotovonmir">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="socialmedia">
|
||||
<a href="https://feddit.de/u/mawacode"><img src="../webicons/lemmy.png"></a>
|
||||
<a href=""><img src="../webicons/mastodon.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var menuList = document.getElementById("menuList");
|
||||
|
||||
menuList.style.maxHeight = "0px";
|
||||
|
||||
function togglemenu(){
|
||||
|
||||
if(menuList.style.maxHeight == "0px")
|
||||
{
|
||||
menuList.style.maxHeight = "130px";
|
||||
}
|
||||
else
|
||||
{
|
||||
menuList.style.maxHeight = "0px";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
79
aboutme/techno.html
Normal file
79
aboutme/techno.html
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Personal Website</title>
|
||||
<link href="../css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar">
|
||||
<img src="../webicons/logo.png" class="logo">
|
||||
<nav>
|
||||
<ul id="menuList">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="../aboutme.html">About Me</a></li>
|
||||
<li><a href="../projects.html">Projects</a></li>
|
||||
<li><a href="../contactme.html">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<img src="../webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<h1>Techno top 10</h1>
|
||||
<h2>Vorab: Diese Top-10-Liste ist nicht ernst gemeint. Es wurde nach keinen Kriterien bewertet. Das ist nur eine Sammlung von Liedern, die ich aktuell gerne höre.</h2>
|
||||
<ul class="technolist">
|
||||
<li>1. i wanna be your girlfriend | Dj Brice</li>
|
||||
<li>2. DIE LIEBE KOMMT NICHT AUS BERLIN | Brutalismus 3000</li>
|
||||
<li>3. HEISS (Floorkiller Flex) | ÅMRTÜM</li>
|
||||
<li>4. Underground | Tucker</li>
|
||||
<li>5. Audio Bully - Original | ANSBRO</li>
|
||||
<li>6. Goes Crazy - Original Mix | RBX</li>
|
||||
<li>7. As We Kick | RVLT, Ouija</li>
|
||||
<li>8. Language Of The Devil | Infeed</li>
|
||||
<li>9. NUR MEIN KÖRPER UND DIE ANGST | Brutalismus 3000</li>
|
||||
<li>10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="col-2">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="socialmedia">
|
||||
<a href="https://feddit.de/u/mawacode"><img src="../webicons/lemmy.png"></a>
|
||||
<a href=""><img src="../webicons/mastodon.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var menuList = document.getElementById("menuList");
|
||||
|
||||
menuList.style.maxHeight = "0px";
|
||||
|
||||
function togglemenu(){
|
||||
|
||||
if(menuList.style.maxHeight == "0px")
|
||||
{
|
||||
menuList.style.maxHeight = "130px";
|
||||
}
|
||||
else
|
||||
{
|
||||
menuList.style.maxHeight = "0px";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
66
contactme.html
Normal file
66
contactme.html
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Personal Website</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
<nav>
|
||||
<ul id="menuList">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="aboutme.html">About Me</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
<li><a href="contactme.html">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<h1>Kontakt</h1>
|
||||
<h2>Email: mawacode [at] proton.me</h2>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<img src="pics/emails.png" class="fotovonmir">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="socialmedia">
|
||||
<a href="https://feddit.de/u/mawacode"><img src="webicons/lemmy.png"></a>
|
||||
<a href=""><img src="webicons/mastodon.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var menuList = document.getElementById("menuList");
|
||||
|
||||
menuList.style.maxHeight = "0px";
|
||||
|
||||
function togglemenu(){
|
||||
|
||||
if(menuList.style.maxHeight == "0px")
|
||||
{
|
||||
menuList.style.maxHeight = "130px";
|
||||
}
|
||||
else
|
||||
{
|
||||
menuList.style.maxHeight = "0px";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
210
css/style.css
Normal file
210
css/style.css
Normal file
|
|
@ -0,0 +1,210 @@
|
|||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.container{
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
padding-left: 8%;
|
||||
padding-right: 8%;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
background: rgb(56,56,56);
|
||||
background: linear-gradient(117deg, rgba(56,56,56,1) 0%, rgba(130,130,130,1) 100%);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 180px;
|
||||
margin: 30px 0;
|
||||
background-color: #e2de84;
|
||||
box-shadow: 5px 5px 5px;
|
||||
}
|
||||
|
||||
.menu-icon{
|
||||
width: 30px;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
background-color: #e2de84;
|
||||
padding: 10px;
|
||||
box-shadow: 5px 5px 5px;
|
||||
}
|
||||
|
||||
nav{
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
nav ul li{
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
nav ul li a{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
background-color: #e2de84;
|
||||
box-shadow: 5px 5px 5px black;
|
||||
}
|
||||
|
||||
nav ul li a:hover{
|
||||
color: #ecfeaa;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.row{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 100px 0;
|
||||
}
|
||||
|
||||
.col-1{
|
||||
flex-basis: 80%;
|
||||
position: relative;
|
||||
margin-left: 50px;
|
||||
background-color: #e2de84;
|
||||
padding: 2%;
|
||||
box-shadow: 10px 10px 10px;
|
||||
}
|
||||
|
||||
.col-2{
|
||||
position: relative;
|
||||
flex-basis: 60%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.col-2 .fotovonmir{
|
||||
width: 40%;
|
||||
box-shadow: 10px 10px 10px;
|
||||
transform: translateX(300px);
|
||||
}
|
||||
|
||||
.socialmedia img{
|
||||
height: 30px;
|
||||
margin: 5px;
|
||||
cursor: pointer;
|
||||
background-color: #e2de84;
|
||||
padding: 0.5%;
|
||||
box-shadow: 5px 5px 5px;
|
||||
}
|
||||
|
||||
.socialmedia{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.socialmedia a{
|
||||
color: black;
|
||||
}
|
||||
|
||||
#aboutmelinks{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#aboutmelinks li{
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#aboutmelinks li a{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
background-color: #e0d94c;
|
||||
box-shadow: 5px 5px 5px black;
|
||||
}
|
||||
|
||||
#aboutmelinks li a:hover{
|
||||
color: #ecfeaa;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#catpics img{
|
||||
width: 100%;
|
||||
margin: 20px;
|
||||
box-shadow: 10px 10px 10px;
|
||||
}
|
||||
|
||||
.technolist li{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
padding: 5px;
|
||||
margin: 10px;
|
||||
text-decoration: none;
|
||||
background-color: #e0d94c;
|
||||
box-shadow: 5px 5px 5px black;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:900px){
|
||||
|
||||
nav ul {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
background-color: #e2de84;
|
||||
box-shadow: 10px 10px 10px;
|
||||
}
|
||||
|
||||
nav ul li{
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
}
|
||||
|
||||
nav ul li a{
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.menu-icon{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#menuList{
|
||||
overflow: hidden;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.row{
|
||||
flex-direction: column;
|
||||
margin: 50px 0
|
||||
}
|
||||
|
||||
.col-2{
|
||||
flex-basis: 100%;
|
||||
margin-bottom: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.col-2 .fotovonmir{
|
||||
width: 77%;
|
||||
|
||||
transform: translateX(0px);
|
||||
}
|
||||
|
||||
.col-1{
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
68
index.html
Normal file
68
index.html
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Personal Website</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
<nav>
|
||||
<ul id="menuList">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="aboutme.html">About Me</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
<li><a href="contactme.html">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<h1>Hallo Internet!</h1>
|
||||
<h2>Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.</h2>
|
||||
<p> </p>
|
||||
<h2>Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)</h2>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<img src="webicons/foto.png" class="fotovonmir">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="socialmedia">
|
||||
<a href="https://feddit.de/u/mawacode"><img src="webicons/lemmy.png"></a>
|
||||
<a href=""><img src="webicons/mastodon.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var menuList = document.getElementById("menuList");
|
||||
|
||||
menuList.style.maxHeight = "0px";
|
||||
|
||||
function togglemenu(){
|
||||
|
||||
if(menuList.style.maxHeight == "0px")
|
||||
{
|
||||
menuList.style.maxHeight = "130px";
|
||||
}
|
||||
else
|
||||
{
|
||||
menuList.style.maxHeight = "0px";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
pics/emails.png
Normal file
BIN
pics/emails.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
66
projects.html
Normal file
66
projects.html
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Personal Website</title>
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar">
|
||||
<img src="webicons/logo.png" class="logo">
|
||||
<nav>
|
||||
<ul id="menuList">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="aboutme.html">About Me</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
<li><a href="contactme.html">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<h1>Kommt bald!</h1>
|
||||
<h2>Noch ist hier nichts. :)</h2>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<img src="webicons/foto.png" class="fotovonmir">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="socialmedia">
|
||||
<a href="https://feddit.de/u/mawacode"><img src="webicons/lemmy.png"></a>
|
||||
<a href=""><img src="webicons/mastodon.png"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var menuList = document.getElementById("menuList");
|
||||
|
||||
menuList.style.maxHeight = "0px";
|
||||
|
||||
function togglemenu(){
|
||||
|
||||
if(menuList.style.maxHeight == "0px")
|
||||
{
|
||||
menuList.style.maxHeight = "130px";
|
||||
}
|
||||
else
|
||||
{
|
||||
menuList.style.maxHeight = "0px";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
webicons/foto.png
Normal file
BIN
webicons/foto.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
webicons/lemmy.png
Normal file
BIN
webicons/lemmy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
webicons/logo.png
Normal file
BIN
webicons/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
webicons/mastodon.png
Normal file
BIN
webicons/mastodon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
BIN
webicons/menu.png
Normal file
BIN
webicons/menu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Loading…
Reference in a new issue