From c6cd96ed28f57ae5573a8ecad1acc9179c1e7aef Mon Sep 17 00:00:00 2001 From: WriterV2 Date: Sat, 28 Jan 2023 10:55:10 +0100 Subject: Remove workcard images --- .../das_schweigende_spiegelbild_image.png | Bin 96608 -> 0 bytes .../workcardimages/hubristic_failures_image.png | Bin 97370 -> 0 bytes .../workcardimages/mit_gutem_gewissen_image.png | Bin 117141 -> 0 bytes docs/index.html | 1 - docs/stories.html | 18 ++++++++++-- docs/style.css | 32 +++++---------------- docs/style.css.map | 2 +- .../das_schweigende_spiegelbild_image.png | Bin 527213 -> 0 bytes images/workcardimages/hubristic_failures_image.png | Bin 458872 -> 0 bytes images/workcardimages/mit_gutem_gewissen_image.png | Bin 568149 -> 0 bytes sass/style.scss | 28 ++++-------------- src/images_processing.rs | 24 ---------------- src/main.rs | 2 -- src/works/stories.rs | 1 - stories.json | 3 -- templates/stories.html | 2 +- 16 files changed, 29 insertions(+), 84 deletions(-) delete mode 100644 docs/images/workcardimages/das_schweigende_spiegelbild_image.png delete mode 100644 docs/images/workcardimages/hubristic_failures_image.png delete mode 100644 docs/images/workcardimages/mit_gutem_gewissen_image.png delete mode 100644 images/workcardimages/das_schweigende_spiegelbild_image.png delete mode 100644 images/workcardimages/hubristic_failures_image.png delete mode 100644 images/workcardimages/mit_gutem_gewissen_image.png delete mode 100644 src/images_processing.rs diff --git a/docs/images/workcardimages/das_schweigende_spiegelbild_image.png b/docs/images/workcardimages/das_schweigende_spiegelbild_image.png deleted file mode 100644 index 7d817d7..0000000 Binary files a/docs/images/workcardimages/das_schweigende_spiegelbild_image.png and /dev/null differ diff --git a/docs/images/workcardimages/hubristic_failures_image.png b/docs/images/workcardimages/hubristic_failures_image.png deleted file mode 100644 index 4dccb7f..0000000 Binary files a/docs/images/workcardimages/hubristic_failures_image.png and /dev/null differ diff --git a/docs/images/workcardimages/mit_gutem_gewissen_image.png b/docs/images/workcardimages/mit_gutem_gewissen_image.png deleted file mode 100644 index 854001d..0000000 Binary files a/docs/images/workcardimages/mit_gutem_gewissen_image.png and /dev/null differ diff --git a/docs/index.html b/docs/index.html index 4a16d7c..74c723d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -26,7 +26,6 @@ Vithuran Vishnuthas © 2022 - diff --git a/docs/stories.html b/docs/stories.html index 720a6ee..6f2a47c 100644 --- a/docs/stories.html +++ b/docs/stories.html @@ -43,7 +43,7 @@
- +

Mit gutem Gewissen

Lorem ipsum dolor sit amet, officia excepteur.

@@ -55,7 +55,7 @@
- +

Das schweigende Spiegelbild

Em pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.

@@ -67,7 +67,19 @@
- + +
+

Hubristic Failures

+

Ui minim labore adipisicing minim sint cillum sint consectetur cupidatat.ex esse exercitation idatat excepteur officia.

+
+
+ 2 Pages + English + Screenplay +
+
+ +

Hubristic Failures

Ui minim labore adipisicing minim sint cillum sint consectetur cupidatat.ex esse exercitation idatat excepteur officia.

diff --git a/docs/style.css b/docs/style.css index d7ac078..e6ed4be 100644 --- a/docs/style.css +++ b/docs/style.css @@ -43,15 +43,16 @@ main .works { row-gap: 2em; column-gap: 2em; } -main .works .work-card:nth-child(even) { - background-position: left; - align-items: flex-end; -} -@media screen and (min-width: 992px) { +@media screen and (min-width: 768px) { main .works { grid-template-columns: 1fr 1fr; } } +@media screen and (min-width: 1024px) { + main .works { + grid-template-columns: 1fr 1fr 1fr 1fr; + } +} footer { text-align: center; @@ -72,35 +73,16 @@ a:hover { padding: 2em; background-color: #333; border-radius: 0.3em; - background-repeat: no-repeat; - background-size: contain; - background-position: right; border: 1px solid #131313; height: 250px; display: flex; flex-direction: column; justify-content: space-between; - background-blend-mode: overlay; -} -.work-card .title-and-description, .work-card .info { - max-width: 50%; } .work-card .title-and-description h3, .work-card .info h3 { font-weight: lighter; color: #a29d7f; } -@media screen and (max-width: 650px) { - .work-card .title-and-description, .work-card .info { - font-size: 0.8em; - max-width: 70%; - } -} -@media screen and (max-width: 500px) { - .work-card .title-and-description, .work-card .info { - font-size: 0.7em; - max-width: 100%; - } -} .work-card .info span { background-color: #131313; padding: 0.5em; @@ -111,7 +93,7 @@ a:hover { } .works-filter { - padding: 1em; + padding-bottom: 2em; font-size: 0.9em; } @media screen and (max-width: 500px) { diff --git a/docs/style.css.map b/docs/style.css.map index 9e6a1b0..1414e24 100644 --- a/docs/style.css.map +++ b/docs/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBAtCe;;;AAyCnB;EACI;EACA;;AACA;EAKI;EACA;EACA;;AANA;EACI;EACA;;AAMJ;EATJ;IAUQ;;;;AAMZ;EACI;EACA;EACA,kBA9DQ;;;AAiEZ;EACI;EACA;;AACA;EACI,cAnEO;EAoEP;;;AAIR;EACI;EACA,kBA5EQ;EA6ER;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA,OAzFG;;AA2FP;EANJ;IAOQ;IACA;;;AAEJ;EAVJ;IAWQ;IACA;;;AAKJ;EACI,kBA1GO;EA2GP;EACA;;AAGR;EACI;;;AAIR;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAGJ;EACI;EACA,OA3HK;;AA6HT;EACI,kBA/HI;EAgIJ,OA9HO;EA+HP","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBAtCe;;;AAyCnB;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;;AAKZ;EACI;EACA;EACA,kBA3DQ;;;AA8DZ;EACI;EACA;;AACA;EACI,cAhEO;EAiEP;;;AAIR;EACI;EACA,kBAzEQ;EA0ER;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA,OAjFG;;AAqFP;EACI,kBAzFO;EA0FP;EACA;;AAGR;EACI;;;AAIR;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OAzGK;;AA2GT;EACI,kBA7GI;EA8GJ,OA5GO;EA6GP","file":"style.css"} \ No newline at end of file diff --git a/images/workcardimages/das_schweigende_spiegelbild_image.png b/images/workcardimages/das_schweigende_spiegelbild_image.png deleted file mode 100644 index 115a343..0000000 Binary files a/images/workcardimages/das_schweigende_spiegelbild_image.png and /dev/null differ diff --git a/images/workcardimages/hubristic_failures_image.png b/images/workcardimages/hubristic_failures_image.png deleted file mode 100644 index a96bd3e..0000000 Binary files a/images/workcardimages/hubristic_failures_image.png and /dev/null differ diff --git a/images/workcardimages/mit_gutem_gewissen_image.png b/images/workcardimages/mit_gutem_gewissen_image.png deleted file mode 100644 index d320e63..0000000 Binary files a/images/workcardimages/mit_gutem_gewissen_image.png and /dev/null differ diff --git a/sass/style.scss b/sass/style.scss index 4db7a20..73aeb80 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -43,19 +43,16 @@ main { margin: 2em; min-height: calc(100vh - 108.8px - 25.6px - 25.6px - 32px - 32px); .works { - .work-card:nth-child(even) { - background-position: left; - align-items: flex-end; - } display: grid; row-gap: 2em; column-gap: 2em; - - @media screen and (min-width: 992px) { + @media screen and (min-width: 768px) { grid-template-columns: 1fr 1fr; } + @media screen and (min-width: 1024px) { + grid-template-columns: 1fr 1fr 1fr 1fr; + } } - } footer { @@ -77,30 +74,16 @@ a { padding: 2em; background-color: $box-color; border-radius: 0.3em; - background-repeat: no-repeat; - background-size: contain; - background-position: right; border: 1px solid $background-color; height: 250px; display: flex; flex-direction: column; justify-content: space-between; - background-blend-mode: overlay; .title-and-description, .info { - max-width: 50%; h3 { font-weight: lighter; color: $accent-color; } - @media screen and (max-width: 650px) { - font-size: 0.8em; - max-width: 70%; - } - @media screen and (max-width: 500px) { - font-size: 0.7em; - max-width: 100%; - } - } .info { span { @@ -115,12 +98,11 @@ a { } .works-filter { - padding: 1em; + padding-bottom: 2em; font-size: 0.9em; @media screen and (max-width: 500px) { font-size: 0.7em; } - label { margin-left: 2em; color: $font-color; diff --git a/src/images_processing.rs b/src/images_processing.rs deleted file mode 100644 index 483d44c..0000000 --- a/src/images_processing.rs +++ /dev/null @@ -1,24 +0,0 @@ -use anyhow::{Context, Result}; - -// resize all work card images to 250 x 250 px -pub fn resize_workcard_images() -> Result> { - let mut result: Vec<()> = Vec::new(); - for image_file in std::fs::read_dir("images/workcardimages")? { - let path = image_file?.path(); - let filename = if let Some(name) = &path.to_str() { - Ok(format!("docs/{}", name)) - } else { - Err(anyhow::Error::msg("")) - }; - - let img = image::open(&path)?; - let processed_image = img.resize(250, 250, image::imageops::FilterType::Triangle); - let mut output_file = std::fs::File::create(filename?)?; - result.push( - processed_image - .write_to(&mut output_file, image::ImageFormat::Png) - .with_context(|| format!("Failed to resize work card image from {:?}", path))?, - ); - } - Ok(result) -} diff --git a/src/main.rs b/src/main.rs index 39d4b9d..942b621 100644 --- a/src/main.rs +++ b/src/main.rs @@ -3,11 +3,9 @@ use tera::{Context, Tera}; use crate::works::Works; -mod images_processing; mod works; fn main() -> Result<()> { - images_processing::resize_workcard_images()?; // new tera instance let tera = Tera::new("templates/**/*.html")?; diff --git a/src/works/stories.rs b/src/works/stories.rs index f9f3fb1..11a32e0 100644 --- a/src/works/stories.rs +++ b/src/works/stories.rs @@ -12,7 +12,6 @@ pub struct Story { pub title: String, pub description: String, pub path_to_document: String, - pub path_to_image: String, pub number_of_pages: u16, pub story_type: String, pub language: Language, diff --git a/stories.json b/stories.json index e39aa83..af73d96 100644 --- a/stories.json +++ b/stories.json @@ -4,7 +4,6 @@ "title": "Mit gutem Gewissen", "description": "Lorem ipsum dolor sit amet, officia excepteur.", "path_to_document": "./stories/mit_gutem_gewissen.pdf", - "path_to_image": "mit_gutem_gewissen_image.png", "number_of_pages": 7, "story_type": "Shortstory", "language": "German" @@ -14,7 +13,6 @@ "title": "Das schweigende Spiegelbild", "description": "Em pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.", "path_to_document": "./stories/das_schweigende_spiegelbild.pdf", - "path_to_image": "das_schweigende_spiegelbild_image.png", "number_of_pages": 2, "story_type": "Shortstory", "language": "German" @@ -24,7 +22,6 @@ "title": "Hubristic Failures", "description": "Ui minim labore adipisicing minim sint cillum sint consectetur cupidatat.ex esse exercitation idatat excepteur officia.", "path_to_document": "./stories/hubristic_failures.pdf", - "path_to_image": "hubristic_failures_image.png", "number_of_pages": 2, "story_type": "Screenplay", "language": "English" diff --git a/templates/stories.html b/templates/stories.html index 431453c..46c0698 100644 --- a/templates/stories.html +++ b/templates/stories.html @@ -21,7 +21,7 @@