71 lines
1.8 KiB
HTML
71 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>mawacode.de</title>
|
|
<link href="../css/style.css" rel="stylesheet" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
</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>
|
|
<a href="https://github.com/malikwachter"><img src="../webicons/GitHub.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> |