lots of updates, no better time to push than the present

This commit is contained in:
Lazy Hippopotamus
2024-04-07 22:44:26 -04:00
parent 53f6e6f7a1
commit f942577148
27 changed files with 497 additions and 39 deletions

View File

@@ -3,7 +3,7 @@
<div id="library">
<div id="libpages">
[f library libraryEntry]
<a href="[^baseurl]/library/[^libraryEntry.filename]">
<a href="[^baseurl]/[^libraryEntry.filename]">
<span>[^libraryEntry.libraryTitle]</span>
<p>
[^libraryEntry.libraryBlurb]

View File

@@ -1,4 +1,5 @@
[?][@on minify]
[#config.stx]
[=links-]
<a onclick="localStorage.refered = true" href="[^baseurl]/">Home</a>
<!--<a onclick="localStorage.refered = true" href="[^baseurl]/intro-to-judaism">Intro to Judaism</a>

View File

@@ -6,7 +6,7 @@
* {
padding: 0px;
margin: 0px;
font-family: sans-serif;
font-family: "Anton";
--deepcream: rgb(247, 233, 213);
--cream: rgb(255, 254, 250);
--kuwaitgreen: #007b3a;
@@ -55,7 +55,7 @@ img {
}
#main > div, #main > p {
background-color: var(--scrollpaperlight);
background-color: var(--cream);
}
#main > p:first-of-type {
@@ -64,16 +64,16 @@ img {
#main > p {
padding-bottom: 50px;
padding-left: 20vw;
padding-right: 30vw;
padding-left: 25vw;
padding-right: 25vw;
line-height: 2em;
font-family: Arial;
font-family: "Anton";
}
#main > div.space {
background-color: transparent;
height: clamp(150px, 30vh, 500px);
border-bottom: 50px solid var(--sealight);
border-bottom: 50px solid var(--cream);
}
#main > div.bottom {
@@ -105,7 +105,7 @@ img {
#shape {
height: calc(10vh + 3px);
width: 100vw;
background-color: var(--sealight);
background-color: var(--kuwaitred);
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
position: absolute;
bottom: -1px;
@@ -120,14 +120,14 @@ img {
top: 3px;
left: 0px;
clip-path: inherit;
background-color: var(--scrollpaperlight);
background-color: var(--cream);
}
#title {
font-size: 4em;
font-family: Lobster;
text-align: center;
background-color: var(--handledark);
background-color: var(--kuwaitred);
color: black;
padding-top: 52px; /* TODO: make this less worsely */
position: sticky;
@@ -145,7 +145,7 @@ img {
top: -3px;
left: 0px;
z-index: -1;
background-color: var(--sandlight);
background-color: var(--cream);
clip-path: inherit;
}
@@ -175,8 +175,8 @@ div#nav {
}
div#banner {
background-color: var(--humanbody);
color: white;
background-color: var(--scrollpaperlight);
color: black;
/*--colorslant-point: clamp(20px, 10vw, 200px);
background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/
border-bottom: 4px solid var(--scrollight);
@@ -198,7 +198,7 @@ div#banner {
}
#nav > a {
color: white;
color: black;
}
#banner > a > img {

View File

@@ -1,4 +1,4 @@
[?][@on minify]
[?]
[#config.stx]
[#links.html]
<!DOCTYPE html>
@@ -25,6 +25,10 @@
<link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
<!-- HTML Meta Tags -->
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">

View File

@@ -5,5 +5,5 @@
</p>
[^libraryContent]
[/]
[=title-]Library | [^libraryTitle][/]
[=title-] Library | [^libraryTitle][/]
[#templates/default.html]