Skip to content

Commit 70f3996

Browse files
leadvicleadvic
committed
big changes organization
1 parent 92edee3 commit 70f3996

File tree

9 files changed

+280
-57
lines changed

9 files changed

+280
-57
lines changed

‎CSS/main.css

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');
2+
3+
* {
4+
margin: 0px;
5+
padding: 0px;
6+
color: white;
7+
font-family: 'Lato', sans-serif;
8+
text-decoration: none;
9+
}
10+
11+
:root{
12+
--main-radius:5px;
13+
--main-padding:5px;
14+
--main-background: rgba(0, 0, 0, .8);
15+
}
16+
17+
p,h1,h2{
18+
color: white;
19+
}
20+
21+
body {
22+
display: grid;
23+
height: 100vh;
24+
margin: 5px;
25+
grid-template-columns: 1fr 1fr 1fr 1fr;
26+
grid-template-rows: 0.2fr 2fr 1fr 0.5fr;
27+
grid-template-areas:
28+
"nav nav nav nav"
29+
"main main main aside"
30+
"c1 c2 c3 aside"
31+
"footer footer footer footer";
32+
grid-gap: 5px;
33+
text-align: center;
34+
background-image: url("../images/7.jpg"); /* Se recomienda usar 3 y 6 */
35+
background-attachment: fixed;
36+
background-size: cover;
37+
background-position: center;
38+
}
39+
40+
/* Navegation Bar */
41+
42+
nav {
43+
grid-area: nav;
44+
border-radius: var(--main-radius:5px;);
45+
padding-top: var(--main-padding);
46+
background: var(--main-background);
47+
border-radius: 10px;
48+
}
49+
50+
.logo{
51+
cursor: pointer;
52+
}
53+
54+
.navegationBar{
55+
display: grid;
56+
grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
57+
grid-gap: 5px;
58+
align-items: center;
59+
}
60+
61+
.navegationBar img{
62+
width: 40px;
63+
}
64+
65+
.navegationBar li{
66+
grid-auto-rows: 1px solid white;
67+
}
68+
69+
70+
.navegationBar li{
71+
padding-right: 10px;
72+
}
73+
74+
.navegationBar li a{
75+
transition: all ease 0.2s;
76+
}
77+
78+
.navegationBar li a:hover{
79+
color: white;
80+
}
81+
82+
/* Main Content */
83+
84+
main {
85+
grid-area: main;
86+
border-radius: var(--main-radius:5px;);
87+
padding-top: var(--main-padding);
88+
background: var(--main-background);
89+
border-radius: 10px;
90+
}
91+
92+
/* Aside Content */
93+
94+
aside {
95+
grid-area: aside;
96+
border-radius: var(--main-radius:5px;);
97+
padding-top: var(--main-padding);
98+
background: var(--main-background);
99+
border-radius: 10px;
100+
}
101+
102+
/* Extra Content 1 */
103+
104+
.c1 {
105+
grid-area: c1;
106+
border-radius: var(--main-radius:5px;);
107+
padding-top: var(--main-padding);
108+
background: var(--main-background);
109+
border-radius: 10px;
110+
}
111+
112+
/* Extra Content 2 */
113+
114+
.c2 {
115+
grid-area: c2;
116+
border-radius: var(--main-radius:5px;);
117+
padding-top: var(--main-padding);
118+
background: var(--main-background);
119+
border-radius: 10px;
120+
}
121+
122+
/* Extra Content 3 */
123+
124+
.c3 {
125+
grid-area: c3;
126+
border-radius: var(--main-radius:5px;);
127+
padding-top: var(--main-padding);
128+
background: var(--main-background);
129+
border-radius: 10px;
130+
}
131+
132+
/* footer */
133+
134+
footer {
135+
grid-area: footer;
136+
border-radius: var(--main-radius:5px;);
137+
padding-top: var(--main-padding);
138+
background: var(--main-background);
139+
border-radius: 10px;
140+
}
141+
142+
/* Responsive */
143+
144+
@media only screen and (max-width: 550px) {
145+
body {
146+
grid-template-columns: 1fr;
147+
grid-template-rows: 0.2fr 0.4fr 2fr 1fr 1fr 1fr 0.4fr;
148+
grid-template-areas:
149+
"nav"
150+
"aside"
151+
"main"
152+
"c1"
153+
"c2"
154+
"c3"
155+
"footer";
156+
background-image: url("../images/4.jpg");
157+
}
158+
}

‎style.css renamed to ‎CSS/register.css

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,22 @@
33
* {
44
margin: 0px;
55
padding: 0px;
6-
color: black;
6+
color: white;
77
font-family: 'Lato', sans-serif;
88
text-decoration: none;
99
}
1010

11+
:root{
12+
--main-background: rgba(0, 0, 0, .6);
13+
}
14+
1115
html {
1216
height: 100%;
1317
}
1418

1519
body {
1620
height: 100%;
17-
background-image: url("images/6.jpg");
18-
/* Se recomienda usar 3 y 6 */
21+
background-image: url("../images/6.jpg"); /* Se recomienda usar 3 y 6 */
1922
background-attachment: fixed;
2023
background-size: cover;
2124
background-position: center;
@@ -34,7 +37,7 @@ header {
3437
align-items: center;
3538
width: 280px;
3639
border-radius: 20px;
37-
background: rgba(0, 0, 0, .3);
40+
background: var(--main-background);
3841
padding: 20px;
3942
}
4043

@@ -70,11 +73,11 @@ header {
7073

7174
.button {
7275
width: 50%;
73-
background: rgba(0, 0, 0, .2);
76+
background: var(--main-background);
7477
text-align: center;
7578
padding: 5px;
7679
cursor: pointer;
77-
transition: all ease 0.1s;
80+
transition: all ease 0.2s;
7881
}
7982

8083
.logInBox a {
@@ -83,12 +86,12 @@ header {
8386
}
8487

8588
.button:hover {
86-
background: rgba(0, 0, 0, .4);
89+
background: rgba(0, 0, 0, 1);
8790
}
8891

8992
footer {
9093
width: 100%;
91-
background-color: rgba(0, 0, 0, 0.3);
94+
background: var(--main-background);
9295
}
9396

9497
footer ul {

‎dashboard.html

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Page Title</title>
6+
<link rel="stylesheet" href="CSS/main.css">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<script src="https://kit.fontawesome.com/59aed36701.js" crossorigin="anonymous"></script>
9+
10+
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
11+
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-auth.js"></script>
12+
13+
<script>
14+
var firebaseConfig = {
15+
apiKey: "AIzaSyBQLalbKz4QoOHF0Oj919X-XUyKxO7Leh0",
16+
authDomain: "usuarios-c0cb4.firebaseapp.com",
17+
databaseURL: "https://usuarios-c0cb4.firebaseio.com",
18+
projectId: "usuarios-c0cb4",
19+
storageBucket: "usuarios-c0cb4.appspot.com",
20+
messagingSenderId: "1022139587362",
21+
appId: "1:1022139587362:web:a6f8de6be3fb1f7e84237b",
22+
measurementId: "G-C70TJG336T"
23+
};
24+
firebase.initializeApp(firebaseConfig);
25+
</script>
26+
27+
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>
28+
29+
</head>
30+
31+
<body>
32+
33+
<nav>
34+
<ul class="navegationBar">
35+
<li><img src="images/logo.png" class="logo"></li>
36+
<li><a href="#">item1</a></li>
37+
<li><a href="#">item2</a></li>
38+
<li><a href="#">item3</a></li>
39+
<li><a href="#">LogOut</a></li>
40+
</ul>
41+
</nav>
42+
43+
<main>
44+
main
45+
</main>
46+
47+
<aside>
48+
aside
49+
</aside>
50+
51+
<div class="c1">
52+
content1
53+
</div>
54+
55+
<div class="c2">
56+
content2
57+
</div>
58+
59+
<div class="c3">
60+
content3
61+
</div>
62+
63+
<footer>
64+
footer
65+
</footer>
66+
67+
<script src="script.js"></script>
68+
</body>
69+
70+
</html>

‎images/logo.png

9.62 KB
Loading

‎index.html

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,8 @@
22
<html>
33

44
<head>
5-
<meta name="yandex-verification" content="7651cea451c05a4c" />
65
<title>Page Title</title>
7-
<link rel="stylesheet" href="style.css">
6+
<link rel="stylesheet" href="CSS/register.css">
87
<meta name="viewport" content="width=device-width, initial-scale=1.0">
98
<script src="https://kit.fontawesome.com/59aed36701.js" crossorigin="anonymous"></script>
109

@@ -13,15 +12,15 @@
1312

1413
<script>
1514
var firebaseConfig = {
16-
apiKey: "AIzaSyDRIMBhn--t15-3ZHrjDXussUSy5FbqvUQ",
17-
authDomain: "mipc-82f6d.firebaseapp.com",
18-
databaseURL: "https://mipc-82f6d.firebaseio.com",
19-
projectId: "mipc-82f6d",
20-
storageBucket: "mipc-82f6d.appspot.com",
21-
messagingSenderId: "899225335434",
22-
appId: "1:899225335434:web:ec2f1ff3f409b1c47d9f73",
23-
measurementId: "G-L08R0ELNPG"
24-
};
15+
apiKey: "AIzaSyBQLalbKz4QoOHF0Oj919X-XUyKxO7Leh0",
16+
authDomain: "usuarios-c0cb4.firebaseapp.com",
17+
databaseURL: "https://usuarios-c0cb4.firebaseio.com",
18+
projectId: "usuarios-c0cb4",
19+
storageBucket: "usuarios-c0cb4.appspot.com",
20+
messagingSenderId: "1022139587362",
21+
appId: "1:1022139587362:web:a6f8de6be3fb1f7e84237b",
22+
measurementId: "G-C70TJG336T"
23+
};
2524
firebase.initializeApp(firebaseConfig);
2625
</script>
2726

@@ -51,12 +50,11 @@
5150

5251
<footer>
5352
<ul>
54-
<li><a href="index.html">Log In</a></li>
5553
<li><a href="register.html">Register</a></li>
5654
</ul>
5755
</footer>
5856

59-
<script src="script.js"></script>
57+
<script src="javaScript/script.js"></script>
6058
</body>
6159

6260
</html>

‎script.js renamed to ‎javaScript/script.js

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -73,13 +73,14 @@ observador();
7373

7474
function cerrar() {
7575
firebase.auth().signOut()
76-
.then(function() {
77-
console.log('Saliendo...');
78-
location.href='index.html';
79-
})
80-
.catch(function(error){
81-
console.log(error);
82-
})
76+
.then(function() {
77+
console.log('Saliendo...');
78+
location.href = 'index.html';
79+
})
80+
.catch(function(error) {
81+
console.log(error);
82+
})
83+
8384
}
8485

8586
function verificar() {

0 commit comments

Comments
 (0)