This commit is contained in:
Lazy Hippopotamus
2023-06-25 14:44:14 -04:00
parent 753442735a
commit 4aadf2acc1
4 changed files with 16 additions and 7 deletions

View File

@@ -16,7 +16,7 @@
<title>{{ site.title }} | {{ page.title }}</title> <title>{{ site.title }} | {{ page.title }}</title>
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" />
</head> </head>
<body onclick="sidebar_off()"> <body onclick="sidebar_off()" class="sidebar-opened">
<svg width="0" height="0"> <!-- clip paths for the sidebar --> <svg width="0" height="0"> <!-- clip paths for the sidebar -->
<defs> <defs>
<clipPath id="design-2" clipPathUnits="objectBoundingBox"> <clipPath id="design-2" clipPathUnits="objectBoundingBox">
@@ -79,7 +79,7 @@ Contact us -->
<div><a href="/membership">Membership</a></div> <div><a href="/membership">Membership</a></div>
<div><a href="/contact">Contact Us</a></div> <div><a href="/contact">Contact Us</a></div>
</div> </div>
<img src="/res/arrow-none.svg" onclick="toggle_sidebar()" /> <!--<img src="/res/arrow-none.svg" onclick="toggle_sidebar()" />-->
</div> </div>
</div> </div>
<div id="outer"> <div id="outer">

View File

@@ -2,6 +2,13 @@
layout: default layout: default
title: Home title: Home
--- ---
<p>
<i>When I get the image from abraxus it'll go here</i>
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate hic quae, consectetur accusamus expedita sed iusto a aut commodi dolores ipsum sit laborum aperiam, placeat incidunt doloribus adipisci. Officiis, dolor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti quo aliquid velit dicta error vel placeat in maiores itaque totam! Voluptate, porro? Deleniti nemo atque corporis quos blanditiis dolorum perferendis? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae a culpa beatae, ad amet voluptates praesentium deserunt cum, omnis, quod in. Dignissimos, eligendi consectetur veritatis tenetur quos blanditiis eveniet maxime? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rem veritatis a modi! Ducimus quo a, tempore minus eaque velit quisquam consequuntur provident ut quasi. Hic dolor similique ab vitae porro. Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio iusto corrupti necessitatibus temporibus rerum unde facere quam assumenda tempore. Rerum voluptatibus ad rem veniam molestiae incidunt quae, optio commodi possimus!
</p>
<!--
<iframe width="1273" height="716" src="https://www.youtube.com/embed/XNtr-EZiF2c" <iframe width="1273" height="716" src="https://www.youtube.com/embed/XNtr-EZiF2c"
title="W̲e̲e̲ze̲r 2022 Mix - The Best of Weezer - Greatest Hits, Full Album - Rock Music" frameborder="0" title="W̲e̲e̲ze̲r 2022 Mix - The Best of Weezer - Greatest Hits, Full Album - Rock Music" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
@@ -62,4 +69,4 @@ title: Home
</div> </div>
<p> <p>
Generic paragraph element here Generic paragraph element here
</p> </p>-->

View File

@@ -98,13 +98,14 @@ body {
margin: 10%; margin: 10%;
} }
#headin { #header {
padding: 20px; padding: 20px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 10000000; z-index: 10000000;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 10vh;
} }
#hambugha + label { #hambugha + label {
@@ -148,7 +149,7 @@ h1 {
padding: 0px; padding: 0px;
position: absolute; position: absolute;
overflow: visible !important; overflow: visible !important;
z-index: 1000000; z-index: 1000000000000;
width: var(--sidebar-size); width: var(--sidebar-size);
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
@@ -401,6 +402,7 @@ h1 {
padding: 5px; padding: 5px;
color: white; color: white;
font-size: 0.7em; font-size: 0.7em;
margin-top: 10vh;
} }
.image-relational-scrolling > div:last-child > p > img { .image-relational-scrolling > div:last-child > p > img {

View File

@@ -164,14 +164,14 @@ carousel_1.display();
setInterval(carousel_1.nextAnim, 2000); setInterval(carousel_1.nextAnim, 2000);
function toggle_sidebar() { function toggle_sidebar() {
document.body.classList.toggle("sidebar-opened"); /*document.body.classList.toggle("sidebar-opened");
var el = document.querySelector("#sider > img"); var el = document.querySelector("#sider > img");
if (document.body.classList.contains("sidebar-opened")) { if (document.body.classList.contains("sidebar-opened")) {
el.src = "/res/arrow-left.svg"; el.src = "/res/arrow-left.svg";
} }
else { else {
el.src = "/res/arrow-none.svg"; el.src = "/res/arrow-none.svg";
} }*/
} }
function sidebar_off() { function sidebar_off() {