janishutz-legacy/original-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finished menu and added another page

Browse Source
This commit is contained in:
janis
2022-11-04 20:41:46 +01:00
parent 1a488cf029
commit d03b3b9718
4 changed files with 76 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
about.html
View File

@@ -6,17 +6,29 @@
</head> </head>
<body> <body>
<ul class="Menu"> <div class="stickybox">
<ul class="Menu">
<li class="mainitems"><a href="./index.html">Home</a></li> <li class="mainitems"><a href="./index.html">Home</a></li>
<li class="dropdown mainitems"> <li class="dropdown mainitems">
<a href="#">Legal</a> <a href="./projects.html">Projects</a>
<ul class="dropdown-menu">
<li class="subitems"><a href="./privacypolicy.html">QR & Barcode Insight</a></li>
<li class="subitems"><a href="./privacypolicy.html">StorageManager</a></li>
<li class="subitems"><a href="./privacypolicy.html">FSR Image & Video Upscaler Frontend</a></li>
<li class="subitems"><a href="./privacypolicy.html">MusicPlayer</a></li>
<li class="subitems"><a href="./privacypolicy.html">BiogasControllerApp</a></li>
</ul>
</li>
<li class="dropdown mainitems">
<a href="#">About</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="subitems"><a href="./privacypolicy.html">Privacy Policy for apps</a></li> <li class="subitems"><a href="./privacypolicy.html">Privacy Policy for apps</a></li>
<li class="mainitems"><a href="./about.html">About me</a></li>
</ul> </ul>
</li> </li>
<li class="mainitems"><a href="./support.html">Support</a></li> <li class="mainitems"><a href="./support.html">Support</a></li>
<li class="mainitems"><a href="#">About me</a></li> </ul>
</ul> </div>
<h1>About me</h1> <h1>About me</h1>
<p>I am a young person that is still in the process of getting really experienced with programming. I am really passionate about my projects. You may find more of my projects on github! <p>I am a young person that is still in the process of getting really experienced with programming. I am really passionate about my projects. You may find more of my projects on github!

10
index.html
View File

@@ -6,6 +6,7 @@
</head> </head>
<body> <body>
<div class="stickybox">
<ul class="Menu"> <ul class="Menu">
<li class="mainitems"><a href="#">Home</a></li> <li class="mainitems"><a href="#">Home</a></li>
<li class="dropdown mainitems"> <li class="dropdown mainitems">
@@ -22,14 +23,17 @@
<a href="#">About</a> <a href="#">About</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="subitems"><a href="./privacypolicy.html">Privacy Policy for apps</a></li> <li class="subitems"><a href="./privacypolicy.html">Privacy Policy for apps</a></li>
<li class="mainitems"><a href="./about.html">About me</a></li> <li class="subitems"><a href="./about.html">About me</a></li>
</ul> </ul>
</li> </li>
<li class="mainitems"><a href="./support.html">Support</a></li> <li class="mainitems"><a href="./support.html">Support</a></li>
</ul> </ul>
</div>
<h1>Welcome to janishutz.com!</h1> <h1>Welcome to janishutz.com!</h1>
<p>Learn more about my projects!</p> <p>Learn more about my projects!</p>
<a href="./projects">Learn more</a> <a href="./projects.html">Projects</a>
<br><br><br>
Note: This website is not completed yet and some pages are still missing!
</body> </body>
</html> </html>

11
mainstyle.css
View File

@@ -6,6 +6,11 @@ body {
width: 10% width: 10%
} }
.stickybox {
position: sticky;
position: -webkit-sticky;
}
.Menu { .Menu {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -31,6 +36,12 @@ a:hover {
background-color: darkblue; background-color: darkblue;
} }
.subitems:hover {
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.dropdown-menu { .dropdown-menu {
margin: 0; margin: 0;
padding: 0; padding: 0;

36
projects.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>Projects - janishutz.com</title>
<link rel="stylesheet" href="./mainstyle.css">
</head>
<body>
<div class="stickybox">
<ul class="Menu">
<li class="mainitems"><a href="./index.html">Home</a></li>
<li class="dropdown mainitems">
<a href="./projects.html">Projects</a>
<ul class="dropdown-menu">
<li class="subitems"><a href="./privacypolicy.html">QR & Barcode Insight</a></li>
<li class="subitems"><a href="./privacypolicy.html">StorageManager</a></li>
<li class="subitems"><a href="./privacypolicy.html">FSR Image & Video Upscaler Frontend</a></li>
<li class="subitems"><a href="./privacypolicy.html">MusicPlayer</a></li>
<li class="subitems"><a href="./privacypolicy.html">BiogasControllerApp</a></li>
</ul>
</li>
<li class="dropdown mainitems">
<a href="#">About</a>
<ul class="dropdown-menu">
<li class="subitems"><a href="./privacypolicy.html">Privacy Policy for apps</a></li>
<li class="subitems"><a href="./about.html">About me</a></li>
</ul>
</li>
<li class="mainitems"><a href="./support.html">Support</a></li>
</ul>
</div>
<h1>My projects</h1>
<p>NOTE: This page is still in development!</p>
<a href="./index.html">Go back</a>
</body>
</html>