Skip to content
Snippets Groups Projects
Commit b9218b9a authored by MaikoVoigt's avatar MaikoVoigt
Browse files

Tutorial 2

parent 4c73b3e1
No related branches found
No related tags found
No related merge requests found
......@@ -6,3 +6,31 @@ body {
a {
color: #00B7FF;
}
/* Tutorial 2 */
/* Task 6*/
:root {
--square-dark-color: #20B2AA;
--square-light-color: #ADD8E6;
}
/* Task 4 */
#chessboard {
border-collapse: collapse;
}
#chessboard tr td {
background-color: var(--square-dark-color);
width: 2cm;
height: 2cm;
vertical-align: text-top;
}
#chessboard tr:nth-child(2n) td:nth-child(2n){
background-color: var(--square-light-color);
}
#chessboard tr:nth-child(2n-1) td:nth-child(2n-1){
background-color: var(--square-light-color);
}
\ No newline at end of file
<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>
<!-- Tutorial 02 -->
<!-- Task 2 -->
<table id="chessboard">
<tr id="row8">
<td class="A">A8</td>
<td class="B">B8</td>
<td class="C">C8</td>
<td class="D">D8</td>
<td class="E">E8</td>
<td class="F">F8</td>
<td class="G">G8</td>
<td class="H">H8</td>
</tr>
<tr id="row7">
<td class="A">A7</td>
<td class="B">B7</td>
<td class="C">C7</td>
<td class="D">D7</td>
<td class="E">E7</td>
<td class="F">F7</td>
<td class="G">G7</td>
<td class="H">H7</td>
</tr>
<tr id="row6">
<td class="A">A6</td>
<td class="B">B6</td>
<td class="C">C6</td>
<td class="D">D6</td>
<td class="E">E6</td>
<td class="F">F6</td>
<td class="G">G6</td>
<td class="H">H6</td>
</tr>
<tr id="row5">
<td class="A">A5</td>
<td class="B">B5</td>
<td class="C">C5</td>
<td class="D">D5</td>
<td class="E">E5</td>
<td class="F">F5</td>
<td class="G">G5</td>
<td class="H">H5</td>
</tr>
<tr id="row4">
<td class="A">A4</td>
<td class="B">B4</td>
<td class="C">C4</td>
<td class="D">D4</td>
<td class="E">E4</td>
<td class="F">F4</td>
<td class="G">G4</td>
<td class="H">H4</td>
</tr>
<tr id="row3">
<td class="A">A3</td>
<td class="B">B3</td>
<td class="C">C3</td>
<td class="D">D3</td>
<td class="E">E3</td>
<td class="F">F3</td>
<td class="G">G3</td>
<td class="H">H3</td>
</tr>
<tr id="row2">
<td class="A">A2</td>
<td class="B">B2</td>
<td class="C">C2</td>
<td class="D">D2</td>
<td class="E">E2</td>
<td class="F">F2</td>
<td class="G">G2</td>
<td class="H">H2</td>
</tr>
<tr id="row1">
<td class="A">A1</td>
<td class="B">B1</td>
<td class="C">C1</td>
<td class="D">D1</td>
<td class="E">E1</td>
<td class="F">F1</td>
<td class="G">G1</td>
<td class="H">H1</td>
</tr>
</table>
......@@ -5,6 +5,17 @@
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
{{{body}}}
<header>
<h1>Chess Game</h1>
</header>
<main>
{{{body}}}
</main>
<footer>
<p>©Copyright 2023 by Maiko Voigtländer. All rights reversed.</p>
</footer>
</body>
</html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment