-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
146 lines (141 loc) · 12.1 KB
/
index.html
File metadata and controls
146 lines (141 loc) · 12.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SquareBox!</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="description" content="Sai contare fino a 100? Completa lo SquareBox!"/>
<meta name="author" content="migius"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta itemprop="name" content="SquareBox!"/>
<meta itemprop="description" content="Sai contare fino a 100? Completa lo SquareBox!"/>
<meta itemprop="image" content="https://migius.github.io/SquareBox/SquareBox_s.png"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@brunimichele"/>
<meta name="twitter:title" content="SquareBox!"/>
<meta name="twitter:description" content="Sai contare fino a 100? Completa lo SquareBox!"/>
<meta name="twitter:creator" content="@brunimichele"/>
<meta name="twitter:image:src" content="https://migius.github.io/SquareBox/SquareBox_s.png"/>
<meta name="og:title" content="SquareBox!"/>
<meta name="og:image" content="https://migius.github.io/SquareBox/SquareBox_s.png"/>
<meta name="og:description" content="Sai contare fino a 100? Completa lo SquareBox!"/>
<meta property="og:title" content="SquareBox!"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://migius.github.io/SquareBox/"/>
<meta property="og:image" content="https://migius.github.io/SquareBox/SquareBox_s.png"/>
<meta property="og:description" content="Sai contare fino a 100? Completa lo SquareBox!"/>
<meta property="og:site_name" content="migius"/>
<meta property="og:author" content="migius"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="style.css?v=20200526d" rel="stylesheet">
</head>
<body>
<div class="modal fade bd-example-modal-lg" id="ModalVictory">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" data-lang="GAME_OVER">Game over!</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p id="winPhrase"></p>
</div>
<div class="modal-footer">
<div class="row">
<button type="button" class="btn btn-secondary col-xs-12 col-sm-6 col-lg-3 " data-dismiss="modal" data-lang="CHIUDI">Chiudi</button>
<button type="button" class="btn btn-info col-xs-12 col-sm-6 col-lg-3" onclick="javascript:buidSchema();$('#ModalVictory').modal('hide')" role="button" data-lang="RESTART">Nuova partita</button>
<button type="button" class="btn btn-primary col-xs-12 col-sm-6 col-lg-3" onclick="javascript:shareOnFacebook();$('#ModalVictory').modal('hide')" data-lang="SHARE_FB">Condividi su Facebook</button>
<button type="button" class="btn btn-primary col-xs-12 col-sm-6 col-lg-3" onclick="javascript:shareOnTwitter();$('#ModalVictory').modal('hide')" data-lang="SHARE_TW">Condividi su Twitter</button>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-static-top bg-inverse float-right ">
<!--<a class="navbar-brand" href=/>migius</a> -->
<ul class="nav" >
<li class="nav-item" data-lang-selector="it_IT"> <a class="nav-link" href="javascript:setLanguage('it_IT')" >IT</a> </li>
<li class="nav-item" data-lang-selector="en_US"> <a class="nav-link" href="javascript:setLanguage('en_US')" >EN</a> </li>
<!-- <li class="nav-item" data-lang-selector="fr_FR"> <a class="nav-link" href="javascript:setLanguage('fr_FR')" >FR</a> </li>-->
<li class="nav-item" data-lang-selector="es_ES"> <a class="nav-link" href="javascript:setLanguage('es_ES')" >ES</a> </li>
</ul>
</nav>
<div class="jumbotron">
<h1 class="display-4" data-lang="TITOLO">SquareBox!</h1>
<p data-lang="DESC_BREVE">Sai contare fino a 100? Completa lo SquareBox!</p>
<p data-lang="INTRO">Clicca su una casella per cominciare e poi continua saltando due caselle per muoverti in orizzontale o verticale e saltandone una per muoverti in diagonale!</p>
</div>
<div class="container">
<div id="gameConteiner" class="col-md-6 col-12 mb-4"></div>
<div class="row">
<a class="btn btn-success btn-lg col-12 col-sm-4" href="javascript:buidSchema()" role="button" data-lang="RESTART">Nuova partita</a>
<a class="btn btn-secondary btn-lg col-6 col-sm-4" href="javascript:undo()" role="button" data-lang="ANNULLA">Annulla</a>
<a class="btn btn-info btn-lg sidebtn col-6 col-sm-4" href="javascript:autoSolve()" role="button" data-lang="AUTOSOLVE">Autorisolvi</a>
</div>
<div class="row">
<a class="btn btn-primary btn-lg endbutton col-6" href="javascript:shareOnFacebook()" style="display: none" data-lang="SHARE_FB">Condividi su Facebook</a>
<a class="btn btn-primary btn-lg endbutton col-6" href="javascript:shareOnTwitter()" style="display: none" data-lang="SHARE_TW">Condividi su Twitter</a>
</div>
<hr>
<h3 data-lang="OPTIONS">Opzioni</h3>
<div class="row">
<form onsubmit="buidSchema();return false;">
<div class="form-group row">
<label for="example-text-input" class="col-md-4 col-xs-12 col-form-label" data-lang="AUTOCOMPLETE">Completa automaticamente quando è possibile una sola mossa</label>
<div class="col-md-8 col-xs-12"> <input class="form-check-input" id="Autocomplete" type="checkbox" style="margin-left: 5px;zoom: 200%;" > </div>
</div>
<div class="form-group row">
<label for="numRighe" class="col-md-4 col-xs-12 col-form-label" data-lang="NUMB_ROWS">Numero di righe</label>
<div class="col-md-8 col-xs-12"> <input class="form-control" type="number" value="10" id="numRighe"> </div>
</div>
<div class="form-group row">
<label for="numColonne" class="col-md-4 col-xs-12 col-form-label" data-lang="NUMB_COLUM">Numero di colonne</label>
<div class="col-md-8 col-xs-12"> <input class="form-control" type="number" value="10" id="numColonne"> </div>
</div>
<div class="form-group row">
<label class="col-md-4 col-xs-12 col-form-label" for="algoritmo" data-lang="ALGO">Algoritmo usato da autorisolvi:</label>
<select class="col-md-8 col-xs-12 form-control" id="algoritmo" >
<option value="1" data-lang="RANDOM">Muovi a caso</option>
<option value="2" data-lang="NO_CENTER">Stai lontano dal centro</option>
<option value="3" data-lang="ORIZONTAL">Segui delle tue preferenze</option>
<option value="4" data-lang="DIAGONAL">Segui delle tue preferenze</option>
</select>
</div>
<input style="display:none" type="submit">
</form>
</div>
<footer class="footer container mt-auto py-3 trasp-background">
<div class="container">
<span class="text-muted">
<a href="https://github.com/migius/SquareBox" target="_blank">documentation & source</a>
</span>
<span class="float-right">
<a href="https://migio.altervista.org/lt/" target=_blank class="">migio</a>
<a href="https://github.com/migius" target=_blank>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="navbar-nav-svg " viewBox="0 0 512 499.36" role="img"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"></path></svg></a>
<a href="https://www.instagram.com/_migio/" target=_blank>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="navbar-nav-svg " viewBox="0 0 512 512">
<path
fill="currentColor"
d="M256,49.471c67.266,0,75.233.257,101.8,1.469,24.562,1.121,37.9,5.224,46.778,8.674a78.052,78.052,0,0,1,28.966,18.845,78.052,78.052,0,0,1,18.845,28.966c3.45,8.877,7.554,22.216,8.674,46.778,1.212,26.565,1.469,34.532,1.469,101.8s-0.257,75.233-1.469,101.8c-1.121,24.562-5.225,37.9-8.674,46.778a83.427,83.427,0,0,1-47.811,47.811c-8.877,3.45-22.216,7.554-46.778,8.674-26.56,1.212-34.527,1.469-101.8,1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051,78.051,0,0,1-28.966-18.845,78.053,78.053,0,0,1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233,1.469-101.8c1.121-24.562,5.224-37.9,8.674-46.778A78.052,78.052,0,0,1,78.458,78.458a78.053,78.053,0,0,1,28.966-18.845c8.877-3.45,22.216-7.554,46.778-8.674,26.565-1.212,34.532-1.469,101.8-1.469m0-45.391c-68.418,0-77,.29-103.866,1.516-26.815,1.224-45.127,5.482-61.151,11.71a123.488,123.488,0,0,0-44.62,29.057A123.488,123.488,0,0,0,17.3,90.982C11.077,107.007,6.819,125.319,5.6,152.134,4.369,179,4.079,187.582,4.079,256S4.369,333,5.6,359.866c1.224,26.815,5.482,45.127,11.71,61.151a123.489,123.489,0,0,0,29.057,44.62,123.486,123.486,0,0,0,44.62,29.057c16.025,6.228,34.337,10.486,61.151,11.71,26.87,1.226,35.449,1.516,103.866,1.516s77-.29,103.866-1.516c26.815-1.224,45.127-5.482,61.151-11.71a128.817,128.817,0,0,0,73.677-73.677c6.228-16.025,10.486-34.337,11.71-61.151,1.226-26.87,1.516-35.449,1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486,123.486,0,0,0-29.057-44.62A123.487,123.487,0,0,0,421.018,17.3C404.993,11.077,386.681,6.819,359.866,5.6,333,4.369,324.418,4.079,256,4.079h0Z"/>
<path
fill="currentColor"
d="M256,126.635A129.365,129.365,0,1,0,385.365,256,129.365,129.365,0,0,0,256,126.635Zm0,213.338A83.973,83.973,0,1,1,339.974,256,83.974,83.974,0,0,1,256,339.973Z"/>
<circle
fill="currentColor"
cx="390.476" cy="121.524" r="30.23"/>
</svg>
</a>
</span>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="game.js?v=20200526c"></script>
</body>
</html>