-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
149 lines (123 loc) · 4.14 KB
/
about.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Setareh Roozbahani - Projects</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=DejaVu+Sans+Mono&display=swap');
/* Basic Styles */
body {
background-color: #000000;
color: #542b38;
font-family: 'DejaVu Sans Mono', monospace;
margin: 0;
padding: 0;
}
header {
display: flex;
justify-content: space-between;
padding: 30px;
color: #784A59;
}
.name {
font-size: 1.7em;
font-weight: bold;
margin-right: 20px;
color: #784A59;
}
.name a {
text-decoration: none;
color: #784A59;
}
.name a:hover {
color: #FFD700;
}
nav {
display: flex;
justify-content: center;
align-items: center;
}
nav a {
margin: 0 10px;
text-decoration: none;
color: #784A59;
font-size: 1.1em;
}
nav a:hover {
color: #FFD700;
}
.content {
padding: 20px;
padding-right: 800px;
max-width: 500px;
text-align: justify;
font-size: 1em;
}
footer {
text-align: left;
padding: 20px;
color: #784A59;
position: fixed;
width: 100%;
bottom: 0;
font-size: 0.8em;
}
/* Media Queries for Responsive Design */
/* For tablets and smaller screens */
@media (max-width: 768px) {
header {
flex-direction: column;
align-items: center;
text-align: center;
padding: 15px;
}
nav a {
margin: 0 8px;
font-size: 1em;
}
.content {
padding: 20px;
max-width: 90%; /* Make content take up more width */
}
}
/* For mobile phones */
@media (max-width: 480px) {
header {
padding: 10px;
}
.name {
font-size: 1.4em;
}
nav a {
margin: 0 5px;
font-size: 0.9em;
}
.content {
padding: 10px;
max-width: 100%; /* Full-width content on mobile */
font-size: 0.9em;
}
}
</style>
</head>
<body>
<header>
<div class="name"><a href="index.html">Setareh Roozbahani</a></div>
<nav>
<a href="work.html">Work</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<div class="content">
<p>Interested in interdisciplinary approaches between architecture, art, and technology, Tehran-born and Belgian-based architect Setareh Roozbahani embraces speculative practice, a multi-disciplinary strategy toward spatial imagination. While obtaining a master's degree in Architecture at KU Leuven University, she became interested in computational design thinking and digital tools such as 3D scanning, photogrammetry, and integrating data driven by sensors in physical space.</p>
<p>She adopted an investigation through the spatial characters of hybrid edges influenced by brutality and domesticity of the hometown through the forensic photogrammetry drawings in The Spheres of Influence. This work was presented at the group exhibition Unbuildings: Remnants, Devicings, Chancings, Hollowings, Leavings at Versus Art Project in Istanbul, Turkey, in September 2024.</p>
<p>She continues to explore the computational production of images and drawings as a method of learning and discovery.</p>
</div>
<footer>
© 2024 Setareh Roozbahani
</footer>
</body>
</html>