all-pages/index.html at master · abulvenz/all-pages · GitHub

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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>All github pages</title>
    <link rel="stylesheet" href="main.css">
</head>

<body>
    <header class="main">
        <h1>Statische Feierabendprojekte</h1>
        <p>Since it has now been quite a while since I started my first github project, even for myself it's a bit hard to keep track of them.</p>
    </header>

    <main>
        <!--emmet template
         article.list>(div.container>h2+p+a.button)img
        -->
        <article class="list">
            <div class="container">
                <h2>Shifty</h2>
                <p>The small ever known program where you shift around pieces until they are in order.</p>
                <a href="https://abulvenz.github.io/shifty" class="button">Go to Shifty</a>
            </div>
            <img src="2024-09-30_22-58-59_crop.png" alt="Shifty view">
        </article>
        <article class="list">
            <div class="container">
                <h2>Abanga</h2>
                <p>Solutions to a puzzle game where you are told to assemble a cube from seven uneven pieces.</p>
                <a href="https://abulvenz.github.io/abanga/" class="button">Go to Abanga</a>
            </div>
            <img src="2024-09-30_23-06-24_crop.png" alt="View of one solution to cube puzzle.">
        </article>
        <article class="list">
            <div class="container">
                <h2>Doppelgänger</h2>
                <p>Find the matching item on your card that matches the open card.</p>
                <a href="https://abulvenz.github.io/doppel/" class="button">Go to Doppelgänger</a>
            </div>
            <img src="2024-09-30_23-10-19_crop.png" alt="Doppelgänger game view">
        </article>
        <article class="list">
            <div class="container">
                <h2>Master mind</h2>
                <p>An interactive solution table for the game master mind.</p>
                <a href="https://abulvenz.github.io/guess/" class="button">Go to brain outpost</a>
            </div>
            <img src="2024-09-30_23-13-53_crop.png" alt="Master mind solution helper view.">
        </article>
        <article class="list">
            <div class="container">
                <h2>Zahlenmauer</h2>
                <p>A small program for pupils to learn addition and subtraction.</p>
                <a href="https://abulvenz.github.io/zahlenmauer" class="button">Go to Zahlenmauer</a>
            </div>
            <img src="Screenshot_20230307_151529.png" alt="zahlenmauer screenshot">
        </article>
        <article class="list">
            <div class="container">
                <h2>Ascii Art Movie Editor</h2>
                <p>Minimalistic way to create animated text sequences.</p>
                <a href="https://abulvenz.github.io/ascii-art-movie-editor" class="button">Go to Movie Editor</a>
            </div>
            <img src="Screenshot_20221012_183736.png" alt="ascii movie editor screenshot">
        </article>
        <article class="list">
            <div class="container">
                <h2>Black Out</h2>
                <p>The Japanese name is Fakutishori. A game.</p>
                <a href="https://abulvenz.github.io/fakutishori" class="button">Go to black out</a>
            </div>
            <img src="Screenshot from 2021-03-22 22-03-02.png" alt="Fakutishori">
        </article>

        <article class="list">
            <div class="container">
                <h2>WP-JSON Viewer</h2>
                <p>A mini.css styled minimal frontend for the wordpress JSON-API.</p>
                <a href="https://abulvenz.github.io/wp-json-viewer/" class="button">Go to Viewer</a>
            </div>
            <img src="Screenshot from 2021-01-04 20-57-25.png" alt="wp-json viewer">
        </article>

        <article class="list">
            <div class="container">
                <h2>Latin Square Dance</h2>
                <p>Visualization and generation of <a href="https://de.wikipedia.org/wiki/Lateinisches_Quadrat">Latin
                        squares</a></p>
                <a href="https://abulvenz.github.io/latin-square-dance" class="button">Go to Square Dance</a>
            </div>
            <img src="Screenshot from 2020-12-31 15-29-57.png" alt="square dance">
        </article>

        <article class="list">
            <div class="container">
                <h2>Robots</h2>
                <p>A small robot that can be programmed online.</p>
                <a href="https://abulvenz.github.io/robots" class="button">Go to Robots</a>
            </div>
            <img src="Screenshot from 2020-06-17 23-56-54.png" alt="robots">
        </article>

        <article class="list">
            <div class="container">
                <h2>Contribution Pixel Messages</h2>
                <p>The slowest updating display: 52x7 pixels in one year.</p>
                <a href="https://abulvenz.github.io/contribution-pixel-messages/" class="button">Go to
                    ContributionPixelMessages-Generator</a>
            </div>
            <img src="Screenshot from 2020-06-02 22-15-42.png" alt="contribution-pixel-messages">
        </article>

        <article class="list">
            <div class="container ">
                <h2>Zettelkasten</h2>
                <p>Create sticky notes and move them around.</p>
                <a class="button" href="https://abulvenz.github.io/zettelkasten">Go to Zettelkasten</a>
            </div>
            <img src="Screenshot from 2020-05-10 21-06-53.png">
        </article>

        <article class="list">
            <div class="container ">
                <h2>Starfield 404</h2>
                <p>Visit the emptyness.</p>
                <a class="button" href="https://abulvenz.github.io/starfield-404">Go to 404</a>
            </div>
            <img src="Screenshot from 2020-05-02 21-10-24.png">
        </article>

        <article class="list">
            <div class="container ">
                <h2>1-0-Rätsel</h2>
                <p>A binary General Anzeiger puzzle.</p>
                <a class="button" href="https://abulvenz.github.io/1-0-raetsel">Go to 1-0-Rätsel</a>
            </div>
            <img src="Screenshot from 2020-05-14 20-18-59.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Splitter</h2>
                <p>Split your bills with your friends. Share it in one link.</p>
                <a class="button" href="https://abulvenz.github.io/splitter">Go to Splitter</a>
            </div>
            <img src="Screenshot from 2020-05-02 21-11-33.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Tetras</h2>
                <p>Clone of some famous game nobody ever played. It has an additional rule: When you manage to connect left and right boundary with a uni-colored line (must not be straight) little explosions will free your way.</p>
                <a class="button" href="https://abulvenz.github.io/tetras">Go to Tetras</a>
            </div>
            <img src="Screenshot from 2020-05-02 21-05-49.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>All Pages</h2>
                <p>Showcase of all my github pages. Wait - this is the very page you are on. Inception.</p>
                <a class="button" href="https://abulvenz.github.io/all-pages">Go to AllPages</a>
            </div>
            <img src="Screenshot from 2020-05-03 00-03-53.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Realworld Mithril</h2>
                <p>Showcase of my most beloved browser abstraction toolkit.</p>
                <a class="button" href="https://abulvenz.github.io/realworld-mithril/">Go to RealWorldMithril</a>
            </div>
            <img src="Screenshot from 2020-05-02 21-00-33.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Schüttelreimsuche</h2>
                <p>A Schüttelreim is a double rhyme that exchanges the first consonants of the two words to find a rhyme pair.
                </p>
                <a class="button" href="https://abulvenz.github.io/schuttelreimsuche/">Go to Schüttelreimsuche</a>
            </div>
            <img src="Screenshot from 2020-05-02 20-49-43.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Wortpfadfinder</h2>
                <p>Make your way through the letters to find the longest and most unique word before the others.</p>
                <a class="button" href="https://abulvenz.github.io/wortpfadfinder/">Go to Wortpfadfinder</a>
            </div>
            <img src="Screenshot from 2020-05-02 20-48-40.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Counting Binary</h2>
                <p>Practice to do it up to 1024 with your fingers.</p>
                <a class="button" href="https://abulvenz.github.io/counting-binary/">Go to Counting Binary</a>
            </div>
            <img src="Screenshot from 2020-05-02 20-47-29.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Tagl-Mithril</h2>
                <p>A small library providing the composition of <a href="https://github.com/StephanHoyer/tagl">tagl</a> and <a href="https://mithril.js.org">mithril</a>.</p>
                <a class="button" href="https://github.com/abulvenz/tagl-mithril">Go to source code of Tagl-Mithril</a>
            </div>
        </article>

        <article class="list">
            <div class="container">
                <h2>Puzzles</h2>
                <p>A small collection of puzzles and little web experiments.</p>
                <a class="button" href="https://abulvenz.github.io/puzzles/#!/">Go to Puzzles</a>
            </div>
            <img src="Screenshot from 2020-05-02 20-46-26.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Nayouchi</h2>
                <p><b>Na</b>me <b>you</b>r <b>chi</b>ld. Gather childnames you and your partner like. The app is hosted on heroku. It's frontend is using mithril and is connected to the backend via the vertx event-bus.
                </p>
                <a class="button" href="https://nayouchi.herokuapp.com">Go to Nayouchi</a>
            </div>
            <img src="Screenshot from 2020-05-02 20-35-24.png">
        </article>

        <article class="list">
            <div class="container">
                <h2>Baustoff</h2>
                <p>Prototype for a web-app to find ecologically beneficial construction materials.</p>
                <a class="button" href="https://abulvenz.github.io/baustoff/#!/">Go to Baustoff</a>
            </div>
            <img src="Screenshot from 2020-05-02 20-44-54.png">
        </article>

    </main>
</body>

</html>