admin/avrahamsociety
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color updates

Browse Source
This commit is contained in:
Lazy Hippopotamus
2024-03-24 22:45:38 -04:00
parent 4ac0a8447c
commit 53f6e6f7a1
9 changed files with 53 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
output/culture.html
View File

File diff suppressed because one or more lines are too long

2
output/index.html
View File

File diff suppressed because one or more lines are too long

2
output/library/library-entry-2.html
View File

@@ -2,7 +2,7 @@
<!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | ibrary | Library Entry Two</title> <link rel="stylesheet" href="http://localhost:8080/main.css" /> <link rel="manifest" href="http://localhost:8080/manifest.json"/> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="icon" href="http://localhost:8080/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">--> <!-- 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."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://avrahamsociety.org"> <meta property="og:type" content="website"> <meta property="og:title" content="Avraham Society | Home"> <meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org"> <meta name="twitter:title" content="Avraham Society | Home"> <meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Meta Tags Generated via https://www.opengraph.xyz --> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="bg"></div> <div id="main"> <div id="banner"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a> <div id="social">Social media, recent updates, etc</div> <input id="navExpander" style="display: none;" type="checkbox" checked> <div id="nav"> <label for="navExpander" id="nav-expand"></label> <a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a> <!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>--> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a> </div> </div> <div class="top"> <div id="title">Avraham Society<br> <small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small> </div> <div id="shape"></div> </div> <div> <h1 style="padding-bottom: 2em;">ibrary | Library Entry Two</h1> </div> <p id="liblurb"> <!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | ibrary | Library Entry Two</title> <link rel="stylesheet" href="http://localhost:8080/main.css" /> <link rel="manifest" href="http://localhost:8080/manifest.json"/> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="icon" href="http://localhost:8080/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">--> <!-- 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."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://avrahamsociety.org"> <meta property="og:type" content="website"> <meta property="og:title" content="Avraham Society | Home"> <meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org"> <meta name="twitter:title" content="Avraham Society | Home"> <meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Meta Tags Generated via https://www.opengraph.xyz --> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="bg"></div> <div id="main"> <div id="banner"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a> <div id="social">Social media, recent updates, etc</div> <input id="navExpander" style="display: none;" type="checkbox" checked> <div id="nav"> <label for="navExpander" id="nav-expand"></label> <a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a> <!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>--> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a> </div> </div> <div class="top"> <div id="title">Avraham Society<br> <small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small> </div> <div id="shape"></div> </div> <div id="titlebracket"> <h1 style="padding-bottom: 2em;">ibrary | Library Entry Two</h1> </div> <p id="liblurb">
This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click! This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click!
</p> </p>

2
output/library/library-entry.html
View File

@@ -2,7 +2,7 @@
<!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | ibrary | Library Entry</title> <link rel="stylesheet" href="http://localhost:8080/main.css" /> <link rel="manifest" href="http://localhost:8080/manifest.json"/> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="icon" href="http://localhost:8080/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">--> <!-- 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."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://avrahamsociety.org"> <meta property="og:type" content="website"> <meta property="og:title" content="Avraham Society | Home"> <meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org"> <meta name="twitter:title" content="Avraham Society | Home"> <meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Meta Tags Generated via https://www.opengraph.xyz --> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="bg"></div> <div id="main"> <div id="banner"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a> <div id="social">Social media, recent updates, etc</div> <input id="navExpander" style="display: none;" type="checkbox" checked> <div id="nav"> <label for="navExpander" id="nav-expand"></label> <a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a> <!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>--> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a> </div> </div> <div class="top"> <div id="title">Avraham Society<br> <small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small> </div> <div id="shape"></div> </div> <div> <h1 style="padding-bottom: 2em;">ibrary | Library Entry</h1> </div> <p id="liblurb"> <!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | ibrary | Library Entry</title> <link rel="stylesheet" href="http://localhost:8080/main.css" /> <link rel="manifest" href="http://localhost:8080/manifest.json"/> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="icon" href="http://localhost:8080/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">--> <!-- 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."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://avrahamsociety.org"> <meta property="og:type" content="website"> <meta property="og:title" content="Avraham Society | Home"> <meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org"> <meta name="twitter:title" content="Avraham Society | Home"> <meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Meta Tags Generated via https://www.opengraph.xyz --> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="bg"></div> <div id="main"> <div id="banner"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a> <div id="social">Social media, recent updates, etc</div> <input id="navExpander" style="display: none;" type="checkbox" checked> <div id="nav"> <label for="navExpander" id="nav-expand"></label> <a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a> <!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>--> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a> </div> </div> <div class="top"> <div id="title">Avraham Society<br> <small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small> </div> <div id="shape"></div> </div> <div id="titlebracket"> <h1 style="padding-bottom: 2em;">ibrary | Library Entry</h1> </div> <p id="liblurb">
This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi? This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi?
</p> </p>

2
output/librarymain.html
View File

@@ -1,3 +1,3 @@
<!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | Library</title> <link rel="stylesheet" href="http://localhost:8080/main.css" /> <link rel="manifest" href="http://localhost:8080/manifest.json"/> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="icon" href="http://localhost:8080/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">--> <!-- 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."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://avrahamsociety.org"> <meta property="og:type" content="website"> <meta property="og:title" content="Avraham Society | Home"> <meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org"> <meta name="twitter:title" content="Avraham Society | Home"> <meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Meta Tags Generated via https://www.opengraph.xyz --> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="bg"></div> <div id="main"> <div id="banner"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a> <div id="social">Social media, recent updates, etc</div> <input id="navExpander" style="display: none;" type="checkbox" checked> <div id="nav"> <label for="navExpander" id="nav-expand"></label> <a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a> <!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>--> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a> </div> </div> <div class="top"> <div id="title">Avraham Society<br> <small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small> </div> <div id="shape"></div> </div> <div> <h1 style="padding-bottom: 2em;">Library</h1> </div> <div id="library"> <div id="libpages"> <a href="http://localhost:8080/library/library/library-entry.html"> <span>Library Entry</span> <p> This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi? <!DOCTYPE html> <!-- Kuwait flag colors: Green: #007b3a Red: #cf0821 Black: black White: white --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Avraham Society | Library</title> <link rel="stylesheet" href="http://localhost:8080/main.css" /> <link rel="manifest" href="http://localhost:8080/manifest.json"/> <!-- <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="icon" href="http://localhost:8080/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">--> <!-- 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."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://avrahamsociety.org"> <meta property="og:type" content="website"> <meta property="og:title" content="Avraham Society | Home"> <meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="avrahamsociety.org"> <meta property="twitter:url" content="https://avrahamsociety.org"> <meta name="twitter:title" content="Avraham Society | Home"> <meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait."> <meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png"> <!-- Meta Tags Generated via https://www.opengraph.xyz --> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="bg"></div> <div id="main"> <div id="banner"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a> <div id="social">Social media, recent updates, etc</div> <input id="navExpander" style="display: none;" type="checkbox" checked> <div id="nav"> <label for="navExpander" id="nav-expand"></label> <a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a> <!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>--> <a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a> </div> </div> <div class="top"> <div id="title">Avraham Society<br> <small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small> </div> <div id="shape"></div> </div> <div id="titlebracket"> <h1 style="padding-bottom: 2em;">Library</h1> </div> <div id="library"> <div id="libpages"> <a href="http://localhost:8080/library/library/library-entry.html"> <span>Library Entry</span> <p> This library entry is sure to boggle the mind! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nam unde sequi nemo voluptatem voluptate autem quaerat perspiciatis! Error ut, velit sed rerum voluptatum officiis pariatur unde facilis inventore eligendi?
</p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> <a href="http://localhost:8080/library/library/library-entry-2.html"> <span>Library Entry Two</span> <p> This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click! </p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> <a href="http://localhost:8080/library/library/library-entry-2.html"> <span>Library Entry Two</span> <p> This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click!
</p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> </div> <div id="study"> <div id="study-inner"> <h1 style="color: var(--kuwaitred);">Daily Study</h1> <div> Something to study! </div> <div> Something else to study! </div> </div> </div> </div> <div class="bottom"> <img src="http://localhost:8080/res/Avraham_Society.png"> <div> <p> Quick informative blurb, social links, etc. </p> <p> Could follow a number of different designs; this is the most basic possibility. </p> </div> </div> <div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div> </div> <script src="main.js"></script> </body> </html> </p> <span><img src="http://localhost:8080/res/librarrow.svg"></span> </a> </div> <div id="study"> <div id="study-inner"> <h1 style="color: var(--kuwaitred);">Daily Study</h1> <div> Something to study! </div> <div> Something else to study! </div> </div> </div> </div> <div class="bottom"> <img src="http://localhost:8080/res/Avraham_Society.png"> <div> <p> Quick informative blurb, social links, etc. </p> <p> Could follow a number of different designs; this is the most basic possibility. </p> </div> </div> <div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div> </div> <script src="main.js"></script> </body> </html>

35
output/main.css
View File

@@ -11,6 +11,13 @@
--cream: rgb(255, 254, 250); --cream: rgb(255, 254, 250);
--kuwaitgreen: #007b3a; --kuwaitgreen: #007b3a;
--kuwaitred: #cf0821; --kuwaitred: #cf0821;
--sandlight: #ddc68c;
--seadark: #6090a4;
--sealight: #71a3b8;
--scrollight: #8e3b37;
--humanbody: #434343;
--handledark: #7a6034;
--scrollpaperlight: #d5c6ad;
} }
img { img {
@@ -48,7 +55,7 @@ img {
} }
#main > div, #main > p { #main > div, #main > p {
background-color: var(--cream); background-color: var(--scrollpaperlight);
} }
#main > p:first-of-type { #main > p:first-of-type {
@@ -66,17 +73,17 @@ img {
#main > div.space { #main > div.space {
background-color: transparent; background-color: transparent;
height: clamp(150px, 30vh, 500px); height: clamp(150px, 30vh, 500px);
border-bottom: 50px solid var(--cream); border-bottom: 50px solid var(--sealight);
} }
#main > div.bottom { #main > div.bottom {
background-color: #007b3a; /* kuwait green */ background-color: var(--seadark);
display: flex; display: flex;
padding: 50px; padding: 50px;
width: 100vw; width: 100vw;
box-sizing: border-box; box-sizing: border-box;
align-items: center; align-items: center;
color: white; color: black;
} }
#main > div.bottom > * { #main > div.bottom > * {
@@ -98,7 +105,7 @@ img {
#shape { #shape {
height: calc(10vh + 3px); height: calc(10vh + 3px);
width: 100vw; width: 100vw;
background-color: black; background-color: var(--sealight);
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%); clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
position: absolute; position: absolute;
bottom: -1px; bottom: -1px;
@@ -113,14 +120,14 @@ img {
top: 3px; top: 3px;
left: 0px; left: 0px;
clip-path: inherit; clip-path: inherit;
background-color: var(--cream); background-color: var(--scrollpaperlight);
} }
#title { #title {
font-size: 4em; font-size: 4em;
font-family: Lobster; font-family: Lobster;
text-align: center; text-align: center;
background-color: black; background-color: var(--handledark);
color: black; color: black;
padding-top: 52px; /* TODO: make this less worsely */ padding-top: 52px; /* TODO: make this less worsely */
position: sticky; position: sticky;
@@ -138,7 +145,7 @@ img {
top: -3px; top: -3px;
left: 0px; left: 0px;
z-index: -1; z-index: -1;
background-color: var(--cream); background-color: var(--sandlight);
clip-path: inherit; clip-path: inherit;
} }
@@ -168,11 +175,11 @@ div#nav {
} }
div#banner { div#banner {
background-color: white; background-color: var(--humanbody);
color: black; color: white;
/*--colorslant-point: clamp(20px, 10vw, 200px); /*--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)));*/ 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: 4px solid var(--kuwaitred); border-bottom: 4px solid var(--scrollight);
border-top: none; border-top: none;
/*box-shadow: 0px 0px 5px var(--kuwaitred);*/ /*box-shadow: 0px 0px 5px var(--kuwaitred);*/
/*box-shadow: 0px 0px 5px black;*/ /*box-shadow: 0px 0px 5px black;*/
@@ -190,6 +197,10 @@ div#banner {
float: left; float: left;
} }
#nav > a {
color: white;
}
#banner > a > img { #banner > a > img {
height: 100%; height: 100%;
} }
@@ -296,7 +307,7 @@ small {
} }
#plug { #plug {
background-color: black !important; background-color: var(--scrollight) !important;
color: white; color: white;
text-align: center; text-align: center;
font-size: 0.75em; font-size: 0.75em;

35
site/main.css
View File

@@ -11,6 +11,13 @@
--cream: rgb(255, 254, 250); --cream: rgb(255, 254, 250);
--kuwaitgreen: #007b3a; --kuwaitgreen: #007b3a;
--kuwaitred: #cf0821; --kuwaitred: #cf0821;
--sandlight: #ddc68c;
--seadark: #6090a4;
--sealight: #71a3b8;
--scrollight: #8e3b37;
--humanbody: #434343;
--handledark: #7a6034;
--scrollpaperlight: #d5c6ad;
} }
img { img {
@@ -48,7 +55,7 @@ img {
} }
#main > div, #main > p { #main > div, #main > p {
background-color: var(--cream); background-color: var(--scrollpaperlight);
} }
#main > p:first-of-type { #main > p:first-of-type {
@@ -66,17 +73,17 @@ img {
#main > div.space { #main > div.space {
background-color: transparent; background-color: transparent;
height: clamp(150px, 30vh, 500px); height: clamp(150px, 30vh, 500px);
border-bottom: 50px solid var(--cream); border-bottom: 50px solid var(--sealight);
} }
#main > div.bottom { #main > div.bottom {
background-color: #007b3a; /* kuwait green */ background-color: var(--seadark);
display: flex; display: flex;
padding: 50px; padding: 50px;
width: 100vw; width: 100vw;
box-sizing: border-box; box-sizing: border-box;
align-items: center; align-items: center;
color: white; color: black;
} }
#main > div.bottom > * { #main > div.bottom > * {
@@ -98,7 +105,7 @@ img {
#shape { #shape {
height: calc(10vh + 3px); height: calc(10vh + 3px);
width: 100vw; width: 100vw;
background-color: black; background-color: var(--sealight);
clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%); clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
position: absolute; position: absolute;
bottom: -1px; bottom: -1px;
@@ -113,14 +120,14 @@ img {
top: 3px; top: 3px;
left: 0px; left: 0px;
clip-path: inherit; clip-path: inherit;
background-color: var(--cream); background-color: var(--scrollpaperlight);
} }
#title { #title {
font-size: 4em; font-size: 4em;
font-family: Lobster; font-family: Lobster;
text-align: center; text-align: center;
background-color: black; background-color: var(--handledark);
color: black; color: black;
padding-top: 52px; /* TODO: make this less worsely */ padding-top: 52px; /* TODO: make this less worsely */
position: sticky; position: sticky;
@@ -138,7 +145,7 @@ img {
top: -3px; top: -3px;
left: 0px; left: 0px;
z-index: -1; z-index: -1;
background-color: var(--cream); background-color: var(--sandlight);
clip-path: inherit; clip-path: inherit;
} }
@@ -168,11 +175,11 @@ div#nav {
} }
div#banner { div#banner {
background-color: white; background-color: var(--humanbody);
color: black; color: white;
/*--colorslant-point: clamp(20px, 10vw, 200px); /*--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)));*/ 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: 4px solid var(--kuwaitred); border-bottom: 4px solid var(--scrollight);
border-top: none; border-top: none;
/*box-shadow: 0px 0px 5px var(--kuwaitred);*/ /*box-shadow: 0px 0px 5px var(--kuwaitred);*/
/*box-shadow: 0px 0px 5px black;*/ /*box-shadow: 0px 0px 5px black;*/
@@ -190,6 +197,10 @@ div#banner {
float: left; float: left;
} }
#nav > a {
color: white;
}
#banner > a > img { #banner > a > img {
height: 100%; height: 100%;
} }
@@ -296,7 +307,7 @@ small {
} }
#plug { #plug {
background-color: black !important; background-color: var(--scrollight) !important;
color: white; color: white;
text-align: center; text-align: center;
font-size: 0.75em; font-size: 0.75em;

2
site/templates/default.html
View File

@@ -65,7 +65,7 @@
</div> </div>
<div id="shape"></div> <div id="shape"></div>
</div> </div>
<div> <div id="titlebracket">
<h1 style="padding-bottom: 2em;">[^title]</h1> <h1 style="padding-bottom: 2em;">[^title]</h1>
</div> </div>
[^content] [^content]