Skip to content

Commit 5a0899b

Browse files
Airam2WAiram2W
committed
READ ME upgrade and Fix smarthphone design
1 parent 244e269 commit 5a0899b

9 files changed

Lines changed: 43 additions & 30 deletions

File tree

‎README.md‎

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,24 @@
11
# CardLearnLiberty
2-
An app about anywho can create study cards for study anything. Like, 한국 <--> Korea.
32

4-
Content:
5-
-Login with Google.
3+
An web site about anywho can create and study flashcards about anything.
4+
Like, 한국 <--> Korea.
5+
Can create your account with Gmail and create, view, modificate and study your set of flashcards.
66

7+
---
8+
9+
## Needs for use
10+
11+
- PC, laptop or/and smarthphone (web)
12+
13+
---
14+
15+
## Technollogy used
16+
17+
- Google firebase
18+
- Copilot (Logo of website)
19+
20+
---
21+
22+
## URL of website
23+
24+
[https://airam21170247.github.io/CardLearnLiberty/](https://airam21170247.github.io/CardLearnLiberty/)

‎index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<meta charset="UTF-8">
55
<link rel="stylesheet" href="./styles/style.css">
66
<title>Card Learn Liberty</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
78
</head>
89
<body>
910
<img src="./images/logo.png" alt="Logo" class="logo">

‎pages/cards.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</head>
99
<body>
1010
<main class="container">
11-
<h2 id="set-title">Cargando título...</h2>
11+
<h2 id="set-title">Loading title...</h2>
1212

1313
<div class="card-container">
1414
<div class="card" id="card">
@@ -17,7 +17,7 @@ <h2 id="set-title">Cargando título...</h2>
1717
</div>
1818
</div>
1919

20-
<button id="next-card">Next Card</button>
20+
<button class="btn" id="next-card">Next Card</button>
2121
<a id="again" class="btn" href="#" onclick="location.reload(); return false;">Again</a>
2222
<a id="back-set" class="btn" href="../pages/set.html">← Sets</a>
2323
</div>

‎pages/login.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<link rel="stylesheet" href="../styles/login.css">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<title>Card Learn Liberty</title>
78
</head>
89
<body>

‎pages/menu.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,12 @@
33
<head>
44
<meta charset="UTF-8">
55
<link rel="stylesheet" href="../styles/menu.css">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<title>Card Learn Liberty</title>
78
</head>
89
<body>
910
<div class="menu-container">
10-
<h2 id="user-info">Cargando usuario...</h2> <!-- 👈 Aquí se mostrará el nombre/correo -->
11+
<h2 id="user-info">Cargando usuario...</h2>
1112
<h1>Main Menu</h1>
1213

1314
<div class="menu-buttons">

‎styles/cards.css‎

Lines changed: 3 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,7 @@ body {
128128
.card {
129129
width: 90%;
130130
height: 200px;
131-
font-size: 18px;
131+
font-size: 20px;
132132
}
133133

134134
.card-container {
@@ -140,36 +140,22 @@ body {
140140
padding: 15px;
141141
}
142142

143-
#next-card,
144-
#back-set,
145-
#again {
146-
font-size: 1em;
147-
padding: 8px 12px;
148-
width: 90%;
149-
text-align: center;
150-
}
151143
}
152144

153145
@media (max-width: 480px) {
154146
.card {
155147
width: 100%;
156148
height: 180px;
157-
font-size: 16px;
149+
font-size: 18px;
158150
}
159151

160152
.card-container {
161153
height: 250px;
162154
}
163155

164156
.card-face {
165-
font-size: 1em;
157+
font-size: 1.2em;
166158
padding: 10px;
167159
}
168160

169-
#next-card,
170-
#back-set,
171-
#again {
172-
font-size: 0.9em;
173-
padding: 7px 10px;
174-
}
175161
}

‎styles/login.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@ img{
103103
}
104104

105105
button {
106-
width: 100%;
106+
width: 70%;
107107
padding: 12px;
108108
font-size: 1em;
109109
margin-top: 15px;

‎styles/menu.css‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,13 +84,18 @@ body {
8484
}
8585

8686
.menu-container h1 {
87-
font-size: 28px;
87+
font-size: 32px;
8888
}
8989

9090
.btn {
9191
font-size: 15px;
9292
padding: 10px;
9393
}
94+
95+
#user-info {
96+
font-size: 15px;
97+
margin-top: -10px;
98+
}
9499
}
95100

96101
/* ------------------------------
@@ -104,7 +109,7 @@ body {
104109
}
105110

106111
.menu-container h1 {
107-
font-size: 22px;
112+
font-size: 32px;
108113
}
109114

110115
.menu-buttons {
@@ -118,5 +123,6 @@ body {
118123

119124
#user-info {
120125
font-size: 14px;
126+
margin-top: -10px;
121127
}
122128
}

‎styles/style.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,25 +46,25 @@ a:hover {
4646
/* ----------- RESPONSIVE ----------- */
4747
@media (max-width: 768px) {
4848
.logo {
49-
width: 70%;
49+
width: 100%;
5050
margin-top: -50px;
5151
}
5252

5353
a {
54-
font-size: 1em;
54+
font-size: 1.25em;
5555
padding: 8px 16px;
5656
margin-top: -30px;
5757
}
5858
}
5959

6060
@media (max-width: 480px) {
6161
.logo {
62-
width: 60%;
62+
width: 100%;
6363
margin-top: -20px;
6464
}
6565

6666
a {
67-
font-size: 0.9em;
67+
font-size: 1.25em;
6868
padding: 6px 12px;
6969
margin-top: -10px;
7070
}

0 commit comments

Comments
 (0)