This repository has been archived by the owner on Jun 11, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (89 loc) · 4.08 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; img-src file:">
<title>Puzzle matematyczne</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- All of the Node.js APIs are available in this renderer process. -->
<!-- Title bar -->
<div id="title-bar">
<div class="resize-handle top"></div>
<div class="resize-handle left"></div>
<div id="icon">
<svg aria-hidden="true" viewBox="0 0 535.5 535.5"><path d="M471.75,255H433.5V153c0-28.05-22.95-51-51-51h-102V63.75C280.5,28.05,252.45,0,216.75,0S153,28.05,153,63.75V102H51 c-28.05,0-51,22.95-51,51v96.9h38.25c38.25,0,68.85,30.6,68.85,68.85S76.5,387.6,38.25,387.6H0v96.9c0,28.05,22.95,51,51,51h96.9 v-38.25c0-38.25,30.6-68.85,68.85-68.85s68.85,30.6,68.85,68.85v38.25h96.9c28.05,0,51-22.95,51-51v-102h38.25 c35.7,0,63.75-28.05,63.75-63.75S507.45,255,471.75,255z"/></svg>
</div>
<div id="title">Puzzle matematyczne</div>
<div id="title-bar-btns">
<button id="fullscreen-btn">
<svg aria-hidden="true" version="1.1" width="10" height="10" id="fullIco">
<polyline points="0,6 0,10 4,10"></polyline>
<line x1="0" y1="10" x2="4.5" y2="5.5" stroke-width="1" stroke="currentColor"></line>
<polyline points="6,0 10,0 10,4"></polyline>
<line x1="10" y1="0" x2="5.5" y2="4.5" stroke-width="1" stroke="currentColor"></line>
</svg>
<svg aria-hidden="true" version="1.1" width="10" height="10" id="noFullIco" style="display: none">
<polyline points="1,5 5,5 5,9"></polyline>
<line x1="0" y1="10" x2="4" y2="6" stroke-width="1" stroke="currentColor"></line>
<polyline points="5,1 5,5 9,5"></polyline>
<line x1="10" y1="0" x2="6" y2="4" stroke-width="1" stroke="currentColor"></line>
</svg>
</button>
<button id="min-btn">
<svg aria-hidden="true" version="1.1" width="10" height="10"><path d="M 0,5 10,5 10,6 0,6 Z"></path></svg>
</button>
<button id="max-btn">
<svg aria-hidden="true" version="1.1" width="10" height="10"><path d="m 2,1e-5 0,2 -2,0 0,8 8,0 0,-2 2,0 0,-8 z m 1,1 6,0 0,6 -1,0 0,-5 -5,0 z m -2,2 6,0 0,6 -6,0 z"></path></svg>
</button>
<button id="close-btn">
<svg aria-hidden="true" version="1.1" width="10" height="10"><path d="M 0,0 0,0.7 4.3,5 0,9.3 0,10 0.7,10 5,5.7 9.3,10 10,10 10,9.3 5.7,5 10,0.7 10,0 9.3,0 5,4.3 0.7,0 Z"></path></svg>
</button>
</div>
</div>
<!-- Navigation menu -->
<div class="menu-holder" id="top-menu">
<div id="menu-creator" class="menu-active">Przygotuj planszę</div>
<div id="menu-play">Graj</div>
<div id="menu-about">O aplikacji</div>
</div>
<!-- content -->
<div class="content-wrapper">
<div id="creator-container" class="container">
<button id="fileBTN">Kliknij aby wybrać plik</button>
<button id="savePattern">Zapisz wzór</button>
<button id="savePatternOnly">Zapisz wzór bez obrazu</button>
<ul>
<li class="btn" id="wzor">Narysuj wzór</li>
<li class="btn" id="clear">Wyczyść pole</li>
<li class="btn" id="res">Resetuj wszystko</li>
</ul>
<div id="pattern"><svg></svg></div>
<div id="image"><svg></svg></div>
</div>
<div id="droparea"><div class="dropareatext">Upuść plik aby załadować</div></div>
<div id="play-container" class="container hidden">
<div id="playImage"></div>
<div class="legend-div">
Legenda:
<ol id="legend" start="0"></ol>
</div>
</div>
<div id="about-contaier" class="container hidden">
<h1>O aplikacji</h1>
<h2>Aplikacja Puzzle Edukacyjne</h2>
Wersja aplikacji: <span id="appVer"></span><br>
Wersja Node.js: <script>document.write(process.versions.node)</script><br>
Chromium: <script>document.write(process.versions.chrome)</script><br>
Electron: <script>document.write(process.versions.electron)</script><br><br>
Ikony:<br>
Icons made by Google from www.flaticon.com is licensed by CC 3.0 BY
</div>
</div>
<script>
require('./renderer.js');
require('./game.js');
</script>
</body>
</html>