Remove workcard images

16 files changed, 29 insertions, 84 deletions

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
--- a/docs/images/workcardimages/das_schweigende_spiegelbild_image.png
+++ /dev/null
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
--- a/docs/images/workcardimages/hubristic_failures_image.png
+++ /dev/null
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
--- a/docs/images/workcardimages/mit_gutem_gewissen_image.png
+++ /dev/null
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
     </footer>
     
-    <script src=""></script>
     
 </body>
 
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 @@
 </div>
 <div class="works">
     
-        <a href=".&#x2F;stories&#x2F;mit_gutem_gewissen.pdf" style="background-image: url('./images/workcardimages/mit_gutem_gewissen_image.png');" class="work-card" download>
+        <a href=".&#x2F;stories&#x2F;mit_gutem_gewissen.pdf" class="work-card" download>
                     <div class="title-and-description">
                         <h3>Mit gutem Gewissen</h3>
                         <p>Lorem ipsum dolor sit amet, officia excepteur.</p>
@@ -55,7 +55,7 @@
                     </div>
         </a>
     
-        <a href=".&#x2F;stories&#x2F;das_schweigende_spiegelbild.pdf" style="background-image: url('./images/workcardimages/das_schweigende_spiegelbild_image.png');" class="work-card" download>
+        <a href=".&#x2F;stories&#x2F;das_schweigende_spiegelbild.pdf" class="work-card" download>
                     <div class="title-and-description">
                         <h3>Das schweigende Spiegelbild</h3>
                         <p>Em pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.</p>
@@ -67,7 +67,19 @@
                     </div>
         </a>
     
-        <a href=".&#x2F;stories&#x2F;hubristic_failures.pdf" style="background-image: url('./images/workcardimages/hubristic_failures_image.png');" class="work-card" download>
+        <a href=".&#x2F;stories&#x2F;hubristic_failures.pdf" class="work-card" download>
+                    <div class="title-and-description">
+                        <h3>Hubristic Failures</h3>
+                        <p>Ui minim labore adipisicing minim sint cillum sint consectetur cupidatat.ex esse exercitation idatat excepteur officia.</p>
+                    </div>
+                    <div class="info">
+                        <span>2 Pages</span>
+                        <span class="story-language">English</span>
+                        <span class="story-type">Screenplay</span>
+                    </div>
+        </a>
+    
+        <a href=".&#x2F;stories&#x2F;hubristic_failures.pdf" class="work-card" download>
                     <div class="title-and-description">
                         <h3>Hubristic Failures</h3>
                         <p>Ui minim labore adipisicing minim sint cillum sint consectetur cupidatat.ex esse exercitation idatat excepteur officia.</p>
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
--- a/images/workcardimages/das_schweigende_spiegelbild_image.png
+++ /dev/null
diff --git a/images/workcardimages/hubristic_failures_image.png b/images/workcardimages/hubristic_failures_image.png
deleted file mode 100644
index a96bd3e..0000000
--- a/images/workcardimages/hubristic_failures_image.png
+++ /dev/null
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
--- a/images/workcardimages/mit_gutem_gewissen_image.png
+++ /dev/null
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<Vec<()>> {
-    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 @@
 </div>
 <div class="works">
     {% for work in works %}
-        <a href="{{work.path_to_document}}" style="background-image: url('./images/workcardimages/{{work.path_to_image}}');" class="work-card" download>
+        <a href="{{work.path_to_document}}" class="work-card" download>
                     <div class="title-and-description">
                         <h3>{{work.title}}</h3>
                         <p>{{work.description}}</p>