Commit 0423b55c authored by Alan Ricardo Calderón Martínez's avatar Alan Ricardo Calderón Martínez
Browse files

Finalice el tablero con diseño e interacciones

parent 9c290baa

.DS_Store

(6 KiB)

File changed.

No diff preview for this file type.

View original file
View changed file

.vscode/settings.json

0 → 100644
+3 −0
Original line number Diff line number Diff line 
{

    "liveServer.settings.port": 5501

}
 
 No newline at end of file

calendar.html

0 → 100644
+83 −0
Original line number Diff line number Diff line 
<!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" />

  <meta name="description"

    content="Stay organized with our user-friendly Calendar featuring events, reminders, and a customizable interface. Built with HTML, CSS, and JavaScript. Start scheduling today!" />

  <meta name="keywords" content="calendar, events, reminders, javascript, html, css, open source coding" />

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"

    integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="

    crossorigin="anonymous" referrerpolicy="no-referrer" />

  <link rel="stylesheet" href="./css/calendar.css" />

  <title>Calendario - Eventos</title>

</head>



<body>

  <div class="container">

    <div class="left">

      <div class="calendar">

        <div class="month">

          <i class="fas fa-angle-left prev"></i>

          <div class="date">december 2015</div>

          <i class="fas fa-angle-right next"></i>

        </div>

        <div class="weekdays">

          <div>Do</div>

          <div>Lu</div>

          <div>Ma</div>

          <div>Mi</div>

          <div>Ju</div>

          <div>Vi</div>

          <div>Sa</div>

        </div>

        <div class="days"></div>

        <div class="goto-today">

          <div class="goto">

            <input type="text" placeholder="mm/yyyy" class="date-input" />

            <button class="goto-btn">Ir</button>

          </div>

          <button class="today-btn">Hoy</button>

        </div>

      </div>

    </div>

    <div class="right">

      <div class="today-date">

        <div class="event-day">wed</div>

        <div class="event-date">12th december 2023</div>

      </div>

      <div class="events"></div>

      <div class="add-event-wrapper">

        <div class="add-event-header">

          <div class="title">Añadir evento</div>

          <i class="fas fa-times close"></i>

        </div>

        <div class="add-event-body">

          <div class="add-event-input">

            <input type="text" placeholder="Proposito de la cita" class="event-name" />

          </div>

          <div class="add-event-input">

            <input type="text" placeholder="Inicio" class="event-time-from" />

          </div>

          <div class="add-event-input">

            <input type="text" placeholder="Termino" class="event-time-to" />

          </div>

        </div>

        <div class="add-event-footer">

          <button class="add-event-btn">Añadir evento</button>

        </div>

      </div>

    </div>

    <button class="add-event">

      <i class="fas fa-plus"></i>

    </button>

  </div>







  <script src="./js/calendar.js"></script>

</body>



</html>
 
 No newline at end of file

css/calendar.css

+1 −6
Original line number Diff line number Diff line 
:root {

  --primary-clr: #b38add;

}

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Poppins", sans-serif;

}



/* nice scroll bar */

::-webkit-scrollbar {

  width: 5px;

css/proyectos.css

+1 −1
Original line number Diff line number Diff line
@@ -32,7 +32,7 @@ 
    padding: 0;

    color: white;

    font-size: 19px;

    margin-top: 4px;

    margin-top: 20px;

}

.subtittle-p{

    padding: 0;