Skip to content

Commit 4d31e49

Browse files
prathmesh-ka-githubprathmesh-ka-github
committed
added basic endpoints for pages. changes all the hrefs. tweaked the theme dropdown menu. minor css cleaning
1 parent a60175f commit 4d31e49

17 files changed

+200
-384
lines changed

‎client/choose.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,15 @@
1010
<link rel="stylesheet" href="styles/choose.css">
1111
</head>
1212
<body>
13-
<a href="index.html">
13+
<a href="/">
1414
<div class="logo-sm">
1515
<img src="Assets/Chessable-logo-dark.png" alt="Chessable logo">
1616
</div>
1717
</a>
1818
<div class="choose-main">
1919

2020
<div class="sub-container">
21-
<a href="two-player.html">
21+
<a href="/tp">
2222
<div>
2323
<img src="Assets/2kings.png" alt="Two player chess">
2424
</div>
@@ -29,14 +29,14 @@
2929
</div>
3030

3131
<div class="sub-container four-player-container">
32-
<a href="four-player.html">
32+
<a href="/fp">
3333
<div>
3434
<img src="Assets/4kings.png" alt="Two player chess">
3535
</div>
3636
</a>
3737
<div class="choose-txt">
3838
4-Player Chess
39-
<a class="tooltip" href="info.html">
39+
<a class="tooltip" href="/fp-info">
4040
<img src="Assets/i.png" alt="">
4141
<span class="tooltip-text">Know More!</span>
4242
</a>

‎client/four-choose.html‎

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
21
<html lang="en">
2+
33
<head>
44
<meta charset="UTF-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,24 +8,28 @@
88
<link rel="stylesheet" href="style.css">
99
<link rel="stylesheet" href="styles/four-choose.css">
1010
</head>
11+
1112
<body>
12-
<a href="index.html">
13+
<a href="/">
1314
<div class="logo-sm">
1415
<img src="Assets/Chessable-logo-dark.png" alt="Chessable logo">
1516
</div>
1617
</a>
1718
<img class="bg-img" src="./Assets/chessable-bg-light.png" alt="background-img">
1819
<div class="container">
19-
<a href="four-game-teams.html">
20+
<a href="fpteams">
2021
<button id="play-team" class="choose-btn">
2122
<img src="Assets/four-player-team.png" alt="four-player-team">
22-
Team</button>
23-
</a>
24-
<a href="four-game-individual.html">
25-
<button id="play-individual" class="choose-btn">
26-
<img src="Assets/four-player-individual.png" alt="four-player-team">
27-
Individual</button>
28-
</a>
23+
Team
24+
</button>
25+
</a>
26+
<a href="/fpindi">
27+
<button id="play-individual" class="choose-btn">
28+
<img src="Assets/four-player-individual.png" alt="four-player-team">
29+
Individual
30+
</button>
31+
</a>
2932
</div>
3033
</body>
34+
3135
</html>

‎client/four-game-individual.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<body>
1212
<img class="bg-img" src="./Assets/chessable-bg-light.png" alt="background-img">
1313

14-
<a href="index.html">
14+
<a href="/">
1515
<div class="logo-sm">
1616
<img src="Assets/Chessable-logo-dark.png" alt="Chessable logo">
1717
</div>

‎client/four-game-teams.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<body>
1212
<img class="bg-img" src="./Assets/chessable-bg-light.png" alt="background-img">
1313

14-
<a href="index.html">
14+
<a href="/">
1515
<div class="logo-sm">
1616
<img src="Assets/Chessable-logo-dark.png" alt="Chessable logo">
1717
</div>

‎client/four-player.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</head>
1111
<body>
1212
<img class="bg-img" src="./Assets/chessable-bg-light.png" alt="background-img">
13-
<a href="index.html">
13+
<a href="/">
1414
<div class="logo-sm">
1515
<img src="Assets/Chessable-logo-dark.png" alt="Chessable logo">
1616
</div>
@@ -33,7 +33,7 @@
3333
</div>
3434
<div class="clk-ply-div">
3535
<button onclick="fifteenmin()" id="b_15min" class="clk-btn">15 mins</button>
36-
<a href="four-choose.html">
36+
<a href="/fpchoose">
3737
<button class="ply-btn-sm">Play!</button>
3838
</a>
3939
</div>

‎client/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,10 @@
2121
<div class="logo-plybtn">
2222
<img src="Assets/Chessable-logo-dark.png" alt="#logo">
2323
<div class="btns-container">
24-
<a href="choose.html">
24+
<a href="/choosescreen">
2525
<button class="ply-btn">Play!</button>
2626
</a>
27-
<a href="learn.html">
27+
<a href="/learn">
2828
<button class="learn-btn">Learn!</button>
2929
</a>
3030
</div>

‎client/info.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
</head>
1313

1414
<body>
15-
<a href="index.html">
15+
<a href="/">
1616
<div class="logo-sm">
1717
<img src="Assets/Chessable-logo-dark.png" alt="Chessable logo">
1818
</div>

‎client/learn.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
</head>
1212

1313
<body>
14-
<a href="index.html">
14+
<a href="/">
1515
<div class="logo-sm">
1616
<img src="Assets/Chessable-logo-dark.png" alt="Chessable logo">
1717
</div>
@@ -22,7 +22,7 @@
2222
<h1>Learn the AZ of chess!</h1>
2323
<img src="Assets/2kings.png" alt="2kings">
2424
</div>
25-
<p>🤔A beginner to chess?<br><br>
25+
<p>🤔 A beginner to chess?<br><br>
2626
Learn basics of chess piece movements,
2727
openings, castling, middle game, end games, checks, checkmates and special moves here!
2828
</p>

‎client/main.html‎

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎client/style.css‎

Lines changed: 116 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ body {
99
}
1010
.project-link{
1111
position: fixed;
12-
right: 0;
12+
right: left;
1313
padding: 20px;
1414
}
1515
.project-link a{
@@ -90,6 +90,121 @@ a {
9090
padding: 20px;
9191
cursor: pointer;
9292
}
93+
94+
95+
/* THEME CSS */
96+
97+
.absolute {
98+
position: absolute;
99+
top: 90px;
100+
left: 20px;
101+
}
102+
103+
.theme-container {
104+
display: flex;
105+
}
106+
107+
.themetitle {
108+
font-size: 30px;
109+
}
110+
111+
.dropbtn {
112+
background-color: #006c8a;
113+
transition: background-color 300ms;
114+
color: white;
115+
padding: 10px;
116+
font-size: 20px;
117+
border: none;
118+
border-radius: 5px;
119+
}
120+
121+
.dropdown {
122+
position: relative;
123+
display: inline-block;
124+
}
125+
126+
.dropdown-content {
127+
display: none;
128+
position: relative;
129+
top: 10px;
130+
background-color: #f1f1f1;
131+
min-width: 220px;
132+
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
133+
z-index: 1;
134+
}
135+
136+
.dropdown-content a {
137+
color: black;
138+
padding: 5px 15px;
139+
text-decoration: none;
140+
display: flex;
141+
align-items: center;
142+
cursor: pointer;
143+
font-size: 15px;
144+
}
145+
146+
.dropdown-content a:hover {
147+
background-color: #ddd;
148+
}
149+
150+
.dropdown:hover .dropdown-content{
151+
display: block;
152+
border: transparent 5px solid;
153+
}
154+
.dropdown-content:hover {
155+
display: block;
156+
}
157+
158+
.dropdown:hover .dropbtn {
159+
background-color: #008bb1;
160+
}
161+
162+
.colorbox {
163+
display: flex;
164+
}
165+
.colorbox div{
166+
width: 20px;
167+
height: 20px;
168+
}
169+
170+
.woodLight {
171+
background-color: #E2C5B0;
172+
173+
}
174+
175+
.woodDark {
176+
background-color: #AA8C77;
177+
178+
}
179+
.steelLight {
180+
background-color: #C3CDDC;
181+
182+
}
183+
184+
.steelDark {
185+
background-color: #8F9EB8;
186+
}
187+
.greyLight {
188+
background-color: #DADADA;
189+
}
190+
191+
.greyDark {
192+
background-color: #ADADAD;
193+
194+
}
195+
.pinkLight {
196+
background-color: #E1C7E2;
197+
198+
}
199+
200+
.pinkDark {
201+
background-color: #C399BF;
202+
203+
}
204+
205+
.themename {
206+
padding: 10px;
207+
}
93208
@media only screen and (max-width: 600px) {
94209
.logo-plybtn img {
95210
width: 90%;

0 commit comments

Comments
 (0)