redesign #1

Merged
fred.boniface merged 115 commits from redesign into main 2022-10-29 20:12:58 +01:00
4 changed files with 35 additions and 10 deletions
Showing only changes of commit eee9dd5fe6 - Show all commits

View File

@ -4,4 +4,15 @@ function inflateSidebar() {
function collapseSidebar() {
document.getElementById("sidebar").style.width = "0px";
}
function sidebarToggle() {
var bar = document.getElementById("sidebar");
if (bar.style.height === "0") {
bar.style.height = "100%";
bar.style.display = "block";
} else {
bar.style.height = "0";
bar.style.display = "none";
}
}

View File

@ -25,8 +25,8 @@
</picture>
</div>
<div class="menubar_hamburger">
<button class="sidebar_open_short" onclick="sidebarOpen()">&#9776;</button>
<button class="sidebar_open_long" onclick="sidebarOpen()">Menu &#9776;</button>
<button class="sidebar_open_short" onclick="sidebarToggle()">&#9776;</button>
<button class="sidebar_open_long" onclick="sidebarToggle()">Menu &#9776;</button>
</div>
</div>
<div id="sidebar" class="sidebar">

View File

@ -37,20 +37,30 @@
top: 40px;
right: 0;
margin: auto;
height: 100%;
height: 0;
display: none;
max-width: 60%;
background-color: darkslategrey;
}
.sidebar a {
padding: 50px;
align: right;
width: 100%;
}
padding: 8px 8px 8px 8px;
margin-left: 20px;
margin-top: 10px;
font-family: sans-serif;
font-weight: 300;
text-decoration: none;
text-align: right;
font-size: 25px;
color: cyan;
display: block;
transition: 0.7s;
}
.sidebar_social {
position: absolute;
bottom: 50px;
width: 100%;
}
@media screen and (min-width: 800px) {

View File

@ -7,15 +7,19 @@ body {
}
.header-image-home {
background-image: url(https://via.placeholder.com/375x335webp);
min-height: 50%;
width: 100%;
position: fixed;
top: 0;
top: 40px;
left: 0;
}
.page-title {
.page-title { /* This needs to be bottom center of header-image-home/header-image */
font-family: sans-serif;
font-size: 4vw;
position: relative;
text-align: center;
position: absloute;
box-shadow: 3px;
color: azure;
}