Add files via upload

francopautasso1 · Aug 20, 2024 · 03d19ec · 03d19ec
1 parent c2624fe
commit 03d19ec
Show file tree

Hide file tree

Showing 7 changed files with 637 additions and 362 deletions.
diff --git a/comunidad.html b/comunidad.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mi Página</title>
+    <link rel="stylesheet" href="/styles/styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+</head>
+<body>
+    <!-- Contenido principal de la página Home -->
+    <div class="container">
+        <h1>Bienvenido a la Comunidad</h1>
+        <p>Contenido de la página Comunidad.</p>
+    </div>
+
+    <!-- Barra de navegación fija en la parte inferior -->
+    <nav class="bottom-nav">
+        <a href="home.html" class="nav-item home">
+            <i class="bi bi-house"></i>
+            <span>Home</span>
+        </a>
+        <a href="comunidad.html" class="nav-item">
+            <i class="bi bi-people"></i>
+            <span>Comunidad</span>
+        </a>
+        <a href="explorar.html" class="nav-item">
+            <i class="bi bi-search"></i>
+            <span>Explorar</span>
+        </a>
+        <a href="perfil.html" class="nav-item profile">
+            <i class="bi bi-person"></i>
+            <span>Perfil</span>
+        </a>
+    </nav>
+
+
+
+    <script src="/javaScript/script.js"></script>
+
+</body>
+</html>
diff --git a/explorar.html b/explorar.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mi Página</title>
+    <link rel="stylesheet" href="/styles/styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+</head>
+<body>
+    <!-- Contenido principal de la página Home -->
+    <div class="container">
+        <h1>Bienvenido a Explorar</h1>
+        <p>Contenido de la página Explorar.</p>
+    </div>
+
+    <!-- Barra de navegación fija en la parte inferior -->
+    <nav class="bottom-nav">
+        <a href="home.html" class="nav-item home">
+            <i class="bi bi-house"></i>
+            <span>Home</span>
+        </a>
+        <a href="comunidad.html" class="nav-item">
+            <i class="bi bi-people"></i>
+            <span>Comunidad</span>
+        </a>
+        <a href="explorar.html" class="nav-item">
+            <i class="bi bi-search"></i>
+            <span>Explorar</span>
+        </a>
+        <a href="perfil.html" class="nav-item profile">
+            <i class="bi bi-person"></i>
+            <span>Perfil</span>
+        </a>
+    </nav>
+
+
+
+    <script src="/javaScript/script.js"></script>
+
+</body>
+</html>
diff --git a/home.html b/home.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mi Página</title>
+    <link rel="stylesheet" href="/styles/styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+</head>
+<body>
+    <!-- Contenido principal de la página Home -->
+    <div class="post">
+        <div class="post-header">
+            <img src="/img/logo revista thc.jpg" alt="Foto de perfil" class="profile-pic">
+            <span class="username">@RevistaTHC</span>
+        </div>
+        <div class="post-content">
+
+            <p>Clon Factory, que así se presenta en sociedad, es “la primera empresa argentina destinada a la multiplicación y comercialización de clones legales en todo el país”.</p>
+        </div>
+        <div class="post-footer">
+            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+        </div> 
+    </div>
+
+
+
+    <div class="post">
+        <div class="post-header">
+            <img src="/img/logo revista thc.jpg" alt="Foto de perfil" class="profile-pic">
+            <span class="username">@RevistaTHC</span>
+        </div>
+        <p>Clon Factory, que así se presenta en sociedad, es “la primera empresa argentina destinada a la multiplicación y comercialización de clones legales en todo el país”</p>
+        <div class="post-content">
+            <div class="image-gallery">
+                <img src="/img/cultivo1.jpeg" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
+                <img src="/img/cultivo2.jpeg" alt="Imagen 2 del post" class="post-image" onclick="openImage(this)">
+                <img src="/img/cultivo3.jpeg" alt="Imagen 3 del post" class="post-image" onclick="openImage(this)">
+            </div>           
+        </div>
+        <div class="post-footer">
+            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+        </div>
+    </div>
+
+
+    <div class="post">
+        <div class="post-header">
+            <img src="/img/logo señora1" alt="Foto de perfil" class="profile-pic">
+            <span class="username">@NonnaCultiva</span>
+        </div>
+        <div class="post-content">
+            <p>Acompañame a probar la nueva cosecha!</p>
+            <div class="image-gallery">
+                <img src="/img/señora fumando.png" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
+
+            </div>
+        </div>
+        <div class="post-footer">
+            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+        </div>
+    </div>
+
+
+    <div class="post">
+        <div class="post-header">
+            <img src="/img/señora2.jpeg" alt="Foto de perfil" class="profile-pic">
+            <span class="username">@Susana_1960</span>
+        </div>
+        <div class="post-content">
+            <p>Happy</p>
+            <div class="image-gallery">
+                <img src="/img/señora2.jpeg" alt="Imagen 1 del post" class="post-image" onclick="openImage(this)">
+
+            </div>
+        </div>
+        <div class="post-footer">
+            <button class="action-btn like-btn"><i class="bi bi-heart"></i></button>
+            <button class="action-btn comment-btn"><i class="bi bi-chat"></i></button>
+            <button class="action-btn send-btn"><i class="bi bi-send"></i></button>
+        </div>
+    </div>
+
+
+    <!-- Barra de navegación fija en la parte inferior -->
+    <nav class="bottom-nav">
+        <a href="home.html" class="nav-item home">
+            <i class="bi bi-house"></i>
+            <span>Home</span>
+        </a>
+        <a href="comunidad.html" class="nav-item">
+            <i class="bi bi-people"></i>
+            <span>Comunidad</span>
+        </a>
+        <a href="explorar.html" class="nav-item">
+            <i class="bi bi-search"></i>
+            <span>Explorar</span>
+        </a>
+        <a href="perfil.html" class="nav-item profile">
+            <i class="bi bi-person"></i>
+            <span>Perfil</span>
+        </a>
+    </nav>
+
+
+    <!-- Footer -->
+<footer class="page-footer">
+    <p>Copyright 2024 — CultiCann. All rights reserved.</p>
+</footer>
+
+
+
+    <!-- Contenedor Modal -->
+<div id="imageModal" class="modal">
+    <span class="close">&times;</span>
+    <img class="modal-content" id="modalImage">
+</div>
+
+
+
+    <script src="/javaScript/script.js"></script>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Página Principal</title>
+    <link rel="stylesheet" href="/styles/styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
+</head>
+<body class="index-page">
+    <div class="intro-container">
+        <p class="intro-text">Toca aquí para empezar</p>
+        <img src="/img/Cultican L.png" alt="Logo" class="logo" onclick="location.href='home.html'">
+    </div>
+</body>
+</html>
diff --git a/javaScript/script.js b/javaScript/script.js
@@ -1,35 +1,35 @@
-
-    document.querySelectorAll('.nav-item').forEach(item => {
-        if (item.href === window.location.href) {
-            item.classList.add('active');
-        }
-    });
-
-    document.querySelectorAll('.action-btn').forEach(button => {
-        button.addEventListener('click', function () {
-            if (this.classList.contains('liked')) {
-                this.classList.remove('liked');
-                this.querySelector('i').classList.replace('bi-heart-fill', 'bi-heart');
-            } else {
-                this.classList.add('liked');
-                this.querySelector('i').classList.replace('bi-heart', 'bi-heart-fill');
-            }
-        });
-    });
-
-
-
-    // Abre el modal al hacer clic en la imagen
-function openImage(image) {
-    var modal = document.getElementById("imageModal");
-    var modalImg = document.getElementById("modalImage");
-    modal.style.display = "flex";
-    modalImg.src = image.src;
-}
-
-// Cierra el modal al hacer clic en la "x"
-document.querySelector(".close").onclick = function() {
-    document.getElementById("imageModal").style.display = "none";
-}
-
+
+    document.querySelectorAll('.nav-item').forEach(item => {
+        if (item.href === window.location.href) {
+            item.classList.add('active');
+        }
+    });
+
+    document.querySelectorAll('.action-btn').forEach(button => {
+        button.addEventListener('click', function () {
+            if (this.classList.contains('liked')) {
+                this.classList.remove('liked');
+                this.querySelector('i').classList.replace('bi-heart-fill', 'bi-heart');
+            } else {
+                this.classList.add('liked');
+                this.querySelector('i').classList.replace('bi-heart', 'bi-heart-fill');
+            }
+        });
+    });
+
+
+
+    // Abre el modal al hacer clic en la imagen
+function openImage(image) {
+    var modal = document.getElementById("imageModal");
+    var modalImg = document.getElementById("modalImage");
+    modal.style.display = "flex";
+    modalImg.src = image.src;
+}
+
+// Cierra el modal al hacer clic en la "x"
+document.querySelector(".close").onclick = function() {
+    document.getElementById("imageModal").style.display = "none";
+}
+
 
diff --git a/perfil.html b/perfil.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mi Página</title>
+    <link rel="stylesheet" href="/styles/styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+</head>
+<body>
+    <!-- Contenido principal de la página Home -->
+    <div class="container">
+        <h1>Bienvenido a tu Perfil</h1>
+        <p>Contenido de la página Perfil.</p>
+    </div>
+
+    <!-- Barra de navegación fija en la parte inferior -->
+    <nav class="bottom-nav">
+        <a href="home.html" class="nav-item home">
+            <i class="bi bi-house"></i>
+            <span>Home</span>
+        </a>
+        <a href="comunidad.html" class="nav-item">
+            <i class="bi bi-people"></i>
+            <span>Comunidad</span>
+        </a>
+        <a href="explorar.html" class="nav-item">
+            <i class="bi bi-search"></i>
+            <span>Explorar</span>
+        </a>
+        <a href="perfil.html" class="nav-item profile">
+            <i class="bi bi-person"></i>
+            <span>Perfil</span>
+        </a>
+    </nav>
+
+
+
+    <script src="/javaScript/script.js"></script>
+
+</body>
+</html>