-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprojets.html
More file actions
126 lines (119 loc) · 5.41 KB
/
Copy pathprojets.html
File metadata and controls
126 lines (119 loc) · 5.41 KB
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
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="Projets">
<meta name="author" content="Lena MK">
<title>Projets | Lena MK</title>
<link rel="stylesheet" href="./css/styles.css" type="text/css"/>
<link rel="stylesheet" href="./css/projets.css" type="text/css"/>
</head>
<body>
<script type="text/javascript">
fetch('nav.html')
.then(response => response.text())
.then(text => {
var node = document.getElementById("nav")
node.innerHTML += text
var current = document.getElementById("nav-projets").setAttribute("class", "active-nav")
})
fetch('footer.html').then(response => response.text())
.then(text => {
var node = document.getElementById("footer")
node.innerHTML += text
})
</script>
<div id="grid">
<div class="title">
<h1>Projets</h1>
</div>
<div class="grid-container">
<div>
<a href="https://github.com/lenaMK/bayt-wa-balad" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/bwb.png">
<figcaption>Bayt wa Balad</figcaption>
</figure>
</a>
</div>
<div>
<a href="https://github.com/lenaMK/gertraud-and-the-machines" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/g&tm_2025-11.png">
<figcaption>Gertraud & the machines</figcaption>
</figure>
</a>
</div>
<div>
<a href="https://lenamk.site/soft-data-celebration/" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/softDataCeleb_2025-06.png">
<figcaption>Célébration de données molles</figcaption>
</figure>
</a>
</div>
<div>
<a href="https://github.com/lenaMK/and-counting" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/andCounting_2024-04.png">
<figcaption>[...] and Counting</figcaption>
</figure>
</a>
</div>
<div>
<!--<a href="projets/brodin.html">-->
<figure>
<img class="fl-thumbnail" src="./img/projets/brodin_2024-04.png">
<figcaption>Chronologie brodée d'art public</figcaption>
</figure>
<!--</a>-->
</div>
<div>
<a href="https://lenamk.site/art-algorithmique/#data-public-artworks-by-women" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/figures-historiques_2024-03.png">
<figcaption>Figures historiques</figcaption>
</figure>
</a>
</div>
<!--
<div>
<a href="https://lenamk.site/art-algorithmique/#genuary-vermeers-tiles" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/vermeerPattern_2024-23.png">
<figcaption>Vermeer pattern</figcaption>
</figure>
</a>
</div>
-->
<div>
<a href="https://observablehq.com/@artistes-femmes-mac" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/artistes-femmes-mac_2022.png">
<figcaption>Femmes artistes au MAC</figcaption>
</figure>
</a>
</div>
<div>
<a href="https://monamontreal.org/application.html" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/MONA_app_2025.png">
<figcaption>Application mobile MONA</figcaption>
</figure>
</a>
</div>
<div>
<a href="https://www.public.archi/atlas-2021/" target="_blank">
<figure>
<img class="fl-thumbnail" src="./img/projets/conbavil_2021-04.png">
<figcaption>Atlas numérique de l'architecture publique</figcaption>
</figure>
</a>
</div>
</div>
</div>
<div id="nav"></div>
<div class="maj">Mise à jour avec description détaillée des projets à venir.</div>
<div id="footer"></div>
</body>
</html>