Add files via upload

computerdate · Aug 2, 2024 · b87dfb7 · b87dfb7
1 parent 4b3ae46
commit b87dfb7
Show file tree

Hide file tree

Showing 4 changed files with 625 additions and 0 deletions.
diff --git a/parcela/KATERINE DM/index.html b/parcela/KATERINE DM/index.html
@@ -0,0 +1,153 @@
+
+<!DOCTYPE html>
+<head>
+<title> 🟄 virreina 🟄 </title>
+<meta name="description" content="artes de la campo al compu">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+<meta name="og:title" property="og:title" content="virreina" />
+<meta name="og:description" property="og:description" content="artes de la campo al compu" />
+<meta property="og:image" content="../../assets/[VRN]Logo/[VRN]Logos-27.png" />
+<link rel="shortcut icon" href="../../assets/[VRN]Logo/[VRN]Logos-27.png">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Gilda+Display&family=Manrope:wght@500;600&family=Noto+Sans+Mono:wght@400;800&family=Playfair+Display:wght@500;900&display=swap" rel="stylesheet">
+<link rel="stylesheet" type="text/css" href="style.css">
+<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+<script src=
+"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
+    </script>
+
+  <!--  movil  -->
+<script>
+  if (screen.width <= 500) {
+  document.location = 'movil/index.html';
+  }
+</script>
+</head>
+
+
+
+<header>
+
+  <!--  menu  -->
+  <div class="dropdown">
+    <button class="dropbtn">
+        <a href="https://virreina.space/" target="">
+            <img src="../../assets/[VRN]Logo/[VRN]Logos-01.svg" alt="VRN" height="" width="60px" ;="">
+        </a>
+    </button>
+    <div class="dropdown-content">
+      <a href="../../residencia/index.html">RESIDENCIES</a>
+      <a href="../../parcela/index.html">PARCELA</a>
+      <!--
+      <a href="../../soloshow/index.html">SOLOSHOW</a>
+      <a href="../../screenings/index.html">SCREENINGS</a>
+      -->
+      <a href="../../about/index.html">ABOUT</a>
+      </div>
+    </div>    ´
+
+
+
+      <!--  reloj  -->
+      <div class="clock">
+    <script>
+        function clock() {
+      var time = new Date(),
+          hours = time.getHours(),
+          minutes = time.getMinutes(),
+          seconds = time.getSeconds();
+      document.querySelectorAll('.clock')[0].innerHTML = harold(hours) + ":" + harold(minutes) + ":" + harold(seconds);
+        function harold(standIn) {
+          if (standIn < 10) {
+            standIn = '0' + standIn
+          }
+          return standIn;
+        }
+      }
+      setInterval(clock, 1000);
+    </script>
+      </div>
+
+
+
+
+
+
+</header>
+
+
+
+
+
+<!--  seccion  -->
+<div class="seccion">
+    <a href="../index.html" target="">
+      <p>PARCELA</p>
+    </a>
+  </div>
+
+
+<body>
+
+
+
+
+
+  <!--  banner ID  -->
+  <div class="banner">
+    <a class="tituloprojecto" href="https://www.instagram.com/katerine_dm/" target="_blank">
+      <img class="icon" src="./assets/Banner_Katerine DM.png"
+        alt="banner" height="auto" width="140px" ;="">
+    </a>
+    <img class="ID hover" src="./assets/ID_Katerine DM.png"
+        alt="ID" height="360px" width="" ;=""> 
+  </div>
+
+
+
+
+  <!--  project  -->
+
+  <div class="container">
+    <div>
+      <img class="BCK1" src="./assets/backgroud.png" alt="" />
+    </div>
+  </div>
+    <div>
+      <img class="BCK2" src="./assets/middle-backgroud.png" alt="" />
+    </div>
+    <div>
+      <img class="BCK3" src="./assets/middle.png" alt="" />
+    </div>
+    <div>
+      <img class="BCK4" src="./assets/foreground.png" alt="" />
+    </div>
+  </div>
+
+
+
+<!--
+  <img class="BCK1" src="./assets/backgroud.png"
+  alt="banner" height="cover" width="cover" ;="">
+
+  <img class="BCK2" src="./assets/middle-backgroud.png"
+  alt="banner" height="cover" width="cover" ;="">
+
+  <img class="BCK3" src="./assets/middle.png"
+  alt="banner" height="cover" width="cover" ;="">
+
+  <img class="BCK4" src="./assets/foreground.png"
+  alt="banner" height="cover" width="cover" ;="">
+-->
+
+  <audio id="player" autoplay loop>
+    <source src="./assets/JEV_audio.wav" type="audio/wav"> 
+</audio>
+
+
+</body>
+</html>
diff --git a/parcela/KATERINE DM/movil/index.html b/parcela/KATERINE DM/movil/index.html
@@ -0,0 +1,59 @@
+
+<!DOCTYPE html>
+<head>
+<title> 🟄 virreina 🟄 </title>
+<meta name="description" content="artes de la campo al compu">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+<meta name="og:title" property="og:title" content="virreina" />
+<meta name="og:description" property="og:description" content="artes de la campo al compu" />
+<meta property="og:image" content="../../assets/[VRN]Logo/[VRN]Logos-27.png" />
+<link rel="shortcut icon" href="../../assets/[VRN]Logo/[VRN]Logos-27.png">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Gilda+Display&family=Manrope:wght@500;600&family=Noto+Sans+Mono:wght@400;800&family=Playfair+Display:wght@500;900&display=swap" rel="stylesheet">
+<link rel="stylesheet" type="text/css" href="style.css">
+<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+<script src=
+"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
+</script>
+</head>
+
+
+<header>
+
+  <marquee><a href="https://www.instagram.com/katerine_dm/">
+    2024      |      KATERINE DM      |      🇨🇦      |      45° 30' 31" N 73° 33' 42" W      |      JOURNÉE EN VILLE</a></marquee>
+
+    <a href="https://virreina.space/" target="_blank">
+    <img class="estrellita" src="../../../assets/[VRN]Logo/[VRN]Logos-28.svg"
+    alt="VRN" height="30px" width="" ;="" ></a>
+
+
+</header>
+
+
+<body>
+
+  <img class="BCK1" src="../assets/backgroud.png"
+  alt="banner" height="cover" width="cover" ;="">
+
+  <img class="BCK2" src="../assets/middle-backgroud.png"
+  alt="banner" height="cover" width="cover" ;="">
+
+  <img class="BCK3" src="../assets/middle.png"
+  alt="banner" height="cover" width="cover" ;="">
+
+  <img class="BCK4" src="../assets/foreground.png"
+  alt="banner" height="cover" width="cover" ;="">
+
+
+  <audio id="player" autoplay loop>
+    <source src="../assets/JEV_audio.wav" type="audio/wav"> 
+</audio>
+
+
+</body>
+</html>
diff --git a/parcela/KATERINE DM/movil/style.css b/parcela/KATERINE DM/movil/style.css
@@ -0,0 +1,108 @@
+
+html{
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+
+  ::-webkit-scrollbar {
+    display: none;
+  }
+  * {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+
+
+    /* project */
+    .BCK1 {
+        position: absolute;
+        left: -100%;
+        width: 3500%;
+        height: 100%;
+        z-index: -0;  
+        object-fit: cover;  
+    }
+
+    .BCK2 {
+      position: absolute;
+      left: -100%;
+      width: 3500%;
+      height: 100%;
+      z-index: 10;    
+      object-fit: cover;
+  }
+
+  .BCK3 {
+    position: absolute;
+    left: -100%;
+    width: 3500%;
+    height: 100%;
+    z-index: 50;    
+    object-fit: cover;
+}
+
+.BCK4 {
+  position: absolute;
+  left: -100%;
+  width: 3500%;
+  height: 100%;
+  z-index: 100;   
+  object-fit: cover; 
+}
+
+
+header{
+  width: 100%;
+  padding: 15px;
+  position: fixed;
+  top: 0%;
+  left: 0%;
+  z-index: 100;
+  background-color: whitesmoke;
+}
+
+
+marquee{
+  border-collapse: collapse;
+  position: fixed;
+  top: 0%;
+  left: 0%;
+  z-index: 100;
+	padding: 20px;
+	text-align: center justify;
+  background-color: black;
+	border: none;
+    color: rgb(255, 255, 255);
+    font-size: 2vh; 
+    font-family: 'Dia', helvetica, arial, sans-serif;
+    white-space: pre;
+    line-height: 1vh;
+    letter-spacing: auto;
+}
+
+
+a{
+    text-decoration: none;
+    color: rgb(255, 255, 255);
+}
+
+a:hover{
+    text-decoration: underline;
+    color: rgb(255, 255, 255);
+}
+
+.estrellita{
+  position: fixed;
+  top: 0%;
+  left: 0%;
+  z-index: 100;
+	padding: 10px;
+	text-align: center justify;
+  background-color: black;
+}
+
+
+
+