summaryrefslogtreecommitdiff
path: root/docs/stories.html
diff options
context:
space:
mode:
authorWriterV2 <primary-v2@protonmail.com>2022-11-05 11:44:58 +0100
committerWriterV2 <primary-v2@protonmail.com>2022-11-05 11:44:58 +0100
commit69336e9c603608e27cc4458d664839f038233a00 (patch)
tree954e1d82c44385e4ec3c54a22c71511c94b6069f /docs/stories.html
parentfefb0e01c42c74a98aafed4ebf99e2eebed0a2c4 (diff)
Add resizing for work card images
Diffstat (limited to 'docs/stories.html')
-rw-r--r--docs/stories.html82
1 files changed, 38 insertions, 44 deletions
diff --git a/docs/stories.html b/docs/stories.html
index 71db5ff..173f076 100644
--- a/docs/stories.html
+++ b/docs/stories.html
@@ -5,7 +5,7 @@
<title>Stories - Vithuran Vishnuthas</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="style.css">
+ <link rel="stylesheet" href="./style.css">
</head>
<body>
@@ -19,49 +19,43 @@
</nav>
<main>
-
-<a href=".&#x2F;stories&#x2F;mit_gutem_gewissen.pdf" style="background-image: url('.&#x2F;images&#x2F;mit_gutem_gewissen_image.png');" class="work-card" download>
- <!--<article class="story-section" style="background-image: url('.&#x2F;images&#x2F;mit_gutem_gewissen_image.png');">-->
- <div class="title-and-description">
- <h3>Mit gutem Gewissen</h3>
- <p>Lorem ipsum dolor sit amet, officia excepteur.</p>
- </div>
- <div class="info">
- <span>7 Pages</span>
- <span>German</span>
- <span>Shortstory</span>
- </div>
- <!--</article>-->
-</a>
-
-<a href=".&#x2F;stories&#x2F;das_schweigende_spiegelbild.pdf" style="background-image: url('.&#x2F;images&#x2F;das_schweigende_spiegelbild_image.png');" class="work-card" download>
- <!--<article class="story-section" style="background-image: url('.&#x2F;images&#x2F;das_schweigende_spiegelbild_image.png');">-->
- <div class="title-and-description">
- <h3>Das schweigende Spiegelbild</h3>
- <p>Em pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.</p>
- </div>
- <div class="info">
- <span>2 Pages</span>
- <span>German</span>
- <span>Shortstory</span>
- </div>
- <!--</article>-->
-</a>
-
-<a href=".&#x2F;stories&#x2F;hubristic_failures.pdf" style="background-image: url('.&#x2F;images&#x2F;hubristic_failures_image.png');" class="work-card" download>
- <!--<article class="story-section" style="background-image: url('.&#x2F;images&#x2F;hubristic_failures_image.png');">-->
- <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>English</span>
- <span>Screenplay</span>
- </div>
- <!--</article>-->
-</a>
-
+
+ <a href=".&#x2F;stories&#x2F;mit_gutem_gewissen.pdf" style="background-image: url('./images/workcardimages/mit_gutem_gewissen_image.png');" class="work-card" download>
+ <div class="title-and-description">
+ <h3>Mit gutem Gewissen</h3>
+ <p>Lorem ipsum dolor sit amet, officia excepteur.</p>
+ </div>
+ <div class="info">
+ <span>7 Pages</span>
+ <span>German</span>
+ <span>Shortstory</span>
+ </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>
+ <div class="title-and-description">
+ <h3>Das schweigende Spiegelbild</h3>
+ <p>Em pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.</p>
+ </div>
+ <div class="info">
+ <span>2 Pages</span>
+ <span>German</span>
+ <span>Shortstory</span>
+ </div>
+ </a>
+
+ <a href=".&#x2F;stories&#x2F;hubristic_failures.pdf" style="background-image: url('./images/workcardimages/hubristic_failures_image.png');" 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>English</span>
+ <span>Screenplay</span>
+ </div>
+ </a>
+
</main>
<footer>