https://nadineaeschbacher.com Nadine Aeschbacher Wed, 08 May 2024 21:50:06 +0000 https://nadineaeschbacher.com en https://nadineaeschbacher.com/Main-page Wed, 08 May 2024 21:50:06 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/Main-page h1 { margin: 0; position: fixed; width: 100%; background-color: white; z-index: 1; padding: 20px 0; /* Ändere den Abstand oben und unten */ } .scroll-group { overflow-x: auto; /* Horizontales Scrollen aktivieren */ overflow-y: hidden; /* Vertikales Scrollen ausblenden */ white-space: nowrap; display: flex; align-items: center; position: fixed; width: 100%; height: calc(100% - 70px); /* Die Höhe der .scroll-group berechnen, um Platz für den Titel zu lassen */ top: 70px; /* Positioniert die .scroll-group unterhalb des Titels */ left: 0; /* Positioniert die .scroll-group links */ padding: 30px; /* Etwas Abstand zwischen dem Rand und den Inhalten hinzufügen */ } .scroll-item { display: inline-block; margin-right: 20px; /* Ändere den Abstand zwischen den Scroll-Elementen */ height: 68vh; /* Setzt die Höhe auf 70% der Bildschirmhöhe */ } .scroll-item img { width: auto; height: 100%; max-height: 100%; } .scroll-item video { width: auto; height: 100%; max-height: 100%; } document.addEventListener('DOMContentLoaded', (event) => { document.addEventListener('wheel', (event) => { const scrollGroup = document.querySelector('.scroll-group'); // Überprüfen, ob das gescrollte Element eines der Kinder der .scroll-group ist if (event.target.closest('.scroll-group')) { event.preventDefault(); scrollGroup.scrollLeft += event.deltaY; } }); }); Projekte <img src="https://files.cargocollective.com/c1801540/Gesunde_Ernaehrung03.png" alt="Image 1">Gesunde Ernährung Flyer <img src="https://files.cargocollective.com/c1801540/bilsprache_cover.gif" alt="Image 3">Ein Körper der nicht mehr gehört Animation <img src="https://files.cargocollective.com/c1801540/Reisekarte_cover.png" alt="Image 2">Eine Reisekarte Recherche <img src="https://files.cargocollective.com/c1801540/GIf-cover-bewegt-Kopie.gif" alt="Image 3">GIFs <img src="https://files.cargocollective.com/c1801540/TS_Handy_Mockup_3.jpg" alt="Image 1">Theater Süd Website <img src="https://files.cargocollective.com/c1801540/Bravo_cover.png" alt="Image 3">Bravo Plakatprojekt &nbsp;<img src="https://files.cargocollective.com/c1801540/FirstFriday_cover.png" alt="Image 2">First Friday Editorial <img src="https://files.cargocollective.com/c1801540/Labcity_cover.png" alt="Image 4">Lab City Identity https://nadineaeschbacher.com/Information Fri, 24 Mar 2023 16:04:03 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/Information h1 { margin: 0; padding-top: 20px; /* Standard-Padding für Desktop */ } /* Media Query für mobile Geräte */ @media screen and (max-width: 768px) { h1 { padding: 100px; /* Größeres Padding für mobile Geräte */ } } nadine-aesch@bluewin.ch Ich bin Nadine Aeschbacher und lebe in der Schweiz zwischen Bern und Biel. Im Sommer 2023 habe ich die Grafikfachklasse in Biel erfolgreich abgeschlossen. Von April bis September 2022 habe ich ein Praktikum bei Studio Ohmy Biel gemacht. Bis im März 2024 war ich bei Id-k Kommunikationsagentur in Bern angestellt. https://nadineaeschbacher.com/LabCity-alt Mon, 05 Jun 2023 20:02:31 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/LabCity-alt Entstanden bei Ohmy Konzeption Art Work und visuelle Identität LabCity.ch LabCity LabCity ist ein Projekt, das versucht die Stadt Biel zu beleben. Dazu gehören Begrünungen und Ausstellungen. Für LabCity konnte ich an der neuen visuellen Identität arbeiten. Dazu habe ich an der Website, Flyern und Plakaten gearbeitet.&nbsp; https://nadineaeschbacher.com/First-Friday-alt Mon, 05 Jun 2023 19:49:11 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/First-Friday-alt Im Rahmen eines schulischen Projekts Ein Jubiläums Magazin Der First Friday verbindet ganz Biel in der Altstadt. Der First Friday steht für Diversität und Vielfalt.Anlässlich des fünfjährigen Jubiläum gestaltete ich mit Sharon Moor eine zweisprachige Zeitschrift. https://nadineaeschbacher.com/Bravo-alt Mon, 05 Jun 2023 19:01:02 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/Bravo-alt Im Rahmen eines schulischen Projekts Ein fotografisches Plakat aus Karton Bravo Ziel des Projekts war die experimentelle, dreidimensionale&nbsp; Gestaltung; Ein Plakat im Raum bauen. Wir haben dabei die Magazin-Cover der Bravo als Inspiration genutzt.&nbsp;Die Cover der Bravo stellen meist eine Person dar, welche den westlichen Schönheitsidealen entspricht. Dazu gibt es weitere Elemente, die wie Bausteine um die Person gebaut werden. Aus Karton haben Sophie Flück und ich Bauklötze erschaffen und diese in den Raum gesetzt.&nbsp;Die Person wird zu einem Baustein, da sie selbst in Karton gekleidet ist und »gebaute« Geschlechtsmerkmale und einen Heiligenschein hat. Dabei diente der Dadaist Hugo Ball als Inspiration. https://nadineaeschbacher.com/Theater-Sud-alt Mon, 05 Jun 2023 19:09:05 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/Theater-Sud-alt Entstanden im Praktikum bei Ohmy Gestaltung und Konzeption der Website theater-sued.ch Theater Süd Das Theater Süd ist ein inklusiver Begegungsort im Gundeli-Quartier in Basel. Dort können theaterinteressierte, unabhängig von Theatererfahrung, Alter, körperlicher Möglichkeiten oder Budget selbst in Aufführungen mitwirken. Für das Theater Süd konnte ich an der Websiten Gestaltung und Konzeption arbeiten. https://nadineaeschbacher.com/Eine-Reisekartealt Mon, 05 Jun 2023 18:43:18 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/Eine-Reisekartealt Im Rahmen der schulischen Diplomarbeit&nbsp; gg-expo.ch Eine Reisekarte Das Palais de la Porte Dorée liegt am Rande von Paris. Das Gebäude wurde für die Kolonialausstellung von 1931 beim Bois de Vincennes errichtet. Diese sollte die französische Kolonialherrschaft glorifizieren und legitimieren. Vor Ort wird die Geschichte des Palais und auch die Darstellung und Exotisierung der Kolonien stark beschönigt. Meine Reisekarte beinhaltet Informationen, die mir vor Ort gefehlt haben. Auf der einen Seite finden sich geschichtliche Texte und auf der anderen meine eigenen Beobachtungen. So soll anderen Reisenden eine differenziertere Auseinandersetzung ermöglicht werden. https://nadineaeschbacher.com/Gesunde-Ernahrung-alt Thu, 01 Jun 2023 20:08:51 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/Gesunde-Ernahrung-alt Im Rahmen meines Praktikums bei Ohmy Illustration und Falzung Gesunde Ernährung In Kitas und Tagesschulen sollen Kinder gesünder ernährt werden und die Produktion der Mahlzeiten soll vereinheitlicht werden. Um die Änderungen zu kommunizieren, arbeitete ich an der Konzeption und Gestaltung des Flyers. https://nadineaeschbacher.com/Information-neu Thu, 18 Apr 2024 13:20:51 +0000 Nadine Aeschbacher https://nadineaeschbacher.com/Information-neu .scroll-group { display: flex; flex-wrap: wrap; padding: 10 0px; } .scroll-item { flex: 0 0 calc(100% - 20px); margin-bottom: 10px; margin-right: 10px; position: relative; } .scroll-item img { width: 100%; height: auto; border-radius: 25px; } .text-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 255); color: blue; border-radius: 25px; border-width: 2px; border-style: solid; border-color: blue; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.2s ease; } .scroll-item:hover .text-overlay { opacity: 1; } @media screen and (min-width: 768px) { .scroll-item { flex: 0 0 calc(33.33% - 20px); margin-right: 10px; } <img src="https://files.cargocollective.com/c1801540/Cherry.gif" alt="Image 2"> Land'escapes <img src="https://files.cargocollective.com/c1801540/Cherry.gif"> Vakuum <img src="https://files.cargocollective.com/c1801540/Cherry.gif"> Vanitas <img src="https://files.cargocollective.com/c1801540/Cherry.gif" alt="Image 3"> Derfi mal alange? <img src="https://files.cargocollective.com/c1801540/Cherry.gif" alt="Image 4"> '38 '39 '42 '46 <img src="https://files.cargocollective.com/c1801540/Cherry.gif" alt="Image 2"> von Champignons und Hibiskus <img src="https://files.cargocollective.com/c1801540/Cherry.gif" alt="Image 3"> Amor de Madre .container { position: relative; } #blue-button { position: fixed; bottom: 60px; right: 20px; background-color: white; color: blue; border: 2px solid blue; padding: 10px 20px; border-radius: 25px; cursor: pointer; transition: background-color 0.3s, color 0.3s; } #blue-button.active { background-color: blue; color: white; } #blue-button:hover { background-color: blue; color: white; } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .modal-content { background-color: #fefefe; margin: 20% auto; padding: 20px; border: 2px solid blue; border-radius: 5px; width: 80%; border-radius: 25px; box-shadow: 10px 10px 15px rgba(0, 0, 255, 0.5); } .close { color: blue; float: right; font-size: 28px; font-weight: medium; } .close:hover, .close:focus { color: blue; text-decoration: none; cursor: pointer; } info × This is the text in the modal. var blueButton = document.getElementById("blue-button"); var modal = document.getElementById("modal"); blueButton.onclick = function() { modal.style.display = "block"; blueButton.classList.add("active"); }; var closeButton = document.querySelector(".close"); closeButton.onclick = function() { modal.style.display = "none"; blueButton.classList.remove("active"); };