Added first few games

AlexHedley · Jul 2, 2022 · dccedb5 · dccedb5
1 parent 8caf0e6
commit dccedb5
Show file tree

Hide file tree

Showing 5 changed files with 66 additions and 19 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,16 @@
-# GAMENAME
+# Coup
 
-![](images/GAMENAME.jpeg "")
+![Coup](images/coup.jpg "Coup")
 
 ## Site
 
 - [local](http://localhost:8000/)
-- [Published](https://alexhedley.github.io/REPONAME)
+- [Published](https://alexhedley.github.io/coup)
+
+## Game
+
+- https://boardgamegeek.com/boardgame/131357/coup
+- http://indieboardsandcards.com/index.php/our-games/coup/
 
 ## Run
 

diff --git a/data/games.json b/data/games.json
@@ -2,19 +2,57 @@
     "games": [
         {
             "id": 1,
-            "name": "",
-            "date": "2021-01-01",
+            "name": "1st",
+            "date": "2021-06-12",
             "description": "",
             "players": [
                 {
-                    "name": "",
-                    "score": 0,
-                    "winner": true
+                    "name": "Jonathan",
+                    "winner": true,
+                    "position": "1st"
                 },
                 {
-                    "name": "",
-                    "score": 0,
-                    "winner": false
+                    "name": "Corbs",
+                    "winner": false,
+                    "position": "2nd"
+                },
+                {
+                    "name": "Alex",
+                    "winner": false,
+                    "position": "3rd"
+                },
+                {
+                    "name": "Sam",
+                    "winner": false,
+                    "position": "4th"
+                }
+            ]
+        },
+        {
+            "id": 2,
+            "name": "2nd",
+            "date": "2021-06-12",
+            "description": "",
+            "players": [
+                {
+                    "name": "Jonathan",
+                    "winner": true,
+                    "position": "1st"
+                },
+                {
+                    "name": "Corbs",
+                    "winner": false,
+                    "position": "2nd"
+                },
+                {
+                    "name": "Sam",
+                    "winner": false,
+                    "position": "3rd"
+                },
+                {
+                    "name": "Alex",
+                    "winner": false,
+                    "position": "4th"
                 }
             ]
         }

diff --git a/images/.keep b/images/.keep
diff --git a/images/coup.jpg b/images/coup.jpg
diff --git a/index.html b/index.html
@@ -5,8 +5,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <meta name="description" content="">
-    <meta name="keywords" content="">
+    <meta name="description" content="Coup">
+    <meta name="keywords" content="coup">
     <meta name="author" content="Alex Hedley">
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="css/bootstrap.min.css">
@@ -32,7 +32,7 @@
 
         <section class="jumbotron title-container text-center">
             <div>
-                <h1></h1>
+                <h1>Coup</h1>
 
                 <div class="row justify-content-md-center">
                     <div class="col-lg-8">
@@ -51,7 +51,7 @@ <h1></h1>
         </button>
         <div class="collapse" id="image">
             <div class="row justify-content-md-center">
-                <img src="images/.jpeg" width="500px" alt="Game" />
+                <img src="images/coup.jpg" width="500px" alt="Game" />
             </div>
         </div>
 
@@ -84,7 +84,7 @@ <h1></h1>
 
                 <br />
 
-                <div class="row justify-content-md-center">
+                <!-- <div class="row justify-content-md-center">
                     <div class="">
 
                         <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
@@ -93,7 +93,7 @@ <h1></h1>
                             </ol>
                             <div class="carousel-inner">
                                 <div ng-repeat="game in games" class="carousel-item" ng-class='{active:$first}'>
-                                    <img src="/PROJECT/{{game.image}}" class="d-block w-100" alt="{{game.name}}">
+                                    <img src="/coup/{{game.image}}" class="d-block w-100" alt="{{game.name}}">
                                     <div class="carousel-caption d-none d-md-block">
                                         <h5>{{game.name}}</h5>
                                         <p>{{game.description}}</p>
@@ -113,7 +113,7 @@ <h5>{{game.name}}</h5>
                     </div>
                 </div>
 
-                <br />
+                <br /> -->
 
                 <div class="row">
                     <div class="col">
@@ -148,7 +148,11 @@ <h5 class="card-title">{{game.name}}</h5>
                                 <p class="card-text">{{game.description}}</p>
                                 <p class="card-text">{{game.date | date:'d MMM yyyy'}}</p>
                                 <div ng-repeat="player in game.players">
-                                    <p>{{player.name}} <span ng-if="player.winner"><strong>Winner</strong></span></p>
+                                    <p>
+                                        {{player.name}}&nbsp;
+                                        <span ng-if="player.winner"><strong>Winner</strong></span>&nbsp;
+                                        <span class="badge badge-secondary">{{player.position}}</span>
+                                    </p>
                                 </div>
                             </div>
                         </div>