Updated website content.

tricentenario-art · Oct 11, 2024 · f3588a4 · f3588a4
1 parent 93df38b
commit f3588a4
Show file tree

Hide file tree

Showing 5 changed files with 124 additions and 8 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/img/logo.png b/img/logo.png
diff --git a/index.html b/index.html
@@ -22,9 +22,78 @@ <h1>
         Tricentenario
       </h1>
 
-      <p>
-        Tricentenario es un proyecto artístico en construcción.
-      </p>   
+      <p class="text">
+        Este proyecto de arte visual reflexiona críticamente sobre el desarrollo de la Avenida 24 de Mayo, como monumento y como proyecto urbano que conmemora la Batalla de Pichincha. A través de piezas de videoarte, diseñadas para una plataforma de videoarte que sincroniza los teléfonos celulares de los espectadores según su ubicación geográfica, la exposición crea un simulacro inmersivo del recorrido de la avenida, explorando su significado histórico y sus posibles futuros. Utilizando imágenes generadas por IA y registros de la vida real, la exposición profundiza en las tensiones entre tradición y modernidad, ruralidad y vida urbana, y la interacción de las culturas locales y globales, elementos clave de la identidad ecuatoriana.
+      </p> 
+
+      <hr />
+
+      <p class="text">
+        This visual art project critically reflects on the development of Avenida 24 de Mayo, as a monument and as an urban project that commemorates the Battle of Pichincha. Through video art pieces, designed for a video-art platform which synchronizes the viewers' smartphones according to their geographical location, the exhibition creates an immersive simulacrum of the avenue, exploring its historical and future significance. Using AI-generated visuals and real-life footage, the exhibition delves into the tensions between tradition and modernity, rurality and urban life, and the interplay of local and global cultures—key elements of Ecuadorian identity.
+      </p>
+
+      <div class="content">
+        <h2>
+          Información / Information
+        </h2>
+
+        <p class="text">
+          La exposición estará dispnible a partir del 18 de octubre de 2024 en el Parque Urbano Cumandá en Quito, Ecuador.
+        </p>
+
+        <hr />
+
+        <p class="text">
+          The exposition will be available from October 18th 2024 at the Parque Urbano Cumandá in Quito, Ecuador.
+        </p>
+
+        <iframe
+          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1450.260080055788!2d-78.51207684818608!3d-0.22864909847546883!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x91d59985319b006d%3A0xb81126967776eac2!2sCumand%C3%A1%20Parque%20Urbano!5e0!3m2!1sen!2sec!4v1728661345916!5m2!1sen!2sec"
+          width="100%"
+          height="600"
+          style="border:0;"
+          allowfullscreen=""
+          loading="lazy"
+          referrerpolicy="no-referrer-when-downgrade"
+        >
+        </iframe>
+      </div>
+
+      <div class="content">
+        <div class="artist">
+          <img
+            src="https://carbon-media.accelerator.net/0000000cJiG/eEotppRcRZxdxjnFQmlBOn;crop(0,341,1365,1365)/300x300.jpeg?auto=webp"
+            alt="Andres Marcial"
+          />
+
+          <div>
+            <a href="https://marcialcoba.carbonmade.com">
+              Andrés Marcial Coba
+            </a>
+            <p>
+              Visual Artist
+            </p>
+
+            <p class="text">
+              My artwork explores the psychological nature of the relationship between man and images as mediators between him and reality. Through various artistic media, I approach images as devices capable of generating temporalities and spatialities.
+            </p>
+          </div>
+        </div>
+      </div>
     </main>
+
+    <footer class="container">
+      <a href="/">
+        Home
+      </a>
+
+      <a href="/privacy/">
+        Privacy Policy
+      </a>
+
+      <span>
+        &copy; All rights reserved - Andrés Marcial Coba 2024
+      </span>
+    </footer>
   </body>
 </html>
diff --git a/privacy/index.html b/privacy/index.html
@@ -64,6 +64,20 @@ <h2>Contact Us</h2>
 
       <p>By visiting this page on our website: <a href="https://tricentenario-art.github.io/privacy">https://tricentenario-art.github.io/privacy</a></p>
     </main>
+
+    <footer class="container">
+      <a href="/">
+        Home
+      </a>
+
+      <a href="/privacy/">
+        Privacy Policy
+      </a>
+
+      <span>
+        &copy; All rights reserved - Andrés Marcial Coba 2024
+      </span>
+    </footer>
   </body>
 </html>
 
diff --git a/styles.css b/styles.css
@@ -1,11 +1,11 @@
 html, body {
-  background-color: #eee;
+  background-color: #fff;
   font-family: 'Roboto', sans-serif;
   color: #111;
 }
 
 h1 {
-  font-size: 42px;
+  font-size: 55px;
   margin-bottom: 50px;
 }
 
@@ -14,8 +14,14 @@ h2 {
   margin-bottom: 30px;
 }
 
-p {
-  font-size: 16px;
+p.text {
+  font-size: 24px;
+  line-height: 1.5;
+  text-align: justify;
+}
+
+p.legal {
+  font-size: 12px;
   line-height: 1.5;
 }
 
@@ -36,7 +42,7 @@ a:hover {
 }
 
 .header img {
-  height: 100px;
+  height: 400px;
 }
 
 .container {
@@ -51,3 +57,30 @@ a:hover {
   margin-top: 100px;
   margin-bottom: 80px;
 }
+
+.artist {
+  display: flex;
+  flex-direction: row;
+  gap: 45px;
+}
+
+.artist img {
+  border-radius: 10px;
+}
+
+.artist a {
+  font-size: 45px;
+  text-decoration: none;
+}
+
+footer {
+  display: flex;
+  flex-direction: row;
+  gap: 25px;
+  padding: 24px 0;
+}
+
+footer span {
+  flex: 1 1 0;
+  text-align: end;
+}