add 2023

docs/2018/index.html

@@ -34,6 +34,7 @@
           <a href="../2020" class="visible-menu-item">2020</a>
           <a href="../2021" class="visible-menu-item">2021</a>
           <a href="../2022" class="visible-menu-item">2022</a>
+          <a href="../2023" class="visible-menu-item">2023</a>
           <a href="mailto:[email protected]" target="_blank" class="visible-menu-item">Contact</a>
         </nav>
       </div>
@@ -46,6 +47,7 @@
         <a href="../2020" class="topnav__dropdown-menu-item">2020</a>
         <a href="../2021" class="topnav__dropdown-menu-item">2021</a>
         <a href="../2022" class="topnav__dropdown-menu-item">2022</a>
+        <a href="../2023" class="topnav__dropdown-menu-item">2023</a>
         <a href="mailto:[email protected]" target="_blank" class="topnav__dropdown-menu-item">Contact</a>
       </nav>
     </div>

docs/2019/index.html

@@ -34,6 +34,7 @@
           <a href="../2020" class="visible-menu-item">2020</a>
           <a href="../2021" class="visible-menu-item">2021</a>
           <a href="../2022" class="visible-menu-item">2022</a>
+          <a href="../2023" class="visible-menu-item">2023</a>
           <a href="mailto:[email protected]" target="_blank" class="visible-menu-item">Contact</a>
         </nav>
       </div>
@@ -46,6 +47,7 @@
         <a href="../2020" class="topnav__dropdown-menu-item">2020</a>
         <a href="../2021" class="topnav__dropdown-menu-item">2021</a>
         <a href="../2022" class="topnav__dropdown-menu-item">2022</a>
+        <a href="../2023" class="topnav__dropdown-menu-item">2023</a>
         <a href="mailto:[email protected]" target="_blank" class="topnav__dropdown-menu-item">Contact</a>
       </nav>
     </div>

docs/2020/index.html

@@ -33,6 +33,7 @@
           <a href="." class="visible-menu-item current-page">2020</a>
           <a href="../2021" class="visible-menu-item">2021</a>
           <a href="../2022" class="visible-menu-item">2022</a>
+          <a href="../2023" class="visible-menu-item">2023</a>
           <a href="mailto:[email protected]" target="_blank" class="visible-menu-item">Contact</a>
         </nav>
       </div>
@@ -45,6 +46,7 @@
         <a href="." class="topnav__dropdown-menu-item">2020</a>
         <a href="../2021" class="topnav__dropdown-menu-item">2021</a>
         <a href="../2022" class="topnav__dropdown-menu-item">2022</a>
+        <a href="../2023" class="topnav__dropdown-menu-item">2023</a>
         <a href="mailto:[email protected]" target="_blank" class="topnav__dropdown-menu-item">Contact</a>
       </nav>
     </div>

docs/2021/index.html

@@ -35,6 +35,7 @@
           <a href="../2020" class="visible-menu-item">2020</a>
           <a href="." class="visible-menu-item current-page">2021</a>
           <a href="../2022" class="visible-menu-item">2022</a>
+          <a href="../2023" class="visible-menu-item">2023</a>
           <a href="mailto:[email protected]" target="_blank" class="visible-menu-item">Contact</a>
         </nav>
       </div>
@@ -47,6 +48,7 @@
         <a href="../2020" class="topnav__dropdown-menu-item">2020</a>
         <a href="." class="topnav__dropdown-menu-item">2021</a>
         <a href="../2022" class="topnav__dropdown-menu-item">2022</a>
+        <a href="../2023" class="topnav__dropdown-menu-item">2023</a>
         <a href="mailto:[email protected]" target="_blank" class="topnav__dropdown-menu-item">Contact</a>
       </nav>
     </div>

docs/2022/index.html

@@ -34,6 +34,7 @@
           <a href="../2020" class="visible-menu-item">2020</a>
           <a href="../2021" class="visible-menu-item">2021</a>
           <a href="." class="visible-menu-item current-page">2022</a>
+          <a href="../2023" class="visible-menu-item">2023</a>
           <a href="mailto:[email protected]" target="_blank" class="visible-menu-item">Contact</a>
         </nav>
       </div>
@@ -46,6 +47,7 @@
         <a href="../2020" class="topnav__dropdown-menu-item">2020</a>
         <a href="../2021" class="topnav__dropdown-menu-item">2021</a>
         <a href="." class="topnav__dropdown-menu-item">2022</a>
+        <a href="../2023" class="topnav__dropdown-menu-item">2023</a>
         <a href="mailto:[email protected]" target="_blank" class="topnav__dropdown-menu-item">Contact</a>
       </nav>
     </div>

docs/2023/index.html

@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../lib/jquery-3.6.0.min.js"></script>
+    <link rel="stylesheet" href="../stylesheets/main.css">
+    <link rel="stylesheet" href="../stylesheets/topnav.css">
+    <link rel="stylesheet" href="../stylesheets/ars-year.css">
+    <link rel="stylesheet" href="../lib/lightbox.css">
+    <link rel="stylesheet" href="style.css">
+    <title>ATS @ Ars Electronica 2023</title>
+</head>
+<body>
+  <div class="container-topnav">
+    <header class="topnav">
+      <div class="topnav__left">
+        <a href=".." class="topnav__left-logos-link">
+          <img src="../images/logos/saic-logo-white-sm.png" alt="SAIC Art and Technology Studies Logo" class="topnav__left-saic-logo">
+          <div class="topnav__left-spinner">+</div>
+          <img src="../images/logos/ars-logo-white.png" alt="Ars Electronica Logo" class="topnav__left-ars-logo">
+        </a>
+      </div>
+      <div class="topnav__right">
+        <button type="button" value="main menu" class="topnav__right-hamburger">
+          <span class="hamburger-text">Main Menu</span>
+          <span class="topnav__right-hamburger-patty"></span>
+        </button>
+        <nav class="topnav__right-visible-menu">
+          <a href=".." class="visible-menu-item">Home</a>
+          <a href="../2018" class="visible-menu-item">2018</a>
+          <a href="../2019" class="visible-menu-item">2019</a>
+          <a href="../2020" class="visible-menu-item">2020</a>
+          <a href="../2021" class="visible-menu-item">2021</a>
+          <a href="../2022" class="visible-menu-item">2022</a>
+          <a href="." class="visible-menu-item current-page">2023</a>
+          <a href="mailto:[email protected]" target="_blank" class="visible-menu-item">Contact</a>
+        </nav>
+      </div>
+    </header>
+    <div class="topnav__dropdown-menu-container">
+      <nav class="topnav__dropdown-menu">
+        <a href=".." class="topnav__dropdown-menu-item">Home</a>
+        <a href="../2018" class="topnav__dropdown-menu-item">2018</a>
+        <a href="../2019" class="topnav__dropdown-menu-item">2019</a>
+        <a href="../2020" class="topnav__dropdown-menu-item">2020</a>
+        <a href="../2021" class="topnav__dropdown-menu-item">2021</a>
+        <a href="../2022" class="topnav__dropdown-menu-item">2022</a>
+        <a href="." class="topnav__dropdown-menu-item">2023</a>
+        <a href="mailto:[email protected]" target="_blank" class="topnav__dropdown-menu-item">Contact</a>
+      </nav>
+    </div>
+  </div>
+
+  <div class="container-text">
+    <div class="text">
+      <div class="text__title-group">
+        <h2 class="title-group__title">Funnel &amp; Switch</h2>
+        <h2 class="title-group__year">2023</h2>
+      </div>
+      <h3 class="text__curator">Curated by Angelia Word Mahaney</h3>
+      <div class="text__statement">
+        <p><i>Funnel &amp; Switch</i> traverses a network of potential solutions to some of the most pressing socio political questions of our generation. Ownership of data and objects in both the digital and physical sphere are currently defaulted to corporations and are exploited to subvert the common good. Funnel &amp; Switch tackles crucial questions which respond to society's compounding technological developments and capitalist greed. How does a lack of government regulations on digital data destabilize individuals' decision-making capacity over personal privacy? What solutions can we find to preserve vital resources and culturally significant items, when corporate capitalism is eclipsing human rights?</p> 
+
+        <p><i>Funnel &amp; Switch</i> examines controversial topics surrounding security cam footage, body imaging, AI, heartbeat data, culturally significant objects, and the manipulation of natural resources. The artists tackle these ethical dilemmas by investigating alternative dynamics that can exist between those with power and the rest of humanity, innovating tactics to resist, respond, recount, restore, repatriate and recycle. Despite unveiling harsh realities, the exhibition intends to instigate mechanisms for positive change, and pepper hope throughout an increasingly bleak trajectory for our collective future.</p>
+      </div>
+      <h3>Participating Artists</h3>
+      <ul class="participating-artists">
+        <li>Eul Lee</li>
+        <li>Nimrod Astarhan</li>
+        <li>Juan Flores</li>
+        <li>Kelly Xi</li>
+        <li>Korina Hernandez</li>
+        <li>Reid Arowood</li><br>
+        <li>Yiyi Liu</li>
+      </ul>
+    </div>
+  </div>
+
+  <div id="grid-container"></div>
+
+  <footer>ATS © <span class="current-year"></span></footer>
+  <div class="back-to-top"></div>
+
+
+  <script src="../scripts/gallery-generator.js"></script>
+  <script src="../lib/lightbox.min.js"></script>
+  <script src="../scripts/lightbox-options.js"></script>
+  <!-- <script src="../scripts/json-info-generator.js"></script> -->
+  <script src="../scripts/utils.js"></script>
+</body>
+</html>

docs/2023/style.css

@@ -0,0 +1,54 @@
+/* footer {
+    position: fixed;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+} */
+
+
+
+@media only screen
+  and (max-width: 500px) {
+
+  footer {
+    position: static;
+    text-align: center;
+    margin-top: -2rem;
+    padding: .5rem;
+    font-size: .75rem;
+    transform: unset;
+  }
+}
+
+/* iPhone */
+@media only screen 
+  and (min-device-width: 320px) 
+  and (max-device-width: 812px) 
+  and (-webkit-min-device-pixel-ratio: 2)
+  and (orientation: portrait) {
+
+  footer {
+    position: static;
+    text-align: center;
+    margin-top: -2rem;
+    padding: .5rem;
+    font-size: .75rem;
+    transform: unset;
+  }
+}
+
+@media only screen 
+  and (min-device-width: 320px) 
+  and (max-device-width: 812px) 
+  and (-webkit-min-device-pixel-ratio: 2)
+  and (orientation: landscape) {
+
+  footer {
+    position: static;
+    text-align: center;
+    margin-top: -2rem;
+    padding: .5rem;
+    font-size: .75rem;
+    transform: unset;
+  }
+}

docs/index.html

@@ -39,6 +39,7 @@
             <a href="2020" class="visible-menu-item">2020</a>
             <a href="2021" class="visible-menu-item">2021</a>
             <a href="2022" class="visible-menu-item">2022</a>
+            <a href="2023" class="visible-menu-item">2023</a>
             <a href="mailto:[email protected]" target="_blank" class="visible-menu-item">Contact</a>
           </nav>
         </div>
@@ -51,6 +52,7 @@
           <a href="2020" class="topnav__dropdown-menu-item">2020</a>
           <a href="2021" class="topnav__dropdown-menu-item">2021</a>
           <a href="2022" class="topnav__dropdown-menu-item">2022</a>
+          <a href="2023" class="topnav__dropdown-menu-item">2023</a>
           <a href="mailto:[email protected]" target="_blank" class="topnav__dropdown-menu-item">Contact</a>
         </nav>
       </div>
@@ -63,7 +65,7 @@ <h2 class="home__text-subtitle">Art and Technology Studies</h2>
         <h3 class="home__text-saic">School of the Art Institue of Chicago</h3>
         <div class="home__text-statement">
           <p>Since 2018, ATS has continuously participated in the international festival Ars Electronica, Linz, Austria
-            — the most prestigious event in the fields of art & technology, new media, and digital art.</p>
+            — the most prestigious event in the fields of art &amp; technology, new media, and digital art.</p>
 
           <p>Bringing together Graduate Students and Faculty, the ATS Ars Electronica initiative is an annual showcase
             of the most experimental work produced by this pioneering department.</p>
@@ -78,8 +80,8 @@ <h3 class="home__text-saic">School of the Art Institue of Chicago</h3>
             time-based, interactive, immersive, multi-sensory or hybrids of retro and cutting-edge technologies.</p>
 
           <p>In its current configuration, ATS teaches numerous courses in, but not limited to, the following
-            concentrations: Creative Code & Machine Learning, AR, VR & Games, Kinetics & Electronics, Light, Audio, and
-            Bio Art. ATS also teaches exploratory areas such as Poetic Systems, Olfactory Art, and History & Theory.</p>
+            concentrations: Creative Code &amp; Machine Learning, AR, VR &amp; Games, Kinetics &amp; Electronics, Light, Audio, and
+            Bio Art. ATS also teaches exploratory areas such as Poetic Systems, Olfactory Art, and History &amp; Theory.</p>
         </div>
         <div class="home__logos">
           <a href="https://www.saic.edu/academics/departments/art-and-technology-studies" target="_blank"
@@ -119,6 +121,10 @@ <h3 class="year">2021</h3>
           <div class="overlay"></div>
           <h3 class="year">2022</h3>
         </a>
+        <a href="2023" class="year-menu__item a2023">
+          <div class="overlay"></div>
+          <h3 class="year">2023</h3>
+        </a>
       </nav>
     </div>
   </div>