diff --git a/output/culture.html b/output/culture.html index 298f065..aef6c5f 100644 --- a/output/culture.html +++ b/output/culture.html @@ -4,6 +4,9 @@ + + + @@ -84,7 +87,12 @@
- +
+ + + + +

Text related to the cultural image. @@ -93,7 +101,12 @@

- +
+ + + + +

Text related to the cultural image. @@ -102,14 +115,49 @@

- +
+ + + + + + +
+

+ +Text related to the cultural image. + +

+
+ +
+
+ + + + +

Text related to the cultural image.

- +
@@ -127,6 +175,4 @@
- - - + \ No newline at end of file diff --git a/output/index.html b/output/index.html index ebd9873..6489ac1 100644 --- a/output/index.html +++ b/output/index.html @@ -4,6 +4,9 @@ + + + @@ -165,6 +168,4 @@ - - - + \ No newline at end of file diff --git a/output/library/library-entry-2.html b/output/library/library-entry-2.html index 8a57ac5..53d482f 100644 --- a/output/library/library-entry-2.html +++ b/output/library/library-entry-2.html @@ -9,6 +9,9 @@ + + + @@ -112,6 +115,4 @@ This is the second Library Entry, for testing. This is a very real blurb! It has - - - + \ No newline at end of file diff --git a/output/library/library-entry.html b/output/library/library-entry.html index ac2f613..97d7ac6 100644 --- a/output/library/library-entry.html +++ b/output/library/library-entry.html @@ -9,6 +9,9 @@ + + + @@ -112,6 +115,4 @@ This library text is sure to boggle the mind! Lorem ipsum dolor sit amet consect - - - + \ No newline at end of file diff --git a/output/librarymain.html b/output/librarymain.html index d07fae3..9546b7d 100644 --- a/output/librarymain.html +++ b/output/librarymain.html @@ -5,6 +5,9 @@ + + + @@ -134,6 +137,4 @@ This is the second Library Entry, for testing. This is a very real blurb! It has - - - + \ No newline at end of file diff --git a/output/main.css b/output/main.css index c8d06d1..d0225ae 100644 --- a/output/main.css +++ b/output/main.css @@ -13,6 +13,10 @@ --kuwaitred: #cf0821; } +img { + width: 100%; +} + #bg { position: absolute; z-index: -1000; @@ -26,7 +30,7 @@ /*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); - background-size: contain; + background-size: contain, cover; background-position: 50% 65%; background-repeat: no-repeat; /*background-color: var(--kuwaitgreen);/*white;*/ /*var(--deepcream);*/ /*#993231;*/ /* var(--cream); */ @@ -203,19 +207,23 @@ small { } @media (max-width: 1000px) { + #bg { + background-size: 120%, cover; + } + #main > p { padding-left: 10px; padding-right: 10px; } #shape { - height: 20px; + height: 40px; } #title { font-size: 2em; - padding-bottom: 20px; - clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 19px), 0% 100%); + padding-bottom: 40px; + clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 37px), 0% 100%); } @@ -280,7 +288,7 @@ small { justify-content: stretch; } - #culture > div > img { + #culture > div > div { width: 100% !important; box-sizing: border-box; padding: 30px; @@ -338,6 +346,10 @@ h1 { position: relative; } +#libpages > a > span:last-child > img { + width: auto; +} + #libpages > a > span:last-child::before { content: ""; transform: translateY(-8px); @@ -407,8 +419,12 @@ p#liblurb { width: 100%; } -#culture > div > img { - width: 50vw; +#culture > div > div { + min-width: 50vw; + box-sizing: border-box; + border: 10px solid black; + padding: 50px; + background-color: #888888; } #culture > div > p { diff --git a/output/res/Avraham_Society.png b/output/res/Avraham_Society.png index 9ff4234..3d12cc7 100644 Binary files a/output/res/Avraham_Society.png and b/output/res/Avraham_Society.png differ diff --git a/res/Avraham_Society.png b/res/Avraham_Society.png index 9ff4234..7c6e9d0 100644 Binary files a/res/Avraham_Society.png and b/res/Avraham_Society.png differ diff --git a/site/culturalstuff/cultureVideo.html b/site/culturalstuff/cultureVideo.html new file mode 100644 index 0000000..3bb9d95 --- /dev/null +++ b/site/culturalstuff/cultureVideo.html @@ -0,0 +1,10 @@ +[?] +[=videoEmbed-] + +[/] +[=text-] +Text related to the cultural image. +[/] \ No newline at end of file diff --git a/site/culture.html b/site/culture.html index 31413bc..44a0dbe 100644 --- a/site/culture.html +++ b/site/culture.html @@ -3,7 +3,14 @@
[f culturalstuff cultureThing]
- +
+ [i exists cultureThing.img] + + [/i] + [i exists cultureThing.videoEmbed] + [^cultureThing.videoEmbed] + [/i] +

[^cultureThing.text]

diff --git a/site/main.css b/site/main.css index c8d06d1..d0225ae 100644 --- a/site/main.css +++ b/site/main.css @@ -13,6 +13,10 @@ --kuwaitred: #cf0821; } +img { + width: 100%; +} + #bg { position: absolute; z-index: -1000; @@ -26,7 +30,7 @@ /*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); - background-size: contain; + background-size: contain, cover; background-position: 50% 65%; background-repeat: no-repeat; /*background-color: var(--kuwaitgreen);/*white;*/ /*var(--deepcream);*/ /*#993231;*/ /* var(--cream); */ @@ -203,19 +207,23 @@ small { } @media (max-width: 1000px) { + #bg { + background-size: 120%, cover; + } + #main > p { padding-left: 10px; padding-right: 10px; } #shape { - height: 20px; + height: 40px; } #title { font-size: 2em; - padding-bottom: 20px; - clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 19px), 0% 100%); + padding-bottom: 40px; + clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 37px), 0% 100%); } @@ -280,7 +288,7 @@ small { justify-content: stretch; } - #culture > div > img { + #culture > div > div { width: 100% !important; box-sizing: border-box; padding: 30px; @@ -338,6 +346,10 @@ h1 { position: relative; } +#libpages > a > span:last-child > img { + width: auto; +} + #libpages > a > span:last-child::before { content: ""; transform: translateY(-8px); @@ -407,8 +419,12 @@ p#liblurb { width: 100%; } -#culture > div > img { - width: 50vw; +#culture > div > div { + min-width: 50vw; + box-sizing: border-box; + border: 10px solid black; + padding: 50px; + background-color: #888888; } #culture > div > p { diff --git a/site/res/Avraham_Society.png b/site/res/Avraham_Society.png index 9ff4234..3d12cc7 100644 Binary files a/site/res/Avraham_Society.png and b/site/res/Avraham_Society.png differ