Remove workcard images

7 files changed, 23 insertions, 30 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