e39465ad2f
new file: Files/flashplayer_32_sa.exe
new file: favicon.ico
new file: globe.gif
new file: imgs/download.png
new file: imgs/zuck.jpg
new file: index.html
new file: other.ico
new file: script.js
new file: site.webmanifest
new file: sitemap.html
new file: styles/backround.css
new file: styles/border.css
new file: styles/fonts/Titillium_Web/OFL.txt
new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
new file: styles/style.css
new file: tools/2048/.gitignore
new file: tools/2048/.jshintrc
new file: tools/2048/CONTRIBUTING.md
new file: tools/2048/LICENSE.txt
new file: tools/2048/README.md
new file: tools/2048/Rakefile
new file: tools/2048/favicon.ico
new file: tools/2048/index.html
new file: tools/2048/js/animframe_polyfill.js
new file: tools/2048/js/application.js
new file: tools/2048/js/bind_polyfill.js
new file: tools/2048/js/classlist_polyfill.js
new file: tools/2048/js/game_manager.js
new file: tools/2048/js/grid.js
new file: tools/2048/js/html_actuator.js
new file: tools/2048/js/keyboard_input_manager.js
new file: tools/2048/js/local_storage_manager.js
new file: tools/2048/js/tile.js
new file: tools/2048/meta/apple-touch-icon.png
new file: tools/webretro/cores/neocd_libretro.js
new file: tools/webretro/cores/neocd_libretro.wasm
new file: tools/webretro/cores/nestopia_libretro.js
new file: tools/webretro/cores/nestopia_libretro.wasm
new file: tools/webretro/cores/o2em_libretro.js
new file: tools/webretro/cores/o2em_libretro.wasm
new file: tools/webretro/cores/opera_libretro.js
new file: tools/webretro/cores/opera_libretro.wasm
343 lines
9.1 KiB
HTML
343 lines
9.1 KiB
HTML
<!doctype>
|
|
<html>
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/games/a/minesweeper/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:09:07 GMT -->
|
|
<head>
|
|
<title>💥</title>
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- 👋 this is a wip don't be mean -->
|
|
<!-- check out https://github.com/muan/emoji-minesweeper -->
|
|
|
|
<style type="text/css">
|
|
body {
|
|
font-family: AppleColorEmoji;
|
|
font-size: 15px;
|
|
text-align: center;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
span, input, a, div, button {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.btn, .input {
|
|
padding: 12px 15px;
|
|
font-size: 0.65em;
|
|
border-radius: 3px;
|
|
font-family: 'Exo 2', sans-serif;
|
|
color: #666;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
}
|
|
|
|
.btn {
|
|
background: #f7f7f7;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
border: 0;
|
|
cursor: pointer;
|
|
margin-bottom: 10px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.flex-cell {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.action-btn {
|
|
margin-bottom: 10px;
|
|
background-color: transparent;
|
|
width: 100%;
|
|
display: block;
|
|
font-size: 1.2em;
|
|
padding: 10px;
|
|
border: 1px solid #eee;
|
|
text-decoration: none;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.action-btn:hover {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.action-btn .emoji {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
input[type=radio] {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
input[type=number] {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.input {
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.input-select {
|
|
width: 100%;
|
|
height: 40px;
|
|
padding: 12px;
|
|
font-size: 1em;
|
|
margin-bottom: 10px;
|
|
background: transparent;
|
|
}
|
|
|
|
.divider {
|
|
align-self: center;
|
|
flex: 0;
|
|
padding: 0 10px;
|
|
color: #999;
|
|
font-size: 0.65em;
|
|
}
|
|
|
|
.prepend-input {
|
|
padding: 7px 8px 6px 10px;
|
|
margin: 5px 0;
|
|
border-right: 1px solid #e0e0e0;
|
|
line-height: 1;
|
|
position: absolute;
|
|
}
|
|
|
|
.prepend-input + input {
|
|
width: 100%;
|
|
padding-left: 45px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
code {
|
|
display: none;
|
|
margin-top: 10px;
|
|
text-transform: none;
|
|
background-color: #fff;
|
|
padding: 2px 4px;
|
|
max-width: 400px;
|
|
text-align: left;
|
|
}
|
|
|
|
.cell .emoji {
|
|
width: 100%;
|
|
}
|
|
|
|
.cell {
|
|
/* disable hold to save image in iOS */
|
|
-webkit-touch-callout: none;
|
|
width: 25px;
|
|
height: 25px;
|
|
font-size: 20px;
|
|
background-color: transparent;
|
|
border: 0;
|
|
display: inline-block;
|
|
position: relative;
|
|
padding: 2px 3px;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.unmasked {
|
|
cursor: default;
|
|
}
|
|
|
|
#map {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.wrapper {
|
|
padding: 10px;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: 10px;
|
|
margin-top: 10px;
|
|
border: 5px solid #f4f4f4;
|
|
display: inline-block;
|
|
min-width: 250px;
|
|
}
|
|
|
|
.won .default-emoji,
|
|
.lost .default-emoji {
|
|
display: none;
|
|
}
|
|
|
|
.won #map,
|
|
.lost #map {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.lost {
|
|
box-shadow: 0 0 1px #f00;
|
|
}
|
|
|
|
.won {
|
|
box-shadow: 0 0 1px #1a1;
|
|
}
|
|
|
|
.bar {
|
|
margin: 10px -10px -10px;
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.stat {
|
|
width: 33.3%;
|
|
font-size: 0.85em;
|
|
padding: 8px 10px 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.small-text {
|
|
display: block;
|
|
color: #999;
|
|
margin-top: 5px;
|
|
font-size: 0.7em;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.settings {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
top: -20px;
|
|
right: -20px;
|
|
background-color: #f4f4f4;
|
|
text-align: center;
|
|
border-radius: 25px;
|
|
padding: 2px 8px;
|
|
border: 5px solid #fff;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
.settings .emoji {
|
|
width: 15px;
|
|
margin: 6px 0;
|
|
}
|
|
|
|
.settings-popup {
|
|
margin-right: 10px;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
|
|
.settings-popup button {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.settings-popup .flex {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.show {
|
|
display: block;
|
|
}
|
|
|
|
.settings-popup.show ~ * {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.stat,
|
|
.link-to-github {
|
|
font-family: "Exo 2", sans-serif;
|
|
}
|
|
|
|
.link-to-github {
|
|
margin: 40px auto;
|
|
display: block;
|
|
font-size: 12px;
|
|
color: #08c;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.feedback {
|
|
font-size: 1px;
|
|
width: 1px;
|
|
height: 1;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<button type="button" class="settings js-settings" aria-haspopup="true" aria-expanded="false" aria-label="Settings"></button>
|
|
<div class="js-settings-popup settings-popup">
|
|
<div class="flex">
|
|
<label class="btn flex-cell" aria-label="Use Twitter Emoji"><input type="radio" name="emoji" id="twemoji" checked> Twemoji</label>
|
|
<label class="btn flex-cell" aria-label="Use Native Emoji"><input type="radio" name="emoji" id="emoji"> Native emoji</label>
|
|
</div>
|
|
<div class="flex">
|
|
<input id="cols" class="input flex-cell" type="number" value="10" min="1" max="500" aria-label="Columns">
|
|
<div class="flex-cell divider">×</div>
|
|
<input id="rows" class="input flex-cell" type="number" value="10" min="1" max="500" aria-label="Rows"><br>
|
|
</div>
|
|
<div class="prepend-input">💣</div>
|
|
<input id="bombs" class="input" type="number" value="10" min="1" max="2500" aria-label="Number of bombs">
|
|
<select id="emojiset" class="input input-select" aria-label="Change emoji set">
|
|
<option value="🐣 💣 🚧 ◻️">🐣 💣 🚧</option>
|
|
<option value="🍰 👾 📌 ◻️">🍰 👾 📌</option>
|
|
<option value="🌷 ⚡️ 🐞 ◻️">🌷 ⚡️ 🐞</option>
|
|
<option value="⭕️ ❌ ❗️ ✖️️">⭕️ ❌ ❗️ ✖️</option>
|
|
<option value="☀ ⚡ ☔ ☁️">☀ ⚡ ☔ ☁️</option>
|
|
</select>
|
|
<button class="js-popup-new-game btn" type="button">Save and restart game</button>
|
|
</div>
|
|
<button type="button" class="action-btn js-new-game" aria-label="New game">
|
|
<span class="default-emoji"></span>
|
|
<span id="result" class="result-emoji"></span>
|
|
</button>
|
|
<div id="map" role="grid" aria-label="Mine field">
|
|
</div>
|
|
<div class="bar flex">
|
|
<div class="stat flex-cell"><div id="bombs-left">0</div><span class="small-text">BOMBS</span></div>
|
|
<div class="stat flex-cell"><div id="moves"></div><span class="small-text">MOVES</span></div>
|
|
<div class="stat flex-cell"><div id="timer"></div><span class="small-text">TIME</span></div>
|
|
</div>
|
|
</div>
|
|
<div aria-live="assertive" class="feedback"></div>
|
|
|
|
<!-- haiiii https://github.com/twitter/twemoji is awesome -->
|
|
<script src="twemoji.js"></script>
|
|
<script src="game.js"></script>
|
|
|
|
<script>
|
|
var emojiset = document.getElementById('emojiset').value.split(' ')
|
|
var cols = document.getElementById('cols')
|
|
var rows = document.getElementById('rows')
|
|
var bombs = document.getElementById('bombs')
|
|
|
|
game = new Game(cols.value, rows.value, bombs.value, emojiset, document.getElementById('twemoji').checked)
|
|
|
|
document.querySelector('.js-new-game').addEventListener('click', restart)
|
|
document.querySelector('.js-popup-new-game').addEventListener('click', restart)
|
|
|
|
document.querySelector('.js-settings').addEventListener('click', function() {
|
|
var list = document.querySelector('.js-settings-popup').classList
|
|
list.contains('show') ? list.remove('show') : list.add('show')
|
|
this.setAttribute('aria-expanded', list.contains('show'))
|
|
})
|
|
|
|
function restart () {
|
|
clearInterval(game.timer)
|
|
emojiset = document.getElementById('emojiset').value.split(' ')
|
|
game = new Game(cols.value, rows.value, bombs.value, emojiset, document.getElementById('twemoji').checked)
|
|
document.querySelector('.js-settings-popup').classList.remove('show')
|
|
return false
|
|
}
|
|
</script>
|
|
<link href="http://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet" type="text/css">
|
|
</body>
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/games/a/minesweeper/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:09:08 GMT -->
|
|
</html>
|