commit 83b20d3bbf29a76bd600bfcb0f507ea6e79a530f parent 6c9470292d35ba3ba1130dbc50715d670b6a1ffe Author: GuyClicking <bpaul848@gmail.com> Date: Wed, 14 Apr 2021 23:22:50 +1000 circles Diffstat:
| A | games/connect-4 | | | 1 | + |
| M | games/connect-4.html | | | 77 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- |
2 files changed, 77 insertions(+), 1 deletion(-)
diff --git a/games/connect-4 b/games/connect-4 @@ -0,0 +1 @@ +Subproject commit 9c2cd23a211e1846b7b9783d735def1a95b0e75c diff --git a/games/connect-4.html b/games/connect-4.html @@ -1 +1,76 @@ -hi +<!DOCTYPE html> +<html> + <head> +<style> +.circle { + width: 50px; + height: 50px; + display: inline-block; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + border-radius: 50%; + background: grey; +} +.blue { + background: blue !important; +} +.red { + background: red !important; +} +</style> + <script> +let board = [[]]; +// i dislike js + </script> + </head> + <body> + <div id="circle-5-0" class="circle"></div> + <div id="circle-5-1" class="circle"></div> + <div id="circle-5-2" class="circle"></div> + <div id="circle-5-3" class="circle"></div> + <div id="circle-5-4" class="circle"></div> + <div id="circle-5-5" class="circle"></div> + <div id="circle-5-6" class="circle"></div> + <br> + <div id="circle-4-0" class="circle"></div> + <div id="circle-4-1" class="circle"></div> + <div id="circle-4-2" class="circle"></div> + <div id="circle-4-3" class="circle"></div> + <div id="circle-4-4" class="circle"></div> + <div id="circle-4-5" class="circle"></div> + <div id="circle-4-6" class="circle"></div> + <br> + <div id="circle-3-0" class="circle"></div> + <div id="circle-3-1" class="circle"></div> + <div id="circle-3-2" class="circle"></div> + <div id="circle-3-3" class="circle"></div> + <div id="circle-3-4" class="circle"></div> + <div id="circle-3-5" class="circle"></div> + <div id="circle-3-6" class="circle"></div> + <br> + <div id="circle-2-0" class="circle"></div> + <div id="circle-2-1" class="circle"></div> + <div id="circle-2-2" class="circle"></div> + <div id="circle-2-3" class="circle"></div> + <div id="circle-2-4" class="circle"></div> + <div id="circle-2-5" class="circle"></div> + <div id="circle-2-6" class="circle"></div> + <br> + <div id="circle-1-0" class="circle"></div> + <div id="circle-1-1" class="circle"></div> + <div id="circle-1-2" class="circle"></div> + <div id="circle-1-3" class="circle"></div> + <div id="circle-1-4" class="circle"></div> + <div id="circle-1-5" class="circle"></div> + <div id="circle-1-6" class="circle"></div> + <br> + <div id="circle-0-0" class="circle"></div> + <div id="circle-0-1" class="circle"></div> + <div id="circle-0-2" class="circle"></div> + <div id="circle-0-3" class="circle"></div> + <div id="circle-0-4" class="circle"></div> + <div id="circle-0-5" class="circle"></div> + <div id="circle-0-6" class="circle"></div> + <br> + </body> +</html>