diff options
| author | yuzu-eva <stevenhu@web.de> | 2023-03-21 23:19:41 +0100 |
|---|---|---|
| committer | yuzu-eva <stevenhu@web.de> | 2023-03-21 23:19:41 +0100 |
| commit | c698883b44ff67f5d4184c45aa7099a86a0874c5 (patch) | |
| tree | 7295c294667f33b21ffa0b4f7ce18617a668e5f0 /static | |
| parent | 9de361d8d774b073ad34d8e5700e76cd7681a3f8 (diff) | |
Diffstat (limited to 'static')
| -rw-r--r-- | static/about.html | 3 | ||||
| -rw-r--r-- | static/recipes/omurice.html | 3 | ||||
| -rw-r--r-- | static/recipes/overview.html | 3 | ||||
| -rw-r--r-- | static/recipes/oyakodon.html | 3 | ||||
| -rw-r--r-- | static/recipes/pizza.html | 3 | ||||
| -rw-r--r-- | static/rock-paper-scissors.html | 60 | ||||
| -rw-r--r-- | static/style.css | 8 |
7 files changed, 83 insertions, 0 deletions
diff --git a/static/about.html b/static/about.html index aa8ed48..8522111 100644 --- a/static/about.html +++ b/static/about.html @@ -22,6 +22,9 @@ <li> <a href="./recipes/overview.html">Recipes</a> </li> + <li> + <a href="./rock-paper-scissors.html">Rock Paper Scissors</a> + </li> </ul> </nav> </header> diff --git a/static/recipes/omurice.html b/static/recipes/omurice.html index 2f00c83..69fc2a7 100644 --- a/static/recipes/omurice.html +++ b/static/recipes/omurice.html @@ -22,6 +22,9 @@ <li> <a href="./overview.html">Recipes</a> </li> + <li> + <a href="../rock-paper-scissors.html">Rock Paper Scissors</a> + </li> </ul> </nav> diff --git a/static/recipes/overview.html b/static/recipes/overview.html index 6ccf1c7..aa201eb 100644 --- a/static/recipes/overview.html +++ b/static/recipes/overview.html @@ -22,6 +22,9 @@ <li> <a href="./overview.html">Recipes</a> </li> + <li> + <a href="../rock-paper-scissors.html">Rock Paper Scissors</a> + </li> </ul> </nav> diff --git a/static/recipes/oyakodon.html b/static/recipes/oyakodon.html index a3e3ba4..50edbf0 100644 --- a/static/recipes/oyakodon.html +++ b/static/recipes/oyakodon.html @@ -22,6 +22,9 @@ <li> <a href="./overview.html">Recipes</a> </li> + <li> + <a href="../rock-paper-scissors.html">Rock Paper Scissors</a> + </li> </ul> </nav> diff --git a/static/recipes/pizza.html b/static/recipes/pizza.html index b503959..6d2deb3 100644 --- a/static/recipes/pizza.html +++ b/static/recipes/pizza.html @@ -22,6 +22,9 @@ <li> <a href="./overview.html">Recipes</a> </li> + <li> + <a href="../rock-paper-scissors.html">Rock Paper Scissors</a> + </li> </ul> </nav> diff --git a/static/rock-paper-scissors.html b/static/rock-paper-scissors.html new file mode 100644 index 0000000..3e80491 --- /dev/null +++ b/static/rock-paper-scissors.html @@ -0,0 +1,60 @@ +<!DOCTYPE html> +<html lang="en-US"> + +<head> + <title>Rock Paper Scissors</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=devide-width,initial-scale=1"> + <link rel="stylesheet" href="./style.css"> + <link rel="icon" type="image/x-icon" href="../images/favicon.ico" sizes="16x16"> +</head> + +<body> + <header> + <nav> + <ul> + <li> + <a href="../index.html">Home</a> + </li> + <li> + <a href="./about.html">About</a> + </li> + <li> + <a href="./recipes/overview.html">Recipes</a> + </li> + <li> + <a href="./rock-paper-scissors.html">Rock Paper Scissors</a> + </li> + </ul> + </nav> + </header> + + <div id="headerwrapper"> + <h1>Rock Paper Scissors</h1> + <h2>First to five Wins!</h2> + </div> + + <main> + <div class="wrapper-centered"> + <button class="btn" id="rock">rock</button> + <button class="btn" id="paper">paper</button> + <button class="btn" id="scissors">scissors</button> + + </div> + <div class="text-centered"> + <p id="player-score">player score:</p> + <p id="comp-score">computer score:</p> + + <p id="output">hopefully you're better than a machine ://</p> + </div> + </main> + + <footer> + <div class="wrapper-centered"> + <p>Bottom Text</p> + </div> + </footer> +</body> +<script src="../scripts/rps.js"></script> + +</html> diff --git a/static/style.css b/static/style.css index 2b3aef9..579e18d 100644 --- a/static/style.css +++ b/static/style.css @@ -121,3 +121,11 @@ img { div.flex-stack.top-gap { background-color: #a0a0a0; } + +.btn { + margin: 50px; + width: 200px; + height: 200px; + background-color: aliceblue; + outline: none +} |