tweaks

site/config.stx

@@ -1,8 +1,8 @@
 [?][@on minify]
-[=baseurl "https://avrahamsociety.org/"]
-[i conf/devWorld]
-    [=baseurl "https://swaous.asuscomm.com/dev/avrahamsociety"]
+[=baseurl "https://avrahamsociety.org"]
+[i production]
+    [=baseurl "https://dev.clarkeis.com/avrahamsociety"]
 [/]
 [i conf/dev]
-    [=baseurl "http://localhost:8080/"]
+    [=baseurl "http://localhost:8080"]
 [/]

site/main.css

@@ -18,6 +18,9 @@
     --humanbody: #434343;
     --handledark: #7a6034;
     --scrollpaperlight: #d5c6ad;
+    --newpurple: #ca2862;
+    --newgold: #e1c305;
+    --newblue: #43baef;
 }
 
 img {
@@ -33,7 +36,7 @@ img {
     width: 100vw;
     height: 100vh;
     overflow: hidden;
-    background-image: url(res/Avraham_Society.png),
+    background-image: url(res/new_logo.webp),
     /*linear-gradient(90deg, var(--kuwaitgreen), var(--cream), var(--kuwaitred), black)*/
     /*linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), */linear-gradient(45deg, red, rgb(0, 255, 0, 0), green),
     linear-gradient(135deg, black, rgb(255, 255, 255, 0), white);
@@ -55,7 +58,8 @@ img {
 }
 
 #main > div, #main > p, #main > ol, #main > ul, #main > h1, #main > h2 {
-    background-color: var(--scrollpaperlight);
+    background-color: white /*var(--scrollpaperlight)*/;
+
 }
 
 #main > p:first-of-type {
@@ -71,7 +75,7 @@ img {
     padding-left: 25vw;
     padding-right: 25vw;
     line-height: 2em;
-    font-family: "Anton";
+    font-family: sans-serif;
 }
 
 #main > div.space {
@@ -111,7 +115,7 @@ img {
 #shape {
     height: calc(10vh + 3px);
     width: 100vw;
-    background-color: var(--kuwaitred);
+    background-color: var(--newgold); /* kuwaitred */
     clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
     position: absolute;
     bottom: -1px;
@@ -126,14 +130,14 @@ img {
     top: 3px;
     left: 0px;
     clip-path: inherit;
-    background-color: var(--scrollpaperlight);
+    background-color: white;
 }
 
 #title {
     font-size: 4em;
     font-family: Lobster;
     text-align: center;
-    background-color: var(--kuwaitred);
+    background-color: var(--newgold);
     color: black;
     padding-top: 62px; /* todo: make this less terrible */
     position: sticky;
@@ -181,11 +185,11 @@ div#nav {
 }
 
 div#banner {
-    background-color: var(--humanbody);
+    background-color: var(--newpurple); /* --humanbody */
     color: white;
     /*--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);
+    border-bottom: 4px solid var(--newgold); /* scrollight */
     border-top: none;
     /*box-shadow: 0px 0px 5px var(--kuwaitred);*/
     /*box-shadow: 0px 0px 5px black;*/

site/templates/default.html

@@ -55,7 +55,7 @@
         <div id="bg"></div>
         <div id="main">
             <div id="banner">
-                <a href="[^baseurl]"><img src="[^baseurl]/res/Avraham_Society.png"></a>
+                <a href="[^baseurl]"><img src="[^baseurl]/res/new_logo.webp"></a>
                 <div id="dates"><b id="hebrew"></b></div>
                 <input id="navExpander" style="display: none;" type="checkbox" checked>
                 <div id="nav">
@@ -73,7 +73,7 @@
             </div>
             [^content]
             <div class="bottom">
-                <img src="[^baseurl]/res/Avraham_Society.png">
+                <img src="[^baseurl]/res/new_logo.webp">
                 <div>
                     <p style="padding-bottom: 100px;font-family: sans-serif;font-weight: bold;font-size: 1.4em;">
                         The Avraham Society is the first modern Humanistic and Cultural initiative that is based on and representing the Jewish Community of Kuwait in all its denominations.