manuth/ConnectForce
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: manuth:aaac8f1912de394782629a5b33056bfd9c29f68d
Branches Tags
manuth:main
manuth:dev
manuth:webpack
manuth:gh-pages
manuth:week-09
manuth:week-08
..
compare: manuth:6df728d36ede90df08f81a51e02cf77865c1cfa2
Branches Tags
manuth:dev
manuth:main
manuth:webpack
manuth:gh-pages
manuth:week-09
manuth:week-08

No commits in common. "aaac8f1912de394782629a5b33056bfd9c29f68d" and "6df728d36ede90df08f81a51e02cf77865c1cfa2" have entirely different histories.
aaac8f1912 ... 6df728d36e

2 changed files with 37 additions and 65 deletions
Show stats Expand all files Collapse all files

67
src/index.html
View file

@ -3,6 +3,43 @@
<head>
<meta charset="UTF-8">
<title>Vier gewinnt</title>
<style>
div {
box-sizing: border-box;
}
.board {
width: 84vw;
margin: auto;
outline: 1px solid black;
}
.board .field {
border: 1px solid black;
width: 12vw;
height: 12vw;
display: none;
}
.board .field:first-child {
display: block;
}
.board .field .piece {
width: 10vw;
height: 10vw;
border-radius: 50%;
margin: 1vw;
}
.board .field .blue {
background-color: blue;
}
.board .field .red {
background-color: red;
}
</style>
<link rel="stylesheet" href="./styles/style.css" />
<script type="module" src="./js/main.js"></script>
</head>
@ -16,7 +53,6 @@
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field">
<div class="red piece"></div>
</div>
@ -25,35 +61,6 @@
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
<div class="field"></div>
</div>
</body>
</html>

35
src/styles/style.css
View file

@ -1,35 +0,0 @@
div {
box-sizing: border-box;
}
.board {
width: 84vw;
margin: auto;
outline: 1px solid black;
}
.board .field {
border: 1px solid black;
width: 12vw;
height: 12vw;
float: left;
}
.board .row .field:first-child {
clear: both;
}
.board .field .piece {
width: 10vw;
height: 10vw;
border-radius: 50%;
margin: 1vw;
}
.board .field .blue {
background-color: blue;
}
.board .field .red {
background-color: red;
}