Skip to content

Rewrite Mz/X game with React and Tailwind CSS #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 3 commits into
base: master
Choose a base branch
from
Draft

Rewrite Mz/X game with React and Tailwind CSS #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
04bab04
Initial plan
Copilot Dec 3, 2025
7e44e4f
Rewrite Mz/X game with React and Tailwind CSS
Copilot Dec 3, 2025
18c91ac
Address code review feedback
Copilot Dec 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
# Dependencies
node_modules/

# Build output
dist/

# Local env files
.env
.env.local
.env.*.local

# Logs
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Editor directories
.idea/
.vscode/
*.swp
*.swo

# OS files
.DS_Store
Thumbs.db

# Vite
*.local
109 changes: 6 additions & 103 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,111 +1,14 @@
<!DOCTYPE html>
<!--
/***
* ______ ___ _ _ ___________ ____________ _____ _ _ ___________
* | _ \/ _ \| | | |_ _| _ \ | ___ | ___ | ___| | | | ___| ___ \
* | | | / /_\ | | | | | | | | | | | |_/ | |_/ | |__ | | | | |__ | |_/ /
* | | | | _ | | | | | | | | | | | ___ | /| __|| | | | __|| /
* | |/ /| | | \ \_/ /_| |_| |/ / | |_/ | |\ \| |___| |_| | |___| |\ \
* |___/ \_| |_/\___/ \___/|___/ \____/\_| \_\____/ \___/\____/\_| \_|
* _ _ _ _ _____
* | | | | | | | | ___|
* __ _____| |__ | |__ | |_ _ __ ___ | |___ \ __ _ _ __ _ __
* \ \ /\ / / _ | '_ \ | '_ \| __| '_ ` _ \| | \ \ / _` | '_ \| '_ \
* \ V V | __| |_) | | | | | |_| | | | | | /\__/ / | (_| | |_) | |_) |
* \_/\_/ \___|_.__/ |_| |_|\__|_| |_| |_|_\____/ \__,_| .__/| .__/
* | | | |
* |_| |_|
*/
-->

<html lang="en">
<head>
<meta charset="utf-8">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<title>Mz/X - The Game</title>
<meta name="viewport" content="width=device-width,user-scalable=no">

<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!-- Loading Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/custom.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">


<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap" rel="stylesheet" />
<link rel="shortcut icon" href="/images/favicon.ico" />
</head>
<body>
<!-- Load the Facebook JavaScript SDK -->
<!--
<div id="fb-root"></div>
<script src='http://connect.facebook.net/en_US/all.js'></script>
-->
<div id="intro">
<img src="images/logo.png">
</div>
<section id="homeView" class=" text-center" >
<div class="navbar navbar-fixed-top">
<div class="container">
<div class="">
<ul class="nav navbar-nav" id="navigation">
<li><span class="GameTitle"></span></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
<div id="HomeViewControllers" class="btn-group-vertical">

</div>
</section>
<section id="main-view" class="">
<div id="main-id" class="view">
<!-- game canvas -->
</div>


<div class="debug hidden">
<span class="badage">DEBUG</span>
<div id="tagsinput_tagsinput" class="tagsinput " style="height: 100%;">

</div>
</div>
</section>
<section id="settings-view" class="">
<div class="settings-input view container">
<div class="unit">
<h3>Top list</h3>
<table class="table table-bordered" id="scoreTable">
<tbody>
<tr>
<th width="20"></th>
<th>Name</th>
<th width="100">Point</th>
<th width="20">Time</th>
</tr>
</tbody>
</table>
</div>
</div>
</section>

<!-- Modal -->
<div class="modal fade" id="modalDiv" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body panel-body text-center">
<div id="modalBodyContent"></div>
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Load JS here for greater good =============================-->

<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/game.js"></script>
<script>
Game.init();
</script>
<div id="root"></div>
<script type="module" src="/src/index.jsx"></script>
</body>
</html>
Loading