docs/stories.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

<!DOCTYPE html>
<html lang="en">

<head>
    <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="icon" href="data:,">
</head>

<body>
    <header>
        <u><a href="/index.html"><h1>Writer V2</h1></a></u>
        Vithuran Vishnuthas
    </header>
    <nav>
            <a href="/index.html">Home</a>
            <a href="/stories.html">Stories</a>
    </nav>
    <main>
        
<h2>My Stories</h2>
<p class="works-description">
Despite my linguistic difficulties to express myself, my love for story telling is present in a few mediums. Most of my writings are German and somewhere on the fantasy-magical realism spectrum. Feedback and criticism is welcomed!
</p>
<div class="works-filter">
    <form>
        <label for="language-select">Language: </label>
        <select name="language" id="language-select">
            <option value="*">All</option>
            
            <option value="German">German</option>
            
            <option value="English">English</option>
            
        </select>
    </form>
</div>
<div class="works">
    
        <a href="./stories/wege_zum_tod.html" class="work-card card">
            <div class="title-and-description">
                <h3>Wege zum Tod</h3>
                <p>Drei Lebewesen begegnen auf verschiedenen Wegen dem Tod.</p>
            </div>
            <div class="info">
                <span>13 Pages</span>
                <span class="story-language">German</span>
                <span>Last Update: 2023-05-21</span>
            </div>
        </a>
    
        <a href="./stories/das_schweigende_spiegelbild.html" class="work-card card">
            <div class="title-and-description">
                <h3>Das schweigende Spiegelbild</h3>
                <p>Das Spiegelbild verzweifelt in seiner Hilflosigkeit gegenüber seinem Ich.</p>
            </div>
            <div class="info">
                <span>2 Pages</span>
                <span class="story-language">German</span>
                <span>Last Update: 2023-04-10</span>
            </div>
        </a>
    
        <a href="./stories/mit_gutem_gewissen.html" class="work-card card">
            <div class="title-and-description">
                <h3>Mit gutem Gewissen</h3>
                <p>Der gefährliche Zauber von Leon wird von seinem wegweisenden Freund durchschaut. Kann er ihn stoppen?</p>
            </div>
            <div class="info">
                <span>7 Pages</span>
                <span class="story-language">German</span>
                <span>Last Update: 2023-04-10</span>
            </div>
        </a>
    
        <a href="./stories/the_fallen_dragons_of_bavaria.html" class="work-card card">
            <div class="title-and-description">
                <h3>The fallen dragons of Bavaria</h3>
                <p>In his new life in Germany Kazuyuki is needed by dragons.</p>
            </div>
            <div class="info">
                <span>3 Pages</span>
                <span class="story-language">English</span>
                <span>Last Update: 2023-04-02</span>
            </div>
        </a>
    
</div>

    </main>
    <footer>
        Vithuran Vishnuthas &copy; 2022 - 2023
    </footer>
    <script src="./stories.js"></script>
</body>

</html>