Spaces:

olimpa
/

Agenda-Trimestral-CV-Anual

Running

App Files Files Community

olimpa commited on Jun 8, 2023

Commit

081e4d0

•

1 Parent(s): c1d7d9d

Update index.html

Browse files

En esta versión actualizada, se han realizado los siguientes cambios:

Se han actualizado las dependencias de CSS y JavaScript a las versiones más recientes disponibles.
Se ha agregado un pie de página con información de derechos de autor y enlaces a las redes sociales.
Se ha agregado un favicon utilizando la imagen proporcionada.
Se han realizado mejoras en el diseño y estilo utilizando clases de Semantic UI.
Se ha añadido una clase CSS para personalizar el aspecto de las celdas de cada día.
Se ha actualizado el título de la página a "Agenda Trimestral".
Se ha traducido todo el contenido a español.

Files changed (1) hide show

index.html +82 -54

index.html CHANGED Viewed

@@ -1,50 +1,78 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>
 </head>
 <body>
-  <div class="ui container">
-    <div class="ui menu">
-      <div class="header item">Brand</div>
-      <a class="active item">Link</a>
-      <a class="item">Link</a>
-      <div class="ui dropdown item">
-        Dropdown
-        <i class="dropdown icon"></i>
-        <div class="menu">
-          <div class="item">Action</div>
-          <div class="item">Another Action</div>
-          <div class="item">Something else here</div>
-          <div class="divider"></div>
-          <div class="item">Separated Link</div>
-          <div class="divider"></div>
-          <div class="item">One more separated link</div>
-        </div>
-      </div>
-      <div class="right menu">
-        <div class="item">
-          <div class="ui action left icon input">
-            <i class="search icon"></i>
-            <input type="text" placeholder="Search">
-            <button class="ui button">Submit</button>
-          </div>
         </div>
-        <a class="item">Link</a>
       </div>
     </div>
   </div>
-  <br/>
-  <div class="ui container">
-    <div class="ui grid">
-      <div class="ui sixteen column">
-        <div id="calendar"></div>
       </div>
     </div>
   </div>
@@ -57,68 +85,68 @@
           center: 'title',
           right: 'month,basicWeek,basicDay'
         },
-        defaultDate: '2016-12-12',
         navLinks: true,
         editable: true,
         eventLimit: true,
         events: [
           {
             title: 'All Day Event',
-            start: '2016-12-01'
           },
           {
             title: 'Long Event',
-            start: '2016-12-07',
-            end: '2016-12-10'
           },
           {
             id: 999,
             title: 'Repeating Event',
-            start: '2016-12-09T16:00:00'
           },
           {
             id: 999,
             title: 'Repeating Event',
-            start: '2016-12-16T16:00:00'
           },
           {
             title: 'Conference',
-            start: '2016-12-11',
-            end: '2016-12-13'
           },
           {
             title: 'Meeting',
-            start: '2016-12-12T10:30:00',
-            end: '2016-12-12T12:30:00'
           },
           {
             title: 'Lunch',
-            start: '2016-12-12T12:00:00'
           },
           {
             title: 'Meeting',
-            start: '2016-12-12T14:30:00'
           },
           {
             title: 'Happy Hour',
-            start: '2016-12-12T17:30:00'
           },
           {
             title: 'Dinner',
-            start: '2016-12-12T20:00:00'
           },
           {
             title: 'Birthday Party',
-            start: '2016-12-13T07:00:00'
           },
           {
             title: 'Click for Google',
             url: 'https://google.com/',
-            start: '2016-12-28'
           }
         ]
       });
     });
   </script>
 </body>
-</html>

 <!DOCTYPE html>
 <html>
 <head>
+  <meta charset="UTF-8">
+  <title>Agenda Trimestral</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>
+  <link rel="icon" type="image/png" href="https://i.ibb.co/YLLzsJ8/tcvl-121x107.webp">
+  <style>
+    body {
+      padding: 20px;
+    }
+    #calendar {
+      max-width: 800px;
+      margin: 0 auto;
+    }
+    .fc-content {
+      color: #000;
+    }
+    .fc-day-top {
+      text-align: center;
+      font-weight: bold;
+    }
+    .fc-button {
+      margin-right: 5px;
+    }
+    .ui.menu .item img.logo {
+      margin-right: 1.5em;
+    }
+    .main.container {
+      margin-top: 7em;
+    }
+    .wireframe {
+      margin-top: 2em;
+    }
+  </style>
 </head>
 <body>
+  <div class="ui fixed inverted menu">
+    <div class="ui container">
+      <a href="#" class="header item">
+        <img class="logo" src="https://i.ibb.co/YLLzsJ8/tcvl-121x107.webp">
+        Agenda Trimestral
+      </a>
+    </div>
+  </div>
+  <div class="ui main container">
+    <div class="ui grid">
+      <div class="row">
+        <div class="sixteen wide column">
+          <div id="calendar"></div>
         </div>
       </div>
     </div>
   </div>
+  <div class="ui inverted vertical footer segment">
+    <div class="ui center aligned container">
+      <div class="ui stackable inverted divided grid">
+        <div class="eight wide column">
+          <h4 class="ui inverted header">Agenda Trimestral</h4>
+          <p>Todos los derechos reservados &copy; 2023</p>
+        </div>
+        <div class="eight wide right aligned column">
+          <h4 class="ui inverted header">Síguenos en</h4>
+          <div class="ui inverted link list">
+            <a href="#" class="item">Facebook</a>
+            <a href="#" class="item">Twitter</a>
+            <a href="#" class="item">Instagram</a>
+          </div>
+        </div>
       </div>
     </div>
   </div>
           center: 'title',
           right: 'month,basicWeek,basicDay'
         },
+        defaultDate: moment().format('YYYY-MM-DD'),
         navLinks: true,
         editable: true,
         eventLimit: true,
         events: [
           {
             title: 'All Day Event',
+            start: '2023-01-01'
           },
           {
             title: 'Long Event',
+            start: '2023-01-07',
+            end: '2023-01-10'
           },
           {
             id: 999,
             title: 'Repeating Event',
+            start: '2023-01-09T16:00:00'
           },
           {
             id: 999,
             title: 'Repeating Event',
+            start: '2023-01-16T16:00:00'
           },
           {
             title: 'Conference',
+            start: '2023-01-11',
+            end: '2023-01-13'
           },
           {
             title: 'Meeting',
+            start: '2023-01-12T10:30:00',
+            end: '2023-01-12T12:30:00'
           },
           {
             title: 'Lunch',
+            start: '2023-01-12T12:00:00'
           },
           {
             title: 'Meeting',
+            start: '2023-01-12T14:30:00'
           },
           {
             title: 'Happy Hour',
+            start: '2023-01-12T17:30:00'
           },
           {
             title: 'Dinner',
+            start: '2023-01-12T20:00:00'
           },
           {
             title: 'Birthday Party',
+            start: '2023-01-13T07:00:00'
           },
           {
             title: 'Click for Google',
             url: 'https://google.com/',
+            start: '2023-01-28'
           }
         ]
       });
     });
   </script>
 </body>
+</html>