Merge pull request #5 from kylesalk/master

Image Addition
mr54ndm4n · Oct 3, 2018 · b3d8ec9 · b3d8ec9
2 parents bc6e548 + 0bb124c
commit b3d8ec9
Show file tree

Hide file tree

Showing 12 changed files with 5 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -2,3 +2,6 @@
 Game life counter to play game with friend app using ReactJS and Bulma
 
 https://dreamn.github.io/Life-Counter/
+
+## Images
+Character images taken from [Reddit user /u/CharlieQue](https://www.reddit.com/r/tf2/comments/7t4dhh/i_saw_the_new_player_icons_in_overwatch_and_got/)
diff --git a/bulma.css b/bulma.css
diff --git a/images/player_1.png b/images/player_1.png
diff --git a/images/player_2.png b/images/player_2.png
diff --git a/images/player_3.png b/images/player_3.png
diff --git a/images/player_4.png b/images/player_4.png
diff --git a/images/player_5.png b/images/player_5.png
diff --git a/images/player_6.png b/images/player_6.png
diff --git a/images/player_7.png b/images/player_7.png
diff --git a/images/player_8.png b/images/player_8.png
diff --git a/images/player_9.png b/images/player_9.png
diff --git a/index.js b/index.js
@@ -11,6 +11,7 @@ class LifeCounter extends React.Component{
         return (
             <div className="container">
             <div className="box">
+                <img src={"./images/player_" + this.props.player + ".png"} width="100" height="100"></img>
                 <h2 className="title is-2">Player {this.props.player}</h2>
                 <h3 className="title is-3">Score: {this.state.score}</h3>