Skip to content

Commit

Permalink
added Bootstrap package
Browse files Browse the repository at this point in the history
  • Loading branch information
jcqlng committed Aug 15, 2020
1 parent 3f4da11 commit 9779fd2
Show file tree
Hide file tree
Showing 5 changed files with 233 additions and 66 deletions.
150 changes: 150 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 2 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,9 @@
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"bootstrap": "^4.5.2",
"react": "^16.13.1",
"react-bootstrap": "^1.3.0",
"react-dom": "^16.13.1",
"react-scripts": "3.4.3"
},
Expand Down
83 changes: 18 additions & 65 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -1,68 +1,21 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="/manifest.json">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<title>Clicky Game!</title>
<link rel="stylesheet"
href="https://d33wubrfki0l68.cloudfront.net/css/ba81d45f1eb54096e2d1717c5edcbf3af9a19812/static/css/main.269f401f.css">
</head>

<body cz-shortcut-listen="true">
<noscript>You need to enable JavaScript to run this app.</noscript>
<script>"http:" === window.location.protocol && (window.location.protocol = "https:")</script>
<div id="root">
<div>
<nav class="navbar">
<ul>
<li class="brand">
<a href="/">Clicky Game</a>
</li>
<li class="">Click an image to begin!</li>
<li>Score: 0 | Top Score: 0</li>
</ul>
</nav>
<header class="header">
<h1>Clicky Game!</h1>
<h2>Click on an image to earn points, but don't click on any more than once!</h2>
</header>
<main class="container">
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/birdperson.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/goldenford.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/jerry.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/rick.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/jessica.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/meeseeks.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/evilmorty.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/mr.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/beth.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/gianthead.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/summer.png&quot;);"></div>
<div role="img" aria-label="click item" class="click-item"
style="background-image: url(&quot;/assets/images/morty.png&quot;);"></div>
</main>
<footer class="footer">
<div class="bottom">Clicky Game! <img alt="react" src="assets/images/react.svg"></div>
</footer>
</div>
</div>
<script type="text/javascript"src="https://d33wubrfki0l68.cloudfront.net/js/69e9b48b853348cbee160b0699b939e7877c9e64/static/js/main.322bad46.js"></script>
</body>

<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!-- Bootstrap -->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>
<title>Clicky Game</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
2 changes: 1 addition & 1 deletion src/components/Score.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ class Score extends React.Component {
constructor(props, context) {
super(props, context);

// Convert to arrow funtions
// Convert to arrow functions
this.handleShow = this.handleShow.bind(this);
this.handleClose = this.handleClose.bind(this);

Expand Down
Loading

0 comments on commit 9779fd2

Please sign in to comment.