From d9ce55d09846159d6a8c58d94f20cbb38ff03fa8 Mon Sep 17 00:00:00 2001 From: Lazy Hippopotamus Date: Wed, 6 Mar 2024 16:41:11 -0500 Subject: [PATCH] set up cultural page --- output/culture.html | 132 ++++++++++++++++++++++++++++ output/index.html | 30 ++++--- output/library/library-entry-2.html | 30 ++++--- output/library/library-entry.html | 30 ++++--- output/librarymain.html | 38 ++++---- output/main.css | 32 +++++++ site/config.stx | 5 +- site/culturalstuff/culture2.html | 5 ++ site/culturalstuff/culture3.html | 5 ++ site/culture.html | 4 +- site/main.css | 32 +++++++ 11 files changed, 281 insertions(+), 62 deletions(-) create mode 100644 output/culture.html create mode 100644 site/culturalstuff/culture2.html create mode 100644 site/culturalstuff/culture3.html diff --git a/output/culture.html b/output/culture.html new file mode 100644 index 0000000..298f065 --- /dev/null +++ b/output/culture.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + Avraham Society | Culture + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
Avraham Society
+ 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. +
+
+
+
+

Culture

+
+ +
+ +
+ +

+ + Text related to the cultural image. + +

+
+ +
+ +

+ + Text related to the cultural image. + +

+
+ +
+ +

+ + Text related to the cultural image. + +

+
+ +
+ +
+ +
+

+ Quick informative blurb, social links, etc. +

+

+ Could follow a number of different designs; this is the most basic possibility. +

+
+
+
Website by Tyler Clarke.
+
+ + + + + diff --git a/output/index.html b/output/index.html index bff1293..ebd9873 100644 --- a/output/index.html +++ b/output/index.html @@ -20,12 +20,12 @@ Avraham Society | Home - - + + @@ -36,7 +36,7 @@ - + @@ -44,7 +44,7 @@ - + @@ -54,19 +54,20 @@
@@ -150,7 +151,7 @@

- +

Quick informative blurb, social links, etc. @@ -166,3 +167,4 @@ + diff --git a/output/library/library-entry-2.html b/output/library/library-entry-2.html index dc422e9..8a57ac5 100644 --- a/output/library/library-entry-2.html +++ b/output/library/library-entry-2.html @@ -25,12 +25,12 @@ Avraham Society | Library | Library Entry Two - - + + @@ -41,7 +41,7 @@ - + @@ -49,7 +49,7 @@ - + @@ -59,19 +59,20 @@

@@ -97,7 +98,7 @@ This is the second Library Entry, for testing. This is a very real blurb! It has
- +

Quick informative blurb, social links, etc. @@ -113,3 +114,4 @@ This is the second Library Entry, for testing. This is a very real blurb! It has + diff --git a/output/library/library-entry.html b/output/library/library-entry.html index b5ad001..ac2f613 100644 --- a/output/library/library-entry.html +++ b/output/library/library-entry.html @@ -25,12 +25,12 @@ Avraham Society | Library | Library Entry - - + + @@ -41,7 +41,7 @@ - + @@ -49,7 +49,7 @@ - + @@ -59,19 +59,20 @@

@@ -97,7 +98,7 @@ This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consect
- +

Quick informative blurb, social links, etc. @@ -113,3 +114,4 @@ This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consect + diff --git a/output/librarymain.html b/output/librarymain.html index 10847c1..d07fae3 100644 --- a/output/librarymain.html +++ b/output/librarymain.html @@ -21,12 +21,12 @@ Avraham Society | Library - - + + @@ -37,7 +37,7 @@ - + @@ -45,7 +45,7 @@ - + @@ -55,19 +55,20 @@

@@ -84,24 +85,24 @@
- +

Quick informative blurb, social links, etc. @@ -135,3 +136,4 @@ This is the second Library Entry, for testing. This is a very real blurb! It has + diff --git a/output/main.css b/output/main.css index 19f178e..c8d06d1 100644 --- a/output/main.css +++ b/output/main.css @@ -274,6 +274,17 @@ small { #main > div.bottom > img { max-width: 90vw; } + + #culture > div { + flex-direction: column !important; + justify-content: stretch; + } + + #culture > div > img { + width: 100% !important; + box-sizing: border-box; + padding: 30px; + } } #plug { @@ -382,4 +393,25 @@ p#liblurb { padding-bottom: 5% !important; background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white); background-color: transparent; +} + +#culture > div { + display: flex; +} + +#culture > div:nth-child(2n) { + flex-direction: row-reverse; +} + +#culture > div > * { + width: 100%; +} + +#culture > div > img { + width: 50vw; +} + +#culture > div > p { + padding: 10%; + box-sizing: border-box; } \ No newline at end of file diff --git a/site/config.stx b/site/config.stx index 33252fd..0a8d1d2 100644 --- a/site/config.stx +++ b/site/config.stx @@ -1,2 +1,5 @@ [?] -[=baseurl https://swaous.asuscomm.com/dev/avrahamsociety] \ No newline at end of file +[=baseurl http://localhost:8080] +[i config devWorld] +[=baseurl https://swaous.asuscomm.com/dev/avrahamsociety] +[/] \ No newline at end of file diff --git a/site/culturalstuff/culture2.html b/site/culturalstuff/culture2.html new file mode 100644 index 0000000..95784ef --- /dev/null +++ b/site/culturalstuff/culture2.html @@ -0,0 +1,5 @@ +[?] +[=img https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=] +[=text-] + Text related to the cultural image. +[/] \ No newline at end of file diff --git a/site/culturalstuff/culture3.html b/site/culturalstuff/culture3.html new file mode 100644 index 0000000..95784ef --- /dev/null +++ b/site/culturalstuff/culture3.html @@ -0,0 +1,5 @@ +[?] +[=img https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=] +[=text-] + Text related to the cultural image. +[/] \ No newline at end of file diff --git a/site/culture.html b/site/culture.html index 488d291..31413bc 100644 --- a/site/culture.html +++ b/site/culture.html @@ -1,11 +1,13 @@ [!] [=content-]

- [for culturalstuff cultureThing] + [f culturalstuff cultureThing] +

[^cultureThing.text]

+
[/]
[/] diff --git a/site/main.css b/site/main.css index 19f178e..c8d06d1 100644 --- a/site/main.css +++ b/site/main.css @@ -274,6 +274,17 @@ small { #main > div.bottom > img { max-width: 90vw; } + + #culture > div { + flex-direction: column !important; + justify-content: stretch; + } + + #culture > div > img { + width: 100% !important; + box-sizing: border-box; + padding: 30px; + } } #plug { @@ -382,4 +393,25 @@ p#liblurb { padding-bottom: 5% !important; background-image: linear-gradient(white, rgb(255, 255, 255, 0.7), white); background-color: transparent; +} + +#culture > div { + display: flex; +} + +#culture > div:nth-child(2n) { + flex-direction: row-reverse; +} + +#culture > div > * { + width: 100%; +} + +#culture > div > img { + width: 50vw; +} + +#culture > div > p { + padding: 10%; + box-sizing: border-box; } \ No newline at end of file