https://stuurland.nl/writing/list

1<html>
2
3<head>
4    <meta charset="utf-8">
5    <title>All of my thoughts</title>
6    <link rel="icon" href="../assets/logo/favicon.svg" type="image/x-icon">
7    <link rel="stylesheet" href="../css/list.css">
8    

8<script async src="https://rum.cronitor.io/script.js"></script>

8
9    

9<script>
10        window.cronitor = window.cronitor || function () {(window.cronitor.q = window.cronitor.q || []).push(arguments);};
11        cronitor('config', {clientKey: '385f059f599064bb2882e74dc617cafc'});
12    </script>

12
13
14    <meta content="width=device-width, initial-scale=1" name="viewport" />
15    <meta property="og:title" content="My personal blog - thoughts and experiences on tech, design and more" />
16    <meta property="og:description" content="<meta property=" og:description"
17        content="Welcome to my personal blog, where I share my thoughts and experiences on a variety of topics. From design to technology, I write about what interests me in my free time." />
18    <meta property="og:url" content="https:/stuurland.nl/writing/list" />
19    <meta property="og:image" content="../assets/meta/list.png" />
20
21    <meta name="twitter:card" content="summary_large_image" />
22    <meta name="twitter:site" content="@interqualia_" />
23    <meta name="twitter:title" content="Interqualia" />
24    <meta name="twitter:description"
25        content="Welcome to my personal blog, where I share my thoughts and experiences on a variety of topics. From design to technology, I write about what interests me in my free time." />
26    <meta name="twitter:image" content="../assets/meta/list.png" />
27    <meta name="twitter:image:src" content="../assets/meta/list.png" />
28</head>
29
30<body class="listBody">
31    <a href="../index.html">Back to portfolio</a>
32    <h1>All of my thoughts</h1>
33    <div class="cardList">
34
35        <a class="card" href="/writing/nci-casestudy.html">
36            <article>
37                <section>
38                    <h2 class="title">NCI Case Study</h2>
39                    <p class="excerpt">In this project, my role was to lead the design process to improve the user
40                        experience of a surgical
41                        navigation system called Discovery this...</p>
42                </section>
43
44                <div>
45
46                    <span class="tag case-study">case-study</span>
47
48                    <p class="date">May 30, 2023</p>
49                </div>
50            </article>
51        </a>
52
53
54        <a class="card" href="/writing/cyberpunk-interfaces.html">
55            <article>
56                <section>
57                    <h2 class="title">Cyberpunk Interfaces</h2>
58                    <p class="excerpt">This is somewhat of a sequel to my previous post, I will use my expertise of
59                        interfaces to have a look at some interfaces that have come to pass in Cy...</p>
60                </section>
61
62                <div>
63
64                    <span class="tag Knowledge">Knowledge</span>
65
66                    <p class="date">July 4, 2021</p>
67                </div>
68            </article>
69        </a>
70
71
72        <a class="card" href="/writing/cyberpunk.html">
73            <article>
74                <section>
75                    <h2 class="title">Cyberpunk</h2>
76                    <p class="excerpt">I talk a bit about a passion of mine: Cyberpunk, why I find it interesting and
77                        what I've learned from it. A screenshot from Altered Carbon, a cyberpunk...</p>
78                </section>
79
80                <div>
81
82                    <span class="tag Passion">Passion</span>
83
84                    <p class="date">August 23, 2020</p>
85                </div>
86            </article>
87        </a>
88
89    </div>
90    

90<script src="../js/animation.js"></script>

90
91</body>
92
93</html>