diff options
| author | Minteck <contact@minteck.org> | 2022-05-07 18:15:13 +0200 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-05-07 18:15:13 +0200 |
| commit | 88394101a513cf41dd4af1bb46881e7ae78bcf9f (patch) | |
| tree | e99d2e9fd27ff2b1ebe1790c4e866d3862def0a5 /_general/navbar.html | |
| parent | 1f8e9aab02a849f64aa6069a04cbabaf5993c65a (diff) | |
| download | arcade-88394101a513cf41dd4af1bb46881e7ae78bcf9f.tar.gz arcade-88394101a513cf41dd4af1bb46881e7ae78bcf9f.tar.bz2 arcade-88394101a513cf41dd4af1bb46881e7ae78bcf9f.zip | |
Add RPS
Diffstat (limited to '_general/navbar.html')
| -rw-r--r-- | _general/navbar.html | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/_general/navbar.html b/_general/navbar.html new file mode 100644 index 0000000..6dc721d --- /dev/null +++ b/_general/navbar.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en" translate="no"> +<head> + <meta charset="UTF-8"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> + <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script> + <title>navigation</title> + <style> + #home:hover, .game:hover { + background: #444; + } + + #home:active, .game:active { + background: #555; + } + + * { + overflow: hidden !important; + } + </style> +</head> +<body style="background:#333;margin:0;margin-left:2vw;margin-right:2vw;"> + <a title="Go to Minteck Arcade homepage" href="/" target="_top" id="home" style="display:inline-block;padding:3px 10px;"> + <img src="/_general/favicon.svg" alt="" style="width: 24px;padding: 4px;vertical-align:middle;"> + <span style="display:inline-block;color:white;text-decoration:none;vertical-align: middle;">Minteck Arcade</span> + </a><span id="games" style="margin-top: -25px;display: inline-block;vertical-align: middle;"> + <a title="Tic-Tac-Toe" class="game" href="/tictactoe" target="_top" style="height:36px;display: inline-block;vertical-align: middle;margin-top: 6px;padding-left:5px;padding-right:5px;padding-top: 2px;"> + <img src="/tictactoe/game.svg" style="width:24px;"> + </a><a title="Rock Paper Scissors" class="game" href="/rps" target="_top" style="height:36px;display: inline-block;vertical-align: middle;margin-top: 6px;padding-left:5px;padding-right:5px;padding-top: 2px;"> + <img src="/rps/game.svg" style="width:24px;"> + </a> + </span> +</body> +</html>
\ No newline at end of file |