diff --git a/Design paginas.xd b/Design paginas.xd index f000348..fd6a796 100644 Binary files a/Design paginas.xd and b/Design paginas.xd differ diff --git "a/images/Sem T\303\255tulo-1.png" "b/images/Sem T\303\255tulo-1.png" new file mode 100644 index 0000000..92aeebc Binary files /dev/null and "b/images/Sem T\303\255tulo-1.png" differ diff --git a/images/add_button.svg b/images/add_button.svg new file mode 100644 index 0000000..51d0233 --- /dev/null +++ b/images/add_button.svg @@ -0,0 +1,16 @@ + + + + + + + + diff --git a/images/background.png b/images/background.png index 0ae552c..f4dfdda 100644 Binary files a/images/background.png and b/images/background.png differ diff --git a/images/bola_top.svg b/images/bola_top.svg new file mode 100644 index 0000000..ccc4839 --- /dev/null +++ b/images/bola_top.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + diff --git a/images/bolinhas.svg b/images/bolinhas.svg new file mode 100644 index 0000000..32183d3 --- /dev/null +++ b/images/bolinhas.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icon.png b/images/icon.png new file mode 100644 index 0000000..1a9c1af Binary files /dev/null and b/images/icon.png differ diff --git a/images/teste.svg b/images/teste.svg new file mode 100644 index 0000000..f2e37a4 --- /dev/null +++ b/images/teste.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/images/user.svg b/images/user.svg new file mode 100644 index 0000000..166ebff --- /dev/null +++ b/images/user.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html deleted file mode 100644 index 4b31f82..0000000 --- a/index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - Calendar - - - - - \ No newline at end of file diff --git a/main.html b/main.html new file mode 100644 index 0000000..e947e31 --- /dev/null +++ b/main.html @@ -0,0 +1,24 @@ + + + + + + + Calendar + + + + + +
+

Calendar

+ a people looking for a calendar +
+

Bem vindo ao calendar!

+

Adicione eventos e organize-se!

+
+ Login + Cadastre-se +
+ + \ No newline at end of file diff --git a/Challenge pt 1.png b/organization/Challenge pt 1.png similarity index 100% rename from Challenge pt 1.png rename to organization/Challenge pt 1.png diff --git a/Challenge pt 2.png b/organization/Challenge pt 2.png similarity index 100% rename from Challenge pt 2.png rename to organization/Challenge pt 2.png diff --git "a/Organiza\303\247\303\243o de tempo e ideias.xlsx" "b/organization/Organiza\303\247\303\243o de tempo e ideias.xlsx" similarity index 100% rename from "Organiza\303\247\303\243o de tempo e ideias.xlsx" rename to "organization/Organiza\303\247\303\243o de tempo e ideias.xlsx" diff --git a/pages/events.html b/pages/events.html new file mode 100644 index 0000000..05a9d50 --- /dev/null +++ b/pages/events.html @@ -0,0 +1,775 @@ + + + + + + + Calendar + + + + + + +
+

Calendar

+
+ < + + > +
+ user icon +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+

Seg

+

17

+
+ +
+

Ter

+

18

+
+ +
+

Qua

+

18

+
+ +
+

Qui

+

19

+
+ +
+

Sex

+

20

+
+ +
+

Sab

+

21

+
+ +
+

Dom

+

22

+
+
+
+ button for create a new event +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+
+
+ + \ No newline at end of file diff --git a/pages/login.html b/pages/login.html new file mode 100644 index 0000000..48a4e60 --- /dev/null +++ b/pages/login.html @@ -0,0 +1,35 @@ + + + + + + + Calendar - Login + + + + + +
+
+

Login

+
+
+
+
+
+ +
+ +
+
+ +
+ + + +
+
+
+ + \ No newline at end of file diff --git a/pages/register.html b/pages/register.html new file mode 100644 index 0000000..f7cf922 --- /dev/null +++ b/pages/register.html @@ -0,0 +1,50 @@ + + + + + + + Calendar - Cadastre-se + + + + + +
+
+

Cadastre-se

+
+
+
+
+
+ +
+ +
+
+ +
+ +
+
+ +
+ +
+
+ +
+ +
+
+ +
+ + + +
+
+
+ + \ No newline at end of file diff --git a/style/events.css b/style/events.css new file mode 100644 index 0000000..46a2f64 --- /dev/null +++ b/style/events.css @@ -0,0 +1,149 @@ +body{ + width: 100vw; + height: 100vh; + background-color: white; + font-family: "Poppins"; + margin: 0; + color: #6C63FF; + font-size: 20px; +} + +header{ + width: 100%; + height: 10vh; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #6C63FF; + box-sizing: border-box; +} + +h1{ + font-size: 50px; + margin: 0; + margin-left: 20px; +} + +img{ + height: 60%; + margin-right: 20px; + cursor: pointer; +} + +main{ + width: 100vw; + height: 90vh; + display: flex; + align-items: center; + justify-content: center; +} + +.calendar-container{ + width: 95%; + max-width: 95%; + overflow: auto; + height: 95%; + background-color: white; + border-radius: 10px; + display: flex; + border: 1px solid gray; + box-sizing: border-box; +} + +.calendar-container::-webkit-scrollbar { + width: 5px; +} + +.calendar-container::-webkit-scrollbar-track { + background: transparent; +} +.calendar-container::-webkit-scrollbar-thumb { + background-color: #929292 ; + border-radius: 6px; +} + +.time-container{ + width: 70px; + height: auto; +} + +.margin-corrector{ + width: 100%; + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-top: 70px; +} + +time{ + margin: 0; + margin-top: 40px; +} + +#one{ + margin-top: 55px; +} + +.events-days-container{ + width: 100%; + height: 100%; +} + +.week{ + width: 100%; + height: 70px; + display: flex; +} + +.day{ + width: 14.2857%; + height: 100%; + box-sizing: border-box; + border: 1px solid gray; + text-align: center; +} + +h3{ + margin: 0; +} + +.day-text{ + font-weight: 400; +} + +.events{ + width: 100%; + height: auto; + display: flex; +} + +.add-button{ + width: 90px; + height: auto; + right: 30px; + bottom: 30px; + position: fixed; + cursor: pointer; +} + +.add-button:hover{ + transition: 0.5s; + transform: rotate(90deg); +} + +.add-button:not(:hover){ + transition: 0.5s; + transform: rotate(-90deg); +} + +.events-colum{ + width: 14.2857%; + height: auto; +} + +.hour-cell{ + width: 100%; + height: 70px; + box-sizing: border-box; + border: 1px solid gray; +} \ No newline at end of file diff --git a/style/login.css b/style/login.css new file mode 100644 index 0000000..1b7df88 --- /dev/null +++ b/style/login.css @@ -0,0 +1,76 @@ +body{ + width: 100vw; + height: 100vh; + background-color: white; + font-family: "Poppins"; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + color: #6C63FF; + background-image: url(../images/background.png); + background-repeat: no-repeat; + font-size: 20px; +} + +main{ + width: 470px; + height: 100vh; + text-align: center; +} + +.title-container{ + position: absolute; + width: 470px; + height: auto; + text-align: center; +} + +h1{ + margin: 0; + margin-top: 20px; + font-size: 50px; +} + +.form-container{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + position: relative; + flex-wrap: wrap; +} + +form{ + text-align: left; +} + +.field{ + margin-top: 10px; +} + +.input{ + width: 98%; + height: 35px; + border: 1px solid #6C63FF; + border-radius: 6px; + font-family: "Poppins"; +} + +.botao{ + margin-top: 30px; + width: 100%; + height: 40px; + font-family: "Poppins"; + background-color: #6C63FF; + color: white; + border: 0; + border-radius: 6px; + font-size: 20px; + cursor: pointer; +} + +.botao:hover{ + transition: 0.5s; + background-color: #8a84ff; +} \ No newline at end of file diff --git a/style/main.css b/style/main.css new file mode 100644 index 0000000..37ab0fb --- /dev/null +++ b/style/main.css @@ -0,0 +1,83 @@ +body{ + width: 100vw; + height: 100vh; + background-color: white; + font-family: "Poppins"; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + color: #6C63FF; + background-image: url(../images/background.png); + background-repeat: no-repeat; +} + +main{ + width: 470px; + height: 100vh; + text-align: center; +} + +h1{ + margin: 0; + margin-top: 20px; + font-size: 50px; +} + +img{ + width: 100%; + height: auto; + margin-top: 20px; +} + +div{ + margin-top: 20px; +} + +p{ + margin: 0; + font-size: 20px; + font-weight: 400; +} + +a{ + text-decoration: none; + background-color: #6C63FF; + color: white; + border-radius: 10px; + box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); + margin-top: 30px; + display: block; +} + +a:hover{ + transition: 0.5s; + background-color: #8a84ff; +} + +.login{ + padding: 8px 210px; +} + +.cadastro{ + padding: 8px 180px; + margin-top: 15px; +} + +@media (max-width: 1200px){ + body{ + background-image: none; + } + + main{ + width: 95%; + } + + .login{ + padding: 8px 160px; + } + + .cadastro{ + padding: 8px 130px; + } +} \ No newline at end of file diff --git a/style/register.css b/style/register.css new file mode 100644 index 0000000..a679887 --- /dev/null +++ b/style/register.css @@ -0,0 +1,76 @@ +body{ + width: 100vw; + height: 100vh; + background-color: white; + font-family: "Poppins"; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + color: #6C63FF; + background-image: url(../images/background.png); + background-repeat: no-repeat; + font-size: 20px; +} + +main{ + width: 470px; + height: 100vh; + text-align: center; +} + +.title-container{ + position: absolute; + width: 470px; + height: auto; + text-align: center; +} + +h1{ + margin: 0; + margin-top: 20px; + font-size: 50px; +} + +.form-container{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + position: relative; +} + +form{ + text-align: left; + width: 100%; +} + +.field{ + margin-top: 10px; +} + +.input{ + width: 98%; + height: 35px; + border: 1px solid #6C63FF; + border-radius: 6px; + font-family: "Poppins"; +} + +.botao{ + margin-top: 30px; + width: 100%; + height: 40px; + font-family: "Poppins"; + background-color: #6C63FF; + color: white; + border: 0; + border-radius: 6px; + font-size: 20px; + cursor: pointer; +} + +.botao:hover{ + transition: 0.5s; + background-color: #8a84ff; +} \ No newline at end of file