André Sier Mythological videogames and bio-electronic aggregates. André Sier portfolio website v2025.9753896200364. Bio-electronic artist operating machines. Non-Human Human Art-Sci Constructs. André Sier works artistically with code and interactive media in electronic, digital and biological arts at s373.net/x studios, where he combines videogames, installations, painting, sculpture, music, mathematics and computation into objects and experiences of electronic arts, merging mythology, interfaces, generative interactive space-time continuums. Zola 2997-01-01T00:00:00+00:00 https://andre-sier.com/atom.xml Contact 2997-01-01T00:00:00+00:00 2997-01-01T00:00:00+00:00 André Sier https://andre-sier.com/contact/ <div class="text-with-margins"> <!-- <div class="text-with-margins" style="width:55%;margins:auto;"> --> <!-- <div style="width:55%; background-color:rgba(0,0,255,0.5);"> --> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;contact&#x2F;AndreSier3dPrinting1000.JPG" alt="Contact Image AndreSier3dPrinting1000.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;contact&#x2F;AndreSier-hyperborea-domestudy2012CIMG5243.JPG" alt="Contact Image AndreSier-hyperborea-domestudy2012CIMG5243.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;contact&#x2F;AndreSier-struct_4-bari-studio9italia-CIMG1669.jpg" alt="Contact Image AndreSier-struct_4-bari-studio9italia-CIMG1669.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;contact&#x2F;AndreSier-perfect-studio_IMG_3112.jpg" alt="Contact Image AndreSier-perfect-studio_IMG_3112.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;contact&#x2F;AndreSier-studioIMAG0155.jpg" alt="Contact Image AndreSier-studioIMAG0155.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;contact&#x2F;AndreSier-studioIMG_20141001_172801aa.jpg" alt="Contact Image AndreSier-studioIMG_20141001_172801aa.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;contact&#x2F;AndreSier-zhyper+paisagemIMG_4054.JPG" alt="Contact Image AndreSier-zhyper+paisagemIMG_4054.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> AndreSier3dPrinting1000.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Contact / AndreSier3dPrinting1000.JPG", "Contact / AndreSier-hyperborea-domestudy2012CIMG5243.JPG", "Contact / AndreSier-struct_4-bari-studio9italia-CIMG1669.jpg", "Contact / AndreSier-perfect-studio_IMG_3112.jpg", "Contact / AndreSier-studioIMAG0155.jpg", "Contact / AndreSier-studioIMG_20141001_172801aa.jpg", "Contact / AndreSier-zhyper+paisagemIMG_4054.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- </div> --> </div> <p><br><br></p> <div class="text-with-margins"> <h4 id="s373-net-x-studios-mostly-based-in-lisbon-portugal">s373.net/x studios mostly based in lisbon, portugal.</h4> <p>~ follow social media feeds or contact through the form at <a rel="external" href="http://s373.net/contact">s373.net/contact</a></p> <p>~ radio and we listen to astronaut -at- s373.net if you'd like to get in touch.</p> <p>~ social feeds of interest ~ <a rel="external" href="https://tldr.nettime.org/@asier">@asier fediverse</a> ~ <a rel="external" href="https://www.instagram.com/a.sier/">@a.sier instagram</a> ~ <a rel="external" href="https://www.youtube.com/@andresier">@andresier youtube</a> ~ <a rel="external" href="https://andresier.bandcamp.com/">@andresier bandcamp</a> ~</p> <p>~ social archives ~ <a rel="external" href="https://vimeo.com/andresier">@andresier vimeo</a> ~ <a rel="external" href="https://twitter.com/as1er">@as1er twitter</a> ~ <a rel="external" href="https://facebook.com/andresier.comm">andresier.comm facebook</a> ~ <a rel="external" href="https://vimeo.com/andresier">@andresier vimeo</a> ~ <a rel="external" href="https://soundcloud.com/s373">s373 coundcloud</a> ~</p> <p>~ studio ~ <a rel="external" href="https://s373.net/x">s373.net/x</a> ~ cultural association ~ <a rel="external" href="https://artecodigo.pt">artecodigo.pt</a> ~</p> <p>~ mailing address @ artecódigo.pt</p> </div> archive 2227-01-01T00:00:00+00:00 2227-01-01T00:00:00+00:00 André Sier https://andre-sier.com/archive/ <div class="text-with-margins"> <div style="width: 521px; margin: 0 auto;"> <figure class=max-width> <picture> <img src="https://andre-sier.com/archive/as-archive.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/archive/as-archive.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> </div> <h3 id="planeta-clix-pt-a-sier">planeta.clix.pt/a.sier</h3> <p><a href="/">planeta.clix.pt/a.sier localhost</a> ~1995-2000</p> <h3 id="sier-risco-pt">sier.risco.pt</h3> <p><a href="/">sier.risco.pt localhost</a> ~ 2000~2010</p> <h3 id="uunniivveerrssee-net">uunniivveerrssee.net</h3> <p><a href="/">uunniivveerrssee.net localhost</a> ~ 2010~2021</p> <h3 id="piantadelmondo-info">piantadelmondo.info</h3> <p><a href="/">piantadelmondo.info localhost</a> ~ 2011~2021</p> <h3 id="wolfanddotcom-info">wolfanddotcom.info</h3> <p><a href="/">wolfanddotcom.info localhost</a> ~ 2011~2024</p> </div> biocv 2227-01-01T00:00:00+00:00 2227-01-01T00:00:00+00:00 André Sier https://andre-sier.com/biocv/ <div class="text-with-margins"> <br> <br> <br> <div style="width: 521px; margin: 0 auto;"> <figure class=max-width> <picture> <img src="https://andre-sier.com/biocv/andre-sier-19gr.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/biocv/andre-sier-19gr.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> </div> <br> <br> <br> <div class="two-columns" id="twoColumns"> <!-- # biocv --> <!-- ## andre-sier.com This website presents the selected portfolio of André Sier. Viewing and usage of this website and its content, abides you to the terms of the [License](../license). --> <p><strong>André Sier</strong>, PhD, é um artista-investigador que constrói videojogos mitológicos e agregados bioelectrónicos, combinando interfaces humanas e não humanas resilientes com ambientes audiovisuais imersivos e interativos. Nos últimos 25 anos produziu objetos premiados e obras interativas em séries que revelam de forma lúdica um tempo espaço sintetizados em substratos bioelectrónicos de arte imaginária, exibidos em mais de 34 exposições individuais nacionais e internacionais, mais de 100 eventos e exposições coletivas. Destaca as exposições individuais internacionais <em>Motion=Snd</em>, Kapelica Gallery, Ljubljana (2009), <em>Ape-x</em>, Galeria NT Lodz (2010), bem como as colectivas <em>Algoritmia</em>, MEIAC, Badajoz (2021), <em>Stream</em> na White Box, Nova Iorque (2007), <em>Meta.Morfosis</em> no MEIAC (2006), <em>XIII Biennale Young Artists Europe and the Mediterranean</em>, Bari (2008). Em Portugal destaca as exposições individuais <em>(2)000 &amp; Uivo</em>, MUHNAC (2022), <em>Mel da Senhora do Labirinto</em> na Zaratan (2020), <em>Atlantis</em> no MNAC (2016), <em>Labirinto de Chronos I</em> no Convento de S. Francisco, Coimbra (2016-17), <em>Esculturas e Jogos Generativos (ds/dt)</em> na Igreja São Vicente, Évora (2015), <em>Skate.Exe</em> na Galeria Luis Serpa (2014-15), <em>uunniivveerrssee.net</em> no Museu São Roque (2011), <em>747</em> na Galeria Quadrum (2002). André Sier é artista bioelectrónico com formação em ciências, artes, computação, licenciado em filosofia, obteve o seu doutoramento pelo programa Planetary Collegium da Universidade de Plymouth (2023). Educador de artes digitais e eletrónicas desde 2002, professor convidado de Projetos e Novos Media na Universidade de Évora (2012-24) e de Computação Multimédia na Faculdade de Belas Artes da Universidade de Lisboa (2017,23-), é também diretor dos estúdios s373.net/x com focos em código, jogos, máquinas, e da associação cultural ArteCódigo, que combina artes, ecologia e tecnologia.</p> <p><strong>André Sier</strong>, PhD, is an artist-researcher building mythological video games and bio-electronic aggregates, combining human and non-human resilient interfaces with immersive and interactive audiovisual environments. Over the last 25 years he has produced award-winning objects and interactive works in series that playfully reveal a time and space synthesized in bio-electronic substrates of imaginary art, exhibited in more than 34 national and international solo exhibitions, more than 100 events and collective exhibitions. Highlights the international solo exhibitions <em>Motion=Snd</em>, Kapelica Gallery, Ljubljana (2009), <em>Ape-x</em>, Galeria NT Lodz (2010), as well as the collectives <em>Algoritmia</em>, MEIAC, Badajoz (2021), <em>Stream</em> at White Box, New York (2007), <em>Meta.Morfosis</em> at MEIAC (2006), <em>XIII Biennale Young Artists Europe and the Mediterranean</em>, Bari (2008). In Portugal, he highlights the solo shows <em>(2)000 &amp; Uivo</em>, MUHNAC (2022), <em>Mel da Senhora do Labirinto</em> at Zaratan (2020), <em>Atlantis</em> at MNAC (2016), <em>Labirinto de Chronos I</em> at Convento de S. Francisco, Coimbra (2016-17), <em>Generative Sculptures and Games (ds/dt)</em> at Igreja São Vicente, Évora (2015), <em>Skate.Exe</em> at Galeria Luis Serpa (2014-15), <em>uunniivveerrssee.net</em> at Museu São Roque (2011), <em>747</em> at Galeria Quadrum (2002). André Sier is a bio-electronic artist with a background in sciences, arts, computing, a degree in philosophy, and has earned his PhD from the Planetary Collegium program at the University of Plymouth (2023). Digital and electronic arts educator since 2002, guest professor of Projects and New Media at the University of Évora (2012-24) and Multimedia Computing at the Faculty of Fine Arts University of Lisbon (2017,23-), is also director of s373.net/x studios focusing on code, games, machines and the cultural association ArteCódigo that combines arts, ecology and technology.</p> </div> <br> <br> <br> <p><em>cv</em>: <a href="https://andre-sier.com/biocv/AndreSier_CV_jun24www.pdf">AndreSier_CV_jun24www.pdf</a></p> <p><em>orcid</em>: <a rel="external" href="https://orcid.org/0000-0003-2400-229X">https://orcid.org/0000-0003-2400-229X</a></p> <p><em>short bio en</em>:</p> <p>André Sier is an artist-researcher who has been building mythological video games and bio-electronic aggregates for over 25 years, programming them from scratch and interweaving human and non-human resilient interfaces with immersive and interactive audiovisual environments. Bio-electronic artist with a background in science, arts, computing, BA in philosophy, PhD in technoetic arts, visiting professor of electronic arts (UE 2012-24, FBAUL 2022-), runs the s373.net/x studios with a focus on code, games and machines, as well as the cultural association ArteCódigo that combines arts, ecology and technology.</p> <p><em>bio curta pt</em>:</p> <p>André Sier é um artista-investigador que há mais de 25 anos constrói videojogos mitológicos e agregados bio-electrónicos, programando-os de raiz e entrelaçando interfaces resilientes humanas e não humanas com ambientes áudiovisuais imersivos e interativos. Artista bio-electrónico com formação em ciências, artes, computação, licenciado em filosofia, doutorado em artes tecnoéticas, professor convidado de artes electrónicas (UE 2012-24, FBAUL 2022-), dirige os estúdios s373.net/x com foco em código, jogos e máquinas, bem como a associação cultural ArteCódigo que combina artes, ecologia e tecnologia.</p> <br> <br> <br> <pre> * * * 🌴 ( - ) 🌴🐜🌴 ~~ ~~ -\___/___/- ~~~~~~ ~~~~ ~ André Sier * Biolectronic artist. Game Arch. Music. Interfaces. ~ $373.net/x. Research. Visiting lecturer. ~~ Zenospace. Zenoware. ζƐv※. ~~~ NonHuman ^= Λαβύрινθος ἀρχιτέχτων ~ 0 games. ~> Atlantis, Lisbon PT <figure > <picture> <img src="https://andre-sier.com/biocv/as-biovr.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/biocv/as-biovr.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> o \ o --- o / o [Tue Jun 14 2011 12:01:16 Etc/Uunniiversal] [2011.4489723193783 Etc/Uunniiversal] [020110614120116 Etc/Uunniiversal] o / o --- o \ o o \ o --- o $> / $> o $> "> uunniitime </pre> </div> <script> // Function to split content into two columns function splitContent() { const container = document.getElementById('twoColumns'); const children = Array.from(container.children); const totalLength = children.reduce((acc, child) => acc + child.textContent.length, 0); const halfLength = totalLength / 2; let currentLength = 0; let column1 = [], column2 = []; children.forEach(child => { if (currentLength + child.textContent.length <= halfLength) { column1.push(child); currentLength += child.textContent.length; } else { column2.push(child); } }); // Clear container and append columns container.innerHTML = ` <div class="column">${column1.map(el => el.outerHTML).join('')}</div> <div class="column">${column2.map(el => el.outerHTML).join('')}</div> `; } // Run the function after the DOM has loaded document.addEventListener('DOMContentLoaded', splitContent); </script> Andre-Sier.com License 2227-01-01T00:00:00+00:00 2227-01-01T00:00:00+00:00 André Sier https://andre-sier.com/license/ <div class="text-with-margins"> <!-- <div class="two-columns" id="twoColumns"> --> <h1 id="robots-txt">Robots.txt</h1> <pre> User-agent: OAI-SearchBot Allow: / User-agent: GPTBot Disallow: / User-agent: ChatGPT-User Disallow: / User-agent: *-SearchBot Allow: / User-agent: *-AIBot Disallow: / User-agent: * Disallow: Allow: / Sitemap: https://andre-sier.com/sitemap.xml </pre> <br> <br> <h1 id="humans-txt">Humans.txt</h1> <h3 id="andre-sier-com-website-usage-license">Andre-Sier.com - Website Usage License</h3> <p>Welcome to the portfolio website of André Sier. By using this site, you agree to the terms outlined in this License.</p> <h3 id="copyright-and-usage">Copyright and Usage</h3> <p>All content on this website, including artworks, photographs, schematics, code, and custom layouts, is protected by copyright (© 1997-24 André Sier &amp; s373.net/x Art Codex Studios). You are welcome to explore and enjoy the content, but please note that any reproduction, distribution, modification or transmission of this content, in any form, requires prior written permission from the author and publisher(s). You are free to read, reference, and share the contents of this site within the bounds of personal use. For any reproduction or distribution or public use, please contact us for permission.</p> <h3 id="data-ownership">Data Ownership</h3> <p>The copyright of all content remains with André Sier and s373.net/x Art Codex Studios, even when shared on social media or other platforms. We appreciate your respect for our creative work and ask that you seek permission if you wish to use or share it. All rights are reserved unless explicitly stated otherwise.</p> <p>For inquiries about reproducing, renting, or purchasing content, please reach out to us at s373@s373.net.</p> <h3 id="technology-and-software">Technology and Software</h3> <p>This website operates on Zola and a modified Zallery theme. Additional elements are based on the work of third-party developers and are used under their respective licenses.</p> <h4 id="zola-license-mit-license">Zola License (MIT License)</h4> <p>Copyright (c) 2017-2018 Vincent Prouillet</p> <p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p> <p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p> <p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p> <h4 id="zallery-license-mit-license">Zallery License (MIT License)</h4> <p>Copyright (c) 2024 Morgan Creekmore</p> <p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p> <p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p> <p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p> <!-- </div> --> </div> <!-- <script> // Function to split content into two columns function splitContent() { const container = document.getElementById('twoColumns'); const children = Array.from(container.children); const totalLength = children.reduce((acc, child) => acc + child.textContent.length, 0); const halfLength = totalLength / 2; let currentLength = 0; let column1 = [], column2 = []; children.forEach(child => { if (currentLength + child.textContent.length <= halfLength) { column1.push(child); currentLength += child.textContent.length; } else { column2.push(child); } }); // Clear container and append columns container.innerHTML = ` <div class="column">${column1.map(el => el.outerHTML).join('')}</div> <div class="column">${column2.map(el => el.outerHTML).join('')}</div> `; } // Run the function after the DOM has loaded document.addEventListener('DOMContentLoaded', splitContent); </script> --> Daedalus Ant Ennae 2025-02-01T00:00:00+00:00 2025-02-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/daedalus-ant-ennae/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed_IMG_8236.JPG" alt="Daedalus Ant Ennae Image daed_IMG_8236.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed-5ce91884d85e1250.jpg" alt="Daedalus Ant Ennae Image daed-5ce91884d85e1250.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed_IMG_20250220_145110.jpg" alt="Daedalus Ant Ennae Image daed_IMG_20250220_145110.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed_IMG_20250222_164342.jpg" alt="Daedalus Ant Ennae Image daed_IMG_20250222_164342.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed_IMG_20250222_171209.jpg" alt="Daedalus Ant Ennae Image daed_IMG_20250222_171209.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed-a45a0b6728016ccc.jpg" alt="Daedalus Ant Ennae Image daed-a45a0b6728016ccc.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed-b8f50737897a0778.jpg" alt="Daedalus Ant Ennae Image daed-b8f50737897a0778.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed_IMG_8219.JPG" alt="Daedalus Ant Ennae Image daed_IMG_8219.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed_IMG_8240.JPG" alt="Daedalus Ant Ennae Image daed_IMG_8240.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;daedalus-ant-ennae&#x2F;daed_IMG_8346.JPG" alt="Daedalus Ant Ennae Image daed_IMG_8346.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 10 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> daed_IMG_8236.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Daedalus Ant Ennae / daed_IMG_8236.JPG", "Daedalus Ant Ennae / daed-5ce91884d85e1250.jpg", "Daedalus Ant Ennae / daed_IMG_20250220_145110.jpg", "Daedalus Ant Ennae / daed_IMG_20250222_164342.jpg", "Daedalus Ant Ennae / daed_IMG_20250222_171209.jpg", "Daedalus Ant Ennae / daed-a45a0b6728016ccc.jpg", "Daedalus Ant Ennae / daed-b8f50737897a0778.jpg", "Daedalus Ant Ennae / daed_IMG_8219.JPG", "Daedalus Ant Ennae / daed_IMG_8240.JPG", "Daedalus Ant Ennae / daed_IMG_8346.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/DL6lR8dNJo4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><div class="text-with-margins"> <!-- --- --> <h3 id="daedalus-ant-ennae"><strong>Daedalus Ant Ennae</strong></h3> <p>(2024-2025)</p> <p>(PT) <strong>Daedalus Ant Ennae</strong>. Antena bioelectrónica jogável. Projecção de proto-videojogo interactivo ao espectador, mapeado sobre agregado bioelectrónico e quadros biológicos, inspirado nos mitos dedálios, em caracóis e nas antenas. Quadros e vídeo produzidos na paisagem como palcos de interacções de caracóis, leds e sons electrónicos. Jogo: Computador-teclado RPI400, projecção mapeada de vídeo, som. Quadro bio-electrónico: 42x32x5cm, Arduino, grelha 5x5 leds verdes, coluna, sensores, caracóis. Quadros biológicos: 60x41cm, musgo, alimentos, interacções animais. Vídeo: cor, som, 42’00’’, HD.</p> <p>Há um biorádio na paisagem. Captado por esta antena bioelectrónica jogável e dedálea. Aqui recolhem-se radiações bio-electrónicas em antenas de metal espiraladas, emitindo padrões de luzes e de sons, interferindo e interligando o animal-espiral e o elecro-animal. Como as antenas do caracol que joga no tabuleiro electrónico instalado na paisagem e fixado em vídeo, atraído pelos sons e calor das luzes, com elas comunicando através do seu corpo e antenas, assim os comandos escritos dos visitantes no programa instalado jogam e interagem o sistema áudio-visual mapeado que transforma a parede da galeria num portal tridimensional. Jogam com letras, num tom reminiscente de jogos textuais, emitindo comandos à antena bioelectrónica e compondo imersões de tempo flutuante em espaços fractais espiralados caracolados.</p> <!-- --- --> <p>(EN) <strong>Daedalus Ant Ennae</strong>. Playable bioelectronic antenna. Projection of an interactive proto-videogame, mapped onto a bioelectronic aggregate and biological frames, inspired by Daedalus myths, snails, and antennae. Frames and video produced in the landscape as stages for interactions between snails, LEDs, and electronic sounds. Game: RPI400 computer-keyboard, mapped video projection, sound. Bioelectronic frame: 42x32x5cm, Arduino, 5x5 grid of green LEDs, column, sensors, snails. Biological frames: 60x41cm, moss, food, animal interactions. Video: color, sound, 42’00’’, HD.</p> <!-- --- --> <p>(Tech) Godot/s373Libs arm64 App. Linux OS. Keyboard interaction. HD, Color. Sound. Bioelectronics.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2025 <em>Calcular na Areia 4</em>, Casa do Brasil, Santarém.</p> <p>2025 <em>Calcular na Areia 2</em>, Casa do Brasil, Santarém.</p> </div> Lighthouse of Alexandria 2024-10-10T00:00:00+00:00 2024-10-10T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/QVtMTfyQ6lk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/DSC05111.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/DSC05111.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/IMG_8201.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/IMG_8201.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/IMG_20241116_174130.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/IMG_20241116_174130.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/t_IMG20241116182444.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lighthouse-of-alexandria/t_IMG20241116182444.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Sonic Ant Farm 2024-07-01T00:00:00+00:00 2024-07-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/sonic-ant-farm/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/GbYwWzrlQY4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/collaborations/sonic-ant-farm/sonic-ant-farm-001-johnklima-andresier-2024.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/sonic-ant-farm/sonic-ant-farm-001-johnklima-andresier-2024.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/sonic-ant-farm/sonic-ant-farm-002-johnklima-andresier-2024.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/sonic-ant-farm/sonic-ant-farm-002-johnklima-andresier-2024.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/sonic-ant-farm/sonic-ant-farm-003-johnklima-andresier-2024.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/sonic-ant-farm/sonic-ant-farm-003-johnklima-andresier-2024.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="sonic-ant-farm-2024">Sonic Ant Farm (2024)</h3> <p>Colaboração John Klima &amp; André Sier. Um pequeno ecosistema local de formigas aventura-se nos domínios do som interactivo e de matemáticas espirituais. A instalação apresenta um interface interactivo à base de movimento vídeo onde os utilizadores podem ser emergidos nesta quinta de formigas sónica.</p> <!-- --- --> <p>(EN)</p> <h3 id="sonic-ant-farm-2024-1">Sonic Ant Farm (2024)</h3> <p>Collaboration John Klima &amp; André Sier. A small local ant ecosystem ventures into the realms of interactive sound and spiritual maths. The installation features an interactive video motion-based interface where users can be immersed in this sonic ant farm. <br></p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Camera. Computer Vision. Computer. Image Projection. Stereo Sound Projection.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2025 Calcular na Areia 4, Fórum Actor Mário Viegas, Santarém</p> <p>2024 Calcular na Areia 1, Casa do Brasil, Santarém</p> <p>2024 Calcular na Areia, ArteCódigo SRAM, Santarém</p> </div> Laser Labyrinths 2024-03-01T00:00:00+00:00 2024-03-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/laser-labyrinths/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;laser-labyrinths&#x2F;laser-labyrinths-IMG_8407.JPG" alt="Laser Labyrinths Image laser-labyrinths-IMG_8407.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;laser-labyrinths&#x2F;laser-labyrinths-IMG_8408.JPG" alt="Laser Labyrinths Image laser-labyrinths-IMG_8408.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;laser-labyrinths&#x2F;laser-labyrinths-IMG_8410.JPG" alt="Laser Labyrinths Image laser-labyrinths-IMG_8410.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;laser-labyrinths&#x2F;laser-labyrinths-IMG_8412.JPG" alt="Laser Labyrinths Image laser-labyrinths-IMG_8412.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;laser-labyrinths&#x2F;laser-labyrinths-IMG_8413.JPG" alt="Laser Labyrinths Image laser-labyrinths-IMG_8413.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> laser-labyrinths-IMG_8407.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Laser Labyrinths / laser-labyrinths-IMG_8407.JPG", "Laser Labyrinths / laser-labyrinths-IMG_8408.JPG", "Laser Labyrinths / laser-labyrinths-IMG_8410.JPG", "Laser Labyrinths / laser-labyrinths-IMG_8412.JPG", "Laser Labyrinths / laser-labyrinths-IMG_8413.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Non-Human Paintings 2024-01-01T00:00:00+00:00 2024-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/non-human-paintings/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;non-human-paintings&#x2F;t_IMG_8415.JPG" alt="Non-Human Paintings Image t_IMG_8415.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;non-human-paintings&#x2F;t_IMG_8417.JPG" alt="Non-Human Paintings Image t_IMG_8417.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;non-human-paintings&#x2F;t_IMG_8404.JPG" alt="Non-Human Paintings Image t_IMG_8404.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> t_IMG_8415.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Non-Human Paintings / t_IMG_8415.JPG", "Non-Human Paintings / t_IMG_8417.JPG", "Non-Human Paintings / t_IMG_8404.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Wolfspace 2022-07-25T00:00:00+00:00 2022-07-25T00:00:00+00:00 André Sier https://andre-sier.com/apps/wolfspace/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/jxX3JbmYNQU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/apps/wolfspace/LancamentoUivo+Wolfspace220723-linh24r7.webp" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/wolfspace/LancamentoUivo+Wolfspace220723-linh24r7.webp"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/wolfspace/2000&Uivo-Wolfspace-Uivo-20221104183152.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/wolfspace/2000&Uivo-Wolfspace-Uivo-20221104183152.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/wolfspace/AC22002-Wolfspace.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/wolfspace/AC22002-Wolfspace.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <p><a rel="external" href="https://artecodigo.pt/pub">Wolfspace</a> é uma visualização cartográfica secular e ferramenta geradora de escultoras por lobos. Os lobos têm um importante papel ecológico e a sua existência indicia um ecossistema saudável. Em paisagens humanizadas, conseguem adaptar-se à atividade humana. Wolfspace recorre a dados históricos do século XX recolhidos pelo Grupo Lobo (1900-90), bem como dados geolocalizados do seguimento de lobos por telemetria recolhidos pelo CIBIO-UP (2012-14), para ser uma cartografia interactiva e ferramenta artística geradora de esculturas através das dinâmicas históricas geolocalizadas de lobos em Portugal.</p> <p><a rel="external" href="https://artecodigo.pt/pub">Wolfspace</a> is a secular cartographic visualization and wolf sculptures carver generator tool. Wolves play an important ecological role and their existence indicates a healthy ecosystem. In humanized landscapes, they can adapt to human activity. Wolfspace uses historical data from the 20th century collected by Grupo Lobo (1900-90), as well as geolocated data from tracking wolves by telemetry collected by CIBIO-UP (2012-14), to be an interactive cartography and artistic tool that generates sculptures by wolves historic geolocalized dynamics in Portugal.</p> <p><a rel="external" href="https://artecodigo.pt/b/Wolfspace+Uivo@CRLI/">Wolfspace launch event</a> | 23 july 2022 @ Centro de Recuperação do Lobo Ibérico <br></p> <h3 id="exhibitions">Exhibitions</h3> <p>2022 <em>(2)000 &amp; Uivo</em>, (Curadoria Sofia Marçal) MUHNAC, Lisboa</p> <p>2022 <em>Wolfspace + Uivo</em>, Centro Recuperação do Lobo Ibérico, Gradil</p> </div> Wolfspace 2022-07-25T00:00:00+00:00 2022-07-25T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolfspace/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/jxX3JbmYNQU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfspace/LancamentoUivo+Wolfspace220723-linh24r7.webp" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfspace/LancamentoUivo+Wolfspace220723-linh24r7.webp"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfspace/2000&Uivo-Wolfspace-Uivo-20221104183152.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfspace/2000&Uivo-Wolfspace-Uivo-20221104183152.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfspace/AC22002-Wolfspace.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfspace/AC22002-Wolfspace.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <p><a rel="external" href="https://artecodigo.pt/pub">Wolfspace</a> é uma visualização cartográfica secular e ferramenta geradora de escultoras por lobos. Os lobos têm um importante papel ecológico e a sua existência indicia um ecossistema saudável. Em paisagens humanizadas, conseguem adaptar-se à atividade humana. Wolfspace recorre a dados históricos do século XX recolhidos pelo Grupo Lobo (1900-90), bem como dados geolocalizados do seguimento de lobos por telemetria recolhidos pelo CIBIO-UP (2012-14), para ser uma cartografia interactiva e ferramenta artística geradora de esculturas através das dinâmicas históricas geolocalizadas de lobos em Portugal.</p> <p><a rel="external" href="https://artecodigo.pt/pub">Wolfspace</a> is a secular cartographic visualization and wolf sculptures carver generator tool. Wolves play an important ecological role and their existence indicates a healthy ecosystem. In humanized landscapes, they can adapt to human activity. Wolfspace uses historical data from the 20th century collected by Grupo Lobo (1900-90), as well as geolocated data from tracking wolves by telemetry collected by CIBIO-UP (2012-14), to be an interactive cartography and artistic tool that generates sculptures by wolves historic geolocalized dynamics in Portugal.</p> <p><a rel="external" href="https://artecodigo.pt/b/Wolfspace+Uivo@CRLI/">Wolfspace launch event</a> | 23 july 2022 @ Centro de Recuperação do Lobo Ibérico <br></p> <h3 id="exhibitions">Exhibitions</h3> <p>2022 <em>(2)000 &amp; Uivo</em>, (Curadoria Sofia Marçal) MUHNAC, Lisboa</p> <p>2022 <em>Wolfspace + Uivo</em>, Centro Recuperação do Lobo Ibérico, Gradil</p> </div> Ark 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/ark/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019151652.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019151652.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019151811.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019151811.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019155825.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019155825.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019155826.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019155826.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019155845.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/ark/Ark-20221019155845.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Bioscope #2 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/bioscope2/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151607.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151607.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151614.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151614.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151842.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151842.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151903.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019151903.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019160735.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221019160735.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221106165659.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope2/Bioscope2-20221106165659.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Bioscope #3 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/bioscope3/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221019151546.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221019151546.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221019151548.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221019151548.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221019151549.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221019151549.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221106165032.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope3/Bioscope3-20221106165032.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/7luZWHy3b2Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> Bioscope #4 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/bioscope4/ <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope4/Bioscope4-20221019160530.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope4/Bioscope4-20221019160530.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> Non-Human Views 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/nonhumanviews/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152032.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152032.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152034.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152034.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152037.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152037.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152038.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/nonhumanviews/NonHumanViews2-20221019152038.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/KIRgRbejNIg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> Totem-Lobo #2 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/totemlobo2/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/totemlobo2/Totem-Lobo2-ArteCodigo221217e.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/totemlobo2/Totem-Lobo2-ArteCodigo221217e.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/totemlobo2/Totem-Lobo2-ArteCodigo221217g.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/totemlobo2/Totem-Lobo2-ArteCodigo221217g.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/totemlobo2/Totem-Lobo2-Wolfmachine-ArteCodigo221217a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/totemlobo2/Totem-Lobo2-Wolfmachine-ArteCodigo221217a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/kG1JOTaUnXQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> (2) 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/two/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/two/(2)-20221019151347.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/two/(2)-20221019151347.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/two/(2)-20221019151350.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/two/(2)-20221019151350.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/two/(2)-play-20221106115343-2.gif" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/two/(2)-play-20221106115343-2.gif"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/two/(2)-play-20221106115343.gif" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/two/(2)-play-20221106115343.gif"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/two/(2)-play-20221106115347.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/two/(2)-play-20221106115347.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <p><strong>(2)</strong>, 2022. 2 antariums bio-electrónicos com labirinto AC 5x5 ligados por: a) Ponte com um labirinto amarelo; b) Fluxo Sul azul 3; análise de câmara, 1 joystick, 1 joystick volante, 1 joystick prancha de surf; computador, videojogo (2), monitor, carpete, almofadas. Dimensões reais/virtuais variáveis.</p> <p><strong>(2)</strong>, 2022. 2 bio-electronic ant-ariums with 5x5 CA maze connected through: a) Bridge with a yellow labyrinth; b) blue South Stream 3; camera tracking, 1 joystick, 1 joystick car wheel, 1 joystick surf board; computer, (2)videogame, monitor, carpet, pillows. Variable real/virtual dimensions. <br><br> (2) is a playful bio-electronic videogame where human players play against a bio-electronic mini-ecosystem, which creates obstacles for them through dysfunctional interfaces. Two cellular automata 5x5 led labyrinths stimulate antarium populations which are real-time camera tracked into living obstacles that humans can play, cooperate or compete against in an arcade bio-electronic videogame.</p> </div> Wolfmachine Cerveira 2022-01-01T00:00:00+00:00 2022-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineC2-20221106165917.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineC2-20221106165917.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineC2-20221106165919.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineC2-20221106165919.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineC2-20221106165928.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineC2-20221106165928.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveiraIMG20220422170709.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveiraIMG20220422170709.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveiraIMG20220422170814.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveiraIMG20220422170814.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveiraIMG20220422170935.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveiraIMG20220422170935.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveira-Loule-IMG20220714171256.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveira-Loule-IMG20220714171256.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveira-Loule-IMG20220714175017.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveira-Loule-IMG20220714175017.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveira-Loule-IMG20220714175314.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachinecerveira/WolfmachineCerveira-Loule-IMG20220714175314.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/_0WqLzmvpto" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><div class="text-with-margins"> <p><strong>Wolfmachine Cerveira</strong></p> <p>Wolfmachine Cerveira André Sier (2020-22)</p> <p>Wolfmachine Cerveira includes a bio-electronic installation (Wolfmachine) and video recordings of implantations in the landscape (Wolfmachine video), until the opening date of the Space/Program exhibition at the Fundação Bienal de Cerveira.</p> <p>Wolfmachine is a bio-electronic work designed for wolves and non-human ecosystems, consisting of electronic mini-laser lights, robotic and programmed from scratch, spread across the landscape, which sing in sync with visual patterns, through the rhythmic emission and composed of beams of green laser light for the sky and surrounding landscape. The generative composition performed by the lasers is based on historical data on the evolution of the lupus population in Portugal during the 20th century. Each decade of data from the Portuguese municipalities collected by Grupo Lobo’s scientific research consists of records of sightings of live or dead wolves where it is possible to observe the geographical distribution of Canis lupus signatus over time (1901-2000), until its current almost extinction.</p> <p>The electronic composition, repeated in a unique and generative way from hour to hour, is divided into 10 sections, where these, representing a decade of data, have equi-temporal durations of 2.5 minutes, and where the numerical data of wolf presence in Portugal are grouped together. by southern, central and northern regions determine the types of movements performed by the lasers, as well as the rhythm of their luminous pulses. Wolfmachine video presents this visualization of data throughout the 20th century and video recordings of Wolfmachine implantations in the landscape, and serves as a video background for installations of the work in exhibition contexts. The lasers in the landscape visualize the near extinction of the apex predator essential to forest biodiversity through electronic chants. Wolfmachine is a bio-electronic work by wolves and for wolves, which simultaneously functions as a visual protection barrier in the landscape for the animals, and as a metaphor for the encounter of howling wolves, in their packs, which come together to chant almost shamans, telecommunicating with the unknown and evoking protective omens.</p> <p>Wolfmachine Cerveira (Wolfmachine and Wolfmachine video), which stems from the art-science project “Os Lobos em Portugal” by ArteCódigo Cultural Association, is possible thanks to the project’s partners and support. It has the conception, artistic direction, code in charge of André Sier. Realization in hardware by Tiago Rorke, Maurício Martins, MILL, s373.net/x. Filming and drone by André Sier, Henrique Casinhas, Tiago Fróis. The production of ArteCodigo. Co-production by Grupo Lobo and CIBIO. Support from the General Directorate of Arts, Mafra City Council, Paredes de Coura Municipality. And counts with partners s373.net/x, MILL, Cultivamos Cultura, Oficinas do Convento, FBAUP, Fundação Bienal de Cerveira.</p> </div> Biowolf 2021-01-01T00:00:00+00:00 2021-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/biowolf/ <p>Biowolf218 work developed during artist residence at Cultivamos Cultura, part of The Wolves in Portugal project 2020-22. <a rel="external" href="https://artecodigo.pt/p/os-lobos-em-portugal/">artecodigo.pt/p/os-lobos-em-portugal/</a></p> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biowolf/Biowolf218-AS-CC-20210813104952.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biowolf/Biowolf218-AS-CC-20210813104952.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biowolf/Biowolf218-AS-CC-20210813105110.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biowolf/Biowolf218-AS-CC-20210813105110.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> Totem-Lobo #1 2021-01-01T00:00:00+00:00 2021-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/totemlobo1/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/totemlobo1/TotemLobo1_20211026115837.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/totemlobo1/TotemLobo1_20211026115837.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/totemlobo1/TotemLobo1_20211026120402.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/totemlobo1/TotemLobo1_20211026120402.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/totemlobo1/TotemLobo1_20211204165603.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/totemlobo1/TotemLobo1_20211204165603.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Wolfmachine 2021-01-01T00:00:00+00:00 2021-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolfmachine/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCerveiraIMG20212040294502.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCerveiraIMG20212040294502.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCerveiraIMG20212040294549.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCerveiraIMG20212040294549.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineConventoIMG20220321190126.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineConventoIMG20220321190126.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCRLIIMG20211021190126.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCRLIIMG20211021190126.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCRLIIMG20211021190227.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCRLIIMG20211021190227.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCRLIIMG20211021194502.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineCRLIIMG20211021194502.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineData1.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineData1.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineData2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineData2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineVideoIMG20211021193310.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfmachine/WolfmachineVideoIMG20211021193310.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/gFywz_jIwBY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><div class="text-with-margins"> <p><strong>Wolfmachine</strong>, 2020-22.</p> <p>5 portable hemispherical robotic lasers 532nm.</p> <p>Since 2020, the ArteCódigo team has developed a bio-electronic work for wolves and non-human ecosystems (Wolfmachine) designed by André Sier to be installed in the landscape. The premiere of the work took place at the Iberian Wolf Recovery Center (CRLI) of Grupo Lobo.</p> <p>Wolfmachine is a bio-electronic work composed of electronic mini-laser lighthouses spread across the landscape that sing in sync with visual patterns of historical data on the evolution of the lupus population in Portugal during the 20th century, through the rhythmic emission of green laser light beams to the sky.</p> <p>For about 20 minutes, data from a century of wolf presence in Portuguese geography serve as a numerical source for the patterns of luminous pulses from lasers emitted to the sky. Each decade of the 20th century, at each laser point in the landscape, emits the number of wolves observed and recorded in Portugal, over 2 minutes of spatialized visual rhythms.</p> <p>In addition to a light show that visualizes the near extinction of the apex predator, essential for the preservation of forest biodiversity, Wolfmachine is a bio-electronic work by wolves for wolves that simultaneously works as a visual protection barrier in the landscape for the animals, and as a metaphor for the meeting of wolves in packs that come together to chant almost shamanic chants, telecommunicating with the unknown, evoking protective omens.</p> <p>For Grupo Lobo and its Iberian Wolf Recovery Center, Wolfmachine was temporarily installed outside the fences where wolves reside, aligned with wolf data points in 20th century Portugal, and was executed at twilight and even before the aurora, filming the result of the piece through fixed cameras and a drone.</p> </div> 0X Labyrinth 2020-01-01T00:00:00+00:00 2020-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/0xlabyrinth/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/3aI0s1yG05o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;0xlabyrinth&#x2F;0XLabyrinth-AS-20200108_203040.jpg" alt="0X Labyrinth Image 0XLabyrinth-AS-20200108_203040.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;0xlabyrinth&#x2F;0XLabyrinth-AS-DSC00152.JPG" alt="0X Labyrinth Image 0XLabyrinth-AS-DSC00152.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;0xlabyrinth&#x2F;0XLabyrinth-AS-tr_DSC00149.JPG" alt="0X Labyrinth Image 0XLabyrinth-AS-tr_DSC00149.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;0xlabyrinth&#x2F;0XLabyrinth-AS-tr_DSC00146.JPG" alt="0X Labyrinth Image 0XLabyrinth-AS-tr_DSC00146.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;0xlabyrinth&#x2F;0XLabyrinth-AS-tr_DSC00150.JPG" alt="0X Labyrinth Image 0XLabyrinth-AS-tr_DSC00150.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;0xlabyrinth&#x2F;AS-Mel-0XLabyrinthHelmet-IMG_0317.JPG" alt="0X Labyrinth Image AS-Mel-0XLabyrinthHelmet-IMG_0317.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;0xlabyrinth&#x2F;AS-Mel-0XLabyrinthHelmet-IMG_0319a.JPG" alt="0X Labyrinth Image AS-Mel-0XLabyrinthHelmet-IMG_0319a.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 0XLabyrinth-AS-20200108_203040.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "0X Labyrinth / 0XLabyrinth-AS-20200108_203040.jpg", "0X Labyrinth / 0XLabyrinth-AS-DSC00152.JPG", "0X Labyrinth / 0XLabyrinth-AS-tr_DSC00149.JPG", "0X Labyrinth / 0XLabyrinth-AS-tr_DSC00146.JPG", "0X Labyrinth / 0XLabyrinth-AS-tr_DSC00150.JPG", "0X Labyrinth / AS-Mel-0XLabyrinthHelmet-IMG_0317.JPG", "0X Labyrinth / AS-Mel-0XLabyrinthHelmet-IMG_0319a.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-20200108_203040.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-20200108_203040.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-DSC00152.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-DSC00152.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00149.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00149.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00146.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00146.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00150.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00150.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0317.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0317.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0319a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0319a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <h3 id="0x-labyrinth"><strong>0X Labyrinth</strong></h3> <p>(2018-2022)</p> <p>(PT) <strong>0X Labyrinth</strong> é um jogo de imersão VR. Interage com os movimentos e os sons dos visitantes, submergindo-os como exploradores arqueológicos num universo computacional infinito, inspirado no mítico novelo de fio. É, talvez, o primeiro jogo sob a forma de um dispositivo espacial e espiritual, resolvendo o espaço e o tempo. Consegues ser mais rápido que o Asterion na resolução do labirinto? Ouve o Minotauro, Teseu, os Pássaros e a Comida? Vai amar Ariadne? E o novelo de linha?</p> <p>A versão 0.900 de 0X Labyrinth é um videojogo imersivo e generativo que permite a dois jogadores partilhar um momento competitivo inspirado no primeiro novelo sério e espiritual de dispositivos de espaço e tempo. A versão 1.0 não tem rede e tem uma interface dupla imersiva para um único jogador.</p> <!-- --- --> <p>(EN) <strong>0X Labyrinth</strong> is a VR immersion game. It interacts with the movements and sounds of visitors, submerging them as archeological explorers in an infinite computational universe, inspired by the mythical yarn of thread. It is, perhaps, the first game in the form of a spatial and spiritual device, resolving space and time. Can you be faster than Asterion in solving the maze? Do you hear the Minotaur, Theseus, the Birds and The Food? Will you love Ariadne? And what about the ball of thread?</p> <p>Version 0.900 of 0X Labyrinth is a generative immersive videogame that allows two players to share a competitive moment inspired in the first serious and spiritual space and time device entanglement. Version 1.0 features no networking and a single player double immersive interface.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android OS. Smartphones. Stereo Sound. Interactive Dual Eye Video Projection. VR Sculpture Helmets.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2020 <em>0X Labyrinth (vídeo #10.780361)</em>, XXI Bienal Internacional de Arte de Cerveira, Vila Nova de Cerveira</p> <p>2020 <em>Mel da Senhora do Labirinto</em> (solo), Zaratan, Lisboa</p> <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-20200108_203040.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-20200108_203040.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-DSC00152.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-DSC00152.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00149.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00149.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00146.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00146.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00150.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/0XLabyrinth-AS-tr_DSC00150.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0317.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0317.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0319a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/0xlabyrinth/AS-Mel-0XLabyrinthHelmet-IMG_0319a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> </div> An Observer ToL 2020-01-01T00:00:00+00:00 2020-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/an-observer-tol/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/jbv0ugqYXAM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_3.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_3.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_4.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_4.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_5.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/an-observer-tol/Andre_Sier_An_observer_ToL_5.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="an-observer-tol-sierpinsky-ikeda-log-navier-stokes-2020">An Observer ToL: Sierpinsky, Ikeda, Log, Navier-Stokes (2020)</h3> <p>HD video, cor, som, 16'</p> <p>Na idade dos dados, poderão os computadores derivar significados, atingir consciência através de síntese, matemáticas fractais e caóticas? Um excerto de 6′ de trabalho vídeo de 16′ (ed. 2) capturado em tempo-real a partir de um ponto de vista maquínico, capturando e observando fluxos visuais e sonoros alterados com algoritmos fractais, caóticos, bem como com processos executantes no espaço máquina que aparentemente modificam os fluxos de dados recebidos? “An Observer ToL” reflecte sobre a infra-estrutura do aparato sensorial de um ser electrónico enquanto ele/ela recebe fluxos de dados que aparentemente vêm de um mundo exterior, se existir. Na idade dos dados, “An Observer” magnifica fluxos seleccionados recebidos, procurando estabelecer classificações e derivar significados, aumentando traços de dados subtis e quase invisíveis, recorrendo a modelos de algoritmos de síntese matemáticos tais como Sierpinsky, Ikeda, Logístico, Navier-Stokes, antes da propagação do conteúdo viral.</p> <!-- --- --> <p>(EN)</p> <h3 id="an-observer-tol-sierpinsky-ikeda-log-navier-stokes-2020-1">An Observer ToL: Sierpinsky, Ikeda, Log, Navier-Stokes (2020)</h3> <p>HD video, color, sound, 16'</p> <p>In the data age, could computers derive meanings, atain awareness, through synthesis, fractal, chaos? A 6’ excerpt from a 16’ video work (ed. 2) captured in real-time from a machinic point of view, capturing and observing visual and sonic data flows tampered with chaos and fractal algorithms, as well as inner running processes in machine-space which apparently modify the incoming data streams? An Observer ToL reflects on the infrastructure of an electronic beings’ sensory apparatus while he/she is receiving data streams that apparently come from an exterior world, if it exists. In the data age, An Observer magnifies selected incoming streams, trying to establish classifications and derive meanings, augmenting subtle and near invisible data traces resorting to chaotic and fractal mathematical synthetic models such as Sierpinsky, Ikeda, Logistic, Navier-Stokes, before propagation of the viral content. <br></p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Camera. Computer Vision. Computer. Image Projection. Stereo Sound Projection.</p> </div> Bioscope #1 2020-01-01T00:00:00+00:00 2020-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/bioscope1/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022173742.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022173742.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022212918.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022212918.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022212922.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022212922.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022213920.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bioscope1/AS-Bioscope1_20201022213920.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/v0fsVMs-C_s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> Half-Ant 2020-01-01T00:00:00+00:00 2020-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/half-ant/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-ant/AS-Mel-Half-Ant-IMG_0344a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-ant/AS-Mel-Half-Ant-IMG_0344a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-20200108_205655.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-20200108_205655.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-DSC00162.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-DSC00162.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-DSC00167.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-DSC00167.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-IMG_347.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-AS-IMG_347.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-IMG_0344.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-ant/Half-Ant-IMG_0344.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Wolfspace XXth Century Watch 2020-01-01T00:00:00+00:00 2020-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolfspacexxwatch/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfspacexxwatch/XXthCenturySwatch20221006183108.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfspacexxwatch/XXthCenturySwatch20221006183108.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfspacexxwatch/XXthCenturySwatch-Uivo-CCPC-IMG20220506112210.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfspacexxwatch/XXthCenturySwatch-Uivo-CCPC-IMG20220506112210.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfspacexxwatch/XXthCenturySwatch-WolfTotems-WolfspaceSculptures20221019151915.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfspacexxwatch/XXthCenturySwatch-WolfTotems-WolfspaceSculptures20221019151915.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Ant Ennae Labyrinths 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/antennaelabyrinths/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/envDBnog_L4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/Cie9rvHg0qc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_100958.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_100958.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_101052.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_101052.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_101118.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_101118.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_123255.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-CienciaViva-20190322_123255.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-Landal-20190201_193720.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-Landal-20190201_193720.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-Landal-20190201_193736.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaelabyrinths/AS-AntEnnaeLabyrinths-Landal-20190201_193736.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Ant Ennae Videos 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/antennaevideos/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/11EFK1jxrzg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaevideos/AS-AntEnnaeVideos-Facct-20191031_190458.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaevideos/AS-AntEnnaeVideos-Facct-20191031_190458.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaevideos/AS-AntEnnaeVideos-Facct-20191031_190504.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaevideos/AS-AntEnnaeVideos-Facct-20191031_190504.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antennaevideos/AS-AntEnnaeVideos-Facct-20191031_190522.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antennaevideos/AS-AntEnnaeVideos-Facct-20191031_190522.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Ant i Purga 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/antipurga/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antipurga/AS-AntiPurga-Umbigo-20190417_201643.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antipurga/AS-AntiPurga-Umbigo-20190417_201643.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/antipurga/AS-AntiPurga-Umbigo-20190417_201658.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/antipurga/AS-AntiPurga-Umbigo-20190417_201658.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <p><a href="https://andre-sier.com/wolfanddotcom/antipurga/Umbigo68-AndreSier-en.pdf">Umbigo68-AndreSier-en.pdf</a></p> BIND (Binary Drawings) 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/bind/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bind/AS-Mel-BIOD,BIND,Eusocial-IMG_0300.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bind/AS-Mel-BIOD,BIND,Eusocial-IMG_0300.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bind/BIND-AS-20191215_174119.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bind/BIND-AS-20191215_174119.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bind/BIND-AS-20191215_174217.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bind/BIND-AS-20191215_174217.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/bind/BIND-AS-20191215_174308.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/bind/BIND-AS-20191215_174308.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> BIOD (Biological Drawings) 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/biod/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biod/AS-Mel-BIOD,BIND,Eusocial-IMG_0300.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biod/AS-Mel-BIOD,BIND,Eusocial-IMG_0300.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biod/BIOD-AS-20191215_174033.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biod/BIOD-AS-20191215_174033.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biod/BIOD-AS-20191216_194447.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biod/BIOD-AS-20191216_194447.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Honey Krater 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/honeykrater/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/honeykrater/HoneyKrater-AS-20191213_130621.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/honeykrater/HoneyKrater-AS-20191213_130621.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/honeykrater/HoneyKrater-AS-IMG_0334.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/honeykrater/HoneyKrater-AS-IMG_0334.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/honeykrater/HoneyKrater-AS-IMG_0336.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/honeykrater/HoneyKrater-AS-IMG_0336.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/r_RG62Dveys" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> Labyrinth Players (EA) 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/labyrinthplayers/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/labyrinthplayers/AS-LabyrinthPlayersEA-20191220_110001.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/labyrinthplayers/AS-LabyrinthPlayersEA-20191220_110001.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/labyrinthplayers/AS-LabyrinthPlayersEA-IMG_0315.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/labyrinthplayers/AS-LabyrinthPlayersEA-IMG_0315.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/labyrinthplayers/AS-Mel-LabyrinthPlayers-BinBioSculpts-IMG_0315a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/labyrinthplayers/AS-Mel-LabyrinthPlayers-BinBioSculpts-IMG_0315a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Wolfspace 2019-01-01T00:00:00+00:00 2019-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/ <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/AS-Mel-WolfspaceWolf-Totems-IMG_0305a.JPG">AS-Mel-WolfspaceWolf-Totems-IMG_0305a.JPG</a></li> <li><a href="https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/embed-Wolfspace.html">embed-Wolfspace.html</a></li> <li><a href="https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/index.html">index.html</a></li> <li><a href="https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/Wolfspace-AS-IMG_0305.JPG">Wolfspace-AS-IMG_0305.JPG</a></li> <li><a href="https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/Wolfspace-AS-IMG_0307.JPG">Wolfspace-AS-IMG_0307.JPG</a></li> <li><a href="https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/Wolfspace-AS-IMG_0307.thumb.JPG">Wolfspace-AS-IMG_0307.thumb.JPG</a></li> <li><a href="https://andre-sier.com/wolfanddotcom/wolfspace-oldwadc/Wolfspace-AS-IMG_0326.JPG">Wolfspace-AS-IMG_0326.JPG</a></li> </ul> Babylon 2018-01-01T00:00:00+00:00 2018-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/babylon/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/lIpxxvLSI3Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-Cerveira18-20180808_112721.jpg" alt="Babylon Image AS-Babylon-Cerveira18-20180808_112721.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-Cerveira18-20180808_124204.jpg" alt="Babylon Image AS-Babylon-Cerveira18-20180808_124204.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-Cerveira18-20180808_124206.jpg" alt="Babylon Image AS-Babylon-Cerveira18-20180808_124206.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-Cerveira18-20180808_124634.jpg" alt="Babylon Image AS-Babylon-Cerveira18-20180808_124634.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-Cerveira18-20180810_181511.jpg" alt="Babylon Image AS-Babylon-Cerveira18-20180810_181511.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-Cerveira18-20180810_181800.jpg" alt="Babylon Image AS-Babylon-Cerveira18-20180810_181800.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-Cerveira18-20180810_181913.jpg" alt="Babylon Image AS-Babylon-Cerveira18-20180810_181913.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18-20181127_200155.jpg" alt="Babylon Image AS-Babylon-TNAF18-20181127_200155.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18-20181127_200232.jpg" alt="Babylon Image AS-Babylon-TNAF18-20181127_200232.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18-20181127_200239.jpg" alt="Babylon Image AS-Babylon-TNAF18-20181127_200239.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18_20181127_200241.jpg" alt="Babylon Image AS-Babylon-TNAF18_20181127_200241.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18-20181128_184609.jpg" alt="Babylon Image AS-Babylon-TNAF18-20181128_184609.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18-20181128_185445.jpg" alt="Babylon Image AS-Babylon-TNAF18-20181128_185445.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18-20181128_185919.jpg" alt="Babylon Image AS-Babylon-TNAF18-20181128_185919.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;AS-Babylon-TNAF18-20181128_193253.jpg" alt="Babylon Image AS-Babylon-TNAF18-20181128_193253.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;babylon&#x2F;Babylon-IMG_7168-2k.JPG" alt="Babylon Image Babylon-IMG_7168-2k.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 16 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> AS-Babylon-Cerveira18-20180808_112721.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Babylon / AS-Babylon-Cerveira18-20180808_112721.jpg", "Babylon / AS-Babylon-Cerveira18-20180808_124204.jpg", "Babylon / AS-Babylon-Cerveira18-20180808_124206.jpg", "Babylon / AS-Babylon-Cerveira18-20180808_124634.jpg", "Babylon / AS-Babylon-Cerveira18-20180810_181511.jpg", "Babylon / AS-Babylon-Cerveira18-20180810_181800.jpg", "Babylon / AS-Babylon-Cerveira18-20180810_181913.jpg", "Babylon / AS-Babylon-TNAF18-20181127_200155.jpg", "Babylon / AS-Babylon-TNAF18-20181127_200232.jpg", "Babylon / AS-Babylon-TNAF18-20181127_200239.jpg", "Babylon / AS-Babylon-TNAF18_20181127_200241.jpg", "Babylon / AS-Babylon-TNAF18-20181128_184609.jpg", "Babylon / AS-Babylon-TNAF18-20181128_185445.jpg", "Babylon / AS-Babylon-TNAF18-20181128_185919.jpg", "Babylon / AS-Babylon-TNAF18-20181128_193253.jpg", "Babylon / Babylon-IMG_7168-2k.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Babylon</strong> é uma experiência de RV transtemporal íntima e contínua. Usando física abstrata e deslocamento invulgar, através de um headset de RV, sons e pequenos movimentos íntimos, é convidado a vaguear como um fantasma no meio de ziguratos e detritos pós-antropoceno.</p> <!-- --- --> <p>(EN) <strong>Babylon</strong> is a continuous intimate transtemporal VR experience. Using abstract physics &amp; unusual displacement, through a VR headset, sounds and intimate small movements, you are invited to wander like a-ghost in the midst of ziggurates &amp; post anthropocene debris.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Arduino App. Linux OS. Electronics. Stereo Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2018 <em>Babylon, Binary Sculptures, Biological Sculptures</em>, TheNewArtFest18, Sociedade Nacional de Belas Artes, Lisboa</p> <p>2018 <em>Wolfanddotcom, Babylon</em>, XX Bienal Internacional de Arte de Cerveira, Vila Nova de Cerveira</p> <p>2018 <em>Babylon open residence</em>, Espaço do Tempo, Montemor-o-Novo</p> <h3 id="http-distraction">Http distraction</h3> <p><a rel="external" href="https://andre-sier.com/static/piantadelmondo.info/babylon">andre-sier.com/static/piantadelmondo.info/babylon</a></p> </div> 8-bit Maze Gardens 2018-01-01T00:00:00+00:00 2018-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/8-bitmazegardens/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-162034.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-162034.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-162421.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-162421.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-162556.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-162556.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-181652.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-181652.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-183134.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-183134.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-191219.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-191219.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-2018-07-14-125357.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-2018-07-14-125357.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-tr_DSC00141.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-AS-tr_DSC00141.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181125175613.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181125175613.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181125175626.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181125175626.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181125175652.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181125175652.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181130110033.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8-bitMazeGardens-CantinaLX-20181130110033.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-Landal-20190.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-Landal-20190.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-Workshop-Landal-20190320_163135.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-Workshop-Landal-20190320_163135.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-Workshop-Landal-20190320_165849.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/8bitMazeGardens-Workshop-Landal-20190320_165849.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/AS-Mel-8bmazegarden117-IMG_0303a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/AS-Mel-8bmazegarden117-IMG_0303a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/AS-Mel-8bmazegardens115,116-IMG_0302.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/8-bitmazegardens/AS-Mel-8bmazegardens115,116-IMG_0302.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Binary Sculptures 2018-01-01T00:00:00+00:00 2018-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/binarysculptures/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-20191007_174529.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-20191007_174529.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-20191007_174535.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-20191007_174535.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-20191012_172817.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-20191012_172817.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-EugenioAlmeida-BoundlessObject-20191012_191106.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-EugenioAlmeida-BoundlessObject-20191012_191106.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-EugenioAlmeida-BoundlessObject-20191012_193226.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-EugenioAlmeida-BoundlessObject-20191012_193226.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-TNAF18-20181127_200616.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/AS-BinarySculptures-TNAF18-20181127_200616.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/Binary+Biological-Sculptures-AS-MILL-20181012174413.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/Binary+Biological-Sculptures-AS-MILL-20181012174413.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/BinarySculptures20191007_174529.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/BinarySculptures20191007_174529.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/binbioP_20191012_172749_vHDR_On.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/binbioP_20191012_172749_vHDR_On.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/binbioP_20191012_172759_vHDR_On.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/binbioP_20191012_172759_vHDR_On.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/binP_20191012_172817_vHDR_On.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/binP_20191012_172817_vHDR_On.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/BS-bash-sub-P_20180310221054.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/BS-bash-sub-P_20180310221054.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/binarysculptures/BS-su-sub-P_20180310214951.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/binarysculptures/BS-su-sub-P_20180310214951.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/_2GVfTiuyvo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/CNEQ_Wsu_Aw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> Biological Sculptures 2018-01-01T00:00:00+00:00 2018-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/biologicalsculptures/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BinarySculpturesBiologicalSculptures-EugenioAlmeida-BoundlessObject-20191012_193210.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BinarySculpturesBiologicalSculptures-EugenioAlmeida-BoundlessObject-20191012_193210.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181127_200541.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181127_200541.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181127_200546.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181127_200546.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181127_200625.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181127_200625.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181128_183030.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181128_183030.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181128_183035.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181128_183035.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181128_183058.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/AS-BiologicalSculptures-TNAF18-20181128_183058.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/Binary+Biological-Sculptures-AS-MILL-20181012174413.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/Binary+Biological-Sculptures-AS-MILL-20181012174413.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/binbioP_20191012_172749.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/binbioP_20191012_172749.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174425.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174425.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174447.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174447.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174457.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174457.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174501.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174501.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20191012121125.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20191012121125.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174425.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/BiologicalSculptures-AS-20181012174425.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/bioP_20191012_172839.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/bioP_20191012_172839.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/bioP_20191012_172847.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/bioP_20191012_172847.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/biologicalsculptures/bioP_20191012_191145.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/biologicalsculptures/bioP_20191012_191145.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/_2GVfTiuyvo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/f4Ktwcw2XOc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> Eusocial 2018-01-01T00:00:00+00:00 2018-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/eusocial/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/eusocial/AS-Mel-BIOD,BIND,Eusocial-IMG_0300.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/eusocial/AS-Mel-BIOD,BIND,Eusocial-IMG_0300.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/eusocial/Eusocial-AS-20180929_183812.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/eusocial/Eusocial-AS-20180929_183812.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/eusocial/Eusocial-AS-20181004_190918.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/eusocial/Eusocial-AS-20181004_190918.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/eusocial/Eusocial-AS-20181004_191547.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/eusocial/Eusocial-AS-20181004_191547.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> MetaPh 2018-01-01T00:00:00+00:00 2018-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/metaph/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_AtlantisMaps_20200513_220420w.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_AtlantisMaps_20200513_220420w.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_Garden_IMG_20200516_122001w.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_Garden_IMG_20200516_122001w.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_Garden_IMG_20200516_123547w.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_Garden_IMG_20200516_123547w.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh13108.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh13108.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh1000009784.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh1000009784.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh1000012293.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh1000012293.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929_800.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929_800.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929115421_800.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929115421_800.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929125650_800.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929125650_800.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929133132_800.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPh_20240929133132_800.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPhIMG20220929142029.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPhIMG20220929142029.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPhIMG20241105222104.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPhIMG20241105222104.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPhnano-execute-justify-IMG_20221111_103043-512.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPhnano-execute-justify-IMG_20221111_103043-512.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/metaph/MetaPhtiefighter-vent-1000012186-512.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/metaph/MetaPhtiefighter-vent-1000012186-512.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> 8-bit Solar Wind Machine 2017-01-01T00:00:00+00:00 2017-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/222740855?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;8-bitsolarwindmachine&#x2F;AndreSier-8BitSolarWindMachine-GOPR2208.JPG" alt="8-bit Solar Wind Machine Image AndreSier-8BitSolarWindMachine-GOPR2208.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;8-bitsolarwindmachine&#x2F;AndreSier-8BitSolarWindMachine-GOPR2227.JPG" alt="8-bit Solar Wind Machine Image AndreSier-8BitSolarWindMachine-GOPR2227.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;8-bitsolarwindmachine&#x2F;AndreSier-8BitSolarWindMachine-GOPR2239.JPG" alt="8-bit Solar Wind Machine Image AndreSier-8BitSolarWindMachine-GOPR2239.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;8-bitsolarwindmachine&#x2F;AS-8bitsolarwindmachine-img.jpg" alt="8-bit Solar Wind Machine Image AS-8bitsolarwindmachine-img.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;8-bitsolarwindmachine&#x2F;solar-2017-04-05-03147.jpg" alt="8-bit Solar Wind Machine Image solar-2017-04-05-03147.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;8-bitsolarwindmachine&#x2F;solar-2017-05-27-01997.jpg" alt="8-bit Solar Wind Machine Image solar-2017-05-27-01997.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;8-bitsolarwindmachine&#x2F;solar-2017-05-30-08357.jpg" alt="8-bit Solar Wind Machine Image solar-2017-05-30-08357.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> AndreSier-8BitSolarWindMachine-GOPR2208.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "8-bit Solar Wind Machine / AndreSier-8BitSolarWindMachine-GOPR2208.JPG", "8-bit Solar Wind Machine / AndreSier-8BitSolarWindMachine-GOPR2227.JPG", "8-bit Solar Wind Machine / AndreSier-8BitSolarWindMachine-GOPR2239.JPG", "8-bit Solar Wind Machine / AS-8bitsolarwindmachine-img.jpg", "8-bit Solar Wind Machine / solar-2017-04-05-03147.jpg", "8-bit Solar Wind Machine / solar-2017-05-27-01997.jpg", "8-bit Solar Wind Machine / solar-2017-05-30-08357.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <p><em>8-Bit Solar Wind Machine code edition</em> - code, computer, sound, video, http, continuous</p> <p><em>8-Bit Solar Wind Machine drawings edition</em> - ballpoint pen on fine art 100x70cm paper</p> <p><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AndreSier-8BitSolarWindMachine-GOPR2208.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AndreSier-8BitSolarWindMachine-GOPR2208.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AndreSier-8BitSolarWindMachine-GOPR2227.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AndreSier-8BitSolarWindMachine-GOPR2227.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AndreSier-8BitSolarWindMachine-GOPR2239.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AndreSier-8BitSolarWindMachine-GOPR2239.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AS-8bitsolarwindmachine-img.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/AS-8bitsolarwindmachine-img.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/solar-2017-04-05-03147.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/solar-2017-04-05-03147.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/solar-2017-05-27-01997.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/solar-2017-05-27-01997.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/solar-2017-05-30-08357.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/8-bitsolarwindmachine/solar-2017-05-30-08357.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Half-Plant 2017-01-01T00:00:00+00:00 2017-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/half-plant/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-14.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-14.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-4.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-4.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-7.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-7.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-8.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-8.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-CRXXI-20190607_184840.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-CRXXI-20190607_184840.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-CRXXI-20190607_190820.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-CRXXI-20190607_190820.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-IMG_6533.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-IMG_6533.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-IMG_6536.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-IMG_6536.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-info20190607_190723.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/AS-Half-Plant-info20190607_190723.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_1.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_1.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_3.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_3.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_4.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_4.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_5.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/half-plant/Half-Plant-ASier.1.2018_5.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Neon Paleolitikos Drawings 2017-01-01T00:00:00+00:00 2017-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/neonpaleolitikos/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6452.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6452.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6456.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6456.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6511.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6511.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6512.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6512.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6546.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6546.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6557.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_6557.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_7000w.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_7000w.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_7001w.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/neonpaleolitikos/AS-NeonPaleolitikos-IMG_7001w.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Phoenix.WolfAndDotCom.Info 2017-01-01T00:00:00+00:00 2017-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-Phoenix-Landal-20190201_194018.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-Phoenix-Landal-20190201_194018.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-Phoenix-Landal_20190201_194056.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-Phoenix-Landal_20190201_194056.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-6195-1k.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-6195-1k.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-6316-1k.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-6316-1k.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-IMG_6216.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-IMG_6216.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-IMG_6221.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-IMG_6221.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-IMG_6262.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/AS-PhoenixWolfanddotcomInfo-IMG_6262.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/Phoenix-2017-08-14-21-18-09-864.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/Phoenix-2017-08-14-21-18-09-864.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/Phoenix-2017-08-14-21-21-41-267.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/phoenix-wolfanddotcom-info/Phoenix-2017-08-14-21-21-41-267.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/243502471?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> Wolf-Totems 2017-01-01T00:00:00+00:00 2017-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolf-totems/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6435.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6435.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6449.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6449.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6525.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6525.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6548.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/AS-Wolf-Totems-IMG_6548.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h02m04s939.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h02m04s939.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h02m29s200.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h02m29s200.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h07m31s062.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h07m31s062.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h07m40s896.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h07m40s896.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h07m51s276.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolf-totems/wolf-totems-16h07m51s276.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Wolfanddotcom 2017-01-01T00:00:00+00:00 2017-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolfanddotcom/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-11.jpg" alt="Wolfanddotcom Image Wolfanddotcom-11.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-12.jpg" alt="Wolfanddotcom Image Wolfanddotcom-12.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-13.jpg" alt="Wolfanddotcom Image Wolfanddotcom-13.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-6.jpg" alt="Wolfanddotcom Image Wolfanddotcom-6.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-7.jpg" alt="Wolfanddotcom Image Wolfanddotcom-7.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-8.jpg" alt="Wolfanddotcom Image Wolfanddotcom-8.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-9.jpg" alt="Wolfanddotcom Image Wolfanddotcom-9.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180628_141234.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180628_141234.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180628_141239.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180628_141239.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180628_143510.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180628_143510.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180628_155425.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180628_155425.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180628_155432.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180628_155432.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180628_155651.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180628_155651.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180808_123104.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180808_123104.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180808_123141.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180808_123141.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-Cerveira18-20180808_123307.jpg" alt="Wolfanddotcom Image Wolfanddotcom-Cerveira18-20180808_123307.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-IMG_6698.jpg" alt="Wolfanddotcom Image Wolfanddotcom-IMG_6698.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-IMG_6708.jpg" alt="Wolfanddotcom Image Wolfanddotcom-IMG_6708.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-IMG_6766.jpg" alt="Wolfanddotcom Image Wolfanddotcom-IMG_6766.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;wolfanddotcom&#x2F;wolfanddotcom&#x2F;Wolfanddotcom-IMG_6782.jpg" alt="Wolfanddotcom Image Wolfanddotcom-IMG_6782.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 20 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> Wolfanddotcom-11.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Wolfanddotcom / Wolfanddotcom-11.jpg", "Wolfanddotcom / Wolfanddotcom-12.jpg", "Wolfanddotcom / Wolfanddotcom-13.jpg", "Wolfanddotcom / Wolfanddotcom-6.jpg", "Wolfanddotcom / Wolfanddotcom-7.jpg", "Wolfanddotcom / Wolfanddotcom-8.jpg", "Wolfanddotcom / Wolfanddotcom-9.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180628_141234.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180628_141239.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180628_143510.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180628_155425.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180628_155432.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180628_155651.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180808_123104.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180808_123141.jpg", "Wolfanddotcom / Wolfanddotcom-Cerveira18-20180808_123307.jpg", "Wolfanddotcom / Wolfanddotcom-IMG_6698.jpg", "Wolfanddotcom / Wolfanddotcom-IMG_6708.jpg", "Wolfanddotcom / Wolfanddotcom-IMG_6766.jpg", "Wolfanddotcom / Wolfanddotcom-IMG_6782.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/XQ-V1D1x_lM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/246002367?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfanddotcom/Wolfanddotcom-10.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfanddotcom/Wolfanddotcom-10.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Wolfanddotcom</strong> é um videojogo audiovisual ambiente em rede local. É um trabalho dentro da série homónima wolfanddotcom que pesquisa meios electrónicos interativos e imersivos como pontes para a alteridade não-humana, a corporização animal e a jogabilidade catártica. As esculturas de lobos com joystick permitem que as pessoas mergulhem como lobos virtuais. O jogo decorre num ambiente abstrato pós-humano sintetizado a partir de bytes de ficheiros e processos de computador. Joga-se com uma matilha de lobos bio-electrónicos, anseado e a correr para construir redes entre si.</p> <p>Wolfanddotcom, videojogo ambiente que combina o imaginário de experiências de vidas virtuais com lobos num futuro próximo distópico, após um eventual desaparecimento da humanidade. Os lobos habitam um espaço virtual povoado de totens, estruturas de tamanho arquitetónico que combinam diversos frames das animações dos lobos em Wolfanddotcom. Os totens funcionam como marcos, transmitidos entre gerações de animais, símbolo da reconstrução de uma rede cibernética virtual entre eles. Animais sociais que caçam em matilhas ou que se aventuram em terrenos solitários e inóspitos estão entre os sobreviventes deste apocalipse virtual e têm de reconstruir uma rede entre si para manter as esperanças de vida duradouras na Terra.</p> <!-- --- --> <p>(EN) <strong>Wolfanddotcom</strong> is a local networked ambient audio-visual videogame. It’s a work within the homonymous series wolfanddotcom which researches interactive and immersive electronic means as bridges towards non-human otherness, animal embodiment and cathartic gameplay. Joystick-wolf-sculptures allow people to immerse as virtual wolves. The game is set in a post-human abstract environment synthesized from bytes of files and computer processes. You play with a pack of bio-electronic wolves, longing and racing to construct networks among themselves.</p> <p>Wolfanddotcom, ambient videogame which combines the imagery of virtual life experiences with wolves in a near distopic future, after an eventual disappearance of mankind. The wolves inhabit a virtual space populated with totems, architectonic-sized structures which combine several frames from the wolves animations in Wolfanddotcom. The totems operate as landmarks, passed amongst generations of animals, symbol of the rebuild of a virtual cybernetic network amongst them. Social animals that hunt in packs, or that adventure in lonely inhospitable grounds are among the survivors of this virtual apocalipse, and have to reconstruct a network amongst themselves to keep hopes of life enduring on earth.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Arduino App. N GNU/Linux Computers, N Joystick-Wolf-Sculptures, N XGA Video Projections, N Mono/Stereo Sound Projections, 1 Router, 1 WiFi SoC Computer, Code Computers, Code SoC, Smartdevice WiFi Bridge, Cables, 1 Wolf-Totem with Electronics.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2022 <em>Wolfanddotcom video</em>, Uivo, Centro de Cultura de Paredes de Coura, Paredes de Coura</p> <p>2021 <em>Wolfanddotcom video</em>, Uivo, Casa de Cultura Jaime Lobo e Silva, Ericeira</p> <p>2018 <em>Wolfanddotcom, Babylon</em>, XX Bienal Internacional de Arte de Cerveira, Vila Nova de Cerveira</p> <p>2017-18 <em>Wolfanddotcom</em>, Sonae Art Award, Museu Nacional Arte Contemporânea, Lisboa</p> </div> Wolfanddotcom Drawings 2017-01-01T00:00:00+00:00 2017-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/wolfanddotcomdrawings/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfanddotcomdrawings/AS-Mel-WolfDEusocial-IMG_0293a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfanddotcomdrawings/AS-Mel-WolfDEusocial-IMG_0293a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfanddotcomdrawings/WolfanddotcomDrawings-AS-IMG_0289.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfanddotcomdrawings/WolfanddotcomDrawings-AS-IMG_0289.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/wolfanddotcomdrawings/WolfanddotcomDrawings-AS-IMG_0293.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/wolfanddotcomdrawings/WolfanddotcomDrawings-AS-IMG_0293.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> MathX (METADATA-EYE) 2016-01-01T00:00:00+00:00 2016-01-01T00:00:00+00:00 André Sier https://andre-sier.com/music/matxh-metadata-eye/ <figure > <picture> <img src="https://andre-sier.com/music/matxh-metadata-eye/MATHX-METADATA-EYE-screen-0854.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/music/matxh-metadata-eye/MATHX-METADATA-EYE-screen-0854.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=2799463724/size=large/bgcol=000000/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="http://andresier.bandcamp.com/album/mathx-metadata-eye-freenoise-20160518-mp7">MATHX+METADATA-EYE+FREENOISE-20160518.mp7 by André Sier &amp; Álvaro Seiça</a></iframe> <div class="text-with-margins"> <p>MATHX+METADATA-EYE+FREENOISE-20160518.mp7. AV album by André Sier based on colab with Álvaro Seiça METADATA-EYE duration: 58’27”</p> <p>poema METADATA-EYE de Álvaro Seiça <a rel="external" href="http://s373.net/x/mathx-metadata-eye">http://s373.net/x/mathx-metadata-eye</a> <a rel="external" href="http://alvaroseica.net/works/metadata-eye.html">http://alvaroseica.net/works/metadata-eye.html</a></p> <p>álbum av MATHX+METADATA-EYE+FREENOISE-20160518.mp7 de André Sier baseado em METADATA-EYE de Álvaro Seiça MATHX+METADATA-EYE+FREENOISE-20160518.mp7 av album by André Sier based on colab with Álvaro Seiça, METADATA-EYE duration: 58’27”</p> <p>May 18th, 2016</p> <p>https://andresier.bandcamp.com/album/mathx-metadata-eye-freenoise-20160518-mp7 Available at <a rel="external" href="https://andresier.bandcamp.com/album/mathx-metadata-eye-freenoise-20160518-mp7">https://andresier.bandcamp.com/album/mathx-metadata-eye-freenoise-20160518-mp7</a>.</p> </div> Spielelementen 2016-01-01T00:00:00+00:00 2016-01-01T00:00:00+00:00 André Sier https://andre-sier.com/music/spielelementen/ <figure > <picture> <img src="https://andre-sier.com/music/spielelementen/spielenlement+cover.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/music/spielelementen/spielenlement+cover.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=950442813/size=large/bgcol=000000/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="http://andresier.bandcamp.com/album/spielelementen">Spielelementen by André Sier</a></iframe> <div class="text-with-margins"> <p><strong>Spielelementen</strong></p> <ol> <li>747.3 03:12</li> <li>Eer 10:52</li> <li>theresAHoleInThePan 10:12</li> <li>Lampsacus 07:51</li> <li>577Rhea 21:21</li> <li>747.7 04:29</li> <li>Hyperborea 07:27</li> <li>Skate.Exe (intro theme) 03:28</li> <li>Skate.Exe (level scrubbing) 05:25</li> <li>Temporary Babel 2D (25 levels) 07:25</li> <li>Draco.Wolfanddotcom.Info (Looming 0) 10:07</li> <li>Draco.Wolfanddotcom.Info (Looming 1) 11:29</li> </ol> <p>about Spielelementen</p> <p>Live musical synthesis where human interaction and game mechanics from audiovisual videogames cooperate into ambient, noise, gliss, glitch, 8bit algorithmic audiovisual electronic arts. Game Elements (Spielelementen) presents selected live sessions of audio recordings from André Sier's videogames like Eer, there’sAHoleInThePan, 577Rhea, DRACO.WOLFANDDOTCOM.INFO, 747.7, Temporary-Babel2D, Hyperborea, Skate.Exe.</p> <p>released May 5, 2016</p> <p>Streaming + Download Includes unlimited streaming via the free Bandcamp app, plus high-quality download in MP3, FLAC and more. Buy Digital Album</p> <p>Available at <a rel="external" href="https://andresier.bandcamp.com/album/spielelementen">https://andresier.bandcamp.com/album/spielelementen</a>.</p> </div> Arcadia 2016-01-01T00:00:00+00:00 2016-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/arcadia/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/164341063?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia0LabirintoDeChronosI-IMG_5616.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia0LabirintoDeChronosI-IMG_5616.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia0LabirintoDeChronosI-IMG_5619.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia0LabirintoDeChronosI-IMG_5619.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia0LabirintoDeChronosI-IMG_5623.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia0LabirintoDeChronosI-IMG_5623.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-49600724.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-49600724.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-50139684.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-50139684.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-88818992.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-88818992.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-94790360.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-94790360.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-96010832.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-96010832.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-97491304.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-97491304.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-98476928.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-98476928.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AndreSier-SIAC2-TorreMenagem-IMG_5853.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AndreSier-SIAC2-TorreMenagem-IMG_5853.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AndreSier-SIAC2-TorreMenagem-IMG_5872.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AndreSier-SIAC2-TorreMenagem-IMG_5872.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AS-websummit-2016-01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AS-websummit-2016-01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AS-websummit-2016-02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-AS-websummit-2016-02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-Beybladers-Version-AndréSier-OcupartChiado-IMG_3333.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-Beybladers-Version-AndréSier-OcupartChiado-IMG_3333.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-Beybladers-Version--AndréSier-OcupartChiadoIMG_3334.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/arcadia/Arcadia-Beybladers-Version--AndréSier-OcupartChiadoIMG_3334.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Arcadia</strong> é monumento virtual silencioso e lúdico a uma cidade imaginária da série piantadelmondo de André Sier, apontando para visões e histórias de inaudita natureza selvagem de formação espacial. Nesta obra, os visitantes veem, navegam e viajam dentro do aparentemente infinito spatium de Arcádia, muitas vezes encontrando e interagindo com enxames autónomos de elementos desconhecidos, que aparentemente fundem e dobram o espaço no spatium de Arcádia.</p> <!-- --- --> <p>(EN) <strong>Arcadia</strong> is a silent playful interactive 3d virtual monument imaginary city in the piantadelmondo series by André Sier, pointing towards visions and stories of untold natural wilderness of spatial formation. In this work, visitors sight-see, navigate and travel inside the apparently infinite spatium of Arcadia, often encountering and interacting with autonomous swarms of unknown elements, which apparently merge and fold space in Arcadia's spatium.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. IR Webcam. IR Flood Light. Computer Vision. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Arcadia</em> e <em>k.~</em>, SIAC2, Torre de Menagem, Guarda</p> <p>2016 <em>Arcadia</em>, TheNewArtFest16, WebSummit, Lisboa</p> <p>2016 <em>Arcadia (Beybladers vs)</em>, <em>MathX(Metadata-Eye)</em>, TheNewArtFest16, MUHNAC, Lisboa</p> <p>2016 <em>02016.41312785388128</em>, Ocupart Chiado, Lisboa</p> </div> Atlantis Maps 2016-01-01T00:00:00+00:00 2016-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/atlantis-maps/ <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5199.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5199.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_52000.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_52000.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5216.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5216.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5223.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5223.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5227.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5227.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5230.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5230.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5237.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-maps/Atlantis-Maps-IMG_5237.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) Pinturas electrónicas representando mapas da Atlântida. Código, Acrílico, Solda, Electrónica, Metais, Cola Quente, Tela Triangular, Plexiglass. Dimensões 37x37x7cm.</p> <!-- --- --> <p>(EN) Electronic paintings depicting Atlantis Maps. Code, Acrylic, Solder, Electronics, Metals, Hot Glue, Triangular Canvas, Plexiglass. Dimensions 37x37x7cm.</p> <!-- --- --> <p>(Tech) Processing/s373.P5Libs App. Acrylic, Solder, Electronics, Metals, Hot Glue, Triangular Canvas, Plexiglass. Dimensions 37x37x7cm.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2016 <em>02016.41312785388128</em>, Ocupart Chiado, Lisboa</p> <p>2016 <em>Atlantis</em>, (Curadoria Adelaide Ginga), Sala Museu Nacional de Arte Contemporânea (MNAC), Lisboa</p> </div> Atlantis (Sólon Interface) 2016-01-01T00:00:00+00:00 2016-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/atlantis-soloninterface/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/184233128?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-0987134a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-0987134a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-162A5719.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-162A5719.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-162A5879.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-162A5879.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5285.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5285.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5292.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5292.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5315.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5315.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5316.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/atlantis-soloninterface/Atlantis-AndreSier-MNAC-IMG_5316.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Atlantis (Sólon Interface)</strong> oferece um tetraedro suspenso interativo com eletrónica que se torna o interface que permite aos utilizadores acompanhados pela voz robótica de Sólon embarcar numa viagem escolástica de aventura labiríntica em busca da cidade perdida de Atlântida. Ao recolher Oricalcum e levá-lo para o templo no centro da cidade triconcêntrica dos mares estáticos, os visitantes parecem viajar para trás no tempo, para o que parece ser a Atlântida original. Os navegadores virtuais no século XXI encontram mapas que os transportam a um dispositivo desconhecido. Aparentemente o dispositivo permite acompanhar de perto e na primeira pessoa uma experiência do ambiente dos relatos de Platão. Mitos de uma civilização desconhecida, avançada e já desaparecida, organizada em cidades-estado tri-concêntricas, detentora de tecnologias e costumes inauditos. O dispositivo aparenta ter alguns erros. Suspende o tempo pelo espaço, e há relatos de confluências e momentos diacrónicos a ocuparem a mesma região espacial. Numa única noite de infortúnio, o mar destruiu cataclismicamente a cidade, cujos resquícios são milenarmente absorvidos pela terra e arqueologicamente construídos pelo artista. Até hoje, não se sabe ao certo se o dispositivo presente nesta exposição aponta para este lugar cartografado, mas estamos parados no tempo de um desses momentos, a jogar histórias e fragmentos de objectos que comunicam de forma arcaica e enigmática entre si na senda da cidade mítica.</p> <!-- --- --> <p>(EN) <strong>Atlantis (Sólon Interface)</strong> holds an interactive suspended tetrahedron with electronics that becomes the interface which allows users accompanied by Sólon’s robotic voice to embark on a scholastic voyage of labyrinthine adventure in the quest of the lost city of Atlantis. By collecting Oricalcum, and taking it to the temple in the center of the tri-concentric city on the static seas, visitors appear to time travel backwards to what appears to be the original Atlantis. Virtual navigators in the 21st century find maps that transport them to an unknown device. Apparently the device allows you to follow up close and in first person an experience of the environment of Plato's stories. Myths of an unknown, advanced and already disappeared civilization, organized in tri-concentric city-states, possessing unprecedented technologies and customs. The device appears to have some errors. It suspends time through space, and there are reports of confluences and diachronic moments occupying the same spatial region. In a single night of misfortune, the sea cataclysmically destroyed the city, whose remains have been absorbed by the earth for thousands of years and archaeologically constructed by the artist. To this day, it is not known for sure whether the device present in this exhibition points to this mapped place, but we are stuck in the time of one of these moments, playing stories and fragments of objects that communicate in an archaic and enigmatic way with each other on the mythical city's trail.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Arduino App. Linux OS. Electronics. Stereo Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2016 <em>Atlantis</em>, (Curadoria Adelaide Ginga), Sala Museu Nacional de Arte Contemporânea (MNAC), Lisboa</p> <h3 id="http-distraction">Http distraction</h3> <p><a rel="external" href="https://andre-sier.com/static/piantadelmondo.info/atlantis">andre-sier.com/static/piantadelmondo.info/atlantis</a></p> </div> χάος (*.stl) 2016-01-01T00:00:00+00:00 2016-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/caos-stl/ <p><figure > <picture> <img src="https://andre-sier.com/projects/caos-stl/162A1868.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/caos-stl/162A1868.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/caos-stl/162A1848.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/caos-stl/162A1848.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/caos-stl/162A1870.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/caos-stl/162A1870.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/caos-stl/IMG_3360.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/caos-stl/IMG_3360.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> 410.crystls 2016-01-01T00:00:00+00:00 2016-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/410crystls/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410crystls&#x2F;410.crystls.IMG_5034.JPG" alt="410.crystls Image 410.crystls.IMG_5034.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410crystls&#x2F;410.crystls.IMG_5044.JPG" alt="410.crystls Image 410.crystls.IMG_5044.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410crystls&#x2F;410.crystls.IMG_5053.JPG" alt="410.crystls Image 410.crystls.IMG_5053.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410crystls&#x2F;410.crystls.IMG_5066.JPG" alt="410.crystls Image 410.crystls.IMG_5066.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410crystls&#x2F;410.crystls.IMG_5069.JPG" alt="410.crystls Image 410.crystls.IMG_5069.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410crystls&#x2F;410.crystls.IMG_5073.JPG" alt="410.crystls Image 410.crystls.IMG_5073.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410crystls&#x2F;410.crystls.IMG_5116.JPG" alt="410.crystls Image 410.crystls.IMG_5116.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 410.crystls.IMG_5034.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "410.crystls / 410.crystls.IMG_5034.JPG", "410.crystls / 410.crystls.IMG_5044.JPG", "410.crystls / 410.crystls.IMG_5053.JPG", "410.crystls / 410.crystls.IMG_5066.JPG", "410.crystls / 410.crystls.IMG_5069.JPG", "410.crystls / 410.crystls.IMG_5073.JPG", "410.crystls / 410.crystls.IMG_5116.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> MathX (Poemário) 2015-05-02T00:00:00+00:00 2015-05-02T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/matxh-poemario/ <figure > <picture> <img src="https://andre-sier.com/collaborations/matxh-poemario/andre-sier-rui-torres_mathx-poemario.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/matxh-poemario/andre-sier-rui-torres_mathx-poemario.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><!-- <iframe style="border: 0; width: 100%; height: 670px;" src="https://s373.net/x/mathx_poemario/" seamless><a href="https://s373.net/x/mathx_poemario/">MathX (Poemário) by André Sier &amp; Rui Torres</a></iframe> --> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="mathx-poemario-2015">"MathX (Poemário)" (2015)</h3> <p>Colaboração André Sier &amp; Rui Torres 2015. A obra apresenta uma visão maquínica interactiva através de nuvens de poemas operando o nexo durante os frames atuais, lidos em voz alta e cantados por Mbrola. Poemas dos seguintes autores: Pedro Barbosa – “Elegias”, “Porto”, “Aveiro”; E. M. de Melo e Castro – “Àlea e vazio”, “Modo de agir”, “Tu que serves és servido vem”, “Um pouco como um oco”; Rui Torres – “Do peso e da leveza”.</p> <!-- --- --> <p>(EN)</p> <h3 id="mathx-poemario-2015-1">"MathX (Poemário)" (2015)</h3> <p>Collaboration André Sier &amp; Rui Torres 2015. The work presents an interactive machine vision through clouds of poems operating nexus during the current frames, read aloud and sang by Mbrola. Poems from the following authors: Pedro Barbosa – “Elegias”, “Porto”, “Aveiro”; E. M. de Melo e Castro – “Àlea e vazio”, “Modo de agir”, “Tu que serves és servido comes”, “Um pouco como um oco”; Rui Torres – “Do peso e da leveza”.</p> <br> <!-- --- --> <p>(Tech) Processing/s373.P5Libs App. Live Interactive Audiovisual Tool.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2015 <em>MathX (Poemário)</em>, com Rui Torres, Gato Vadio, Porto</p> <h3 id="http-distraction">Http distraction</h3> <p><a rel="external" href="https://s373.net/x/mathx_poemario/">https://s373.net/x/mathx_poemario/</a></p> <p><a rel="external" href="https://s373.net/continuum/2015/04/26/arquivo-vivo-e-anarquivo/">https://s373.net/continuum/2015/04/26/arquivo-vivo-e-anarquivo/</a></p> <p><a rel="external" href="https://po-ex.net/taxonomia/materialidades/digitais/andre-sier-e-rui-torres-mathx-poemario/">https://po-ex.net/taxonomia/materialidades/digitais/andre-sier-e-rui-torres-mathx-poemario/</a></p> </div> Anthemusa 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/anthemusa/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-00.png" alt="Anthemusa Image Anthemusa-00.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-01.png" alt="Anthemusa Image Anthemusa-01.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0450.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0450.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0455.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0455.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0456.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0456.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0466.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0466.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0618.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0618.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0691.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0691.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0780.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0780.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0810.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0810.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-IMG_0884.JPG" alt="Anthemusa Image Anthemusa-AndreSier-IMG_0884.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2812.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2812.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2817.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2817.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2820.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2820.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2828.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2828.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2833.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2833.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2846.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2846.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2854.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2854.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;anthemusa&#x2F;Anthemusa-AndreSier-Plunc-IMG_2858.JPG" alt="Anthemusa Image Anthemusa-AndreSier-Plunc-IMG_2858.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 19 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> Anthemusa-00.png </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Anthemusa / Anthemusa-00.png", "Anthemusa / Anthemusa-01.png", "Anthemusa / Anthemusa-AndreSier-IMG_0450.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0455.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0456.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0466.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0618.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0691.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0780.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0810.JPG", "Anthemusa / Anthemusa-AndreSier-IMG_0884.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2812.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2817.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2820.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2828.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2833.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2846.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2854.JPG", "Anthemusa / Anthemusa-AndreSier-Plunc-IMG_2858.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/140989458?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/140911942?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> <div class="text-with-margins"> <p>(PT) Anthemusa é um farol-ponto, um laser-beacon comunitário de 8 bits, que projeta desenhos no horizonte, sobrepostos à paisagem, enviados por internautas remotos através da web-joystick-page da obra, bem como feitos no local por visitantes de instalação local , utilizando um joystick físico ligado ao programa personalizado Anthemusa a correr dentro de um computador.</p> <p>(EN) Anthemusa is a point-lighthouse, an 8-bit community laser-beacon, which projects drawings on the horizon, superimposed over the landscape, submitted by remote Internet users through the work’s web-joystick-page, as well as made on the spot by local installation visitors, utilizing a physical joystick connected to the Anthemusa custom made program running inside a computer.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Arduino App. Internet. Linux OS. Joystick. Mono Sound. Interactive Laser Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2016 <em>02016.41312785388128</em>, Ocupart Chiado, Lisboa</p> <p>2015 <em>Anthemusa</em>, Festival Plunc, Gingal, Almada</p> <p>2015 <em>Anthemusa</em> &amp; <em>Draco.Wolfanddotcom.Info</em>, Festival Aura, MU.SA, Sintra</p> <h3 id="http-joystick">Http joystick</h3> <p>Drawing submission disabled. Drawings Viewer disabled.</p> <p>View drawing joystick: <a rel="external" href="https://andre-sier.com/static/run/anthemusa-www-drawjoystick">andre-sier.com/static/run/anthemusa-joystick</a></p> </div> DMZ 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/dmz/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/132493389?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-CIMG6017.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-CIMG6017.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-CIMG6069.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-CIMG6069.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-CIMG6094.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-CIMG6094.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1370.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1370.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1425.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1425.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1437.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1437.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1445.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1445.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1450.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/dmz/DMZ-AndréSier-GOPR1450.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>DMZ</strong> é um bot físico que mantém uma zona desmilitarizada dentro do perímetro das cidades virtuais piantaldelmondo. Tenha cuidado ao entrar no seu perímetro.</p> <!-- --- --> <p>(EN) <strong>DMZ</strong> is a physical bot which upholds a demilitarized zone within the perimeter of piantaldelmondo virtual cities. Be wary as you enter its perimeter.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. Electronics. Mono Sound. Interactive Water Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2015 <em>Skate Riding</em> (solo), Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2015 <em>Inky</em>, Lisbon Maker Faire, Pavilhão Conhecimento</p> <p>2015 <em>EsculturasGenerativas, DMZ</em>, Festival Cidade Pre0cupada, Montemor-o-Novo</p> </div> Hyperborea (ICST) 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/hyperborea-icst/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/133129916?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/133130575?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-icst-IMG_6963.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-icst-IMG_6963.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-icst-IMG_6964.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-icst-IMG_6964.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-icst-IMG_7050.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-icst-IMG_7050.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-IMG_6960.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-icst/hyperborea-IMG_6960.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) Para além da região dos ventos do norte encontra-se <strong>Hyperborea</strong>, uma terra geométrica imersiva onde os processos generativos esculpem livremente formas ajustadas pelas dinâmicas do vento, estruturando uma polis mitológica engagável. Uma experiência de jogo imersiva, onde o espectador conduz o seu avatar pelo espaço de jogo, enquanto experimenta a composição espacializada de elementos espalhados por vários níveis de dificuldade para chegar a <strong>Hyperborea</strong>.</p> <!-- --- --> <p>(EN) Beyond the northern winds region lays <strong>Hyperborea</strong>, an immersive geometrical land where generative processes carve freely forms adjusted by wind dynamics, structuring a mythological engagable polys. An immersive game-like experience, where the viewer drives its avatar through the game space, whilst experiencing the spatialized composition of elements scattered across several difficulty levels into reaching <strong>Hyperborea</strong>.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Mac/Win OS. 4 Network Cameras. 16 Channel Sound Output. 4 Interactive Video Projections. Touch Interaction.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2015 <em>Hyperborea</em>, ImmersiveLab,Gray Area, San Francisco, us</p> <p>2015 <em>Hyperborea</em>, ICST, Zürich Arts University, ch</p> </div> Portrait Machine 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/portrait-machine/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;portrait-machine&#x2F;PortraitMachine-IMG_2485.JPG" alt="Portrait Machine Image PortraitMachine-IMG_2485.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;portrait-machine&#x2F;PortraitMachine-IMG_2514.JPG" alt="Portrait Machine Image PortraitMachine-IMG_2514.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;portrait-machine&#x2F;PortraitMachine-IMG_2631.JPG" alt="Portrait Machine Image PortraitMachine-IMG_2631.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;portrait-machine&#x2F;PortraitMachine-IMG_2637.JPG" alt="Portrait Machine Image PortraitMachine-IMG_2637.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;portrait-machine&#x2F;PortraitMachine-IMG_2663.JPG" alt="Portrait Machine Image PortraitMachine-IMG_2663.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;portrait-machine&#x2F;PortraitMachine-IMG_2670.JPG" alt="Portrait Machine Image PortraitMachine-IMG_2670.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 6 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> PortraitMachine-IMG_2485.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Portrait Machine / PortraitMachine-IMG_2485.JPG", "Portrait Machine / PortraitMachine-IMG_2514.JPG", "Portrait Machine / PortraitMachine-IMG_2631.JPG", "Portrait Machine / PortraitMachine-IMG_2637.JPG", "Portrait Machine / PortraitMachine-IMG_2663.JPG", "Portrait Machine / PortraitMachine-IMG_2670.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> StarWars(DeathStar) 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/starwars-deathstar/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/149209239?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-deathstar&#x2F;StarWars-DeathStar-IMG_2421.JPG" alt="StarWars(DeathStar) Image StarWars-DeathStar-IMG_2421.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-deathstar&#x2F;StarWars-DeathStar-IMG_2425.JPG" alt="StarWars(DeathStar) Image StarWars-DeathStar-IMG_2425.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-deathstar&#x2F;StarWars-DeathStar-IMG_2527.JPG" alt="StarWars(DeathStar) Image StarWars-DeathStar-IMG_2527.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-deathstar&#x2F;StarWars-DeathStar-IMG_2545.JPG" alt="StarWars(DeathStar) Image StarWars-DeathStar-IMG_2545.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-deathstar&#x2F;StarWars-DeathStar-IMG_2666.JPG" alt="StarWars(DeathStar) Image StarWars-DeathStar-IMG_2666.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> StarWars-DeathStar-IMG_2421.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "StarWars(DeathStar) / StarWars-DeathStar-IMG_2421.JPG", "StarWars(DeathStar) / StarWars-DeathStar-IMG_2425.JPG", "StarWars(DeathStar) / StarWars-DeathStar-IMG_2527.JPG", "StarWars(DeathStar) / StarWars-DeathStar-IMG_2545.JPG", "StarWars(DeathStar) / StarWars-DeathStar-IMG_2666.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> StarWars(RebelBase) 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/starwars-rebelbase/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/149209626?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-rebelbase&#x2F;StarWars-RebelBase-IMG_2409.JPG" alt="StarWars(RebelBase) Image StarWars-RebelBase-IMG_2409.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-rebelbase&#x2F;StarWars-RebelBase-IMG_2523.JPG" alt="StarWars(RebelBase) Image StarWars-RebelBase-IMG_2523.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-rebelbase&#x2F;StarWars-RebelBase-IMG_2649.JPG" alt="StarWars(RebelBase) Image StarWars-RebelBase-IMG_2649.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;starwars-rebelbase&#x2F;StarWars-RebelBase-IMG_2650.JPG" alt="StarWars(RebelBase) Image StarWars-RebelBase-IMG_2650.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> StarWars-RebelBase-IMG_2409.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "StarWars(RebelBase) / StarWars-RebelBase-IMG_2409.JPG", "StarWars(RebelBase) / StarWars-RebelBase-IMG_2523.JPG", "StarWars(RebelBase) / StarWars-RebelBase-IMG_2649.JPG", "StarWars(RebelBase) / StarWars-RebelBase-IMG_2650.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> struct_10 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-10/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/140912460?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1279.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1279.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1280.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1280.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1283.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1283.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1285.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1285.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1286.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1286.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1292.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1292.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1293.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1293.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1295.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1295.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1297.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1297.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-10&#x2F;struct_10-AndreSier-IMG_1300.JPG" alt="struct_10 Image struct_10-AndreSier-IMG_1300.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 10 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct_10-AndreSier-IMG_1279.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_10 / struct_10-AndreSier-IMG_1279.JPG", "struct_10 / struct_10-AndreSier-IMG_1280.JPG", "struct_10 / struct_10-AndreSier-IMG_1283.JPG", "struct_10 / struct_10-AndreSier-IMG_1285.JPG", "struct_10 / struct_10-AndreSier-IMG_1286.JPG", "struct_10 / struct_10-AndreSier-IMG_1292.JPG", "struct_10 / struct_10-AndreSier-IMG_1293.JPG", "struct_10 / struct_10-AndreSier-IMG_1295.JPG", "struct_10 / struct_10-AndreSier-IMG_1297.JPG", "struct_10 / struct_10-AndreSier-IMG_1300.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT) Versão de instalação original de <strong>Temporary-Babel2D</strong>. Um jogo divertido e minimalista, sobre bibliotecas, tempo, coisas temporárias e permanentes. Uma instalação interactiva onde se brinca com a paisagem mental do conjunto de construção da Torre de Babel, um espaço onde o tempo oscila e a perspetiva se dobra. Tens 1h para chegar à bibliotecária no topo, guiando os teus avatares com joystick, rato e microfone, pelos vários leitores, hiperskates e estantes que caem na biblioteca, fazendo a arquitetura temporária de <strong>Temporary-Babel2D</strong>.</p> <!-- --- --> <p>(EN) 11th piece of the <strong>struct</strong> series, using only site-specific inputs, composing with now and past moments, playing with space and time constructs. <strong>struct_10</strong> is an interactive camera based immersion in 3d visual environment where the viewer interacts with the generative motion mechanics and is recorded along side with time debris of previous viewers scattered in 3d flowing ever changing space.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. Depth Camera. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Labirinto de Chronos II</em> (solo), Convento do Carmo, Torres Novas</p> <p>2017 <em>Struct_10</em>, Criatek, Museu de Arte Nova, Aveiro</p> <p>2015 <em>struct_10 e Arecibo</em>, Radiotelescópio, Zaratan, Lisboa</p> </div> Arecibo 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/arecibo/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/140988516?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_1105.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_1105.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_1112.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_1112.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_1185.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_1185.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_1195.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_1195.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_1198.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_1198.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_1259.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_1259.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_1269.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_1269.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;arecibo&#x2F;Arecibo-AndreSier-IMG_3383.JPG" alt="Arecibo Image Arecibo-AndreSier-IMG_3383.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 8 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> Arecibo-AndreSier-IMG_1105.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Arecibo / Arecibo-AndreSier-IMG_1105.JPG", "Arecibo / Arecibo-AndreSier-IMG_1112.JPG", "Arecibo / Arecibo-AndreSier-IMG_1185.JPG", "Arecibo / Arecibo-AndreSier-IMG_1195.JPG", "Arecibo / Arecibo-AndreSier-IMG_1198.JPG", "Arecibo / Arecibo-AndreSier-IMG_1259.JPG", "Arecibo / Arecibo-AndreSier-IMG_1269.JPG", "Arecibo / Arecibo-AndreSier-IMG_3383.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Autómatos Universais 3D 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/automatosuniversais3d/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;AU-16x16x16-2015-02-23-15-22-40-324.png" alt="Autómatos Universais 3D Image AU-16x16x16-2015-02-23-15-22-40-324.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;AU-16x16x16-2015-02-23-15-23-04-575.png" alt="Autómatos Universais 3D Image AU-16x16x16-2015-02-23-15-23-04-575.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;AutomatosUniversais3D-CIMG5224.JPG" alt="Autómatos Universais 3D Image AutomatosUniversais3D-CIMG5224.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;AutomatosUniversais3D-CIMG5232.JPG" alt="Autómatos Universais 3D Image AutomatosUniversais3D-CIMG5232.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;AutomatosUniversais3D-CIMG5243.JPG" alt="Autómatos Universais 3D Image AutomatosUniversais3D-CIMG5243.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;AutomatosUniversais3D-CIMG5253.JPG" alt="Autómatos Universais 3D Image AutomatosUniversais3D-CIMG5253.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;automato-universal3d-IMG_20150406_194927.jpg" alt="Autómatos Universais 3D Image automato-universal3d-IMG_20150406_194927.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais3d&#x2F;IMG_20150224_151301a.jpg" alt="Autómatos Universais 3D Image IMG_20150224_151301a.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 8 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> AU-16x16x16-2015-02-23-15-22-40-324.png </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Autómatos Universais 3D / AU-16x16x16-2015-02-23-15-22-40-324.png", "Autómatos Universais 3D / AU-16x16x16-2015-02-23-15-23-04-575.png", "Autómatos Universais 3D / AutomatosUniversais3D-CIMG5224.JPG", "Autómatos Universais 3D / AutomatosUniversais3D-CIMG5232.JPG", "Autómatos Universais 3D / AutomatosUniversais3D-CIMG5243.JPG", "Autómatos Universais 3D / AutomatosUniversais3D-CIMG5253.JPG", "Autómatos Universais 3D / automato-universal3d-IMG_20150406_194927.jpg", "Autómatos Universais 3D / IMG_20150224_151301a.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Draco.Wolfanddotcom.Info 2015-01-01T00:00:00+00:00 2015-01-01T00:00:00+00:00 André Sier https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/ <p><figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/draco-et-28mar-098734097.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/draco-et-28mar-098734097.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/draco-et-28mar2015-087235.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/draco-et-28mar2015-087235.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/draco-et-28mar-8450973546.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/draco-et-28mar-8450973546.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0559.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0559.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0736.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0736.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0746.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0746.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0759.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0759.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0765.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0765.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0770.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0770.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0847.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0847.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0851.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0851.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0852.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0852.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0858.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0858.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0860.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/wolfanddotcom/draco-wolfanddotcom-info/DracoWolfanddotcomInfo-AndreSier-IMG_0860.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/126313305?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/140911392?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> 747.6 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/747/747-6/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-6&#x2F;747.6.CIMG3368.JPG" alt="747.6 Image 747.6.CIMG3368.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-6&#x2F;747.6.IMG_9270.jpg" alt="747.6 Image 747.6.IMG_9270.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-6&#x2F;747.6.IMG_9274.jpg" alt="747.6 Image 747.6.IMG_9274.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-6&#x2F;747.6.IMG_9280.jpg" alt="747.6 Image 747.6.IMG_9280.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-6&#x2F;747.6.IMG_9363.jpg" alt="747.6 Image 747.6.IMG_9363.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-6&#x2F;747.6.IMG_9364.jpg" alt="747.6 Image 747.6.IMG_9364.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-6&#x2F;747.6.IMG_9369.jpg" alt="747.6 Image 747.6.IMG_9369.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 747.6.CIMG3368.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "747.6 / 747.6.CIMG3368.JPG", "747.6 / 747.6.IMG_9270.jpg", "747.6 / 747.6.IMG_9274.jpg", "747.6 / 747.6.IMG_9280.jpg", "747.6 / 747.6.IMG_9363.jpg", "747.6 / 747.6.IMG_9364.jpg", "747.6 / 747.6.IMG_9369.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/747/747-6/747.6.CIMG3368.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-6/747.6.CIMG3368.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-6/747.6.IMG_9270.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-6/747.6.IMG_9270.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-6/747.6.IMG_9274.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-6/747.6.IMG_9274.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-6/747.6.IMG_9280.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-6/747.6.IMG_9280.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-6/747.6.IMG_9363.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-6/747.6.IMG_9363.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-6/747.6.IMG_9364.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-6/747.6.IMG_9364.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-6/747.6.IMG_9369.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-6/747.6.IMG_9369.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>747.6</strong> é uma série de desenhos da série 747 gravados em rochas paleolíticas dispostos como esculturas de dólmens.</p> <!-- --- --> <p>(EN) <strong>747.6</strong> is a series of drawings from 747 series etched on paleolithic rocks arranged as dolmen sculptures.</p> <!-- --- --> <p>(Tech) Paleolithic Rocks. Digital Drawings. Laser Etching. ~10cm^3.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2014 <em>747.6</em>, <em>747.7</em>, (Curadoria Laboratório Galeria), Levantamento das Pestes, Casa da Zorra, Évora</p> <p>2014 Heliosfera+747, Galeria Municipal Montemor-o-Novo</p> </div> 747.7 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/747/747-7/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/97597027?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7-2014-05-07-14-18-23-416.jpg" alt="747.7 Image 747.7-2014-05-07-14-18-23-416.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7-2014-05-07-14-19-45-022.jpg" alt="747.7 Image 747.7-2014-05-07-14-19-45-022.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7-2014-05-07-14-39-41-567.jpg" alt="747.7 Image 747.7-2014-05-07-14-39-41-567.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7.IMG_9307.jpg" alt="747.7 Image 747.7.IMG_9307.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7.IMG_9332.jpg" alt="747.7 Image 747.7.IMG_9332.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7.IMG_9337.jpg" alt="747.7 Image 747.7.IMG_9337.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7.IMG_9341.jpg" alt="747.7 Image 747.7.IMG_9341.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7.IMG_9382.jpg" alt="747.7 Image 747.7.IMG_9382.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7.IMG_9396.jpg" alt="747.7 Image 747.7.IMG_9396.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-7&#x2F;747.7.IMG_9397.jpg" alt="747.7 Image 747.7.IMG_9397.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 10 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 747.7-2014-05-07-14-18-23-416.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "747.7 / 747.7-2014-05-07-14-18-23-416.jpg", "747.7 / 747.7-2014-05-07-14-19-45-022.jpg", "747.7 / 747.7-2014-05-07-14-39-41-567.jpg", "747.7 / 747.7.IMG_9307.jpg", "747.7 / 747.7.IMG_9332.jpg", "747.7 / 747.7.IMG_9337.jpg", "747.7 / 747.7.IMG_9341.jpg", "747.7 / 747.7.IMG_9382.jpg", "747.7 / 747.7.IMG_9396.jpg", "747.7 / 747.7.IMG_9397.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7-2014-05-07-14-18-23-416.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7-2014-05-07-14-18-23-416.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7-2014-05-07-14-19-45-022.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7-2014-05-07-14-19-45-022.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7-2014-05-07-14-39-41-567.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7-2014-05-07-14-39-41-567.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7.IMG_9307.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7.IMG_9307.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7.IMG_9332.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7.IMG_9332.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7.IMG_9337.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7.IMG_9337.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7.IMG_9341.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7.IMG_9341.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7.IMG_9382.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7.IMG_9382.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7.IMG_9396.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7.IMG_9396.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-7/747.7.IMG_9397.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-7/747.7.IMG_9397.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) Espaço de jogo de guerra estocástico, imersivo e meditativo. <strong>747.7</strong> é um jogo + simulador de vôo abstracto preenchido com drones + agentes autónomos que devem ser eliminados para avançar para o próximo nível.</p> <!-- --- --> <p>(EN) <strong>747.7</strong> is a stochastic, immersive, meditative videogame on a war game space, where you can fly and shoot from your 747 using a joystick across an increasingly larger and overpopulated stochastic spatium, testing your flying dexterity to the fullest through multiple incoming fire fields. It’s the 7th variation of the 747 series, works with spatialized and gamified audio-visual environments that seek to immerse the user in fast paced arcade exploration of a never ending suspension in the moment of free flight.</p> <p>The videogame includes abstract graphics and experimental electronic music spatialized over a seemingly infinite terrain beyond 32-bit endless levels populated with drones and autonomous agents , which must be taken down in order to proceed to the next stage of the videogame. Under a glitchy chem-trail colorful sky, drones, planes and forts are looming. You're a 747.7 pilot. Depart from your base, destroy enemies, and land in target base, if you can evade the firefight field.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. Joystick. Stereo Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>747.6</em>, <em>747.7</em>, (Curadoria Laboratório Galeria), Levantamento das Pestes, Casa da Zorra, Évora</p> </div> TemporaryBabel2D 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/apps/temporarybabel2d/ <!-- <figure > <picture> <img src="https://andre-sier.com/apps/temporarybabel2d/TemporaryBabel2D-IMG_0461-.PNG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/temporarybabel2d/TemporaryBabel2D-IMG_0461-.PNG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/113973381?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 50%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;temporarybabel2d&#x2F;TemporaryBabel2D-IMG_0461-.PNG" alt="TemporaryBabel2D Image TemporaryBabel2D-IMG_0461-.PNG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;temporarybabel2d&#x2F;TemporaryBabel2D-IMG_0490-.PNG" alt="TemporaryBabel2D Image TemporaryBabel2D-IMG_0490-.PNG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;temporarybabel2d&#x2F;TemporaryBabel2D-IMG_0518-.PNG" alt="TemporaryBabel2D Image TemporaryBabel2D-IMG_0518-.PNG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;temporarybabel2d&#x2F;TemporaryBabel2D-IMG_0539-.PNG" alt="TemporaryBabel2D Image TemporaryBabel2D-IMG_0539-.PNG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;temporarybabel2d&#x2F;TemporaryBabel2D-IMG_0558-.PNG" alt="TemporaryBabel2D Image TemporaryBabel2D-IMG_0558-.PNG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> TemporaryBabel2D-IMG_0461-.PNG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "TemporaryBabel2D / TemporaryBabel2D-IMG_0461-.PNG", "TemporaryBabel2D / TemporaryBabel2D-IMG_0490-.PNG", "TemporaryBabel2D / TemporaryBabel2D-IMG_0518-.PNG", "TemporaryBabel2D / TemporaryBabel2D-IMG_0539-.PNG", "TemporaryBabel2D / TemporaryBabel2D-IMG_0558-.PNG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- width finally works!! --> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>TemporaryBabel2D</strong> é um jogo de física estocástica sobre bibliotecas, tempo, coisas temporárias e permanentes. Interpretas dois rapazes na paisagem mental do conjunto de construção da <em>Torre de Babel</em>, um espaço onde o tempo oscila e a perspectiva curva-se. Tens 1h para passar por 100 níveis e chegar ao bibliotecário no topo, guiando e abrindo caminho para os teus avatares com interacção de toque e de som, através de vários leitores, hiperskates e estantes a cair na biblioteca. <a rel="external" href="https://s373.net/x/TemporaryBabel2D">https://s373.net/x/TemporaryBabel2D</a>.</p> <!-- --- --> <p>(EN) An amusing and minimalist game, about libraries, time, temporary and permanent things. An interactive installation where you play in the mind-scape of the Babel Tower construction set, a space where time oscillates and perspective bends. You have 1h to reach the librarian at the top, guiding your avatars with touch and microphone interaction, through the several readers, hyperskates and bookshelves falling at the library, making the temporary architecture of <strong>Temporary-Babel2D</strong>.</p> <p>A Borges-Bruegel inspired stochastic physics game with 100 levels of increasing difficulty on an hour timed constrain. Can you read, sing, touch or even shout your way to the top under the hour? Schh. You are not supposed to make disturbing sounds while in the universal library. In the game, touch input directs the forces applied to the player, while making sounds within the game’s depicted library captured through the microphone slows time down, and excites the librarian heptagon at the top, dancing with your noise and the library’s music, whom you must touch to keep escalating the Tower. In this temporary Tower of Babel of two dimensions, it seems everything is perpetually crumbling down and falling on top of you, lines from poems you recall from rooms, rectangular books, shelves, sometimes entire walls of books, triangular hyperskates.<a rel="external" href="http://s373.net/x/TemporaryBabel2D">http://s373.net/x/TemporaryBabel2D</a>.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android/iOS/Linux/Mac/Win OS. Stereo Sound. Interactive Touchscreen, Sound Input.</p> <!-- --- --> <h3 id="app">App</h3> <p><a rel="external" href="https://s373.net/x/TemporaryBabel2D">https://s373.net/x/TemporaryBabel2D</a></p> <!-- [https://s373.itch.io/gravidade](https://s373.itch.io/gravidade) --> <h3 id="exhibitions">Exhibitions</h3> <p>2025 <em>Ascende, Temporary-Babel2d</em>, Picadeiro Open Sounds &amp; Digital Art, Alpedrinha, Fundão</p> <p>2016 <em>Spielelementen, 410.crystls</em>, Festival Múltiplo, Zaratan, Lisboa</p> <p>2016 <em>Spielelementen</em>, <em>02016.41312785388128</em>, Ocupart Chiado, Lisboa</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2015 <em>577Rhea,TemporaryBabel2D,SkatingSessions</em>, (Curadoria Hélder Alfaiate) Sardinha &amp; Sier Night, Ericeira</p> <p>2014-5 <em>TemporaryBabel2D</em>, Google Play Store, Apple App Store, Online</p> <p>2013 <em>Temporary-Babel2d</em> + <em>Autómatos Universais</em>,Desdobramento Enfim, Convento Sta. Mónica, Lisboa</p> </div> Eu Abstracto (Skate Ed.) 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/eu-abstracto-skate/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/yBFH3TJ6RJ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-esculturas-CIMG3634.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-esculturas-CIMG3634.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-HeroCIMG4161.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-HeroCIMG4161.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-HeroCIMG4396.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-HeroCIMG4396.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-OllieCIMG4176.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-OllieCIMG4176.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessCIMG3619.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessCIMG3619.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessCIMG4189.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessCIMG4189.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessGameDesignerCIMG4168.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessGameDesignerCIMG4168.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessLostCIMG4178.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessLostCIMG4178.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessLostOllieCIMG4179.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/eu-abstracto-skate/EA-Skate.Exe-PrincessLostOllieCIMG4179.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Eu Abstracto (Skate Ed.)</strong> são retratos abstractos feitos a partir de sequências digitalizadas com câmaras 3D de nuvens de pontos tridimensionais de pessoas em movimentos espacialmente acumulados. Fotogramas únicos ou vários momentos temporais colidem no mesmo espaço. Edição especial limitada de 25 esculturas feitas a partir de sequências do Skate.Exe. Dimensões aproximadas 7x15x7cm.</p> <!-- --- --> <p>(EN) <strong>Eu Abstracto (Skate Ed.)</strong> are abstract portraits made from digitized sequences with 3d cameras of three-dimensional point clouds of people in spatially accumulated movements. Unique frames or several temporal moments collide in the same space. Special limited edition of 25 sculptures made from Skate.Exe sequences. Approximate dimensions 7x15x7cm.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. PLA Sculptures Gold&amp;Red. Approximate dimensions 7x15x7cm.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2016-17 <em>Labirinto de Chronos I</em> (solo), Convento S. Francisco, Coimbra</p> <p>2016 <em>Skates &amp; Dragons</em>, Maker Faire Lisbon, Pavilhão do Conhecimento, Lisboa</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Skate Riding</em> (solo), Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014-15 <em>Skate.Exe</em> (solo), Galeria Luis Serpa Projectos, Lisboa</p> </div> Free Skating 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/free-skating/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/112720144?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/freeskating-21244.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/freeskating-21244.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/freeskating-24154.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/freeskating-24154.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/freeskating-34701.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/freeskating-34701.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4062.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4062.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4196.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4196.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4198.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4198.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4199.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4199.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/free-skatingCIMG4229.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/free-skatingCIMG4229.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4267.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4267.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4330.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/free-skating/free-skating-CIMG4330.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <em>Free Skating</em> oferece a experiência de criar e habitar linhas de movimento dentro de um espaço virtual infinito, rasgando a paisagem, usando cada detalhe da elevação do terreno como espaço para vislumbrar a patinagem livre em qualquer lugar. Tocar no tablet transfere intenções do utilizador para ações do patinador virtual que desbrava a paisagem.</p> <!-- --- --> <p>(EN) <em>Free Skating</em> offers the experience of creating and inhabiting movement lines within an infinite virtual space, ripping the landscape, using every detail in the terrain elevation as a space to glimpse freely skating anywhere. Touching the tablet transfers intentions of the user to actions of the virtual skater that trails the landscape.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android OS. Touch Joystick. Stereo Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2016 <em>Skates &amp; Dragons</em>, Maker Faire Lisbon, Pavilhão do Conhecimento, Lisboa</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Skate Riding</em> (solo), Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014-15 <em>Skate.Exe</em> (solo), Galeria Luis Serpa Projectos, Lisboa</p> <h3 id="http-distraction">Http distraction</h3> <p><a rel="external" href="https://andre-sier.com/static/piantadelmondo.info/skate.exe/free-skating.html">andre-sier.com/static/piantadelmondo.info/skate.exe/free-skating.html</a></p> </div> Heliades 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/heliades/ <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliades/heliades-CIMG3154.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliades/heliades-CIMG3154.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliades/heliades-CIMG3158.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliades/heliades-CIMG3158.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliades/heliades-CIMG3163.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliades/heliades-CIMG3163.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-13.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-13.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-17.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-17.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-18.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-18.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-24.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliades/Heliades-Heliosfera-AndreSier-photo-RicardoMatta-24.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) Palácios matemáticos gerados computacionalmente, as <strong>Heliades</strong> são esculturas arquitectónicas abstractas feitas numa impressora 3D que também habitam virtualmente a <a rel="external" href="https://andre-sier.com/piantadelmondo/heliosfera">Heliosfera</a>. Objetos arquitetónicos que fixam e emitem o lado gerador infinito que a estrela solar proporciona, infiltrado através do tempo nos espaços.</p> <!-- --- --> <p>(EN) Mathematical palaces generated computationally, the <strong>Heliades</strong> are abstract architectonic sculptures made in a 3D printer that also inhabit virtually the <a rel="external" href="https://andre-sier.com/piantadelmondo/heliosfera">Heliosfera</a>. Architectonic objects that fix and emit the endless generator side the solar star provides, percolated through time into spaces.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. PLA Sculptures Blue. Approximate dimensions 16cm^3.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Labirinto de Chronos II</em> (solo), Convento do Carmo, Torres Novas</p> <p>2017 <em>Lampsacus, Automatos3D, Heliades</em>, TheNewArtFest 17, MUHNAC, Lisboa</p> <p>2016-17 <em>Labirinto de Chronos I</em> (solo), Convento S. Francisco, Coimbra</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Heliosfera, EsculturasGenerativas</em>, Mostra'15, Alvalade, Lisboa</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>Heliosfera</em> (solo), Laboratório Galeria, Lisboa</p> </div> Heliosfera 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/heliosfera/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/97318621?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-2014-05-07-12-36-07-821.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-2014-05-07-12-36-07-821.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-2014-05-07-12-36-51-458.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-2014-05-07-12-36-51-458.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-2014-05-13-12-53-27-093.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-2014-05-13-12-53-27-093.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/Heliosfera-AndreSier-photo-RicardoMatta-34.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/Heliosfera-AndreSier-photo-RicardoMatta-34.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/Heliosfera-AndreSier-photo-RicardoMatta-48.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/Heliosfera-AndreSier-photo-RicardoMatta-48.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-CIMG3266.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-CIMG3266.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-CIMG3310.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-CIMG3310.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-CIMG3329.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-CIMG3329.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-IMG_9236.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-IMG_9236.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-IMG_9239.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/heliosfera/heliosfera-IMG_9239.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Heliosfera</strong> é um telescópio, um instrumento musical e visual, um espaço virtual interativo que procura fixar a experiência de habitar a superfície do Sol. A superfície virtual da Heliosfera, em eterna efervescência, é habitada por sólidos abstratos ou palácios matemáticos gerados computacionalmente – as Heliades. A Heliosfera é navegável através de gestos realizados pelas mãos viradas para a projeção. É possível descobrir e reproduzir novas configurações harmónicas sonoras e visuais da estrela solar.</p> <!-- --- --> <p>(EN) <strong>Heliosfera</strong> is a telescope, a musical and visual instrument, a virtual interactive space which seeks to fix the experience of inhabiting the surface of the Sol. The virtual surface of Heliosfera, in eternal effervescence, is inhabitted by abstract solids or mathematical palaces generated computationally -- the Heliades. Heliosfera is navigable through gestures performed by the hands facing the projection. It's possible to discover and play new sonic and visual harmonic configurations of the solar star.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. Depth Camera. Mono Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Labirinto de Chronos II</em> (solo), Convento do Carmo, Torres Novas</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Heliosfera, EsculturasGenerativas</em>, Mostra'15, Alvalade, Lisboa</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>747.7,Heliosfera</em>, EspacioEnter, Tenerife Espacio Artes, Islas Canarias</p> <p>2014 <em>Heliosfera+747</em> (solo), Galeria Municipal Montemor-o-Novo</p> <p>2014 <em>Heliosfera</em>, NewSchool / Imagem, Arquivo 237, Lisboa</p> <p>2014 <em>Heliosfera</em> (solo), Laboratório Galeria, Lisboa</p> </div> Skate.Exe 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/skate-exe/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/112858408?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4086.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4086.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4088.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4088.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4138.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4138.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4147.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4147.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4150.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4150.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4220.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4220.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4223.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4223.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4240.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4240.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4254.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4254.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4271.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4271.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4287.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4287.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4298.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-exe/SkateExeCIMG4298.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/175626709&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe> <br> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Skate.Exe</strong> é uma instalação-jogo onde podes andar de skate através de um espaço virtual infinito e níveis infinitos de dificuldade progressiva utilizando um skate ligado ao computador. Interpretas o herói e tens de capturar a princesa-bruxa enquanto evitas os seus ataques, o que te leva ao próximo nível. A tua destreza no skate será testada na terra das forças desproporcionais!</p> <!-- --- --> <p>(EN) <strong>Skate.Exe</strong> is a game-installation where you can skate your way through infinite virtual space and endless levels of progressing dificulty using a skateboard connected to the computer. You play the hero and have to capture the princess-witch while evading her attacks, which leads you to the next level. Your dexterity on the skateboard will be tested in the land of disproportionate forces!</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Arduino App. Linux OS. Electronics. Mono Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2018 <em>Skate.Exe, Binary+BiologicalSculptures, 8-bit Maze Gardens</em>, MILL, Lisboa</p> <p>2016 <em>Skates &amp; Dragons</em>, Maker Faire Lisbon, Pavilhão do Conhecimento, Lisboa</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Skates &amp; Dragons</em>, Caldas Late Night, Ceres/DAR, Caldas da Rainha</p> <p>2015 <em>Skate Riding</em> (solo), (Curadoria Hélder Alfaiate) Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2014-15 <em>Skate.Exe</em> (solo), (Curadoria António Cerveira Pinto) Galeria Luis Serpa Projectos, Lisboa</p> </div> Skate.Exe Portraits 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/skateexe-portraits/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/112860688?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraits-1144.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraits-1144.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraits-1160.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraits-1160.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraits-1517.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraits-1517.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsCIMG4109.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsCIMG4109.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsIMG_9687.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsIMG_9687.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsIMG_9687.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsIMG_9687.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsIMG_9690.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skateexe-portraits/SkateExePortraitsIMG_9690.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Skate.Exe Portraits</strong> são pinturas dinâmicas de retratos com interacção de som e de toque baseadas em sequências 3D digitalizadas através de uma câmara 3D aumentadas com partículas. O som ativa as sequências e o tempo de simulação, o toque com um dedo muda o ponto de vista, com dois dedos amplia o espaço.</p> <!-- --- --> <p>(EN) <strong>Skate.Exe Portraits</strong> are dynamic portrait paintings with sound input and touch interaction based on digitized 3d sequences through a 3d camera augmented with particles. Sound activates the sequences and the simulation time, touch with one finger changes point of view, with two fingers zooms through the space.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android OS. Touch Joystick. Sound Input. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Skate Riding</em> (solo), Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014-15 <em>Skate.Exe</em> (solo), Galeria Luis Serpa Projectos, Lisboa</p> </div> Skating Sessions 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/skating-sessions/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/112853906?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-15674.png" alt="Skating Sessions Image Skating-Sessions-15674.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-15781.png" alt="Skating Sessions Image Skating-Sessions-15781.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-17118.png" alt="Skating Sessions Image Skating-Sessions-17118.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-4194.png" alt="Skating Sessions Image Skating-Sessions-4194.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-4743.png" alt="Skating Sessions Image Skating-Sessions-4743.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-CIMG4131.JPG" alt="Skating Sessions Image Skating-Sessions-CIMG4131.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-CIMG4418.JPG" alt="Skating Sessions Image Skating-Sessions-CIMG4418.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-CIMG4422.JPG" alt="Skating Sessions Image Skating-Sessions-CIMG4422.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;piantadelmondo&#x2F;skating-sessions&#x2F;Skating-Sessions-CIMG4428.JPG" alt="Skating Sessions Image Skating-Sessions-CIMG4428.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 9 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> Skating-Sessions-15674.png </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Skating Sessions / Skating-Sessions-15674.png", "Skating Sessions / Skating-Sessions-15781.png", "Skating Sessions / Skating-Sessions-17118.png", "Skating Sessions / Skating-Sessions-4194.png", "Skating Sessions / Skating-Sessions-4743.png", "Skating Sessions / Skating-Sessions-CIMG4131.JPG", "Skating Sessions / Skating-Sessions-CIMG4418.JPG", "Skating Sessions / Skating-Sessions-CIMG4422.JPG", "Skating Sessions / Skating-Sessions-CIMG4428.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-15674.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-15674.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-15781.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-15781.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-17118.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-17118.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-4194.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-4194.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-4743.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-4743.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4131.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4131.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4418.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4418.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4422.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4422.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4428.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skating-sessions/Skating-Sessions-CIMG4428.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Skate.Exe Portraits</strong> são pinturas dinâmicas de retratos com interacção de som e de toque baseadas em sequências 3D digitalizadas através de uma câmara 3D aumentadas com partículas. O som ativa as sequências e o tempo de simulação, o toque com um dedo muda o ponto de vista, com dois dedos amplia o espaço.</p> <!-- --- --> <p>(EN) <strong>Skating Sessions</strong> visualizes sequences of skating performances. In skating parks, a s373.net/x smartphone app installed on skates captures moving skate's dynamics. Data from skating sessions are reconstructed and 3d painted, where the force dynamics are re-created in real-time and particles with color reactive to the speed are projected in the position of the skater.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android OS. Touch Joystick. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Skate Riding</em> (solo), Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2015 <em>577Rhea,Temporary-Babel2d,SkatingSessions</em>, (Curadoria Hélder Alfaiate) Sardinha &amp; Sier Night, Ericeira</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014-15 <em>Skate.Exe</em> (solo), Galeria Luis Serpa Projectos, Lisboa</p> </div> Sol 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/sol/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/97227400?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3191.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3191.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3197.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3197.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3208.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3208.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3247.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3247.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3349.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/sol/Sol-CIMG3349.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/sol/Sol-IMG_9195.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/sol/Sol-IMG_9195.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/sol/Sol-Heliosfera-AndreSier-photo-RicardoMatta-60.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/sol/Sol-Heliosfera-AndreSier-photo-RicardoMatta-60.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Sol</strong> é uma série de esculturas com electrónica obtida pela solidificação da dinâmica de propagação do padrão de explosões solares à superfície do Sol ao longo do tempo.</p> <!-- --- --> <p>(EN) <strong>Sol</strong> is a series of sculptures with electronics obtained by solidifying solar flares pattern propagation dynamics on the sun's surface over time.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Yellow PLA Sculptures. Approximate dimensions 8cm^3.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Labirinto de Chronos II</em> (solo), Convento do Carmo, Torres Novas</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Heliosfera, EsculturasGenerativas</em>, Mostra'15, Alvalade, Lisboa</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>Heliosfera+747</em> (solo), Galeria Municipal Montemor-o-Novo</p> <p>2014 <em>Heliosfera</em> (solo), Laboratório Galeria, Lisboa</p> </div> Eu-Abstracto 2014-01-01T00:00:00+00:00 2014-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/eu-abstracto/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/yBFH3TJ6RJ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;eu-abstracto&#x2F;Eu-Abstracto-CIMG5449.JPG" alt="Eu-Abstracto Image Eu-Abstracto-CIMG5449.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;eu-abstracto&#x2F;Eu-Abstracto-CIMG5450.JPG" alt="Eu-Abstracto Image Eu-Abstracto-CIMG5450.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;eu-abstracto&#x2F;Eu-Abstracto-CIMG5456.JPG" alt="Eu-Abstracto Image Eu-Abstracto-CIMG5456.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;eu-abstracto&#x2F;Eu-Abstracto-CIMG5468.JPG" alt="Eu-Abstracto Image Eu-Abstracto-CIMG5468.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;eu-abstracto&#x2F;skate.exe-esculturas-CIMG3634.JPG" alt="Eu-Abstracto Image skate.exe-esculturas-CIMG3634.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> Eu-Abstracto-CIMG5449.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Eu-Abstracto / Eu-Abstracto-CIMG5449.JPG", "Eu-Abstracto / Eu-Abstracto-CIMG5450.JPG", "Eu-Abstracto / Eu-Abstracto-CIMG5456.JPG", "Eu-Abstracto / Eu-Abstracto-CIMG5468.JPG", "Eu-Abstracto / skate.exe-esculturas-CIMG3634.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> 577Rhea 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/apps/577rhea/ <figure > <picture> <img src="https://andre-sier.com/apps/577rhea/thumb.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/577rhea/thumb.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/81616846?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;577rhea&#x2F;577Rhea001.jpg" alt="577Rhea Image 577Rhea001.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;577rhea&#x2F;577Rhea002.jpg" alt="577Rhea Image 577Rhea002.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;577rhea&#x2F;577Rhea003.jpg" alt="577Rhea Image 577Rhea003.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;577rhea&#x2F;577Rhea004.jpg" alt="577Rhea Image 577Rhea004.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 577Rhea001.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "577Rhea / 577Rhea001.jpg", "577Rhea / 577Rhea002.jpg", "577Rhea / 577Rhea003.jpg", "577Rhea / 577Rhea004.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/apps/577rhea/577Rhea001.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/577rhea/577Rhea001.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/577rhea/577Rhea002.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/577rhea/577Rhea002.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/577rhea/577Rhea003.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/577rhea/577Rhea003.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/577rhea/577Rhea004.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/577rhea/577Rhea004.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/577rhea/thumb.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/577rhea/thumb.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>577 Rhea</strong>. Você é a última esperança do seu planeta. O seu planeta corrompido explode. Tem de viajar no tempo através de buracos brancos com essências primordiais para evitar o inevitável colapso da sua casa. <strong>577 Rhea</strong> também estava disponível como aplicação iOS/Android - <a rel="external" href="https://s373.net/x/577Rhea/">https://s373.net/x/577Rhea/</a></p> <!-- --- --> <p>(EN) <strong>577 Rhea</strong>. You are your planet's last hope. Your corrupted planet explodes. You have to time-travel through whiteholes with primordial essences to prevent the inevitable collapse of your home. <strong>577 Rhea</strong> was also available as ios/android app - <a rel="external" href="https://s373.net/x/577Rhea/">https://s373.net/x/577Rhea/</a></p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android/iOS/Linux/Mac/Win OS. Stereo Sound Output. Interactive Touchscreen.</p> <!-- --- --> <h3 id="press-articles">Press Articles</h3> <p>CreativeApplications.net</p> <p><a rel="external" href="https://www.creativeapplications.net/games/577rhea-stochastic-exploration-space-game-by-andre-sier/">577Rhea – Stochastic exploration space game by André Sier</a></p> <p>Kill Screen</p> <p><a rel="external" href="https://killscreen.com/previously/articles/577rhea-geometric-glitchy-and-maybe-beautiful/">577Rhea is an geometric, glitchy, and maybe beautiful</a></p> <h3 id="app">App</h3> <p><a rel="external" href="https://s373.net/x/577Rhea">https://s373.net/x/577Rhea</a></p> <p><a rel="external" href="https://s373.itch.io/577rhea">https://s373.itch.io/577rhea</a></p> <h3 id="exhibitions">Exhibitions</h3> <p>2016 <em>Spielelementen, 410.crystls</em>, Festival Múltiplo, Zaratan, Lisboa</p> <p>2016 <em>Spielelementen</em>, <em>02016.41312785388128</em>, Ocupart Chiado, Lisboa</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2015 <em>577Rhea,TemporaryBabel2D,SkatingSessions</em>, (Curadoria Hélder Alfaiate) Sardinha &amp; Sier Night, Ericeira</p> <p>2013-5 <em>577Rhea</em>, Google Play Store, Apple App Store, Online</p> </div> Gravidade 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/apps/gravidade/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/60271766?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;gravidade&#x2F;gravidadeCIMG5502a.jpg" alt="Gravidade Image gravidadeCIMG5502a.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;gravidade&#x2F;gravidadeCIMG5507a.jpg" alt="Gravidade Image gravidadeCIMG5507a.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;gravidade&#x2F;gravidadeCIMG5512a.jpg" alt="Gravidade Image gravidadeCIMG5512a.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> gravidadeCIMG5502a.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Gravidade / gravidadeCIMG5502a.jpg", "Gravidade / gravidadeCIMG5507a.jpg", "Gravidade / gravidadeCIMG5512a.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/apps/gravidade/gravidadeCIMG5502a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/gravidade/gravidadeCIMG5502a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/gravidade/gravidadeCIMG5507a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/gravidade/gravidadeCIMG5507a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/apps/gravidade/gravidadeCIMG5512a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/apps/gravidade/gravidadeCIMG5512a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) Desenhe continuamente com partículas gravitacionais.<strong>Gravidade</strong> é uma máquina gráfica que gera desenhos gravitacionais a partir do movimento. <a rel="external" href="https://andre-sier.com/projects/gravidade">Gravidade é o código de uma obra de instalação de 2008 de André Sier</a>, adaptada como uma versão especial para tablets e smartphones, com muitos parâmetros a mexer para um envolvimento contínuo no desenho. <strong>Gravidade</strong> também estava disponível como aplicação iOS/Android - <a rel="external" href="https://s373.net/x/Gravidade/">https://s373.net/x/Gravidade/</a>. A versão app ainda não tem interação de visão por computador, como a versão de instalação de 2008.</p> <!-- --- --> <p>(EN) Draw continually with gravitational particles.<strong>Gravidade</strong> is a graphic machine spawning gravitational drawings from movement. <a rel="external" href="https://andre-sier.com/projects/gravidade">Gravidade is code from an installation work from 2008 by André Sier</a>, adapted as a special version for tablets and smartphones, with many parameters to fiddle for continual drawing engagement. <strong>Gravidade</strong> was also available as ios/android app - <a rel="external" href="https://s373.net/x/Gravidade/">https://s373.net/x/Gravidade/</a>. App version has no computer vision interaction yet, like the 2008 installation version.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android/iOS/Linux/Mac/Win OS. No Sound. Interactive Touchscreen.</p> <!-- --- --> <h3 id="app">App</h3> <p><a rel="external" href="https://s373.net/x/Gravidade">https://s373.net/x/Gravidade</a></p> <p><a rel="external" href="https://s373.itch.io/gravidade">https://s373.itch.io/gravidade</a></p> <h3 id="press">Press</h3> <p><a rel="external" href="https://www.ericeiramag.pt/playwall-de-andre-sier-na-helder-alfaiate-galeria-de-arte/">https://www.ericeiramag.pt/playwall-de-andre-sier-na-helder-alfaiate-galeria-de-arte/</a></p> <h3 id="exhibitions">Exhibitions</h3> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>Playwall</em> (solo), Hélder Alfaiate Galeria de Arte, Ericeira</p> <p>2013-5 <em>Gravidade</em>, Google Play Store, Apple App Store, Online</p> <p>2008 <em>Terra-Grav</em> (solo), Leonel Moura Arte Gallery, Lisboa</p> </div> terrants 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/apps/terrants/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/80611379?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;terrants&#x2F;terrants-ipad-00.jpg" alt="terrants Image terrants-ipad-00.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;terrants&#x2F;terrants-ipad-01.jpg" alt="terrants Image terrants-ipad-01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;terrants&#x2F;terrants-ipad-02.jpg" alt="terrants Image terrants-ipad-02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;terrants&#x2F;terrants-ipad-03.jpg" alt="terrants Image terrants-ipad-03.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> terrants-ipad-00.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "terrants / terrants-ipad-00.jpg", "terrants / terrants-ipad-01.jpg", "terrants / terrants-ipad-02.jpg", "terrants / terrants-ipad-03.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT) Aplicação de desenho generativo a preto e branco exuberante, <strong>terrants</strong> é um processo gráfico generativo contínuo que acumula os movimentos de duas equipas de formigas numa região espacial, sobrepondo os seus percursos e interações numa paisagem.</p> <!-- --- --> <p>(EN) Luscious black and white generative drawing app, <strong>terrants</strong> is a continuous generative graphic process that accumulates the movements of two ant teams in a spatial region, overimposing their paths and interactions on a landscape.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android/iOS/Linux/Mac/Win OS. Soundless. Interactive Touchscreen.</p> <!-- --- --> <h3 id="app">App</h3> <p><a rel="external" href="https://s373.net/x/terrants">https://s373.net/x/terrants</a></p> <p><a rel="external" href="https://s373.itch.io/terrants">https://s373.itch.io/terrants</a></p> <h3 id="exhibitions">Exhibitions</h3> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>Playwall</em> (solo), Hélder Alfaiate Galeria de Arte, Ericeira</p> <p>2013 <em>terrants</em>, iOS e Android app, https://s373.net/x/terrants</p> <p>2008 <em>terrants</em>, Festival Bang, Edifício Transboavista, Lisboa</p> <p>2008 <em>Terra-Grav</em> (solo), Leonel Moura Arte Gallery, Lisboa</p> </div> DeGabay 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/degabay/ <p><br><br></p> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;degabay&#x2F;CIMG5558.jpg" alt="DeGabay Image CIMG5558.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;degabay&#x2F;CIMG5617.jpg" alt="DeGabay Image CIMG5617.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;degabay&#x2F;CIMG5639.jpg" alt="DeGabay Image CIMG5639.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;degabay&#x2F;CIMG5662.jpg" alt="DeGabay Image CIMG5662.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;degabay&#x2F;CIMG5748.jpg" alt="DeGabay Image CIMG5748.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;degabay&#x2F;degabay-anim-13607.png" alt="DeGabay Image degabay-anim-13607.png" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 6 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> CIMG5558.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "DeGabay / CIMG5558.jpg", "DeGabay / CIMG5617.jpg", "DeGabay / CIMG5639.jpg", "DeGabay / CIMG5662.jpg", "DeGabay / CIMG5748.jpg", "DeGabay / degabay-anim-13607.png" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="degabay-2013">"DeGabay" (2013)</h3> <p>Realizado por Jonathan Holmes<br /> Produzido pelo Teatro Nacional do País de Gales<br /> Código, Interação, Animação: André Sier<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="degabay-2013-1">"DeGabay" (2013)</h3> <p>Directed by Jonathan Holmes<br /> Produced by National Theatre Wales<br /> Code, Interaction, Animation: André Sier<br /></p> <br> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Mac/Win OS. Interactive Camera Installation for TVs. Video Animation.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2013 <em>DeGabay</em>, with National Theatre Wales (NTW), Cardiff, uk</p> </div> Paisagem Com Músicos 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/paisagemcommusicos/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/DN_XiYDoHvw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;paisagem-rec-IMG_4038.jpg" alt="Paisagem Com Músicos Image paisagem-rec-IMG_4038.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;paisagem-IMG_8153.jpg" alt="Paisagem Com Músicos Image paisagem-IMG_8153.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;CIMG9011.jpg" alt="Paisagem Com Músicos Image CIMG9011.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;CIMG9022.jpg" alt="Paisagem Com Músicos Image CIMG9022.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;CIMG9037.jpg" alt="Paisagem Com Músicos Image CIMG9037.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;IMG_7595.jpg" alt="Paisagem Com Músicos Image IMG_7595.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;IMG_8146.jpg" alt="Paisagem Com Músicos Image IMG_8146.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;paisagemcommusicos&#x2F;IMG_8153.jpg" alt="Paisagem Com Músicos Image IMG_8153.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 8 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> paisagem-rec-IMG_4038.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Paisagem Com Músicos / paisagem-rec-IMG_4038.jpg", "Paisagem Com Músicos / paisagem-IMG_8153.jpg", "Paisagem Com Músicos / CIMG9011.jpg", "Paisagem Com Músicos / CIMG9022.jpg", "Paisagem Com Músicos / CIMG9037.jpg", "Paisagem Com Músicos / IMG_7595.jpg", "Paisagem Com Músicos / IMG_8146.jpg", "Paisagem Com Músicos / IMG_8153.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="paisagem-com-musicos-2013">"Paisagem com Músicos" (2013)</h3> <p>Conceito, Música: Pedro Carneiro<br /> Conceito, Gravações 3D, Código, Interacção, Música: André Sier<br /> Excertos Musicais: Orquestra de Câmara Portuguesa<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="landscape-with-musicians-2013">"Landscape with Musicians" (2013)</h3> <p>Concept, Music: Pedro Carneiro<br /> Concept, 3D Recordings, Code, Interaction, Music: André Sier<br /> Musical Excerpts: Orquestra de Câmara Portuguesa<br /></p> <br> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. Stereo Sound. 3D Camera.Interactive Audio-Visual Projection.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2013 <em>Paisagem com Músicos</em>, com Orquestra de Câmara Portuguesa (OCP), Dias da Música, CCB, Lisboa</p> <p>2013 <em>Hyperborea e Paisagem com Músicos</em>, Espaço do Tempo, Montemor-o-Novo</p> </div> 577 Rhea 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/577-rhea/ <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/577-rhea/thumb.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/577-rhea/thumb.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/81616846?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea001.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea001.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea002.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea002.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea003.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea003.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea004.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/577-rhea/577Rhea004.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/577-rhea/thumb.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/577-rhea/thumb.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>577 Rhea</strong>. Você é a última esperança do seu planeta. O seu planeta corrompido explode. Tem de viajar no tempo através de buracos brancos com essências primordiais para evitar o inevitável colapso da sua casa. <strong>577 Rhea</strong> também estava disponível como aplicação iOS/Android - <a rel="external" href="https://s373.net/x/577Rhea/">https://s373.net/x/577Rhea/</a></p> <!-- --- --> <p>(EN) <strong>577 Rhea</strong>. You are your planet's last hope. Your corrupted planet explodes. You have to time-travel through whiteholes with primordial essences to prevent the inevitable collapse of your home. <strong>577 Rhea</strong> was also available as ios/android app - <a rel="external" href="https://s373.net/x/577Rhea/">https://s373.net/x/577Rhea/</a></p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android/iOS/Linux/Mac/Win OS. Stereo Sound Output. Interactive Touchscreen.</p> <!-- --- --> <h3 id="press-articles">Press Articles</h3> <p>CreativeApplications.net</p> <p><a rel="external" href="https://www.creativeapplications.net/games/577rhea-stochastic-exploration-space-game-by-andre-sier/">577Rhea – Stochastic exploration space game by André Sier</a></p> <p>Kill Screen</p> <p><a rel="external" href="https://killscreen.com/previously/articles/577rhea-geometric-glitchy-and-maybe-beautiful/">577Rhea is an geometric, glitchy, and maybe beautiful</a></p> <h3 id="app">App</h3> <p><a rel="external" href="https://s373.net/x/577Rhea">https://s373.net/x/577Rhea</a></p> <p><a rel="external" href="https://s373.itch.io/577rhea">https://s373.itch.io/577rhea</a></p> <h3 id="exhibitions">Exhibitions</h3> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Skate Riding</em> (solo), Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2015 <em>577Rhea,Temporary-Babel2d,SkatingSessions</em>, (Curadoria Hélder Alfaiate) Sardinha &amp; Sier Night, Ericeira</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2013-5 <em>577Rhea</em>, Google Play Store, Apple App Store, Online</p> </div> Iquohizi (real-virtual) 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/ <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-CIMG7577.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-CIMG7577.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-still087512.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-still087512.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-still128776.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-still128776.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-still27654.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-still27654.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3270.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3270.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3271.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3271.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3272.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3272.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3273.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3273.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3274.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi-real-virtual/Iquohizi-realvirtual-video-CIMG3274.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Iquohizi (real-virtual)</strong> é um vídeo sem som em 5 movimentos feito a partir da navegação e impressão 3D da Heliade Iquohizi.</p> <!-- --- --> <p>(EN) <strong>Iquohizi (real-virtual)</strong> is a soundless video in 5 movements made from the navigation and 3D printing of the Heliade Iquohizi.</p> <!-- --- --> <p>(Tech) HD video transcribed in Dvd Pal, color, soundless, duration 47m57s.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2014 <em>Heliosfera</em> (solo), Laboratório Galeria, Lisboa</p> </div> Iquohizi 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/iquohizi/ <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3244.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3244.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3292.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3292.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3297.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3297.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3298.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3298.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3299.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-CIMG3299.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-Heliosfera+747-IMG_4166.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-Heliosfera+747-IMG_4166.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-Heliosfera+747-IMG_4167.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/iquohizi/Iquohizi-photos-Heliosfera+747-IMG_4167.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) Uma série de 10 fotografias com dupla perspectiva da Heliade Iquohizi, o primeiro palácio matemático generativo. Dimensões: 42x31,5cm.</p> <!-- --- --> <p>(EN) A series of 10 photographs with double perspective from the Heliade Iquohizi, the first generative mathematical palace. Dimensions: 42x31.5cm.</p> <!-- --- --> <p>(Tech) Printed Photographs. Dimensions: 42x31.5cm.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Labirinto de Chronos II</em> (solo), Convento do Carmo, Torres Novas</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Heliosfera, EsculturasGenerativas</em>, Mostra'15, Alvalade, Lisboa</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>Heliosfera</em> (solo), Laboratório Galeria, Lisboa</p> </div> Skate Riding... 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/skate-riding/ <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4101.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4101.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4157.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4157.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4234.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4234.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4342.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4342.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4355.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/skate-riding/SkateRidingCIMG4355.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Skate Riding...</strong> é uma série de fotografias com erros que fundem planos reais e virtuais onde os skates servem procedimentos computacionais. Os skates tornam-se máquinas que integram e programam a paisagem, abrem brechas no real onde estranhos loops virtuais saem e erram no instante. Dimensões: 42x31,5cm.</p> <!-- --- --> <p>(EN) <strong>Skate Riding...</strong> is a series of glitched photographs merging real and virtual planes where skates meet computational procedures. Skates become machines that integrate and program the landscape, open loopholes in the real where virtual weird loops exit and glitch the instant. Dimensions: 42x31.5cm.</p> <!-- --- --> <p>(Tech) Printed Photographs on Aluminium. Dimensions: 42x31.5cm.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Labirinto de Chronos II</em> (solo), Convento do Carmo, Torres Novas</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Heliosfera, EsculturasGenerativas</em>, Mostra'15, Alvalade, Lisboa</p> <p>2015 <em>Skate Riding</em> (solo), (Curadoria Hélder Alfaiate) Parque Santa Marta Sala Atlântico, Ericeira</p> <p>2014-15 <em>Skate.Exe</em> (solo), (Curadoria António Cerveira Pinto) Galeria Luis Serpa Projectos, Lisboa</p> </div> Temporary-Babel2D 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/temporary-babel2d/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/70350848?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/tb2dIMG_8563.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/tb2dIMG_8563.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/tb2dIMG_8760.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/tb2dIMG_8760.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/tb2dIMG_8779.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/tb2dIMG_8779.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-102.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-102.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-121.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-121.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-79.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-79.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-91.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-91.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-98.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel2d/temporary-babel2d-98.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) Versão de instalação original de <strong>Temporary-Babel2D</strong>. Um jogo divertido e minimalista, sobre bibliotecas, tempo, coisas temporárias e permanentes. Uma instalação interactiva onde se brinca com a paisagem mental do conjunto de construção da Torre de Babel, um espaço onde o tempo oscila e a perspetiva se dobra. Tens 1h para chegar à bibliotecária no topo, guiando os teus avatares com joystick, rato e microfone, pelos vários leitores, hiperskates e estantes que caem na biblioteca, fazendo a arquitetura temporária de <strong>Temporary-Babel2D</strong>.</p> <!-- --- --> <p>(EN) Original installation version of <strong>Temporary-Babel2D</strong>. An amusing and minimalist game, about libraries, time, temporary and permanent things. An interactive installation where you play in the mind-scape of the Babel Tower construction set, a space where time oscillates and perspective bends. You have 1h to reach the librarian at the top, guiding your avatars with joystick, mouse and microphone, through the several readers, hyperskates and bookshelves falling at the library, making the temporary architecture of <strong>Temporary-Babel2D</strong>.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Arduino App. Linux OS. Electronics. Stereo Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2025 <em>Ascende, Temporary-Babel2d</em>, Picadeiro Open Sounds &amp; Digital Art, Alpedrinha, Fundão</p> <p>2015 <em>577Rhea,Temporary-Babel2d,SkatingSessions</em>, Sardinha &amp; Sier Night, Ericeira</p> <p>2013 <em>Temporary-Babel2d</em>, Festival Música Viva 2013, Teatro S. Luiz, Lisboa</p> <p>2013 <em>Hyperborea, Temporary-Babel2d</em>, Festival Cidade Preocupada 2013, Montemor-o-Novo</p> <p>2013 <em>Temporary-Babel2d + Autómatos Universais</em>, Desdobramento Enfim, Convento Sta. Mónica, Lisboa</p> <h3 id="http-distraction">Http distraction</h3> <p><a rel="external" href="https://s373.itch.io">s373.itch.io</a></p> </div> Temporary-Babel3D 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/temporary-babel3d/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/70359811?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8980.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8980.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8983.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8983.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8995.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8995.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8997.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8997.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8999.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_8999.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_9030.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/tb3dIMG_9030.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0000.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0000.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0003.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0003.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0007.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0007.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0008.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/temporary-babel3d/temporary-babel3d-0008.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) Uma simulação de um jogo de construção em rede, semelhante a uma torre de computador, evolui a partir de fluxos de movimento de vários utilizadores reais e virtuais. <strong>Temporary-Babel3D</strong> é um jogo interativo onde se joga na paisagem mental do conjunto de construção da Torre de Babel - um espaço onde o tempo oscila e a perspetiva se curva; um espaço onde fluxos reais e virtuais de movimento dos utilizadores esculpem dinâmicas de construção e destruição na edificação de um jogo interativo construído pela comunidade. Este projeto sintetiza o movimento arqueológico de reconstrução da Torre de Babel e como os movimentos das comunidades moldam arquiteturas virtuais transitórias e temporárias dentro de um ambiente de jogo simples e envolvente.</p> <p>Projeto desenvolvido no MediaLabPrado, Madrid, 2013.</p> <!-- --- --> <p>(EN) A networked computer tower-like construction game simulation is evolved from fluxes of movement by multiple real and virtual users. <strong>Temporary-Babel3D</strong> is an interactive game where you play in the mind-scape of the Tower of Babel construction set - a space where time oscillates and perspective bends; a space where real and virtual fluxes of movement by users carve building and destroying dynamics into the edification of an interactive community built game. This project synthesizes upon the archaeological movement of rebuilding the Tower of Babel, and how communities movements' shape transient and temporary virtual architectures within an engaging simple game environment.</p> <p>Project developed at MediaLabPrado, Madrid, 2013.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Smartphone App. Linux OS. Computer Vision. Interactive Mapped Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2013 <em>Temporary-Babel3d</em>, Solid Interfaces And Urban Games, MedialabPrado, Madrid</p> </div> Apex (0 pyramid) 2013-01-01T00:00:00+00:00 2013-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/apexzeropyramid/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexzeropyramid&#x2F;apex0-CIMG1848.1.jpg" alt="Apex (0 pyramid) Image apex0-CIMG1848.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexzeropyramid&#x2F;apex0-CIMG1849.jpg" alt="Apex (0 pyramid) Image apex0-CIMG1849.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexzeropyramid&#x2F;apex0-CIMG9232.jpg" alt="Apex (0 pyramid) Image apex0-CIMG9232.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexzeropyramid&#x2F;apex0-IMG_8105.jpg" alt="Apex (0 pyramid) Image apex0-IMG_8105.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> apex0-CIMG1848.1.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Apex (0 pyramid) / apex0-CIMG1848.1.jpg", "Apex (0 pyramid) / apex0-CIMG1849.jpg", "Apex (0 pyramid) / apex0-CIMG9232.jpg", "Apex (0 pyramid) / apex0-IMG_8105.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> theresAHoleInThePan 2012-01-01T00:00:00+00:00 2012-01-01T00:00:00+00:00 André Sier https://andre-sier.com/apps/theresaholeinthepan/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/41953656?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;theresaholeinthepan&#x2F;120711theresAHoleInThePan-00.jpg" alt="theresAHoleInThePan Image 120711theresAHoleInThePan-00.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;theresaholeinthepan&#x2F;120711theresAHoleInThePan-01.jpg" alt="theresAHoleInThePan Image 120711theresAHoleInThePan-01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;apps&#x2F;theresaholeinthepan&#x2F;120711theresAHoleInThePan-02.jpg" alt="theresAHoleInThePan Image 120711theresAHoleInThePan-02.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 120711theresAHoleInThePan-00.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "theresAHoleInThePan / 120711theresAHoleInThePan-00.jpg", "theresAHoleInThePan / 120711theresAHoleInThePan-01.jpg", "theresAHoleInThePan / 120711theresAHoleInThePan-02.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT) Instrumento sintetizador sinusoidal polifónico glissandi sónico com falhas. As frequências sonoras calmantes criam espaço e tempo. Mergulhe as orelhas no buraco. Tocar lança 0's no espaço musical, arrastando glissa bliss time. Visualize o espaço sonoro que cria. Atenção: há um buraco na panela / panorâmica.</p> <!-- --- --> <p>(EN) Polyphonic sinusoidal synthesizer glitchy sonic glissandi instrument. Soothing sonic frequencies make space and time. Submerge your ears in the hole. Touching casts 0's into musical space, dragging glisses bliss time. Visualize the sonic space you make. Warning: there is a hole in the pan.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Android/iOS/Linux/Mac/Win OS. Stereo Sound. Interactive Touchscreen.</p> <!-- --- --> <h3 id="app">App</h3> <p><a rel="external" href="http://s373.net/x/theresAHoleInThePan">http://s373.net/x/theresAHoleInThePan</a></p> <p><a rel="external" href="https://s373.itch.io/theresAHoleInThePan">https://s373.itch.io/theresAHoleInThePan</a></p> <h3 id="exhibitions">Exhibitions</h3> <p>2016 <em>Spielelementen, 410.crystls</em>, Festival Múltiplo, Zaratan, Lisboa</p> <p>2016 <em>Spielelementen</em>, <em>02016.41312785388128</em>, Ocupart Chiado, Lisboa</p> <p>2012 <em>theresAHoleInThePan</em>, iOS e Android app</p> </div> Hyperborea (Dome) 2012-01-01T00:00:00+00:00 2012-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/hyperborea-dome/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/70355769?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperborea-dome-IMG_8796.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperborea-dome-IMG_8796.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperborea-dome-IMG_8836.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperborea-dome-IMG_8836.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperborea-dome-IMG_8863.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperborea-dome-IMG_8863.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperboreaVersaoCupularIMG_4885.CR2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperboreaVersaoCupularIMG_4885.CR2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperboreaVersaoCupularIMG_4888.CR2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperboreaVersaoCupularIMG_4888.CR2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperboreaVersaoCupularIMG_4901.CR2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-dome/hyperboreaVersaoCupularIMG_4901.CR2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-dome/Hyperborea(versao-cupular)IMG_4903.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-dome/Hyperborea(versao-cupular)IMG_4903.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) Para além da região dos ventos do norte encontra-se <strong>Hyperborea</strong>, uma terra geométrica imersiva onde os processos generativos esculpem livremente formas ajustadas pelas dinâmicas do vento, estruturando uma polis mitológica engagável. Uma experiência de jogo imersiva, onde o espectador conduz o seu avatar pelo espaço de jogo, enquanto experimenta a composição espacializada de elementos espalhados por vários níveis de dificuldade para chegar a <strong>Hyperborea</strong>.</p> <!-- --- --> <p>(EN) Beyond the northern winds region lays <strong>Hyperborea</strong>, an immersive geometrical land where generative processes carve freely forms adjusted by wind dynamics, structuring a mythological engagable polys. An immersive game-like experience, where the viewer drives its avatar through the game space, whilst experiencing the spatialized composition of elements scattered across several difficulty levels into reaching <strong>Hyperborea</strong>.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. Depth Camera. Mono Sound. Interactive Video Projection. Hemispheric Mirror. Plastic Dome.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2013 <em>Hyperborea,Temporary-Babel2d</em>, Festival CidadePreocupada,Montemor-o-Novo</p> <p>2013 <em>Hyperborea, Paisagem com Músicos</em>, Espaço do Tempo, Montemor-o-Novo</p> </div> Hyperborea (Solids) 2012-01-01T00:00:00+00:00 2012-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/hyperborea-stl/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/61156824?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-21.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-21.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-25.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-25.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-37.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-37.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-stl/hyperborea-solids-CIMG5404.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-stl/hyperborea-solids-CIMG5404.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-stl/hyperborea-solids-CIMG5411.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-stl/hyperborea-solids-CIMG5411.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-z16.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/hyperborea-stl/Hyperborea-solids-z16.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Hyperborea (Solids)</strong> é uma série de esculturas do ambiente Hyperborea obtidas pela solidificação das dinâmicas do padrão de vento nas partículas ao longo do tempo.</p> <!-- --- --> <p>(EN) <strong>Hyperborea (Solids)</strong> is a series of sculptures from the Hyperborea environment obtained by solidifying wind pattern dynamics on particles over time.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. PLA Sculptures Blue. Approximate dimensions 16cm^3.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Labirinto de Chronos II</em> (solo), Convento do Carmo, Torres Novas</p> <p>2016-17 <em>Labirinto de Chronos I</em> (solo), Convento S. Francisco, Coimbra</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Heliosfera, EsculturasGenerativas</em>, Mostra'15, Alvalade, Lisboa</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2013 <em>Hyperborea,Temporary-Babel2d</em>, Festival CidadePreocupada,Montemor-o-Novo</p> <p>2013 <em>Hyperborea, Paisagem com Músicos</em>, Espaço do Tempo, Montemor-o-Novo</p> </div> Lampsacus 2012-01-01T00:00:00+00:00 2012-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/lampsacus/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/45850197?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/149047210?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/LAMPSACUS-082a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/LAMPSACUS-082a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus12209387.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus12209387.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/LAMPSACUS-CIMG2423a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/LAMPSACUS-CIMG2423a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/LAMPSACUS-CIMG2443.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/LAMPSACUS-CIMG2443.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusCIMG3920.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusCIMG3920.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2059.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2059.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/LampsacusIMG_2144.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/LampsacusIMG_2144.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2198.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2198.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2216.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2216.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2732.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2732.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2737.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/Lampsacus-IMG_2737.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusIMG_3573.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusIMG_3573.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusIMG_3587.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusIMG_3587.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusIMG_3616.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/lampsacus/lampsacusIMG_3616.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Lampsacus</strong> é uma cidade imaginária jogável. Um ambiente audiovisual interactivo onde uma cidade virtual é recriada, modificável, habitada pelos seus visitantes humanos, no espaço da instalação, bem como por agentes computacionais residentes no espaço tridimensional.</p> <!-- --- --> <p>(EN) <strong>Lampsacus</strong> is a playable imaginary city. An interactive audio visual environment where a virtual city is recreated, modifiable, inhabited by its human visitors, at the installation space, as well as computational resident agents in the three dimensional space.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. IR Webcam. IR Flood Light. Mono Sound. Microphone Input. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Lampsacus, Automatos3D, Heliades</em>,TheNewArtFest 17, MUHNAC, Lisboa</p> <p>2015 <em>Lampsacus, apex(- pyramid)</em>, (Curadoria Adelaide Ginga), Paisagens Inesperadas, Ocupart Chiado, Lisboa</p> <p>2012 <em>Lampsacus</em>, (Curadoria Marta de Menezes), Emergências, Fábrica Asa, Guimarães</p> <p>2012 <em>Lampsacus</em>, Engagelab, Universidade do Minho, Guimarães</p> </div> Video-Difference Stl 2011-07-03T00:00:00+00:00 2011-07-03T00:00:00+00:00 André Sier https://andre-sier.com/projects/vdif-stl/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;vdif-stl&#x2F;vd2016-thingiverse.jpg" alt="Video-Difference Stl Image vd2016-thingiverse.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;vdif-stl&#x2F;vdif-257a.jpg" alt="Video-Difference Stl Image vdif-257a.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;vdif-stl&#x2F;video-difference-104a.png" alt="Video-Difference Stl Image video-difference-104a.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;vdif-stl&#x2F;video-difference-vd2016-CIMG2563.jpg" alt="Video-Difference Stl Image video-difference-vd2016-CIMG2563.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> vd2016-thingiverse.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Video-Difference Stl / vd2016-thingiverse.jpg", "Video-Difference Stl / vdif-257a.jpg", "Video-Difference Stl / video-difference-104a.png", "Video-Difference Stl / video-difference-vd2016-CIMG2563.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> uunnii-time 2011-06-14T00:00:00+00:00 2011-06-14T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/uunnii-time/ <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-time/IMG_3337.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-time/IMG_3337.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-time/uunnii-time-IMG_2108a.jpeg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-time/uunnii-time-IMG_2108a.jpeg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <p>FAQ</p> <blockquote> <p>WHAT IS CURRENT UUNNII-TIME?</p> </blockquote> <form name="formuunniitime" action="http://uunniivveerrssee.net/uunniivvSS/gatewaySimulation.php" method="post"> <input type="hidden" name="action" value="getCurrentUniversalTime" /> <input type="hidden" name="data" value="esu" /> <input type="submit" value="uunnii-time" /> </form> <blockquote> <p>WHAT IS CURRENT TIME?</p> </blockquote> <script type="text/javascript"> var seconds = Math.floor(Date.now() / 1000); var unix = Math.round(+new Date()/1000); var s373Years = unix / 31536000.0 + 1970.0; // dividir pelo #segundos de um ano document.write('now was: (refresh page for current time)<pre>'+s373Years+'<br>(init version 2010 calcs)</pre>'); </script> <blockquote> <p>HOW DO YOU CALCULATE CURRENT TIME?</p> </blockquote> <p>here is a minichronos, look at function <i> double UnixToS373Years(unsigned int unixTime) </i><br> <a rel="external" href="https://github.com/s373/temporary-babel2d/blob/master/src/MiniChronos.h">https://github.com/s373/temporary-babel2d/blob/master/src/MiniChronos.h</a>. <br> simply get unix time, convert to seconds and add 1970.0.</p> <blockquote> <p>WHEN DID UUNNII-TIME APPEARED?</p> </blockquote> <p>somewhen circa 2010.7352184217. <br>For a <code>latest rosetta</code> translation try viewing page source.</p> <p><br><br></p> Mãe Coragem 2011-01-01T00:00:00+00:00 2011-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/maecoragem/ <p><br><br></p> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maecoragem&#x2F;maecoragem-2011-01.jpg" alt="Mãe Coragem Image maecoragem-2011-01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maecoragem&#x2F;maecoragem-2011-02.jpg" alt="Mãe Coragem Image maecoragem-2011-02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maecoragem&#x2F;maecoragem-2011-03.jpg" alt="Mãe Coragem Image maecoragem-2011-03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maecoragem&#x2F;maecoragem-interface20110125a-1.jpg" alt="Mãe Coragem Image maecoragem-interface20110125a-1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maecoragem&#x2F;maecoragem-interface20110125a-2.jpg" alt="Mãe Coragem Image maecoragem-interface20110125a-2.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> maecoragem-2011-01.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Mãe Coragem / maecoragem-2011-01.jpg", "Mãe Coragem / maecoragem-2011-02.jpg", "Mãe Coragem / maecoragem-2011-03.jpg", "Mãe Coragem / maecoragem-interface20110125a-1.jpg", "Mãe Coragem / maecoragem-interface20110125a-2.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="mae-coragem-2011">"Mãe Coragem" (2011)</h3> <p>Encenação: Companhia João Garcia Miguel <br> Código Áudio-Visual e Espacialização: André Sier<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="mae-coragem-2011-1">"Mãe Coragem" (2011)</h3> <p>Direction: Companhia João Garcia Miguel <br> Audio-Visual Code and Spatialization: André Sier<br /></p> <br> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Mac/Win OS. Touchdesigner/OF bridge. Video Mapping Spatialization.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2010 <em>O Filho da Europa</em>, com Companhia JGM, Teatro Cine, Torres Vedras</p> </div> k.astelo 2011-01-01T00:00:00+00:00 2011-01-01T00:00:00+00:00 André Sier https://andre-sier.com/k/kastelo/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/21852590?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/k/kastelo/k.astelo-CIMG0379.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/kastelo/k.astelo-CIMG0379.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/kastelo/k.astelo-CIMG0380.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/kastelo/k.astelo-CIMG0380.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/kastelo/k.astelo-CIMG0431.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/kastelo/k.astelo-CIMG0431.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>k.astelo</strong> é uma projeção interativa sobre caixas da série 'k.'. O observador acciona quadrados e avatares de k. que se movem em padrões geométricos dentro das regiões das caixas.</p> <!-- --- --> <p>(EN) <strong>k.astelo</strong> is an interactive projection over boxes from the 'k.' series. The viewer triggers squares and k. avatars which move in geometric patterns within the boxes regions.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. IR Webcam. IR Flood Light. No Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2011 <em>k.</em> (solo), (Curadoria Bypass), Appleton Square, Lisboa</p> </div> 0 255 0 2011-01-01T00:00:00+00:00 2011-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/0-255-0/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/39429730?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0CIMG1165a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0CIMG1165a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0CIMG1177a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0CIMG1177a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0CIMG1922.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0CIMG1922.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0-CIMG1926.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0-CIMG1926.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0-CIMG1964.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-255-0/0-255-0-CIMG1964.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>0 255 0</strong>. A peça alude ao 100% verde, em componentes de cor rgb. É uma instalação de videomapping sobre o modelo de uma cidade onde ocorre uma simulação abstrata, um jogo interminável entre três equipas.</p> <!-- --- --> <p>(EN) <strong>0 255 0</strong>. The piece alludes to 100% green, in rgb color components. It is a video mapping installation on the model of a city where an abstract simulation, an endless game between three teams takes place.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Linux OS. IR Webcam. IR Flood Light. Arduino 8 Sound Channels Output. Interactive Audiovisual Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2012 <em>0 255 0</em>, Algoritmos Criativos, Pavilhão do Conhecimento, Lisboa</p> <p>2011 <em>0 255 0</em>, Algoritmos Criativos, Espaço do Tempo, Montemor-o-Novo</p> </div> struct_9 2011-01-01T00:00:00+00:00 2011-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-9/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-9&#x2F;struct9.01.jpg" alt="struct_9 Image struct9.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-9&#x2F;struct9.02.jpg" alt="struct_9 Image struct9.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-9&#x2F;struct9.03.JPG" alt="struct_9 Image struct9.03.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-9&#x2F;struct9.04.JPG" alt="struct_9 Image struct9.04.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-9&#x2F;struct9.05.JPG" alt="struct_9 Image struct9.05.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-9&#x2F;struct9.06.JPG" alt="struct_9 Image struct9.06.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-9&#x2F;struct9.07.JPG" alt="struct_9 Image struct9.07.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct9.01.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_9 / struct9.01.jpg", "struct_9 / struct9.02.jpg", "struct_9 / struct9.03.JPG", "struct_9 / struct9.04.JPG", "struct_9 / struct9.05.JPG", "struct_9 / struct9.06.JPG", "struct_9 / struct9.07.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Eer 2011-01-01T00:00:00+00:00 2011-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/eer/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/27386751?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/eer/Eer-uunnii-2001.4361.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/eer/Eer-uunnii-2001.4361.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/eer/Eer-uunniivveerrssee.net-2926.7812-201107061932.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/eer/Eer-uunniivveerrssee.net-2926.7812-201107061932.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/eer/Eer-uunniivveerrssee.net-662.82526-201106260937.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/eer/Eer-uunniivveerrssee.net-662.82526-201106260937.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> Non-Newtonian (8x) 2011-01-01T00:00:00+00:00 2011-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/non-newtonian8x/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/24660345?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/IMG_3723.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/IMG_3723.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/IMG_3742.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/IMG_3742.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/nn-action1.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/nn-action1.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/nn-action2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/nn-action2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/nn-speaker1.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/non-newtonian8x/nn-speaker1.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> The Great Wall 2011-01-01T00:00:00+00:00 2011-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/thegreatwall/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/24945990?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/thegreatwall/great-wall-IMG2125.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/thegreatwall/great-wall-IMG2125.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/thegreatwall/great-wall-IMG2129.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/thegreatwall/great-wall-IMG2129.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/thegreatwall/thegreatwalllllllllllllllllllllle-02332.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/thegreatwall/thegreatwalllllllllllllllllllllle-02332.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/thegreatwall/thegreatwalllllllllllllllllllllle-02909.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/thegreatwall/thegreatwalllllllllllllllllllllle-02909.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> apex (-pyramid) 2010-12-01T00:00:00+00:00 2010-12-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/apexminuspyramid/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/40363360?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/149047898?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexminuspyramid&#x2F;apex--IMG_3712.jpg" alt="apex (-pyramid) Image apex--IMG_3712.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexminuspyramid&#x2F;apex--pyr-1935.01.jpg" alt="apex (-pyramid) Image apex--pyr-1935.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexminuspyramid&#x2F;apex(-pyramid)IMG_2181.JPG" alt="apex (-pyramid) Image apex(-pyramid)IMG_2181.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> apex--IMG_3712.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "apex (-pyramid) / apex--IMG_3712.jpg", "apex (-pyramid) / apex--pyr-1935.01.jpg", "apex (-pyramid) / apex(-pyramid)IMG_2181.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> uunnii-galaxies 2010-12-01T00:00:00+00:00 2010-12-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/25350161?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/1uunnii-galaxiesIMG_1300.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/1uunnii-galaxiesIMG_1300.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/2uunnii-galaxias-IMG_2220_1k.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/2uunnii-galaxias-IMG_2220_1k.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/3uunnii-galaxias_fluid3d-02548.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/3uunnii-galaxias_fluid3d-02548.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/IMG_3693.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/IMG_3693.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/1uunnii-galaxiesIMG_1300.jpg">1uunnii-galaxiesIMG_1300.jpg</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/2uunnii-galaxias-IMG_2220_1k.jpg">2uunnii-galaxias-IMG_2220_1k.jpg</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/3uunnii-galaxias_fluid3d-02548.jpg">3uunnii-galaxias_fluid3d-02548.jpg</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/embed-uunniigalaxies.html">embed-uunniigalaxies.html</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/IMG_3693.jpg">IMG_3693.jpg</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/index.html">index.html</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunnii-galaxies/thumb.jpg">thumb.jpg</a></li> </ul> uunnii-bugs 2010-11-10T00:00:00+00:00 2010-11-10T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/uunnii-bugs/ <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-bugs/uunnii-bichos-IMG_2208.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-bugs/uunnii-bichos-IMG_2208.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/uunnii-bugs/uunnii-bichos-IMG_2209.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/uunnii-bugs/uunnii-bichos-IMG_2209.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> 7000 2010-11-03T00:00:00+00:00 2010-11-03T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/7000/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/7462039?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;7000&#x2F;7000-IMG_2164.jpg" alt="7000 Image 7000-IMG_2164.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;7000&#x2F;7000-IMG_2165.jpg" alt="7000 Image 7000-IMG_2165.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;7000&#x2F;7000-IMG_2168.jpg" alt="7000 Image 7000-IMG_2168.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 7000-IMG_2164.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "7000 / 7000-IMG_2164.jpg", "7000 / 7000-IMG_2165.jpg", "7000 / 7000-IMG_2168.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Universal Automata 2010-07-07T00:00:00+00:00 2010-07-07T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/automatosuniversais/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/CNEQ_Wsu_Aw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;automatos-universais-IMG_1067a.jpg" alt="Universal Automata Image automatos-universais-IMG_1067a.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;automatos-universais-IMG_1068.jpg" alt="Universal Automata Image automatos-universais-IMG_1068.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;automatos-universais-IMG_2175.JPG" alt="Universal Automata Image automatos-universais-IMG_2175.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;automatos-universais-IMG_2193.JPG" alt="Universal Automata Image automatos-universais-IMG_2193.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;automatos-universais-IMG_2194.JPG" alt="Universal Automata Image automatos-universais-IMG_2194.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;IMG_3183.jpg" alt="Universal Automata Image IMG_3183.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;IMG_3329.jpg" alt="Universal Automata Image IMG_3329.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;IMG_3457.jpg" alt="Universal Automata Image IMG_3457.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;IMG_3461.jpg" alt="Universal Automata Image IMG_3461.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;IMG_3469.jpg" alt="Universal Automata Image IMG_3469.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;IMG_3472.jpg" alt="Universal Automata Image IMG_3472.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;automatosuniversais&#x2F;uunniivveerrssee.net_convite-net_lc.jpg" alt="Universal Automata Image uunniivveerrssee.net_convite-net_lc.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 12 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> automatos-universais-IMG_1067a.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Universal Automata / automatos-universais-IMG_1067a.jpg", "Universal Automata / automatos-universais-IMG_1068.jpg", "Universal Automata / automatos-universais-IMG_2175.JPG", "Universal Automata / automatos-universais-IMG_2193.JPG", "Universal Automata / automatos-universais-IMG_2194.JPG", "Universal Automata / IMG_3183.jpg", "Universal Automata / IMG_3329.jpg", "Universal Automata / IMG_3457.jpg", "Universal Automata / IMG_3461.jpg", "Universal Automata / IMG_3469.jpg", "Universal Automata / IMG_3472.jpg", "Universal Automata / uunniivveerrssee.net_convite-net_lc.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> k.~ 2010-05-01T00:00:00+00:00 2010-05-01T00:00:00+00:00 André Sier https://andre-sier.com/k/k-tilde/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/1916202?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/45849578?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> <p><figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~-00001478_small.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~-00001478_small.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~-00003044.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~-00003044.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~-00003341.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~-00003341.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~-00023247.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~-00023247.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~-00023247.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~-00023247.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~-00024134.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~-00024134.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~-00455701.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~-00455701.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~.CIMG7837.03.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~.CIMG7837.03.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~.CIMG7846.04.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~.CIMG7846.04.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~.CIMG7911.05.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~.CIMG7911.05.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~.CIMG7980.06.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~.CIMG7980.06.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~.CIMG7983.07.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~.CIMG7983.07.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/k.~.CIMG8001.08.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/k.~.CIMG8001.08.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tilde/kdottil-2016-5-17-16-30-4-28087.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tilde/kdottil-2016-5-17-16-30-4-28087.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>k.~</strong> é um agrimensor sonoro de espaços infinitos. Uma viagem tridimensional no espaço contínuo através do som.</p> <!-- --- --> <p>(EN) <strong>k.~</strong> is a sonic land-surveyor of infinite spaces. A three dimensional voyage in continuos space through sound.</p> <!-- --- --> <p>(Tech) Processing/s373.P5Libs App. Mac/Win/Linux OS. Sound Input. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2017 <em>Arcadia e k.~</em>, SIAC2, Torre de Menagem, Guarda</p> <p>2016-17 <em>Labirinto de Chronos I</em> (solo), Convento S. Francisco, Coimbra</p> <p>2016 <em>02016.41312785388128</em> (solo), Ocupart Chiado, Lisboa</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2012 <em>uunniivveerrssee.net &amp; outras máquinas</em> (solo), Convento da Saudação e Convento S. Francisco, Montemor-o-Novo</p> <p>2012 <em>k.~, ∆, autómatos universais</em> (solo), Academia da Juventude, Ilha Terceira, Açores</p> <p>2012 <em>k. + uunniivveerrssee</em> (solo), Cooperativa de Comunicação e Cultura, Torres Vedras</p> <p>2011 <em>k.</em> (solo), (Curadoria Bypass), Appleton Square, Lisboa</p> <p>2010 <em>k.~</em>, Espacio Enter, Tenerife Espacio de las Artes, Islas Canarias, es</p> <p>2010 <em>k.~</em>, Pixxelpoint, Nova Gorica, sl</p> <p>2010 <em>k.~</em>, Bienal Internacional de Arte Contemporáneo ULA, Merida, vz</p> <p>2010 <em>∆, k.~, apex(+pyramid)</em>, Rui Horta exhibition, Pavilhão Conhecimento, Lisboa</p> <p>2010 <em>Ape-x</em> (solo), (Curadoria Michal Brzezinski) NT Gallery, Lodz, pl</p> </div> 747.5 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/747/747-5/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/12096859?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-5&#x2F;747.5.CIMG69201000.01.JPG" alt="747.5 Image 747.5.CIMG69201000.01.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-5&#x2F;747.5.CIMG69251000.02.JPG" alt="747.5 Image 747.5.CIMG69251000.02.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-5&#x2F;747.5.CIMG69321000.03.JPG" alt="747.5 Image 747.5.CIMG69321000.03.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-5&#x2F;747.5.CIMG69821000.04.JPG" alt="747.5 Image 747.5.CIMG69821000.04.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-5&#x2F;747.5.CIMG69881000.05.JPG" alt="747.5 Image 747.5.CIMG69881000.05.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-5&#x2F;747.5.CIMG69891000.06.JPG" alt="747.5 Image 747.5.CIMG69891000.06.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-5&#x2F;747.5.CIMG69971000.07.JPG" alt="747.5 Image 747.5.CIMG69971000.07.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 747.5.CIMG69201000.01.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "747.5 / 747.5.CIMG69201000.01.JPG", "747.5 / 747.5.CIMG69251000.02.JPG", "747.5 / 747.5.CIMG69321000.03.JPG", "747.5 / 747.5.CIMG69821000.04.JPG", "747.5 / 747.5.CIMG69881000.05.JPG", "747.5 / 747.5.CIMG69891000.06.JPG", "747.5 / 747.5.CIMG69971000.07.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/747/747-5/747.5.CIMG69201000.01.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-5/747.5.CIMG69201000.01.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-5/747.5.CIMG69251000.02.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-5/747.5.CIMG69251000.02.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-5/747.5.CIMG69321000.03.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-5/747.5.CIMG69321000.03.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-5/747.5.CIMG69821000.04.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-5/747.5.CIMG69821000.04.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-5/747.5.CIMG69881000.05.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-5/747.5.CIMG69881000.05.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-5/747.5.CIMG69891000.06.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-5/747.5.CIMG69891000.06.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-5/747.5.CIMG69971000.07.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-5/747.5.CIMG69971000.07.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>747.5</strong> é uma simulação em tempo real de vôo livre dos corpos dos utilizadores; uma experiência audiovisual onde várias pessoas em rede cruzam céus estratosféricos abstratos num espaço virtual partilhado.</p> <!-- --- --> <p>(EN) <strong>747.5</strong> is a real time simulation of free flight from the users bodies; an audiovisual experience where several persons in a network cross abstract stratospheric skies in a shared virtual space.</p> <!-- --- --> <p>(Tech) Processing/s373.P5Libs App. Each module: Linux OS, IR Webcam, IR Flood Light, Stereo Sound, Interactive Video Projection, Computer Vision. Server with PhP/OSC comms.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2010 <em>747.5</em>, Espaço do Tempo, Montemor-o-Novo</p> </div> O Filho da Europa 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/filhoeuropa/ <p><br><br></p> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;filhoeuropa&#x2F;CIMG5964.JPG" alt="O Filho da Europa Image CIMG5964.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;filhoeuropa&#x2F;CIMG5987.JPG" alt="O Filho da Europa Image CIMG5987.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;filhoeuropa&#x2F;CIMG6010.JPG" alt="O Filho da Europa Image CIMG6010.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;filhoeuropa&#x2F;CIMG5964.JPG" alt="O Filho da Europa Image CIMG5964.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> CIMG5964.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "O Filho da Europa / CIMG5964.JPG", "O Filho da Europa / CIMG5987.JPG", "O Filho da Europa / CIMG6010.JPG", "O Filho da Europa / CIMG5964.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="o-filho-da-europa-2010">"O Filho da Europa" (2010)</h3> <p>Encenação: Companhia João Garcia Miguel <br> Código Áudio-Visual e Espacialização: André Sier<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="o-filho-da-europa-2010-1">"O Filho da Europa" (2010)</h3> <p>Direction: Companhia João Garcia Miguel <br> Audio-Visual Code and Spatialization: André Sier<br /></p> <br> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Mac/Win OS. Interactive Camera Installation for TVs. Video Animation.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2010 <em>O Filho da Europa</em>, com Companhia JGM, Teatro Cine, Torres Vedras</p> </div> Line Invaders 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/lineinvaders/ <!-- thumbnail = "73055_166133910084210_7455352_n.thumb.jpg" --> <p><br><br></p> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;theywantwar1-384x1024.png" alt="Line Invaders Image theywantwar1-384x1024.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;73055_166133910084210_7455352_n.jpg" alt="Line Invaders Image 73055_166133910084210_7455352_n.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;73055_166133913417543_7795086_n.jpg" alt="Line Invaders Image 73055_166133913417543_7795086_n.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;73055_166133916750876_2544394_n.jpg" alt="Line Invaders Image 73055_166133916750876_2544394_n.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;73055_166133920084209_1362825_n.jpg" alt="Line Invaders Image 73055_166133920084209_1362825_n.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;76609_173490112676542_4019687_n.jpg" alt="Line Invaders Image 76609_173490112676542_4019687_n.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;flyer_frente.jpg" alt="Line Invaders Image flyer_frente.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;flyer_verso.jpg" alt="Line Invaders Image flyer_verso.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;lineinvaders&#x2F;theywantwar2-382x1024.png" alt="Line Invaders Image theywantwar2-382x1024.png" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 9 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> theywantwar1-384x1024.png </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Line Invaders / theywantwar1-384x1024.png", "Line Invaders / 73055_166133910084210_7455352_n.jpg", "Line Invaders / 73055_166133913417543_7795086_n.jpg", "Line Invaders / 73055_166133916750876_2544394_n.jpg", "Line Invaders / 73055_166133920084209_1362825_n.jpg", "Line Invaders / 76609_173490112676542_4019687_n.jpg", "Line Invaders / flyer_frente.jpg", "Line Invaders / flyer_verso.jpg", "Line Invaders / theywantwar2-382x1024.png" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="line-invaders-2010">"Line Invaders" (2010)</h3> <p>Espectáculo multimédia interactivo com realidade aumentada à escala urbana. <br> Conceito, Games Design, Interacção, Mapping: André Sier<br /> Conceito e Videos: Rui Gato + HOW<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="line-invaders-2010-1">"Line Invaders" (2010)</h3> <p>Interactive multimedia show with augmented reality on an urban scale. <br> Concept, Games Design, Interaction, Mapping: André Sier<br /> Concept and Videos: Rui Gato + HOW<br /></p> <br> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. Mac OS. Interactive Camera Installation for Mapped Games. Processing Online Games Code.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2010 <em>Line Invaders</em>, with Rui Gato + HOW, Praça 25 de Abril, Torres Vedras</p> <h3 id="http-distraction">Http distraction</h3> <p><a rel="external" href="https://s373.net/x/lineinvaders_01">https://s373.net/x/lineinvaders_01</a> <a rel="external" href="https://s373.net/x/lineinvaders_editor">https://s373.net/x/lineinvaders_editor</a></p> <p><a rel="external" href="https://s373.net/x/lineinvaders_forte">https://s373.net/x/lineinvaders_forte</a></p> </div> Rei Édipo 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/reiedipo/ <p><figure > <picture> <img src="https://andre-sier.com/collaborations/reiedipo/CIMG5337a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/reiedipo/CIMG5337a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/reiedipo/CIMG5357a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/reiedipo/CIMG5357a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/reiedipo/CIMG5360a.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/reiedipo/CIMG5360a.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/reiedipo/edipo_spat50.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/reiedipo/edipo_spat50.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="rei-edipo-2009-10">Rei Édipo (2009-10)</h3> <p>Software e Espacialização da música de Pedro Carneiro para a produção dos Artistas Unidos <em>Rei Édipo</em> com realização de Jorge Silva Melo. Composição electroacústica em tempo real e espacialização de instrumentos em directo para nove canais.</p> <p>Rei Édipo (2009/2010)<br /> Encenação de Jorge Silva Melo <br> Produção Artistas Unidos <br> Música: Pedro Carneiro<br /> Electrónica e Espacialização: André Sier<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="rei-edipo-2009-10-1">Rei Édipo (2009-10)</h3> <p>Software and Spatialization for the music by Pedro Carneiro for Artistas Unidos production <em>Rei Édipo</em> directed by Jorge Silva Melo. Real-time electroacoustic composition and live instruments spatialization for nine channels.</p> <p>Oedipus King (2009/2010)<br /> Directed by Jorge Silva Melo <br> United Artists Production <br> Music: Pedro Carneiro<br /> Electronics and Spatialization: André Sier<br /></p> <br> <!-- --- --> <p>(Tech) Max/MSP/s373.a-objects App. Mac OS. 9 Sound Channels Output. Interactive Score.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2010 <em>Rei Édipo</em>, de Jorge Silva Melo, Teatro Nacional D. Maria II, Lisboa</p> </div> k.*.stl 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/k/k-stl/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/21830214?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <figure > <picture> <img src="https://andre-sier.com/k/k-stl/IMG_0505.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-stl/IMG_0505.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-stl/IMG_0509.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-stl/IMG_0509.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-stl/IMG_0564.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-stl/IMG_0564.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-stl/IMG_3314.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-stl/IMG_3314.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>k.*.stl</strong> é uma série de esculturas impressas em 3D do ambiente 'k.'.</p> <!-- --- --> <p>(EN) <strong>k.*.stl</strong> is a series 3d printed sculptures from the k. environment.</p> <!-- --- --> <p>(Tech) Transparent PLA sculptures, each ~7cm^3.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2014 <em>Esculturas Generativas</em>, Maker Faire Lisbon, Pavilhão do Conhecimento, Lisboa</p> <p>2012 <em>k. + uunniivveerrssee</em> (solo), Cooperativa de Comunicação e Cultura, Torres Vedras</p> <p>2011 <em>k.</em> (solo), (Curadoria Bypass), Appleton Square, Lisboa</p> </div> 410 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/410/ <p><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/159130733?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/23325260?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div></p> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410&#x2F;410-02561.png" alt="410 Image 410-02561.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410&#x2F;410-10750.png" alt="410 Image 410-10750.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410&#x2F;410-12580.png" alt="410 Image 410-12580.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410&#x2F;410-12741.png" alt="410 Image 410-12741.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;410&#x2F;410-IMG_2522.JPG" alt="410 Image 410-IMG_2522.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 410-02561.png </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "410 / 410-02561.png", "410 / 410-10750.png", "410 / 410-12580.png", "410 / 410-12741.png", "410 / 410-IMG_2522.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> apex (+pyramid) 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/apexpluspyramid/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/12973841?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexpluspyramid&#x2F;apex-7815.03.jpg" alt="apex (+pyramid) Image apex-7815.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexpluspyramid&#x2F;apex-7823.04.jpg" alt="apex (+pyramid) Image apex-7823.04.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;apexpluspyramid&#x2F;apex-CIMG0841.01.JPG" alt="apex (+pyramid) Image apex-CIMG0841.01.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> apex-7815.03.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "apex (+pyramid) / apex-7815.03.jpg", "apex (+pyramid) / apex-7823.04.jpg", "apex (+pyramid) / apex-CIMG0841.01.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> universal automata 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/automatouniversal/ <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/automatouniversal/automatouniversal-IMG_3517.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/automatouniversal/automatouniversal-IMG_3517.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/automatouniversal/IMG_3687.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/automatouniversal/IMG_3687.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/automatouniversal/au-alveyghy.390412.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/automatouniversal/au-alveyghy.390412.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/automatouniversal/au-kehoyccs-8-140-50-1526-0.0-649-5.stlkehoyccs-8-140-50-1527-0.0-649-5.stlkehoyccs-8-140-89-1723-0.0-649-5.stlkehoyccs-8-140-89-1724-0.0-649-5.stlkehoyccs-8-140-107-1811-0.0-649-5.stlkehoyccs-8-140-107-1812-0.0-649-5.stl1812.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/automatouniversal/au-kehoyccs-8-140-50-1526-0.0-649-5.stlkehoyccs-8-140-50-1527-0.0-649-5.stlkehoyccs-8-140-89-1723-0.0-649-5.stlkehoyccs-8-140-89-1724-0.0-649-5.stlkehoyccs-8-140-107-1811-0.0-649-5.stlkehoyccs-8-140-107-1812-0.0-649-5.stl1812.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> Mathx 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/mathx/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/40427851?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/mathx/mathx3777.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/mathx/mathx3777.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/mathx/mathx.CIMG7952.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/mathx/mathx.CIMG7952.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/mathx/mathxCIMG7963.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/mathx/mathxCIMG7963.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> uunniivveerrssee 2010-01-01T00:00:00+00:00 2010-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/uunniivveerrssee/ <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/uunniivveerrssee/uunniivveerrssee/index.html">index.html</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunniivveerrssee/thumb.jpg">thumb.jpg</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunniivveerrssee/uunniivveerrssee-IMG_1395.jpg">uunniivveerrssee-IMG_1395.jpg</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunniivveerrssee/uunniivveerrssee-IMG_1396.jpg">uunniivveerrssee-IMG_1396.jpg</a></li> <li><a href="https://andre-sier.com/uunniivveerrssee/uunniivveerrssee/uunniivveerrssee-IMG_1887.jpg">uunniivveerrssee-IMG_1887.jpg</a></li> </ul> 32-bit Wind Machine 2009-10-01T00:00:00+00:00 2009-10-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32bitwindmachine-0000029725.png" alt="32-bit Wind Machine Image 32bitwindmachine-0000029725.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32bitWindMachine-1024x732-331.03.jpg" alt="32-bit Wind Machine Image 32bitWindMachine-1024x732-331.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32-bit-wind-machine-CIMG0972a.01.jpg" alt="32-bit Wind Machine Image 32-bit-wind-machine-CIMG0972a.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32-bit-wind-machine-IMG3411.02.jpg" alt="32-bit Wind Machine Image 32-bit-wind-machine-IMG3411.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32bWindMachine-CIMG1169.04.JPG" alt="32-bit Wind Machine Image 32bWindMachine-CIMG1169.04.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32bWindMachine-CIMG1174.05.JPG" alt="32-bit Wind Machine Image 32bWindMachine-CIMG1174.05.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32bWindMachine-CIMG1185.06.JPG" alt="32-bit Wind Machine Image 32bWindMachine-CIMG1185.06.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32bWindMachine-CIMG1186.07.JPG" alt="32-bit Wind Machine Image 32bWindMachine-CIMG1186.07.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;32bwm-20120430_002552-0-47-23.png" alt="32-bit Wind Machine Image 32bwm-20120430_002552-0-47-23.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;IMG_3245.jpg" alt="32-bit Wind Machine Image IMG_3245.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitwindmachine&#x2F;IMG_3252.jpg" alt="32-bit Wind Machine Image IMG_3252.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 11 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 32bitwindmachine-0000029725.png </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "32-bit Wind Machine / 32bitwindmachine-0000029725.png", "32-bit Wind Machine / 32bitWindMachine-1024x732-331.03.jpg", "32-bit Wind Machine / 32-bit-wind-machine-CIMG0972a.01.jpg", "32-bit Wind Machine / 32-bit-wind-machine-IMG3411.02.jpg", "32-bit Wind Machine / 32bWindMachine-CIMG1169.04.JPG", "32-bit Wind Machine / 32bWindMachine-CIMG1174.05.JPG", "32-bit Wind Machine / 32bWindMachine-CIMG1185.06.JPG", "32-bit Wind Machine / 32bWindMachine-CIMG1186.07.JPG", "32-bit Wind Machine / 32bwm-20120430_002552-0-47-23.png", "32-bit Wind Machine / IMG_3245.jpg", "32-bit Wind Machine / IMG_3252.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <p><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bitwindmachine-0000029725.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bitwindmachine-0000029725.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bitWindMachine-1024x732-331.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bitWindMachine-1024x732-331.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32-bit-wind-machine-CIMG0972a.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32-bit-wind-machine-CIMG0972a.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32-bit-wind-machine-IMG3411.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32-bit-wind-machine-IMG3411.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1169.04.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1169.04.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1174.05.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1174.05.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1185.06.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1185.06.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1186.07.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bWindMachine-CIMG1186.07.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bwm-20120430_002552-0-47-23.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/32bwm-20120430_002552-0-47-23.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/IMG_3245.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/IMG_3245.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/IMG_3252.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitwindmachine/IMG_3252.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> k.*.tga 2009-01-01T00:00:00+00:00 2009-01-01T00:00:00+00:00 André Sier https://andre-sier.com/k/k-tga/ <p><figure > <picture> <img src="https://andre-sier.com/k/k-tga/CIMG2665.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tga/CIMG2665.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tga/IMG_0496.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tga/IMG_0496.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tga/IMG_0590.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tga/IMG_0590.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k-tga/IMG_3220.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k-tga/IMG_3220.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>k.*.tga</strong> é uma série de impressões de alta qualidade com moldura em alumínio do ambiente 'k.'.</p> <!-- --- --> <p>(EN) <strong>k.*.tga</strong> is a series of aluminium framed high quality prints from k. the environment.</p> <!-- --- --> <p>(Tech) Transparent PLA sculptures, each ~7cm^3.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2016 <em>02016.41312785388128</em>, Ocupart Chiado Igreja do Santíssmo Sacramento, Lisboa</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2012 <em>k. + uunniivveerrssee</em> (solo), Cooperativa de Comunicação e Cultura, Torres Vedras</p> <p>2011 <em>k.</em> (solo), (Curadoria Bypass), Appleton Square, Lisboa</p> </div> Ascende 2009-01-01T00:00:00+00:00 2009-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/ascende/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/5524681?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascendeIMG0337_1000.08.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascendeIMG0337_1000.08.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascende000000-J2304x1728-00067.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascende000000-J2304x1728-00067.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascende0-J2304x1728-00068.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascende0-J2304x1728-00068.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascende342-0037a.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascende342-0037a.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascende342-0204a.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascende342-0204a.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascende342-0217a.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascende342-0217a.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascende342-0325a.04.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascende342-0325a.04.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/ascende/ascendeDSC008271_1000.05.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/ascende/ascendeDSC008271_1000.05.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>Ascende</strong> é uma instalação de mapeamento interativo onde o movimento dos espectadores influencia a simulação de uma multidão de agentes autónomos que ascende nas fachadas dos edifícios.</p> <!-- --- --> <p>(EN) <strong>Ascende</strong> is an interactive mapping installation where the movement of the viewers influences the simulation of a crowd of autonomous agents which ascends on building's facades.</p> <!-- --- --> <p>(Tech) OpenFrameworks/s373.OFLibs App. IR Camera. IR Flood Lights. Computer Vision. Video Projectors.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2025 <em>Ascende, Temporary-Babel2d</em>, Picadeiro Open Sounds &amp; Digital Art, Alpedrinha, Fundão</p> <p>2012 <em>Ascende</em>, Festival Safira, Montemor-o-Novo</p> <p>2010 <em>struct_7, Ascende</em>, Lab Jovem, Teatro Faialense, Horta, Açores</p> <p>2009 <em>Interestrelar, Ascende</em>, XV Bienal Internacional de Arte de Cerveira</p> <p>2009 <em>Ascende</em>, Junho das Artes, Óbidos</p> </div> 32-bit Difference Machine 2009-01-01T00:00:00+00:00 2009-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/23741593?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitdifferencemachine&#x2F;32bDifferenceMachine-CIMG1167.JPG" alt="32-bit Difference Machine Image 32bDifferenceMachine-CIMG1167.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitdifferencemachine&#x2F;32bDifferenceMachineCIMG1272.JPG" alt="32-bit Difference Machine Image 32bDifferenceMachineCIMG1272.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitdifferencemachine&#x2F;32bDifferenceMachine-CIMG1279.JPG" alt="32-bit Difference Machine Image 32bDifferenceMachine-CIMG1279.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitdifferencemachine&#x2F;32bDifferenceMachine-IMG_1610.JPG" alt="32-bit Difference Machine Image 32bDifferenceMachine-IMG_1610.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitdifferencemachine&#x2F;32bDifMachine-CIMG1184.JPG" alt="32-bit Difference Machine Image 32bDifMachine-CIMG1184.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitdifferencemachine&#x2F;32-bitdifferencemachineDSC3401.jpg" alt="32-bit Difference Machine Image 32-bitdifferencemachineDSC3401.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;uunniivveerrssee&#x2F;32-bitdifferencemachine&#x2F;32-bitdifferencemachineDSC3418.jpg" alt="32-bit Difference Machine Image 32-bitdifferencemachineDSC3418.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 32bDifferenceMachine-CIMG1167.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "32-bit Difference Machine / 32bDifferenceMachine-CIMG1167.JPG", "32-bit Difference Machine / 32bDifferenceMachineCIMG1272.JPG", "32-bit Difference Machine / 32bDifferenceMachine-CIMG1279.JPG", "32-bit Difference Machine / 32bDifferenceMachine-IMG_1610.JPG", "32-bit Difference Machine / 32bDifMachine-CIMG1184.JPG", "32-bit Difference Machine / 32-bitdifferencemachineDSC3401.jpg", "32-bit Difference Machine / 32-bitdifferencemachineDSC3418.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <p><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachine-CIMG1167.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachine-CIMG1167.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachineCIMG1272.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachineCIMG1272.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachine-CIMG1279.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachine-CIMG1279.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachine-IMG_1610.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifferenceMachine-IMG_1610.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifMachine-CIMG1184.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32bDifMachine-CIMG1184.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32-bitdifferencemachineDSC3401.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32-bitdifferencemachineDSC3401.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32-bitdifferencemachineDSC3418.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/32-bitdifferencemachine/32-bitdifferencemachineDSC3418.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> ∆ 2009-01-01T00:00:00+00:00 2009-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/delta/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/45851299?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/7778490?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/delta/delta-003148.01.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/delta/delta-003148.01.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/delta/delta-CIMG4847-2.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/delta/delta-CIMG4847-2.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> Int-drawings 2009-01-01T00:00:00+00:00 2009-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/int-drawings/ <p><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305637w.03.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305637w.03.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305640w.04.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305640w.04.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305653w.05.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305653w.05.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305657w.06.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/int-drawings/intP1305657w.06.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> Interestrelar 2009-01-01T00:00:00+00:00 2009-01-01T00:00:00+00:00 André Sier https://andre-sier.com/uunniivveerrssee/interestrelar/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/5203896?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/45851168?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/antesP1225614w.01.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/antesP1225614w.01.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/computerP1215561w.02.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/computerP1215561w.02.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar-09.09.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar-09.09.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar.CIMG7852.07.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar.CIMG7852.07.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar-motionissndCIMG4282a.11.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar-motionissndCIMG4282a.11.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar.oo09.CIMG4838a.06.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar.oo09.CIMG4838a.06.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar-motionissnd-CIMG4362a.10.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/interestrelar-motionissnd-CIMG4362a.10.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/wooferP1215552aw.07.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/wooferP1215552aw.07.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><figure > <picture> <img src="https://andre-sier.com/uunniivveerrssee/interestrelar/wooferP1215574aw.08.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/uunniivveerrssee/interestrelar/wooferP1215574aw.08.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> 22009 2008-12-01T00:00:00+00:00 2008-12-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/22009/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2717007?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><figure > <picture> <img src="https://andre-sier.com/projects/22009/22009.10.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/22009/22009.10.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> 747.4 2008-01-01T00:00:00+00:00 2008-01-01T00:00:00+00:00 André Sier https://andre-sier.com/747/747-4/ <p><figure > <picture> <img src="https://andre-sier.com/747/747-4/747-4-gulbenkian5024348.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-4/747-4-gulbenkian5024348.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure class=max-width> <picture> <img src="https://andre-sier.com/747/747-4/747-4-gulbenkian5024352.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-4/747-4-gulbenkian5024352.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) 4 esculturas/modelos tridimensionais de aviões sobre terreno instaladas em espaço público.</p> <!-- --- --> <p>(EN) 4 sculptures / tridimensional airplane models over terrain installed in public spaces.</p> <!-- --- --> <p>(Tech) Models, Plaster. Dimensions ~ 16x12x16cm</p> <!-- --- --> </div> BwO 2008-01-01T00:00:00+00:00 2008-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/bwo/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2716919?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/projects/bwo/CsOpict.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/bwo/CsOpict.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/bwo/CsOpict.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/bwo/CsOpict.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> gravidade 2008-01-01T00:00:00+00:00 2008-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/gravidade/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;gravidade&#x2F;gravidadeCIMG5507a.011.jpg" alt="gravidade Image gravidadeCIMG5507a.011.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;gravidade&#x2F;gravidade-dsc06777.05.jpg" alt="gravidade Image gravidade-dsc06777.05.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;gravidade&#x2F;gravidade-DSC06792.06.JPG" alt="gravidade Image gravidade-DSC06792.06.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;gravidade&#x2F;gravidade-P9275081.07.JPG" alt="gravidade Image gravidade-P9275081.07.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;gravidade&#x2F;gravidade-P9275096.08.JPG" alt="gravidade Image gravidade-P9275096.08.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;gravidade&#x2F;gravidade-p9275106.09.jpg" alt="gravidade Image gravidade-p9275106.09.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;gravidade&#x2F;gravidade-tablet-iOS.010.png" alt="gravidade Image gravidade-tablet-iOS.010.png" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> gravidadeCIMG5507a.011.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "gravidade / gravidadeCIMG5507a.011.jpg", "gravidade / gravidade-dsc06777.05.jpg", "gravidade / gravidade-DSC06792.06.JPG", "gravidade / gravidade-P9275081.07.JPG", "gravidade / gravidade-P9275096.08.JPG", "gravidade / gravidade-p9275106.09.jpg", "gravidade / gravidade-tablet-iOS.010.png" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Space Race #2 2008-01-01T00:00:00+00:00 2008-01-01T00:00:00+00:00 André Sier https://andre-sier.com/space-race/space-race-2/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/1915093?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.10.jpg" alt="Space Race #2 Image image.10.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.11.jpg" alt="Space Race #2 Image image.11.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.14.jpg" alt="Space Race #2 Image image.14.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.1.jpg" alt="Space Race #2 Image image.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.2.jpg" alt="Space Race #2 Image image.2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.3.jpg" alt="Space Race #2 Image image.3.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.4.jpg" alt="Space Race #2 Image image.4.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.5.jpg" alt="Space Race #2 Image image.5.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.7.jpg" alt="Space Race #2 Image image.7.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-2&#x2F;image.8.jpg" alt="Space Race #2 Image image.8.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 10 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> image.10.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Space Race #2 / image.10.jpg", "Space Race #2 / image.11.jpg", "Space Race #2 / image.14.jpg", "Space Race #2 / image.1.jpg", "Space Race #2 / image.2.jpg", "Space Race #2 / image.3.jpg", "Space Race #2 / image.4.jpg", "Space Race #2 / image.5.jpg", "Space Race #2 / image.7.jpg", "Space Race #2 / image.8.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Space Race #3 2008-01-01T00:00:00+00:00 2008-01-01T00:00:00+00:00 André Sier https://andre-sier.com/space-race/space-race-3/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2716929?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.12.jpg" alt="Space Race #3 Image image.12.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.16.jpg" alt="Space Race #3 Image image.16.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.1.jpg" alt="Space Race #3 Image image.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.21.jpg" alt="Space Race #3 Image image.21.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.24.jpg" alt="Space Race #3 Image image.24.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.2.jpg" alt="Space Race #3 Image image.2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.3.jpg" alt="Space Race #3 Image image.3.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.6.jpg" alt="Space Race #3 Image image.6.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-3&#x2F;image.9.jpg" alt="Space Race #3 Image image.9.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 9 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> image.12.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Space Race #3 / image.12.jpg", "Space Race #3 / image.16.jpg", "Space Race #3 / image.1.jpg", "Space Race #3 / image.21.jpg", "Space Race #3 / image.24.jpg", "Space Race #3 / image.2.jpg", "Space Race #3 / image.3.jpg", "Space Race #3 / image.6.jpg", "Space Race #3 / image.9.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> struct_8 2008-01-01T00:00:00+00:00 2008-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-8/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-8&#x2F;struct8.010.jpg" alt="struct_8 Image struct8.010.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-8&#x2F;struct8.011.jpg" alt="struct_8 Image struct8.011.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-8&#x2F;struct8.012.jpg" alt="struct_8 Image struct8.012.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-8&#x2F;struct8.02.jpg" alt="struct_8 Image struct8.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-8&#x2F;struct8.03.jpg" alt="struct_8 Image struct8.03.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct8.010.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_8 / struct8.010.jpg", "struct_8 / struct8.011.jpg", "struct_8 / struct8.012.jpg", "struct_8 / struct8.02.jpg", "struct_8 / struct8.03.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> k. 2007-10-01T00:00:00+00:00 2007-10-01T00:00:00+00:00 André Sier https://andre-sier.com/k/k/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/1916202?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> <p><figure > <picture> <img src="https://andre-sier.com/k/k/k_entrypoint.27.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/k_entrypoint.27.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.12.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.12.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.16.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.16.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.18.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.18.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.1.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.1.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.21.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.21.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.22.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.22.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.24.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.24.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.26.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.26.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.4.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.4.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/k/k/image.8.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/k/k/image.8.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>k.</strong> é uma adaptação livre do imaginário experimentado por K. em 'O Castelo' de Franz Kafka, que transporta o utilizador numa viagem vertiginosa pela abstracção espacial. Gera infinitos espaços estocásticos navegáveis ​​pelo utilizador.</p> <!-- --- --> <p>(EN) <strong>k.</strong> is a free adaptation of the imagery experimented by K. in 'The Castle' by Franz Kafka, that transports the user in a vertiginous voyage through the spatial abstraction. Generates endless stochastic user browsable spaces.</p> <!-- --- --> <p>(Tech) Processing/s373.P5Libs App. Mac/Win/Linux OS. Mouse and Keys. No Sound. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2021 <em>Algoritmia</em>, (Curadoria Gustavo Romano), Netescopio, MEIAC, Badajoz</p> <p>2015-16 <em>Aespacialidade</em> (solo), Galeria novaOgiva, Óbidos</p> <p>2015 <em>Esculturas Generativas e Jogos (∆s/∆t)</em> (solo), Igreja S. Vicente, Évora</p> <p>2012 <em>k. + uunniivveerrssee</em> (solo), Cooperativa de Comunicação e Cultura, Torres Vedras</p> <p>2011 <em>k.</em>, (Curadoria Bypass), JustMad 2 ArtFair, Madrid</p> <p>2011 <em>k.</em> (solo), (Curadoria Bypass), Appleton Square, Lisboa</p> <p>2007 <em>k.</em>, Galeria Virtual da Direcção Geral das Artes, http://netarte.dgartes.pt</p> </div> máquinas​-​deserto 2007-01-01T00:00:00+00:00 2007-01-01T00:00:00+00:00 André Sier https://andre-sier.com/music/maquinas-deserto/ <figure > <picture> <img src="https://andre-sier.com/music/maquinas-deserto/maquinas.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/music/maquinas-deserto/maquinas.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=3179950383/size=large/bgcol=000000/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="http://andresier.bandcamp.com/album/m-quinas-deserto">máquinas-deserto by André Sier</a></iframe> <div class="text-with-margins"> <p>2007 music from realtime recordings ranging from <em>struct</em> electronic installations and live multichannel musical performances. Recorded throughout 2000-7 in Max/MSP with the a-objects, released from a 12 Nov 2007 Audio CD limited release "máquinas-deserto"</p> <p>released November 12, 2007</p> <p>máquinas​-​deserto by André Sier</p> <ol> <li>struct_4 (2006) 01:51</li> <li>struct_0 (2000-1) 05:00</li> <li>struct_3 (2004) 06:30</li> <li>struct_1 (2001) 12:43</li> <li>máquina 20051023 (2005) 07:40</li> <li>chello (2005) 06:35</li> <li>máquina 20051025 (2005) 06:26</li> <li>pulsares (2007) 09:57</li> </ol> <p>Streaming + Download Includes unlimited streaming via the free Bandcamp app, plus high-quality download in MP3, FLAC and more. Buy Digital Album</p> <p>Available at <a rel="external" href="https://andresier.bandcamp.com/album/m-quinas-deserto">https://andresier.bandcamp.com/album/m-quinas-deserto</a>.</p> <p>1 struct_4 (2006)</p> <p>Run time recording of audiovisual installation "struct_4" (2006) andre-sier.com/struct/struct-4/ Features russian numbers voice by Teresa Simas. Live recorded at Jovens Criadores, Fábrica Tobom, Montijo, 2006</p> <p>2 struct_0 (2000-1)</p> <p>Run time recording of audiovisual installation "struct_0" (2000-1) andre-sier.com/struct/struct-0/ Live recorded at s373.net/x Anjos studio, Lisbon, 2005</p> <p>3 struct_3 (2004)</p> <p>Run time recording of audiovisual installation "struct_3" (2004) andre-sier.com/struct/struct-3/ Live recorded at s373.net/x Anjos studio, Lisbon, 2004</p> <p>4 struct_1 (2001)</p> <p>Run time recording of audiovisual installation "struct_1" (2001) andre-sier.com/struct/struct-1/ Live recorded at abandoned wharehouse, Figueira da Foz, 2002</p> <p>5 máquina 20051023 (2005)</p> <p>Run time recording of audiovisual "struct" tool made for "Parque" (2005-8) Features chello excerpts by Ricardo Jacinto. Live recorded at s373.net/x Anjos studio, Lisbon, 2005</p> <p>6 chello (2005)</p> <p>Run time recording of audiovisual "struct" tool made for "Parque" (2005-8) Features chello excerpts by Ricardo Jacinto. Features percursive excerpts by Nuno Morão. Live recorded at s373.net/x Anjos studio, Lisbon, 2005</p> <p>7 máquina 20051025 (2005)</p> <p>Run time recording of audiovisual "struct" tool made for "Parque" (2005-8) Features cello excerpts by Ricardo Jacinto. Features percursive excerpts by Nuno Morão. Features sax excerpts by Nuno Torres. Live recorded at s373.net/x Anjos studio, Lisbon, 2005</p> <p>8 pulsares (2007)</p> <p>Run time recording of 8 channel audio tool made for "Pulsares" (2007) Features sound excerpts of astral bodies analysis by NASA. Live recorded at Teatro S. Luiz, Dia Mundial da Música (ed. Pedro Carneiro), Lisbon, 2007</p> </div> terrants 2007-01-01T00:00:00+00:00 2007-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/terrants/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;terrants&#x2F;terrants-26-800.01.jpg" alt="terrants Image terrants-26-800.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;terrants&#x2F;terrants-79-800.02.jpg" alt="terrants Image terrants-79-800.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;terrants&#x2F;terrants-ipad-00.03.jpg" alt="terrants Image terrants-ipad-00.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;terrants&#x2F;terrants-p9275083.09.jpg" alt="terrants Image terrants-p9275083.09.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;terrants&#x2F;terrants-P9275088.10.JPG" alt="terrants Image terrants-P9275088.10.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;terrants&#x2F;terrants-P9275092.11.JPG" alt="terrants Image terrants-P9275092.11.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;terrants&#x2F;terrants-transboavista11.12.jpg" alt="terrants Image terrants-transboavista11.12.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> terrants-26-800.01.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "terrants / terrants-26-800.01.jpg", "terrants / terrants-79-800.02.jpg", "terrants / terrants-ipad-00.03.jpg", "terrants / terrants-p9275083.09.jpg", "terrants / terrants-P9275088.10.JPG", "terrants / terrants-P9275092.11.JPG", "terrants / terrants-transboavista11.12.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> volume7021143 2007-01-01T00:00:00+00:00 2007-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/volume7021143/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2849190?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;volume7021143&#x2F;volume7021143-00623.01.jpg" alt="volume7021143 Image volume7021143-00623.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;volume7021143&#x2F;volume7021143-00960.02.jpg" alt="volume7021143 Image volume7021143-00960.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;volume7021143&#x2F;volume7021143-01552.03.jpg" alt="volume7021143 Image volume7021143-01552.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;volume7021143&#x2F;volume7021143-01700.04.jpg" alt="volume7021143 Image volume7021143-01700.04.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;volume7021143&#x2F;volume7021143-01886.05.jpg" alt="volume7021143 Image volume7021143-01886.05.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;volume7021143&#x2F;volume7021143-02066.06.jpg" alt="volume7021143 Image volume7021143-02066.06.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;volume7021143&#x2F;volume7021143-02420.07.jpg" alt="volume7021143 Image volume7021143-02420.07.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> volume7021143-00623.01.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "volume7021143 / volume7021143-00623.01.jpg", "volume7021143 / volume7021143-00960.02.jpg", "volume7021143 / volume7021143-01552.03.jpg", "volume7021143 / volume7021143-01700.04.jpg", "volume7021143 / volume7021143-01886.05.jpg", "volume7021143 / volume7021143-02066.06.jpg", "volume7021143 / volume7021143-02420.07.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Space Race #1 2007-01-01T00:00:00+00:00 2007-01-01T00:00:00+00:00 André Sier https://andre-sier.com/space-race/space-race-1/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2848850?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.11.jpg" alt="Space Race #1 Image image.11.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.13.jpg" alt="Space Race #1 Image image.13.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.16.jpg" alt="Space Race #1 Image image.16.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.17.jpg" alt="Space Race #1 Image image.17.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.1.jpg" alt="Space Race #1 Image image.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.2.jpg" alt="Space Race #1 Image image.2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.3.jpg" alt="Space Race #1 Image image.3.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.4.jpg" alt="Space Race #1 Image image.4.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.7.jpg" alt="Space Race #1 Image image.7.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;space-race&#x2F;space-race-1&#x2F;image.9.jpg" alt="Space Race #1 Image image.9.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 10 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> image.11.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Space Race #1 / image.11.jpg", "Space Race #1 / image.13.jpg", "Space Race #1 / image.16.jpg", "Space Race #1 / image.17.jpg", "Space Race #1 / image.1.jpg", "Space Race #1 / image.2.jpg", "Space Race #1 / image.3.jpg", "Space Race #1 / image.4.jpg", "Space Race #1 / image.7.jpg", "Space Race #1 / image.9.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> struct_6 2007-01-01T00:00:00+00:00 2007-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-6/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-6&#x2F;struct61010194.03.jpg" alt="struct_6 Image struct61010194.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-6&#x2F;struct6l.01.jpg" alt="struct_6 Image struct6l.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-6&#x2F;struct6r.02.jpg" alt="struct_6 Image struct6r.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-6&#x2F;struct6tv.04.jpg" alt="struct_6 Image struct6tv.04.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct61010194.03.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_6 / struct61010194.03.jpg", "struct_6 / struct6l.01.jpg", "struct_6 / struct6r.02.jpg", "struct_6 / struct6tv.04.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> struct_7 2007-01-01T00:00:00+00:00 2007-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-7/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2849483?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.10.jpg" alt="struct_7 Image image.10.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.13.jpg" alt="struct_7 Image image.13.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.19.jpg" alt="struct_7 Image image.19.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.1.jpg" alt="struct_7 Image image.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.2.jpg" alt="struct_7 Image image.2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.3.jpg" alt="struct_7 Image image.3.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.4.jpg" alt="struct_7 Image image.4.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.5.jpg" alt="struct_7 Image image.5.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.6.jpg" alt="struct_7 Image image.6.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.7.jpg" alt="struct_7 Image image.7.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.8.jpg" alt="struct_7 Image image.8.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;image.9.jpg" alt="struct_7 Image image.9.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;struct_7-CIMG5255.JPG" alt="struct_7 Image struct_7-CIMG5255.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;struct_7-CIMG5259.JPG" alt="struct_7 Image struct_7-CIMG5259.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-7&#x2F;struct_7-CIMG5294.JPG" alt="struct_7 Image struct_7-CIMG5294.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 15 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> image.10.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_7 / image.10.jpg", "struct_7 / image.13.jpg", "struct_7 / image.19.jpg", "struct_7 / image.1.jpg", "struct_7 / image.2.jpg", "struct_7 / image.3.jpg", "struct_7 / image.4.jpg", "struct_7 / image.5.jpg", "struct_7 / image.6.jpg", "struct_7 / image.7.jpg", "struct_7 / image.8.jpg", "struct_7 / image.9.jpg", "struct_7 / struct_7-CIMG5255.JPG", "struct_7 / struct_7-CIMG5259.JPG", "struct_7 / struct_7-CIMG5294.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> 747.3 2006-01-01T00:00:00+00:00 2006-01-01T00:00:00+00:00 André Sier https://andre-sier.com/747/747-3/ <!-- <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/WhWc3b3KhnY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div> --> <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2849029?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-3&#x2F;7473-00592.02.jpg" alt="747.3 Image 7473-00592.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-3&#x2F;747-3casamusica.03.jpg" alt="747.3 Image 747-3casamusica.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-3&#x2F;7473upgrade07835.01.jpg" alt="747.3 Image 7473upgrade07835.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-3&#x2F;747-3casamusica.03.jpg" alt="747.3 Image 747-3casamusica.03.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 7473-00592.02.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "747.3 / 7473-00592.02.jpg", "747.3 / 747-3casamusica.03.jpg", "747.3 / 7473upgrade07835.01.jpg", "747.3 / 747-3casamusica.03.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/747/747-3/7473-00592.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-3/7473-00592.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-3/7473upgrade07835.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-3/7473upgrade07835.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-3/747-3casamusica.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>747.3</strong> é uma instalação imersiva onde o utilizador é convidado, com os braços abertos em direcção ao ecrã de vídeo, a explorar um espaço 3D abstrato feito de terreno, linhas e formas simples.</p> <!-- --- --> <p>(EN) <strong>747.3</strong> is an immersive installation where the user is invited, using his spreaded arms towards the video screen, to explore an abstract 3d space made of terrain, lines and simple shapes.</p> <!-- --- --> <p>(Tech) Max/MSP/Jitter/s373 Macintosh App. Macintosh Computer ~G3 Bronze. Mac OS 8.6 - 9.1. IR Webcam. IR Flood Light. Stereo Sound Amplifier. Video Projector. Speakers. Computer Vision Interaction.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2007 <em>747.3</em>, (Curadoria Miguel Azguime) Festival Música Viva, Casa da Música, Porto</p> <p>2007 <em>747.3</em> (solo), (Curadoria João Silvério) Plataforma Revólver, Lisboa</p> <p>2006 <em>747.3</em>, (Curadoria Luís Silva) Upgrade! International : DIY, Untitled Art Space, Oklahoma, us</p> <p>2006 <em>747.3</em>, Residence and Exhibition at Lugar Comum, Oeiras</p> </div> ...all balanced 2006-01-01T00:00:00+00:00 2006-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/allbalanced/ <p><br><br></p> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;allbalanced&#x2F;allbalanced.jpg" alt="...all balanced Image allbalanced.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;allbalanced&#x2F;allbalanced_interface.jpg" alt="...all balanced Image allbalanced_interface.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;allbalanced&#x2F;allbalanced_part_algo11.jpg" alt="...all balanced Image allbalanced_part_algo11.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;allbalanced&#x2F;allbalanced.jpg" alt="...all balanced Image allbalanced.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> allbalanced.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "...all balanced / allbalanced.jpg", "...all balanced / allbalanced_interface.jpg", "...all balanced / allbalanced_part_algo11.jpg", "...all balanced / allbalanced.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="all-balanced-on-this-predicament-of-line-2005-2006">"...all balanced on this predicament of line." (2005/2006)</h3> <p>[Música para a peça de Teresa Simas em colaboração com Pedro Carneiro]<br /> Concepção e forma musical: Pedro Carneiro<br /> Assistência músico-espacial e co-criação: André Sier<br /> Composição electroacústica em tempo real para seis ou mais canais ad libitum<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="all-balanced-on-this-predicament-of-line-2005-2006-1">"...all balanced on this predicament of line." (2005/2006)</h3> <p>[Music for the dance by Teresa Simas in collaboration with Pedro Carneiro]<br /> Conception and musical form: Pedro Carneiro<br /> Musical-spatial assistance and co-creation: André Sier<br /> Real-time electroacoustic composition for six or more channels ad libitum<br /></p> <br> <!-- --- --> <p>(Tech) Max/MSP/s373.a-objects App. Mac OS. 6 Sound Channels Output. Interactive Score.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2006 <em>...All Balanced on this predicament of line</em>, com Pedro Carneiro e Teresa Simas, Cine-Teatro S. João, Palmela</p> </div> Máquina Telúrica 2006-01-01T00:00:00+00:00 2006-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/maquinatelurica/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://www.youtube-nocookie.com/embed/ezs6tZnLykM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maquinatelurica&#x2F;Maquina-Telurica-PA175187.JPG" alt="Máquina Telúrica Image Maquina-Telurica-PA175187.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maquinatelurica&#x2F;Maquina-Telurica-PA175202.JPG" alt="Máquina Telúrica Image Maquina-Telurica-PA175202.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maquinatelurica&#x2F;Picture 26.jpg" alt="Máquina Telúrica Image Picture 26.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maquinatelurica&#x2F;Picture 28.jpg" alt="Máquina Telúrica Image Picture 28.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maquinatelurica&#x2F;Picture 30.jpg" alt="Máquina Telúrica Image Picture 30.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maquinatelurica&#x2F;Picture 31.jpg" alt="Máquina Telúrica Image Picture 31.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;maquinatelurica&#x2F;Picture 55.jpg" alt="Máquina Telúrica Image Picture 55.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> Maquina-Telurica-PA175187.JPG </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Máquina Telúrica / Maquina-Telurica-PA175187.JPG", "Máquina Telúrica / Maquina-Telurica-PA175202.JPG", "Máquina Telúrica / Picture 26.jpg", "Máquina Telúrica / Picture 28.jpg", "Máquina Telúrica / Picture 30.jpg", "Máquina Telúrica / Picture 31.jpg", "Máquina Telúrica / Picture 55.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="maquina-telurica-2006-2008">"Máquina Telúrica" (2006-2008)</h3> <p>[Colaboração com Sam Abercromby]<br /> Pinturas: Sam Abercromby<br /> Código Áudio-Visual e Vídeo: André Sier<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="maquina-telurica-2006-2008-1">"Máquina Telúrica" (2006-2008)</h3> <p>[Collaboration with Sam Abercromby]<br /> Paintings: Sam Abercromby<br /> Audio-Visual and Video Code: André Sier<br /></p> <br> <!-- --- --> <p>(Tech) Max/MSP App. Win OS. Generative Audio-Visual Composition. Video.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2008 <em>Máquina Telúrica</em> with Sam Abercromby, Centro Cultural da Barquinha, Vila Nova da Barquinha</p> </div> struct_4 2006-01-01T00:00:00+00:00 2006-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-4/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2015809?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-4&#x2F;struct403.07.jpg" alt="struct_4 Image struct403.07.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-4&#x2F;struct4catalogo01.06.jpg" alt="struct_4 Image struct4catalogo01.06.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-4&#x2F;struct4catalogo02800.05.jpg" alt="struct_4 Image struct4catalogo02800.05.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-4&#x2F;struct4DSC05761.01.JPG" alt="struct_4 Image struct4DSC05761.01.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-4&#x2F;struct4DSC05772.02.JPG" alt="struct_4 Image struct4DSC05772.02.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-4&#x2F;struct4P1013872.03.JPG" alt="struct_4 Image struct4P1013872.03.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-4&#x2F;struct4p1013884.04.JPG" alt="struct_4 Image struct4p1013884.04.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct403.07.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_4 / struct403.07.jpg", "struct_4 / struct4catalogo01.06.jpg", "struct_4 / struct4catalogo02800.05.jpg", "struct_4 / struct4DSC05761.01.JPG", "struct_4 / struct4DSC05772.02.JPG", "struct_4 / struct4P1013872.03.JPG", "struct_4 / struct4p1013884.04.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> struct_5 2006-01-01T00:00:00+00:00 2006-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-5/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2016622?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;artescapesstruct5CIMG1689.01.jpg" alt="struct_5 Image artescapesstruct5CIMG1689.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct5dsc02802.03.jpg" alt="struct_5 Image struct5dsc02802.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct5dsc02813.04.jpg" alt="struct_5 Image struct5dsc02813.04.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct5dsc02818.05.JPG" alt="struct_5 Image struct5dsc02818.05.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct5dsc02844.06.JPG" alt="struct_5 Image struct5dsc02844.06.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct5motionissndCIMG4439.07.JPG" alt="struct_5 Image struct5motionissndCIMG4439.07.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct5nm02.08.JPG" alt="struct_5 Image struct5nm02.08.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct5patriarcal08P1013824.09.JPG" alt="struct_5 Image struct5patriarcal08P1013824.09.JPG" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-5&#x2F;struct_5_pict1.08.JPG" alt="struct_5 Image struct_5_pict1.08.JPG" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 9 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> artescapesstruct5CIMG1689.01.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_5 / artescapesstruct5CIMG1689.01.jpg", "struct_5 / struct5dsc02802.03.jpg", "struct_5 / struct5dsc02813.04.jpg", "struct_5 / struct5dsc02818.05.JPG", "struct_5 / struct5dsc02844.06.JPG", "struct_5 / struct5motionissndCIMG4439.07.JPG", "struct_5 / struct5nm02.08.JPG", "struct_5 / struct5patriarcal08P1013824.09.JPG", "struct_5 / struct_5_pict1.08.JPG" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> Parque 2005-01-01T00:00:00+00:00 2005-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/parque/ <p><br><br></p> <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;parque&#x2F;os_first version.png" alt="Parque Image os_first version.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;parque&#x2F;os spat mechPicture 19.png" alt="Parque Image os spat mechPicture 19.png" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;parque&#x2F;parque_vera05patch.png" alt="Parque Image parque_vera05patch.png" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> os_first version.png </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Parque / os_first version.png", "Parque / os spat mechPicture 19.png", "Parque / parque_vera05patch.png" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="parque-2005-2008">Parque (2005-2008)</h3> <p>Colaboração no projecto Parque com Ricardo Jacinto, Nuno Torres, Hugo Brito, Nuno Ribeiro, Nuno Morão, Dino Récio, Tomás Viana, André Sier.</p> <p>Electrónica, Espacialização Multi-canal, Interacções Sinestésicas: André Sier.</p> <!-- --- --> <p>(EN)</p> <h3 id="parque-2005-2008-1">Parque (2005-2008)</h3> <p>Collaboration on the Parque project with Ricardo Jacinto, Nuno Torres, Hugo Brito, Nuno Ribeiro, Nuno Morão, Dino Récio, Tomás Viana, André Sier.</p> <p>Electronics, Multi-channel Spatialization, Kinesthetic Interactions: André Sier.</p> <br> <!-- --- --> <p>(Tech) Max/MSP/s373.a-objects App. Mac OS. 6/16/40 Sound Channels Input Output. Interactive Score and Real-Time Improvisation.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2005-8 <em>Parque</em> with Ricardo Jacinto, Nuno Torres, Hugo Brito, Nuno Ribeiro,Nuno Morão, Dino Récio, Tomás Viana, em vários locais, pt</p> <p>20080329 | live + systems: parque (os) @ culturgest, lisboa</p> <p>20080222 | live + systems: parque (peça de embalar) @ culturgest, lisboa</p> <p>20071103 | systems: parque @ kabinet, oslo</p> <p>20070928 | systems: parque @ festival circular 3, vila do conde</p> <p>20070706 | live + systems: parque @ Festival Escrita na Paisagem, Évora</p> <p>20070430 | systems: parque liberdade @ av. liberdade 211, lisboa</p> <p>20070301 | live + systems: kyanite dream (parque) @ galeria graça brandão, porto</p> </div> To a World Free from Religions 2005-01-01T00:00:00+00:00 2005-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/tawffr/ <p><figure > <picture> <img src="https://andre-sier.com/collaborations/tawffr/tawffr-1.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/tawffr/tawffr-1.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/tawffr/tawffr-2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/tawffr/tawffr-2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/tawffr/tawffr-3.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/tawffr/tawffr-3.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="to-a-world-free-from-religions-2005">To a World Free from Religions (2005)</h3> <p>Para um mundo livre de religiões<br /> Pedro M. Rocha – Música<br /> André Sier – Imagem<br /> ©® Rocha &amp; Sier 2005<br /> Um canal de vídeo (PAL, 768x576, 25FPS), oito canais de áudio <br /> (44100Hz, 24Bit) Duração: 11’08’’<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="to-a-world-free-from-religions-2005-1">To a World Free from Religions (2005)</h3> <p>To a World Free From Religions <br /> Pedro M. Rocha – Music <br /> André Sier – Image <br /> ©® Rocha &amp; Sier 2005 <br /> One Video Channel (PAL, 768x576, 25FPS), Eight Audio Channels <br /> (44100Hz, 24Bit) Duration: 11’08’’ <br /></p> <br> <!-- --- --> <p>(Tech) Max/MSP/Jitter/s373.a-objects App. Mac OS. 1 PAL Video Channel. 8 Audio Channels.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2005-8 <em>To a World Free from Religions</em>, com Pedro M. Rocha, 25+ projecções, pt</p> </div> atan 2005-01-01T00:00:00+00:00 2005-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/atan/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;atan&#x2F;atan.011.jpg" alt="atan Image atan.011.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;atan&#x2F;atan.012.jpg" alt="atan Image atan.012.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;atan&#x2F;atan_babel0106.jpg" alt="atan Image atan_babel0106.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> atan.011.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "atan / atan.011.jpg", "atan / atan.012.jpg", "atan / atan_babel0106.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <h2 id="attached-files">Attached Files</h2> <p><a href="https://andre-sier.com/projects/atan/atan.011.jpg">atan.011.jpg</a> <a href="https://andre-sier.com/projects/atan/atan.012.jpg">atan.012.jpg</a> <a href="https://andre-sier.com/projects/atan/atan_babel0106.jpg">atan_babel0106.jpg</a></p> 747.2 2004-01-01T00:00:00+00:00 2004-01-01T00:00:00+00:00 André Sier https://andre-sier.com/747/747-2/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-2&#x2F;747.2.bild.01.jpg" alt="747.2 Image 747.2.bild.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-2&#x2F;747.2.bild.02.jpg" alt="747.2 Image 747.2.bild.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-2&#x2F;747.2.bild.04.jpg" alt="747.2 Image 747.2.bild.04.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-2&#x2F;747.2.bild.05.jpg" alt="747.2 Image 747.2.bild.05.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-2&#x2F;747.2.bild.06.jpg" alt="747.2 Image 747.2.bild.06.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-2&#x2F;747.2.bild.07.jpg" alt="747.2 Image 747.2.bild.07.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747-2&#x2F;747.2.bild.03.jpg" alt="747.2 Image 747.2.bild.03.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 7 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 747.2.bild.01.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "747.2 / 747.2.bild.01.jpg", "747.2 / 747.2.bild.02.jpg", "747.2 / 747.2.bild.04.jpg", "747.2 / 747.2.bild.05.jpg", "747.2 / 747.2.bild.06.jpg", "747.2 / 747.2.bild.07.jpg", "747.2 / 747.2.bild.03.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/747/747-2/747.2.bild.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-2/747.2.bild.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-2/747.2.bild.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-2/747.2.bild.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-2/747.2.bild.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-2/747.2.bild.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-2/747.2.bild.04.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-2/747.2.bild.04.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-2/747.2.bild.05.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-2/747.2.bild.05.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-2/747.2.bild.06.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-2/747.2.bild.06.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747-2/747.2.bild.07.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747-2/747.2.bild.07.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <p>(PT) <strong>747.2</strong> é uma instalação onde um utilizador controla um voo virtual através de terrenos coloridos abstratos com um joystick. A obra captura sons que o computador processa, espacializa e transmite.</p> <p>(EN) <strong>747.2</strong> is an installation where a user controls a virtual flight through abstract colored terrains with a joystick. The work gather sounds which the computer processes, spatializes and broadcasts.</p> <p>(Tech) Max/MSP/Jitter/s373 Macintosh App. Macintosh Computer ~G3 Bronze. Mac OS 8.6 - 9.1. Joystick. M-Audio Quattro Sound Interface. Video Projector. Audio Mixer. 4 Speakers. 4 Microphones. Pouf Couch.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2003 747.2, Festival Hertzoscópio, LugarComum, Oeiras</p> </div> UR 2004-01-01T00:00:00+00:00 2004-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/ur/ <p><figure > <picture> <img src="https://andre-sier.com/collaborations/ur/ur-capture10a.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/ur/ur-capture10a.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/ur/UR@IFP_2.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/ur/UR@IFP_2.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/ur/ur-PICT0048.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/ur/ur-PICT0048.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="ur">UR</h3> <p><strong>UR</strong> é um projeto electrónico experimental de André Sier e Nuno Morão com síntese em tempo-real e manipulação audiovisual. UR apresentou <em>hypericles</em> e <em>mneme</em>, performances pontuadas por uma metadeambulação improvisada numa cidade abstracta gerada por códigos e memórias. Uma imersão num universo visual e sonoro de 1+4 canais, desencadeando um envolvimento dinâmico complexo numa aliança simbiótica entre imagem e som.</p> <!-- --- --> <p>(EN)</p> <p><strong>UR</strong> is an experimental electronic project by André Sier and Nuno Morão with real-time synthesis and audiovisual manipulation. UR presented <em>hypericles</em> and <em>mneme</em>, performances punctuated by an improvised meta-deambulation in an abstract city generated by code and memories. An immersion in a visual and sonic universe of 1+4channels, triggering a complex dynamic engagement in a symbiotic alliance between image and sound.</p> <br> <!-- --- --> <p>(Tech) Max/MSP/Jitter/s373.a-objects App. Mac OS. 1 XGA Video Channel. 2/4/8 Audio Channels.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2006-8 <em>Hypericles</em>, UR, 10+ performances, pt</p> <p>2004-6 <em>mneme</em>, UR, 10+ performances, pt</p> </div> c.( ) 2004-01-01T00:00:00+00:00 2004-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/c/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2719191?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><figure > <picture> <img src="https://andre-sier.com/projects/c/c.02.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/c/c.02.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> struct_3 2004-01-01T00:00:00+00:00 2004-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-3/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-3&#x2F;struct3doc005.05.jpg" alt="struct_3 Image struct3doc005.05.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-3&#x2F;struct3doc001.01.jpg" alt="struct_3 Image struct3doc001.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-3&#x2F;struct3doc007.07.jpg" alt="struct_3 Image struct3doc007.07.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-3&#x2F;struct3doc008.08.jpg" alt="struct_3 Image struct3doc008.08.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-3&#x2F;struct_3_fullscreen.jpg" alt="struct_3 Image struct_3_fullscreen.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct3doc005.05.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_3 / struct3doc005.05.jpg", "struct_3 / struct3doc001.01.jpg", "struct_3 / struct3doc007.07.jpg", "struct_3 / struct3doc008.08.jpg", "struct_3 / struct_3_fullscreen.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/struct/struct-3/struct_3_doc.pdf">struct_3_doc.pdf</a></li> </ul> Noite 2003-01-01T00:00:00+00:00 2003-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/noite/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;noite&#x2F;noite-combined.jpg" alt="Noite Image noite-combined.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;noite&#x2F;noite-combined-1.jpg" alt="Noite Image noite-combined-1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;noite&#x2F;noite-combined-2.jpg" alt="Noite Image noite-combined-2.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> noite-combined.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Noite / noite-combined.jpg", "Noite / noite-combined-1.jpg", "Noite / noite-combined-2.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="noite-2003">"Noite" (2003)</h3> <p>Direcção: Amélia Bentes <br> Código e Performance Áudio-Visual: André Sier<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="noite-2003-1">"Noite" (2003)</h3> <p>Directed by: Amélia Bentes <br> Audio-Visual Code and Performance: André Sier<br /></p> <br> <!-- --- --> <p>(Tech) Max/MSP/Jitter/s373 App. Mac OS. Real-Time Audio-Visual Performance.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2003-5 Noite de Amélia Bentes, 15+ performances throughout Portugal.</p> </div> To a World Free from Countries 2003-01-01T00:00:00+00:00 2003-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/tawffc/ <p><figure > <picture> <img src="https://andre-sier.com/collaborations/tawffc/TWFFC-s.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/tawffc/TWFFC-s.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/collaborations/tawffc/tawffc-g.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/tawffc/tawffc-g.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="to-a-world-free-from-countries-2003">To a World Free from Countries (2003)</h3> <p>Para um mundo livre de países<br /> Pedro M. Rocha – Música<br /> André Sier – Imagem<br /> ©® Rocha &amp; Sier 2002/2003<br /> Um canal de vídeo (PAL, 768x576, 25FPS), oito canais de áudio <br /> (44100Hz, 24Bit) Duração: 11’08’’<br /></p> <!-- --- --> <p>(EN)</p> <h3 id="to-a-world-free-from-countries-2003-1">To a World Free from Countries (2003)</h3> <p>To a World Free From Countries <br /> Pedro M. Rocha – Music <br /> André Sier – Image <br /> ©® Rocha &amp; Sier 2002/2003 <br /> One Video Channel (PAL, 768x576, 25FPS), Eight Audio Channels <br /> (44100Hz, 24Bit) Duration: 11’08’’ <br /></p> <br> <!-- --- --> <p>(Tech) Max/MSP/Jitter/s373.a-objects App. Mac OS. 1 PAL Video Channel. 8 Audio Channels.</p> <h3 id="exhibitions">Exhibitions</h3> <p>2003-5 <em>To a World Free from Countries</em>, com Pedro M. Rocha, 25+ projecções, pt</p> </div> 747 2002-01-01T00:00:00+00:00 2002-01-01T00:00:00+00:00 André Sier https://andre-sier.com/747/747/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747&#x2F;747.03.jpg" alt="747 Image 747.03.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747&#x2F;747.102.jpg" alt="747 Image 747.102.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747&#x2F;747.43.jpg" alt="747 Image 747.43.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747&#x2F;747.56.jpg" alt="747 Image 747.56.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;747&#x2F;747&#x2F;747.64.jpg" alt="747 Image 747.64.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 5 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> 747.03.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "747 / 747.03.jpg", "747 / 747.102.jpg", "747 / 747.43.jpg", "747 / 747.56.jpg", "747 / 747.64.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <!-- <figure > <picture> <img src="https://andre-sier.com/747/747/747.03.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747/747.03.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747/747.102.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747/747.102.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747/747.43.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747/747.43.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747/747.56.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747/747.56.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/747/747/747.64.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/747/747/747.64.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> --> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>747</strong> é uma instalação interativa na qual o utilizador voa, com um joystick, sobre um terreno contínuo moldado pelo som de um espaço.</p> <!-- --- --> <p>(EN) <strong>747</strong> is an interactive installation in which the user flies, with a joystick, over a continuous terrain shaped by the sound of a space.</p> <!-- --- --> <p>(Tech) Max/MSP/Nato/s373 Macintosh App. Macintosh Computer ~G3 Bronze. Mac OS 8.6 - 9.1. Joystick. Stereo Sound Amplifier. Video Projector. Speakers. Pouf Couch.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2014 Heliosfera+747, Galeria Municipal Montemor-o-Novo</p> <p>2006 <em>struct_5</em>, <em>struct_3</em>, <em>struct_1</em>, <em>747</em>, <em>c.( )</em>, Sound Visions, Sala do Risco, Lisboa</p> <p>2002 <em>747</em> (solo exhibition), Galeria Quadrum, Lisboa</p> </div> discos sem memória 2002-01-01T00:00:00+00:00 2002-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/discossemmemoria/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;discossemmemoria&#x2F;discossemmemoria.01.jpg" alt="discos sem memória Image discossemmemoria.01.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;discossemmemoria&#x2F;discos sem memoria Picture 32.02.png" alt="discos sem memória Image discos sem memoria Picture 32.02.png" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 2 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> discossemmemoria.01.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "discos sem memória / discossemmemoria.01.jpg", "discos sem memória / discos sem memoria Picture 32.02.png" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> struct_2 2002-01-01T00:00:00+00:00 2002-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-2/ <div class="iframe-video"> <iframe width="540px" height="315px" src="https://player.vimeo.com/video/2719326?embedded=true" title="Vimeo video player" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" webkitallowfullscreen mozallowfullscreen allowfullscreen loading="lazy"></iframe> </div><!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-2&#x2F;struct-2.10.jpg" alt="struct_2 Image struct-2.10.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-2&#x2F;struct-2.1.jpg" alt="struct_2 Image struct-2.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-2&#x2F;struct-2.2.jpg" alt="struct_2 Image struct-2.2.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 3 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct-2.10.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_2 / struct-2.10.jpg", "struct_2 / struct-2.1.jpg", "struct_2 / struct-2.2.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/struct/struct-2/struct_221C.pdf">struct_221C.pdf</a></li> </ul> struct_1 2001-01-02T00:00:00+00:00 2001-01-02T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-1/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-1&#x2F;struct_1_DSC03871.1.jpg" alt="struct_1 Image struct_1_DSC03871.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-1&#x2F;struct_1_DSC03932.4.jpg" alt="struct_1 Image struct_1_DSC03932.4.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-1&#x2F;struct_1_DSC03971.0.jpg" alt="struct_1 Image struct_1_DSC03971.0.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-1&#x2F;struct_1.pic7.3.jpg" alt="struct_1 Image struct_1.pic7.3.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct_1_DSC03871.1.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_1 / struct_1_DSC03871.1.jpg", "struct_1 / struct_1_DSC03932.4.jpg", "struct_1 / struct_1_DSC03971.0.jpg", "struct_1 / struct_1.pic7.3.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/struct/struct-1/struct_1.pdf">struct_1.pdf</a></li> </ul> Parapoly 2001-01-01T00:00:00+00:00 2001-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/parapoly/ <figure > <picture> <img src="https://andre-sier.com/collaborations/parapoly/parapoly.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/collaborations/parapoly/parapoly.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><div class="text-with-margins"> <!-- --- --> <p>(PT)</p> <h3 id="parapoly-2001">Parapoly (2001)</h3> <p>por André Rangel, Sérgio Ferreira, André Sier</p> <p>Espetáculo Multimédia (3 projeções de vídeo + som stereo) <br> Duração: 50’00’’ <br></p> <p>Projecto colectivo (TDDY) concebido para Odisseia nas Imagens - Porto 2001 Capital Europeia da Cultura</p> <!-- --- --> <p>(EN)</p> <h3 id="parapoly-2001-1">Parapoly (2001)</h3> <p>by André Rangel, Sérgio Ferreira, André Sier</p> <p>Multimedia Show (3 video projections + stereo sound) <br> Duration: 50’00’’ <br></p> <p>Collective project (TDDY) conceived for Odisseia nas Imagens - Porto 2001 Capital Europeia da Cultura</p> <!-- --- --> <p>(Tech) Max/MSP/Nato/s373 App. Mac OS. Interactive Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>2001 <em>Parapoly</em>, Odisseia nas Imagens, Porto 2001 Capital Europeia da Cultura</p> </div> Soror 2001-01-01T00:00:00+00:00 2001-01-01T00:00:00+00:00 André Sier https://andre-sier.com/collaborations/soror/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.46.59.jpg" alt="Soror Image Soror13.46.59.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.02.jpg" alt="Soror Image Soror13.47.02.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.08.jpg" alt="Soror Image Soror13.47.08.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.12.jpg" alt="Soror Image Soror13.47.12.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.14.jpg" alt="Soror Image Soror13.47.14.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.15.jpg" alt="Soror Image Soror13.47.15.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.16.jpg" alt="Soror Image Soror13.47.16.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.17.jpg" alt="Soror Image Soror13.47.17.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;collaborations&#x2F;soror&#x2F;Soror13.47.19.jpg" alt="Soror Image Soror13.47.19.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 9 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> Soror13.46.59.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "Soror / Soror13.46.59.jpg", "Soror / Soror13.47.02.jpg", "Soror / Soror13.47.08.jpg", "Soror / Soror13.47.12.jpg", "Soror / Soror13.47.14.jpg", "Soror / Soror13.47.15.jpg", "Soror / Soror13.47.16.jpg", "Soror / Soror13.47.17.jpg", "Soror / Soror13.47.19.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <div class="text-with-margins"> <p>27 de março de 2001, jardim de infância, telheiras (Junta de Freguesia do Lumiar/Semana da Juventude C.M.Lisboa/pelouro da juventude/ILINX)</p> <p>20 de junho de 2001, C.E.M. video projection "como é que o registo se relaciona com o objecto original?" (“how does the record relate to the original object”)</p> <p>6,7,8 de setembro de 2001, armazém 28, Lugar Comum</p> <p>QuickTime movie fragments of the movie of the show at Lugar Comum directed and edited by Paulo Milhomens are included in the project directory.</p> <p>Description Soror initiated as a collaboration between the dancer/choreographer Ana Mira and the plastic artist/sculptor Sofia Borges. They proposed themselves to study the body inserted in the space and the fragmentation and subsequent quest of those memories. Shortly after and lured by the poetic imagery and spatial research André Sier joined the project, responsible for the sound composition/mix and the live visuals, and they began residencies where they could explore the relations between the different mediums. They added yet the documentarist/cineast Paulo Milhomens and the luminotechnitian Gonçalo Ribeiro. Soror – brotherhood: Resulted in a multimedia show, revisiting of the universe of Les Histoires du Cinèma from J.L.Godard, becoming a blend of relations, symphonies and harmonies – a quest for the suspension through beauty, through the ritual, the passage... A search at the essence of the soul, that lives – feels – touches – suspends... The zones of Soror are living organisms that intermanipulate each other... limits that distinguish themselves by their own frontiers: physical (dancer, space, projection canvas...) and ethereal (spirit, sound, light,... image). Ficha técnica Soror 2000/2001 espaço::sofiaborges(, anamira, andrésier) espaço::referências [1]-cave, sofiaborges, anamira [2]-corpo com corpo, sofiaborges, anamira [3]-centa, sofiaborges, anamira [4]-fábrica da pólvora, sofiaborges, anamira corpo::anamira(, sofiaborges) corpo::referências [1]-cave, anamira, sofiaborges [2]-corpo com corpo, anamira, sofiaborges [3]-c.e.m., aulas, anamira, sofiaborges [4]-centa, anamira, sofiaborges [5]-fábrica da pólvora, ana mira som::andrésier(, sofiaborges, anamira) som::referências [1]-fábrica de manuel conceição da graça, andrésier, sofiaborges [2]-cluster#5, carloszíngaro, releasefromtension, audeo [3]-histoiresducinéma, jl godard, ecm [4]-a arte da fuga, johannsebastianbach, fondation electricite de france [5]-dark wood, david darling, ecm [6]-falarànoite, andrésier, sofiaborges imagem::andrésier(, sofiaborges) imagem::referências [1]-cinzas1_sofiaborges [2]-cinzas 2_sofiaborges [3]-espaço3_andrésier [4]-_______________andré sier luz:: gonçalo ribeiro (sofia borges, ana mira, andré sier) [1]-cave (verde p/ luz flurescente), gonçalo ribeiro, sofia borges, ana mira ] soror, jardimdeinfânciadetelheiras, março 2001 ] registo soror "como é que o registo se relaciona com o objecto original?", projecção video, paulo milhomens, c.e.m., junho 2001 ] soror, fábrica da pólvora, 6 e 7 setembro 2001 ] journal catastrophique/soror, 8 de setembro 2001</p> <p><a href="https://andre-sier.com/collaborations/soror/Soror.pdf">Soror.pdf</a></p> </div> c.\lv___copy 2001-01-01T00:00:00+00:00 2001-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/c-lv-copy/ <p><figure > <picture> <img src="https://andre-sier.com/projects/c-lv-copy/c.lv001.1024.01.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/c-lv-copy/c.lv001.1024.01.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/c-lv-copy/clv3.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/c-lv-copy/clv3.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/c-lv-copy/clvcopy-arco04-CIMG16551.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/c-lv-copy/clvcopy-arco04-CIMG16551.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/c-lv-copy/clvcopy-arco04-CIMG1656.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/c-lv-copy/clvcopy-arco04-CIMG1656.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/c-lv-copy/clvcopy-picture28.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/c-lv-copy/clvcopy-picture28.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <h2 id="attached-files">Attached Files</h2> <p><a href="https://andre-sier.com/projects/c-lv-copy/c.lv___copy.pdf">c.lv___copy.pdf</a></p> struct_0 2001-01-01T00:00:00+00:00 2001-01-01T00:00:00+00:00 André Sier https://andre-sier.com/struct/struct-0/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0_0031.jpg" alt="struct_0 Image struct_0_0031.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0_0035.jpg" alt="struct_0 Image struct_0_0035.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0.0.jpg" alt="struct_0 Image struct_0.0.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0.1.jpg" alt="struct_0 Image struct_0.1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0.3.jpg" alt="struct_0 Image struct_0.3.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0.4.jpg" alt="struct_0 Image struct_0.4.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0.5.jpg" alt="struct_0 Image struct_0.5.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0.6.jpg" alt="struct_0 Image struct_0.6.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;struct&#x2F;struct-0&#x2F;struct_0.10.jpg" alt="struct_0 Image struct_0.10.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 9 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> struct_0_0031.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "struct_0 / struct_0_0031.jpg", "struct_0 / struct_0_0035.jpg", "struct_0 / struct_0.0.jpg", "struct_0 / struct_0.1.jpg", "struct_0 / struct_0.3.jpg", "struct_0 / struct_0.4.jpg", "struct_0 / struct_0.5.jpg", "struct_0 / struct_0.6.jpg", "struct_0 / struct_0.10.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/struct/struct-0/struct_0.pdf">struct_0.pdf</a></li> </ul> c.( ) 2000-01-01T00:00:00+00:00 2000-01-01T00:00:00+00:00 André Sier https://andre-sier.com/music/c/ <figure > <picture> <img src="https://andre-sier.com/music/c/c2000AndreSier.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/music/c/c2000AndreSier.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=554428260/size=large/bgcol=000000/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="http://andresier.bandcamp.com/album/c">c.( ) by André Sier</a></iframe> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>c.( )</strong> é uma viagem experimental electrónica no reino da matemática caótica. Os ambientes são sintetizados a nível micro-sónico, as amostras de áudio são iterações de geradores caóticos, muitas vezes convergindo para padrões rítmicos repetitivos, não lineares, ou divergindo em colisões energéticas que transbordam a representação numérica.</p> <p>Gravado ao longo de 2000 em Max/MSP com a Chaos Collection &amp; a-objects, lançado num lançamento limitado de CD áudio a 10 de Dezembro de 2000, este projecto faz parte de explorações caóticas audiovisuais c.( ) -- andre- sier.com/projects /c/. <a rel="external" href="http://andre-sier.com/projects/c/">http://andre-sier.com/projects/c/</a>.</p> <p>Lançado a 10 de dezembro de 2000</p> <p>Disponível em <a rel="external" href="https://andresier.bandcamp.com/album/c">https://andresier.bandcamp.com/album/c</a>.</p> <!-- --- --> <p>(EN) <strong>c.( )</strong> is an electronic experimental voyage in the realm of chaotic maths. Ambients are synthesized at micro-sonic level, audio samples are iterations of chaotic generators, often converging towards repetitive, non-linear, rhythmic patterns, or diverging into energetic crashes which overflow numerical representation.</p> <p>Recorded throughout 2000 in Max/MSP with the Chaos Collection &amp; a-objects, released from a 10 Dec 2000 Audio CD limited release, this project is part of audio-visual chaotic explorations c.( ) -- andre-sier.com/projects/c/. <a rel="external" href="http://andre-sier.com/projects/c/">http://andre-sier.com/projects/c/</a>.</p> <p>Released December 10, 2000</p> <p>Available at <a rel="external" href="https://andresier.bandcamp.com/album/c">https://andresier.bandcamp.com/album/c</a>.</p> <!-- --- --> </div> 000 000000 000 2000-01-01T00:00:00+00:00 2000-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/000000000000/ <p><figure > <picture> <img src="https://andre-sier.com/projects/000000000000/000000000000.32.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/000000000000/000000000000.32.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/000000000000/000000000000.35.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/000000000000/000000000000.35.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/000000000000/000000000000Picture.32.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/000000000000/000000000000Picture.32.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/projects/000000000000/000000000000Picture.35.png" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/projects/000000000000/000000000000Picture.35.png"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> 0 0 255 1999-01-01T00:00:00+00:00 1999-01-01T00:00:00+00:00 André Sier https://andre-sier.com/piantadelmondo/0-0-255/ <figure class=max-width> <picture> <img src="https://andre-sier.com/piantadelmondo/0-0-255/00255vid.gif" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-0-255/00255vid.gif"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><!-- <img src="00255vid.gif" alt="0 0 255 gif anim" style="width: 100%;" /> --> <!-- <img src="{{ page.base }}{{ page.permalink }}/00255vid.gif" alt="0 0 255 gif anim" style="width: 100%;" /> --> <!-- <img src="00255vid.gif" alt="0 0 255 gif anim" style="width: 100%;" /> --> <p><figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-0-255/0027.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-0-255/0027.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-0-255/0030.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-0-255/0030.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-0-255/0031.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-0-255/0031.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-0-255/0039.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-0-255/0039.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-0-255/0040.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-0-255/0040.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure> <figure > <picture> <img src="https://andre-sier.com/piantadelmondo/0-0-255/0041.JPG" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/piantadelmondo/0-0-255/0041.JPG"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure></p> <div class="text-with-margins"> <!-- --- --> <p>(PT) <strong>0 0 255</strong> é uma modificação irreal do motor de jogo Unreal1 que permite a imersão num espaço audiovisual 3D, espacializado e abstrato.</p> <!-- --- --> <p>(EN) <strong>0 0 255</strong> is an irreal Unreal1 game engine modification allowing immersion in audiovisual, spatialized, 3d abstract space.</p> <!-- --- --> <p>(Tech) Unreal Ed. 1, Win OS, Joystick, Stereo Sound, Video Projection.</p> <!-- --- --> <h3 id="exhibitions">Exhibitions</h3> <p>1999 <em>0 0 255</em>, Bar da Esquina Bairro Alto, Lisboa</p> <p>1999 <em>Finalistas Escultura Ar.Co 1999</em>, Ar.Co Castelo, Lisboa</p> </div> nachtlicht 1998-01-01T00:00:00+00:00 1998-01-01T00:00:00+00:00 André Sier https://andre-sier.com/music/nachtlicht/ <figure > <picture> <img src="https://andre-sier.com/music/nachtlicht/nachtlicht-SCAPE-1998a-777.jpg" loading="lazy"> <div class="img-action"> <a class="action" href="https://andre-sier.com/music/nachtlicht/nachtlicht-SCAPE-1998a-777.jpg"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg> </a> </div> </picture> </figure><iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=2647469441/size=large/bgcol=000000/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="http://andresier.bandcamp.com/album/nachtlicht-20184343372">nachtlicht 2018.4343372 by André Sier</a></iframe> <div class="text-with-margins"> <pre> <p>n a c h t<br /> l i c h t</p> <pre class="giallo" style="color: #839496; background-color: #002B36;"><code data-lang="plain"><span class="giallo-l"><span>m. bashô, ‘ os meus dias são viajantes da eternidade.’</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>k. malevitch, ‘ le reflet - comme dans le mirroir - du</span></span> <span class="giallo-l"><span>modèle sur la toile.’</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>a. tarkovsky, ‘... the infinite cannot be made into</span></span> <span class="giallo-l"><span>matter, but it is possible to create an illusion of </span></span> <span class="giallo-l"><span>the infinite in the image.’</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>i. xenakis, ‘ porque não nos sentimos tranquilizados </span></span> <span class="giallo-l"><span>pelo ambiente que nos rodeia, no qual mergulhamos.’</span></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"><span>[ n a c h t l i c h t ]</span></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"><span> n a c h t l i c h t n a c h t l i c h t n</span></span> <span class="giallo-l"><span> a c h t l i c h t n a c </span></span> <span class="giallo-l"><span> h t l i c h t n a </span></span> <span class="giallo-l"><span> c h t l</span></span> <span class="giallo-l"><span> i c h t n a c h </span></span> <span class="giallo-l"><span> t l i c h t n </span></span> <span class="giallo-l"><span> a c h t l i c </span></span> <span class="giallo-l"><span> h t n a c h</span></span> <span class="giallo-l"><span> t l i c h t </span></span> <span class="giallo-l"><span> n a c h t l i c h t </span></span> <span class="giallo-l"><span> n a c h t l</span></span> <span class="giallo-l"><span> </span></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>n a c h t l i c h t</span></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"><span>[ synopsis ]</span></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"><span>nachtlicht wants to be the capturing process of a space in real-time.</span></span> <span class="giallo-l"><span>the perception of this while it is transmitted, taking the indelible</span></span> <span class="giallo-l"><span>modulations of motions made in time by the totality of elements that</span></span> <span class="giallo-l"><span>fill the void. to capture the chaotic movement of a single drop of</span></span> <span class="giallo-l"><span>rainbsupported by the huge mass of air in permanent tension, the harmony</span></span> <span class="giallo-l"><span>of sound waves from the reaction of the tar floor to the heavy passage</span></span> <span class="giallo-l"><span>of the rhythmic stride of an individual , the grimace of a look that</span></span> <span class="giallo-l"><span>finds himself in a world where flow pure concepts adapted to the simplicity</span></span> <span class="giallo-l"><span>of the phenomena that trigger them: to capture the dreams of the individuals,</span></span> <span class="giallo-l"><span>lost in a social tissue each time more sterile and immune to soul´s utopias</span></span> <span class="giallo-l"><span>and beyond bounds.</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>simulating its capture in audio / visual immersion. make it accessible;</span></span> <span class="giallo-l"><span>generate a space zone; travel through the space in imaginary dynamical</span></span> <span class="giallo-l"><span>lines caused by real sensations ( assuming real is real ) that twist to</span></span> <span class="giallo-l"><span>the flavor of the mentally generated sound upon its intelligibility. then</span></span> <span class="giallo-l"><span>a rhythm of capture commands and a granular analysis of the meticulous time</span></span> <span class="giallo-l"><span>of occurrence of the phenomena becomes languid, slippery.</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>narrative does not exist: just actions, energy movements</span></span> <span class="giallo-l"><span>carried to the extreme by those who cause it and simultaneously are effect.</span></span> <span class="giallo-l"><span>flow from image to image, mimicking the human mechanism of visual apprehension.</span></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"><span>ambient. evolutive in real time. the ambient is constituted by a three</span></span> <span class="giallo-l"><span>dimensional space and an active matrix controller of space, sound, light,</span></span> <span class="giallo-l"><span>emerging then in a vision, a mental image of consciousness and for that</span></span> <span class="giallo-l"><span>purpose edified. the space / matrix presents constructions mathematically</span></span> <span class="giallo-l"><span>harmonic, geometric solids according to the euclidean theory, that become</span></span> <span class="giallo-l"><span>shapes / canvas of reception of filmed images, using texture mapping of</span></span> <span class="giallo-l"><span>the 3d solids with previously processed films in real-time.</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>nachtlicht is the immersion in a simulacrum, a passage from one plane of</span></span> <span class="giallo-l"><span>existence to another where the rules are placed in question.</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>spatial omnipresence in relation to control and manipulation of images,</span></span> <span class="giallo-l"><span>whatever they might be: free accessibility to all / any worked instant / moment.</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span>to capture all the dynamics of a space zone in its completeness;</span></span> <span class="giallo-l"><span>construct a score of events and its support. Modulate the moments and</span></span> <span class="giallo-l"><span>return them to the refined human sensibility.</span></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"></span> <span class="giallo-l"><span>Image: ./SCAPE.JPG</span></span> <span class="giallo-l"><span> Format: JPEG (Joint Photographic Experts Group JFIF format)</span></span> <span class="giallo-l"><span> Mime type: image/jpeg</span></span> <span class="giallo-l"><span> Class: DirectClass</span></span> <span class="giallo-l"><span> Geometry: 887x597+0+0</span></span> <span class="giallo-l"><span> Resolution: 150x150</span></span> <span class="giallo-l"><span> Print size: 5.91333x3.98</span></span> <span class="giallo-l"><span> Units: PixelsPerInch</span></span> <span class="giallo-l"><span> Type: TrueColor</span></span> <span class="giallo-l"><span> Endianess: Undefined</span></span> <span class="giallo-l"><span> Colorspace: sRGB</span></span> <span class="giallo-l"><span> Depth: 8-bit</span></span> <span class="giallo-l"><span> Channel depth:</span></span> <span class="giallo-l"><span> red: 8-bit</span></span> <span class="giallo-l"><span> green: 8-bit</span></span> <span class="giallo-l"><span> blue: 8-bit</span></span> <span class="giallo-l"><span> Channel statistics:</span></span> <span class="giallo-l"><span> Pixels: 529539</span></span> <span class="giallo-l"><span> Red:</span></span> <span class="giallo-l"><span> min: 4 (0.0156863)</span></span> <span class="giallo-l"><span> max: 255 (1)</span></span> <span class="giallo-l"><span> mean: 122.52 (0.480469)</span></span> <span class="giallo-l"><span> standard deviation: 72.6982 (0.285091)</span></span> <span class="giallo-l"><span> kurtosis: -1.31007</span></span> <span class="giallo-l"><span> skewness: 0.106919</span></span> <span class="giallo-l"><span> entropy: 0.971177</span></span> <span class="giallo-l"><span> Green:</span></span> <span class="giallo-l"><span> min: 7 (0.027451)</span></span> <span class="giallo-l"><span> max: 254 (0.996078)</span></span> <span class="giallo-l"><span> mean: 107.108 (0.42003)</span></span> <span class="giallo-l"><span> standard deviation: 63.3304 (0.248354)</span></span> <span class="giallo-l"><span> kurtosis: -1.08359</span></span> <span class="giallo-l"><span> skewness: 0.262482</span></span> <span class="giallo-l"><span> entropy: 0.959716</span></span> <span class="giallo-l"><span> Blue:</span></span> <span class="giallo-l"><span> min: 0 (0)</span></span> <span class="giallo-l"><span> max: 247 (0.968627)</span></span> <span class="giallo-l"><span> mean: 78.5458 (0.308023)</span></span> <span class="giallo-l"><span> standard deviation: 49.7898 (0.195254)</span></span> <span class="giallo-l"><span> kurtosis: -0.837562</span></span> <span class="giallo-l"><span> skewness: 0.598988</span></span> <span class="giallo-l"><span> entropy: 0.900999</span></span> <span class="giallo-l"><span> Image statistics:</span></span> <span class="giallo-l"><span> Overall:</span></span> <span class="giallo-l"><span> min: 0 (0)</span></span> <span class="giallo-l"><span> max: 255 (1)</span></span> <span class="giallo-l"><span> mean: 102.724 (0.40284)</span></span> <span class="giallo-l"><span> standard deviation: 62.6492 (0.245683)</span></span> <span class="giallo-l"><span> kurtosis: -0.605341</span></span> <span class="giallo-l"><span> skewness: 0.490955</span></span> <span class="giallo-l"><span> entropy: 0.943964</span></span> <span class="giallo-l"><span> Rendering intent: Perceptual</span></span> <span class="giallo-l"><span> Gamma: 0.454545</span></span> <span class="giallo-l"><span> Chromaticity:</span></span> <span class="giallo-l"><span> red primary: (0.64,0.33)</span></span> <span class="giallo-l"><span> green primary: (0.3,0.6)</span></span> <span class="giallo-l"><span> blue primary: (0.15,0.06)</span></span> <span class="giallo-l"><span> white point: (0.3127,0.329)</span></span> <span class="giallo-l"><span> Background color: white</span></span> <span class="giallo-l"><span> Border color: srgb(223,223,223)</span></span> <span class="giallo-l"><span> Matte color: grey74</span></span> <span class="giallo-l"><span> Transparent color: black</span></span> <span class="giallo-l"><span> Interlace: None</span></span> <span class="giallo-l"><span> Intensity: Undefined</span></span> <span class="giallo-l"><span> Compose: Over</span></span> <span class="giallo-l"><span> Page geometry: 887x597+0+0</span></span> <span class="giallo-l"><span> Dispose: Undefined</span></span> <span class="giallo-l"><span> Iterations: 0</span></span> <span class="giallo-l"><span> Compression: JPEG</span></span> <span class="giallo-l"><span> Quality: 93</span></span> <span class="giallo-l"><span> Orientation: Undefined</span></span> <span class="giallo-l"><span> Properties:</span></span> <span class="giallo-l"><span> comment: File written by Adobe Photoshop� 5.0</span></span> <span class="giallo-l"><span> date:create: 2018-06-07T23:19:46+01:00</span></span> <span class="giallo-l"><span> date:modify: 2036-09-23T17:02:56+01:00</span></span> <span class="giallo-l"><span> icc:copyright: Copyright (c) 1998 Hewlett-Packard Company</span></span> <span class="giallo-l"><span> icc:description: sRGB IEC61966-2.1</span></span> <span class="giallo-l"><span> icc:manufacturer: IEC http://www.iec.ch</span></span> <span class="giallo-l"><span> icc:model: IEC 61966-2.1 Default RGB colour space - sRGB</span></span> <span class="giallo-l"><span> jpeg:colorspace: 2</span></span> <span class="giallo-l"><span> jpeg:sampling-factor: 1x1,1x1,1x1</span></span> <span class="giallo-l"><span> signature: bb316d00876e0f815b59c0919ddcdfbf71c2023ba5bf74bd7566b9e17dcf97c8</span></span> <span class="giallo-l"><span> Profiles:</span></span> <span class="giallo-l"><span> Profile-8bim: 3654 bytes</span></span> <span class="giallo-l"><span> Profile-icc: 3144 bytes</span></span> <span class="giallo-l"><span> Artifacts:</span></span> <span class="giallo-l"><span> filename: ./SCAPE.JPG</span></span> <span class="giallo-l"><span> verbose: true</span></span> <span class="giallo-l"><span> Tainted: False</span></span> <span class="giallo-l"><span> Filesize: 195KB</span></span> <span class="giallo-l"><span> Number pixels: 530K</span></span> <span class="giallo-l"><span> Pixels per second: 52.95MB</span></span> <span class="giallo-l"><span> User time: 0.010u</span></span> <span class="giallo-l"><span> Elapsed time: 0:01.010</span></span> <span class="giallo-l"><span> Version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org</span></span></code></pre> <p>released June 8, 2018</p> <p>Available at <a rel="external" href="https://andresier.bandcamp.com/album/nachtlicht-20184343372">https://andresier.bandcamp.com/album/nachtlicht-20184343372</a>.</p> </pre> <h2 id="attached-files">Attached Files</h2> <p><a href="https://andre-sier.com/music/nachtlicht/nachtlicht-1998-manif.pdf">nachtlicht-1998-manif.pdf</a></p> </div> je t'aime... 1998-01-01T00:00:00+00:00 1998-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/jetaime/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;jetaime&#x2F;jet1.jpg" alt="je t&#x27;aime... Image jet1.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;jetaime&#x2F;jet2.jpg" alt="je t&#x27;aime... Image jet2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;jetaime&#x2F;Jet&#x27;aime9798.jpg" alt="je t&#x27;aime... Image Jet&#x27;aime9798.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;jetaime&#x2F;jt_DSC07028-800.jpg" alt="je t&#x27;aime... Image jt_DSC07028-800.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 4 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> jet1.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "je t&#x27;aime... / jet1.jpg", "je t&#x27;aime... / jet2.jpg", "je t&#x27;aime... / Jet&#x27;aime9798.jpg", "je t&#x27;aime... / jt_DSC07028-800.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <p>"<strong>"je t'aime..."</strong> (1998) é a sua peça inaugural de trabalho com o som contínuo de espaços site-specific. Envia o som de um espaço, através de microfones de contacto e omni-direccionais que procuram transcrever as vibrações das deslocações das pessoas e sons do espaço para o interior de um woofer modificado para conter líquidos. A fisicalidade do som amplificado surte padrões concêntricos que vibram na superfície aquosa da coluna/objecto, acompanhando os pormenores sonoros que os microfones capturam. O dispositivo amplia ainda os padrões de oscilação do líquido, usando um projector de luz e um espelho para ampliar luminosamente os padrões junto ao woofer."</p> <p>"<strong>"je t'aime..."</strong> (1998) is his first site-specific work with continuous sound. It sends the sound from a space, through omnidirectional contact microphones that translate the vibrations created by the environment's sounds and people moving around, into a woofer modified in order to contain fluids. The physicalness of the amplified sound creates concentric patterns that vibrate on the water surface of the column/object to the sound details captured by the microphones. The device also amplifies the fluid oscillating patterns using a light projector and a mirror to luminously enlarge the patterns at the woofer."</p> <p>Excerpts from "Maps &amp; Devices (Glade)" exhibition text. Maps &amp; Devices (Glade) at Vera Cortês Art Agency, Lisbon, September-October 2006.</p> doenças(autodestruct) 1996-01-01T00:00:00+00:00 1996-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/doencas-autodestruct/ <!-- <div class="carousel-container" style="width: 100%;"> --> <div class="carousel-container" style="height: auto; width: 100%; "> <div class="carousel"> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;doencas-autodestruct&#x2F;autodestroied-hground-2.jpg" alt="doenças(autodestruct) Image autodestroied-hground-2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;doencas-autodestruct&#x2F;autodestroied-htree-2.jpg" alt="doenças(autodestruct) Image autodestroied-htree-2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;doencas-autodestruct&#x2F;autodestroied-sphereground-2.jpg" alt="doenças(autodestruct) Image autodestroied-sphereground-2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;doencas-autodestruct&#x2F;autodestroied-vtree-2.jpg" alt="doenças(autodestruct) Image autodestroied-vtree-2.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;doencas-autodestruct&#x2F;doenças-autodestruct-1996-dark.jpg" alt="doenças(autodestruct) Image doenças-autodestruct-1996-dark.jpg" style="width: 97%;" loading="lazy"> </div> <div class="carousel-slide" style="display: none;"> <img src="&#x2F;projects&#x2F;doencas-autodestruct&#x2F;doenças-autodestruct-1996-light.jpg" alt="doenças(autodestruct) Image doenças-autodestruct-1996-light.jpg" style="width: 97%;" loading="lazy"> </div> </div> <div class="carousel-controls"> <button class="carousel-prev" onclick="prevSlide()">Prev</button> <span class="carousel-status"> Image <span id="carousel-current-index">1</span> of 6 </span> <button class="carousel-next" onclick="nextSlide()">Next</button> </div> <div class="carousel-filename" id="carousel-filename"> autodestroied-hground-2.jpg </div> </div> <script> let slideIndex = 0; const slides = document.querySelectorAll('.carousel-slide'); const currentIndex = document.getElementById('carousel-current-index'); const currentFilename = document.getElementById('carousel-filename'); const imagePaths = [ "doenças(autodestruct) / autodestroied-hground-2.jpg", "doenças(autodestruct) / autodestroied-htree-2.jpg", "doenças(autodestruct) / autodestroied-sphereground-2.jpg", "doenças(autodestruct) / autodestroied-vtree-2.jpg", "doenças(autodestruct) / doenças-autodestruct-1996-dark.jpg", "doenças(autodestruct) / doenças-autodestruct-1996-light.jpg" ]; function showSlides(n) { slideIndex += n; if (slideIndex >= slides.length) { slideIndex = 0 } if (slideIndex < 0) { slideIndex = slides.length - 1 } slides.forEach((slide, index) => slide.style.display = (index === slideIndex) ? 'block' : 'none'); currentIndex.textContent = slideIndex + 1; currentFilename.textContent = imagePaths[slideIndex]; } function prevSlide() { showSlides(-1); } function nextSlide() { showSlides(1); } document.addEventListener('DOMContentLoaded', function() { if (slides.length > 0) { slides[0].style.display = 'block'; } }); </script> <style> .carousel-container { position: relative; margin: auto; max-width: 100%; } .carousel-slide img { display: block; max-width: 100%; height: auto; margin: auto; } /*fixes to height auto in .carousel-container*/ .carousel-container, .carousel-container * { height: auto !important; } .carousel-container img { width: 100%; height: auto !important; object-fit: contain; } .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-left: 27%; margin-right: 27%; } .carousel-prev, .carousel-next { background-color: #333; color: white; border: none; padding: 10px 20px; cursor: pointer; font-size: 18px; } .carousel-status { font-size: 18px; color: #333; } .carousel-filename { text-align: center; font-size: 14px; color: rgba(0xfff, 0.25); /* color: white; */ /* background-color: rgba(50, 50, 50, 0.5); */ padding: 5px; margin-top: -20px; position: relative; z-index: -1; } .carousel-prev:hover, .carousel-next:hover { background-color: #555; } </style> <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-hground-2.jpg">autodestroied-hground-2.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-hground.jpg">autodestroied-hground.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-htree-2.jpg">autodestroied-htree-2.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-htree-2.thumb.jpg">autodestroied-htree-2.thumb.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-htree.jpg">autodestroied-htree.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-sphereground-2.jpg">autodestroied-sphereground-2.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-sphereground.jpg">autodestroied-sphereground.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-vtree-2.jpg">autodestroied-vtree-2.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/autodestroied-vtree.jpg">autodestroied-vtree.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/doen%C3%A7as-autodestruct-1996-dark.jpg">doenças-autodestruct-1996-dark.jpg</a></li> <li><a href="https://andre-sier.com/projects/doencas-autodestruct/doen%C3%A7as-autodestruct-1996-light.jpg">doenças-autodestruct-1996-light.jpg</a></li> </ul> earlypaintings 1994-01-01T00:00:00+00:00 1994-01-01T00:00:00+00:00 André Sier https://andre-sier.com/projects/earlypaintings/ <h2 id="attached-files">Attached Files</h2> <ul> <li><a href="https://andre-sier.com/projects/earlypaintings/index.html">index.html</a></li> <li>[painting800 (3rd copy).jpg](painting800 (3rd copy).jpg)</li> <li>[painting800 (4th copy).jpg](painting800 (4th copy).jpg)</li> <li>[painting800 (5th copy).jpg](painting800 (5th copy).jpg)</li> <li>[painting800 (6th copy).jpg](painting800 (6th copy).jpg)</li> <li>[painting800 (7th copy).jpg](painting800 (7th copy).jpg)</li> <li>[painting800 (8th copy).jpg](painting800 (8th copy).jpg)</li> <li>[painting800 (9th copy).jpg](painting800 (9th copy).jpg)</li> <li>[painting800 (another copy).jpg](painting800 (another copy).jpg)</li> <li>[painting800 (copy).jpg](painting800 (copy).jpg)</li> <li><a href="https://andre-sier.com/projects/earlypaintings/painting800.jpg">painting800.jpg</a></li> <li><a href="https://andre-sier.com/projects/earlypaintings/painting800.thumb.jpg">painting800.thumb.jpg</a></li> </ul>