|
|
| (23 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <!-- MAIN PAGE — free (non-grid) Yale-style scatter, 3 newest projects only.
| | #REDIRECT [[About]] |
| Paste EVERYTHING below into https://aslimona.xyz/index.php/Main_Page (Edit).
| |
| Needs the ".mp-collage" rules already in MediaWiki:Common.css.
| |
| | |
| HOW IT WORKS: one relative container with a fixed height; every box is
| |
| absolutely placed with top/left so nothing snaps to a grid. Move a box by
| |
| changing its top:/left:; resize by changing width:. Designed for desktop
| |
| width (~960px). If a box lands badly, just nudge its numbers. -->
| |
| <div class="mp-collage" style="position:relative; width:100%; max-width:960px; height:780px; margin:0;">
| |
| | |
| <div style="position:absolute; top:0; left:0; background:var(--accent); color:var(--accent-text); padding:0.05em 0.25em; font-size:18px; font-weight:bold; line-height:1.4;">Asli Serbest / Mona Mahall</div>
| |
| | |
| <div style="position:absolute; top:60px; left:0; width:340px; background:#ffffff; color:#000; padding:14px; font-size:18px; line-height:1.35;">Asli Serbest and Mona Mahall work in collaborations across spatial, image, sound, and text practices, at the intersection of art and architecture. All their projects follow a feminist methodology.</div>
| |
| | |
| <div style="position:absolute; top:410px; left:0; width:340px; background:#ffffff; color:#000; padding:14px; font-size:16px; line-height:1.35;">Exhibited internationally, incl. Biennale di Venezia, Kunstraum Kreuzberg/Bethanien Berlin, Riverrun Istanbul, Württembergische Kunstverein Stuttgart, HKW Berlin, New Museum New York.</div>
| |
| | |
| <div style="position:absolute; top:620px; left:40px; background:#0000ff; color:#fff; padding:10px 16px; font-size:20px; font-weight:bold;">[[Mona Mahall / Asli Serbest: About|About]]</div>
| |
| | |
| <div style="position:absolute; top:10px; left:520px; width:360px;">[[File:DigitalTwin-Lead.jpg|frameless|link=Digital Twin|alt=Digital Twin]]</div>
| |
| <div style="position:absolute; top:250px; left:545px; background:#ff0000; color:#fff; padding:8px 12px; font-size:22px; font-weight:bold;">[[Digital Twin]]</div>
| |
| | |
| <div style="position:absolute; top:330px; left:370px; width:270px;">[[File:HomesOfInternet-Lead.jpg|frameless|link=Homes of the Internet|alt=Homes of the Internet]]</div>
| |
| <div style="position:absolute; top:520px; left:370px; background:#ffdcff; color:#000; padding:8px 12px; font-size:20px; font-weight:bold;">[[Homes of the Internet]]</div>
| |
| | |
| <div style="position:absolute; top:300px; left:670px; width:290px;">[[File:SinopBiennial-Lead.jpg|frameless|link=Sinop Biennial 7 / A Politics of Location|alt=Sinop Biennial]]</div>
| |
| <div style="position:absolute; top:520px; left:690px; background:#ffff00; color:#000; padding:8px 12px; font-size:20px; font-weight:bold;">[[Sinop Biennial 7 / A Politics of Location|Sinop Biennial 7]]</div>
| |
| | |
| </div>
| |
| | |
| [[Category:Projects]]
| |