Skip to content
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

Jump to bottom

the chinese verison #12

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

the chinese verison #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
5 changes: 5 additions & 0 deletions css/bootstrap.min.css
View file
Open in desktop

Large diffs are not rendered by default.

32 changes: 32 additions & 0 deletions css/fonts.googleapis.css.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
/* latin */
@font-face {
font-family: 'Arvo';
font-style: italic;
font-weight: 400;
src: local('Arvo Italic'), local('Arvo-Italic'), url(https://fonts.gstatic.com/s/arvo/v11/tDbN2oWUg0MKqSIg75Tv.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Arvo';
font-style: italic;
font-weight: 700;
src: local('Arvo Bold Italic'), local('Arvo-BoldItalic'), url(https://fonts.gstatic.com/s/arvo/v11/tDbO2oWUg0MKqSIoVLH68dr_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Arvo';
font-style: normal;
font-weight: 400;
src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v11/tDbD2oWUg0MKqScQ7Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Arvo';
font-style: normal;
font-weight: 700;
src: local('Arvo Bold'), local('Arvo-Bold'), url(https://fonts.gstatic.com/s/arvo/v11/tDbM2oWUg0MKoZw1-LPK8w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
63 changes: 63 additions & 0 deletions css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
/* Colors:
#AC3931 - red
#E5D352 - yellow
#D9E76C - yellow light
#537D8D - blue
#482C3D - purple
*/

body {
background: #537D8D;
font-family: 'Arvo', serif;
}

.container {
margin-top: 20px;
width: 500px;
background: #E5D352;
padding: 20px;
}

h1 {
text-align: center;
font-weight: 700;
color: #AC3931;
}

h2, h3, h4 {
text-align: center;
font-weight: 400;
color: #AC3931;
}

p {
color: #482C3D;
font-size: 16px;
margin-bottom: 10px;
margin-top: 10px;
}

.btn {
font-weight: 700;
}

.btn-default {
background: white;
border: none;
color: #AC3931;
}

.btn-default:hover {
background: #AC3931;
border: none;
color: white;
}

#status {
background: #D9E76C;
padding: 10px;
}

.container-fluid a {
color: #FFFFFF;
}
78 changes: 78 additions & 0 deletions index - chinese.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Guess Number - a game by AiWoNGs</title>
<script src="lib/jquery-1.11.2.min.js"></script>
<script href="lib/bootstrap.min.js"></script>
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<link href='css/fonts.googleapis.css.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="lib/hashids.min.js"></script>
<script src="lib/aiwongs.func.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h1>Guess Number 2019</h1>
<h4> by AiWoNGs</h4>
<p>
由服务器随机生成了一个<b>随机数</b>。 它们是<b>4个完全不同的独立数字</b>，每个数字是<b>1～9</b>之间，
你的任务是<b>猜出</b>这4个数字.
每当你猜一次数字，我都会提示你<b>有多少数字是正确的</b>，同时还会提示你<b>哪些数字的先后位置是正确的</b>.
</p>
<button id="choose_number" class="btn btn-default pull-right">
现在开始生成一个随机数！
</button>
</div>
</div>
<div id="game_board" class="row">
<div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3 id="title_work">你目前的进展...</h3>

<div class="panel panel-default">
<div class="panel-heading">猜数过程</div>
<table id="history_table" class="table table-condensed">
<thead>
<tr>
<th>#</th>
<th>你猜过的数字</th>
<th>正确的数字</th>
<th>位置也正确的数字</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>

<form id="form_number_submit" class="form-inline">
<div class="form-group">
<label for="your_number">输入你的4个数字</label>
<input type="number" class="form-control" id="your_number" placeholder="尝试猜数～">
</div>
<button id="try_it" type="" class="btn btn-default">开始猜！</button>
</form>
</div>
</div>
<div class="row">
<div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
<p id="status" class="small"></p>
</div>
</div>
</div>
<div class="container-fluid">
<p class="text-center">
<a>
The projects
</a>
by
<a>
AiWoNGs
</a>
</p>
</div>
</body>
</html>
82 changes: 82 additions & 0 deletions index - english.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Guess Number - a game by AiWoNGs</title>
<script src="lib/jquery-1.11.2.min.js"></script>
<script href="lib/bootstrap.min.js"></script>
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<link href='css/fonts.googleapis.css.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="lib/hashids.min.js"></script>
<script src="lib/main.js"></script>
</head>
<body>
<!-- Fork -->
<a href="https://github.com/GhitaB/guess-my-number" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>

<div class="container">
<div class="row">
<div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h1>Guess Number 2019</h1>
<h2> by AiWoNGs</h2>
<p>
My number is a <b>random</b> one. It has <b>4 DISTINCT digits</b>.
You must <b>guess</b> it.
When you try a number I will tell you <b>how many digits are ok</b> and how many of them
are in the <b>right place</b>.
</p>
<button id="choose_number" class="btn btn-default pull-right">
Yes. Choose a number, dear computer!
</button>
</div>
</div>
<div id="game_board" class="row">
<div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3 id="title_work">Your work in progress...</h3>

<div class="panel panel-default">
<div class="panel-heading">History</div>
<table id="history_table" class="table table-condensed">
<thead>
<tr>
<th>#</th>
<th>Your number</th>
<th>Good digits</th>
<th>Good positions</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>

<form id="form_number_submit" class="form-inline">
<div class="form-group">
<label for="your_number">Your number</label>
<input type="number" class="form-control" id="your_number" placeholder="Try to guess my number">
</div>
<button id="try_it" type="" class="btn btn-default">Try it!</button>
</form>
</div>
</div>
<div class="row">
<div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
<p id="status" class="small"></p>
</div>
</div>
</div>
<div class="container-fluid">
<p class="text-center">
<a href="https://ghitab.github.io/projects/">
Other projects
</a>
by
<a href="https://ghitab.blogspot.com">
GhitaB
</a>
</p>
</div>
</body>
</html>
Loading