Skip to content

Commit 565558c

Browse files
navidmafinavidmafi
committed
Integrating With Git
1 parent a276d3b commit 565558c

File tree

10 files changed

+613
-0
lines changed

10 files changed

+613
-0
lines changed

‎.gitignore

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# Developer tools' files
2+
.lite_workspace.lua
3+
4+
# Neutralinojs binaries and builds
5+
/bin
6+
/dist
7+
8+
# Neutralinojs related files
9+
.storage
10+
*.log

‎README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,3 +37,4 @@ to [@SinisterStalker](https://github.com/sinisterstalker) and [@Al1382](https://
3737
## License and Copyright
3838
- Neutralinojs core: MIT. Copyright © 2021 Neutralinojs and contributors.
3939
- SimpleTime : GNU GPLv3. Copyright © 2021 Navid Mafi Ranji and contributors.
40+
- DSEG Font Family : OFL-1.1. Copyright © 2021 DSEG Font Family and contributors.

‎neutralino.config.json

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
{
2+
"applicationId": "com.MeiAihara.TimeTool",
3+
"port": 0,
4+
"defaultMode": "window",
5+
"enableHTTPServer": true,
6+
"enableNativeAPI": true,
7+
"url": "/resources/",
8+
"nativeBlockList": [],
9+
"modes": {
10+
"window": {
11+
"title": "SimpleTime-Build210622-0039",
12+
"width": 400,
13+
"height": 110,
14+
"minWidth": 400,
15+
"minHeight": 150,
16+
"fullScreen": false,
17+
"alwaysOnTop": true,
18+
"icon": "/resources/icons/appIcon.png",
19+
"enableInspector": true,
20+
"borderless": false,
21+
"maximize": false
22+
},
23+
"browser": {},
24+
"cloud": {}
25+
},
26+
"cli": {
27+
"binaryName": "SimpleTime",
28+
"resourcesPath": "/resources/",
29+
"clientLibrary": "/resources/js/neutralino.js",
30+
"binaryVersion": "2.3.0"
31+
}
32+
}

‎resources/css/styles.css

Lines changed: 206 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,206 @@
1+
@font-face {
2+
font-family: SvnSegit;
3+
src: url(../fonts/DSEG7Classic-Italic.ttf);
4+
}
5+
@font-face {
6+
font-family: SvnSeg;
7+
src: url(../fonts/DSEG7Classic-Regular.ttf);
8+
}
9+
* {
10+
margin: 0px;
11+
padding: 0px;
12+
}
13+
:root {
14+
--GBlack: #151515;
15+
--GGray1: #202020;
16+
--GGray2: #303030;
17+
--GGray3: #675d75;
18+
--GLight: #ffffff;
19+
--GPrim: #c16ee7;
20+
}
21+
22+
body {
23+
background-color: var(--GGray2);
24+
color: var(--GLight);
25+
font-family: "Poppins";
26+
-webkit-touch-callout: none; /* iOS Safari */
27+
-webkit-user-select: none; /* Safari */
28+
-khtml-user-select: none; /* Konqueror HTML */
29+
-moz-user-select: none; /* Old versions of Firefox */
30+
-ms-user-select: none; /* Internet Explorer/Edge */
31+
user-select: none; /* Non-prefixed version, currently
32+
supported by Chrome, Edge, Opera and Firefox */
33+
}
34+
35+
.main {
36+
display: grid;
37+
align-items: center;
38+
text-align: center;
39+
40+
height: 100vh;
41+
}
42+
43+
.settings {
44+
display: none;
45+
align-items: center;
46+
text-align: center;
47+
48+
height: 100vh;
49+
}
50+
.settings h1 {
51+
font-size: 6vw;
52+
}
53+
.startsc {
54+
position: absolute;
55+
z-index: 5;
56+
display: grid;
57+
align-items: center;
58+
text-align: center;
59+
width: 100vw;
60+
height: 100vh;
61+
background-color: var(--GGray2);
62+
}
63+
.updatetext {
64+
background: linear-gradient(
65+
to right,
66+
#fff 20%,
67+
var(--GPrim) 40%,
68+
var(--GPrim) 60%,
69+
#fff 80%
70+
);
71+
background-size: 200% auto;
72+
73+
color: #000;
74+
background-clip: text;
75+
-webkit-background-clip: text;
76+
-webkit-text-fill-color: transparent;
77+
78+
animation: shine 1s linear infinite;
79+
}
80+
@keyframes shine {
81+
to {
82+
background-position: 200% center;
83+
}
84+
}
85+
.btn2 {
86+
background-color: var(--GBlack);
87+
border: none;
88+
color: var(--GPrim);
89+
font-family: "Poppins";
90+
font-weight: bold;
91+
height: 35vh;
92+
margin: 0px 0.5%;
93+
border-radius: 5px;
94+
box-shadow: 0px 0px 10px var(--GBlack);
95+
font-size: 4vw;
96+
transition: 100ms;
97+
min-height: 6vw;
98+
}
99+
.btn2:hover {
100+
background-color: var(--GGray3);
101+
box-shadow: 0px 0px 10px var(--GGray3);
102+
103+
color: var(--GLight);
104+
}
105+
106+
.btn2:disabled {
107+
background-color: var(--GBlack);
108+
color: var(--GGray1);
109+
box-shadow: none;
110+
}
111+
.width20 {
112+
width: 20%;
113+
}
114+
.width30 {
115+
width: 30%;
116+
}
117+
.btns1 {
118+
display: inline-block;
119+
}
120+
121+
#display {
122+
padding-top: 10vh;
123+
font-size: min(10vw, 15vw);
124+
text-shadow: 0 0 5px var(--GPrim);
125+
max-height: 100vw;
126+
font-family: SvnSegit;
127+
color: var(--GLight);
128+
}
129+
130+
.min {
131+
position: absolute;
132+
top: 10%;
133+
left: 3%;
134+
background-color: var(--GBlack);
135+
border: none;
136+
color: var(--GPrim);
137+
border-radius: 50%;
138+
padding: 5px;
139+
width: 8vw;
140+
height: 8vw;
141+
display: flex;
142+
justify-content: center;
143+
align-items: center;
144+
box-shadow: 0px 0px 8px var(--GBlack);
145+
transition: 200ms;
146+
}
147+
.min:hover {
148+
background-color: var(--GGray3);
149+
box-shadow: 0px 0px 10px var(--GGray3);
150+
151+
color: var(--GLight);
152+
}
153+
154+
.ocean {
155+
overflow: hidden;
156+
width: 100%;
157+
position: absolute;
158+
bottom: 0;
159+
left: 0;
160+
height: 100vh;
161+
z-index: -2;
162+
transition: 800ms;
163+
opacity: 0;
164+
}
165+
.wave {
166+
animation: wave 8s linear infinite;
167+
}
168+
169+
.wave1 {
170+
animation: wave1 10s linear infinite;
171+
}
172+
173+
.wave2 {
174+
animation: wave2 12s linear infinite;
175+
}
176+
177+
@keyframes wave {
178+
0% {
179+
transform: translateX(0%);
180+
}
181+
182+
100% {
183+
transform: translateX(100%);
184+
}
185+
}
186+
187+
@keyframes wave1 {
188+
0% {
189+
transform: scaleY(1.2) translateX(0%);
190+
}
191+
192+
100% {
193+
transform: scaleY(1.2) translateX(100%);
194+
}
195+
}
196+
197+
@keyframes wave2 {
198+
0% {
199+
transform: scaleY(0.8) translateX(0%);
200+
}
201+
202+
100% {
203+
transform: scaleY(0.8) translateX(100%);
204+
}
205+
}
206+

‎resources/fonts/DSEG7Classic-Italic.ttf

23.1 KB
Binary file not shown.

‎resources/fonts/DSEG7Classic-Regular.ttf

22.7 KB
Binary file not shown.

‎resources/icons/appIcon.png

16 KB
Loading

‎resources/index.html

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="Cache-control" content="no-cache" />
6+
<title>StopWatch - Chrono</title>
7+
<link rel="stylesheet" href="./css/styles.css" />
8+
<link rel="preconnect" href="https://fonts.gstatic.com" />
9+
10+
<link
11+
href="https://fonts.googleapis.com/css2?family=Poppins:ital@0;1&display=swap"
12+
rel="stylesheet"
13+
/>
14+
</head>
15+
<body onload="updater()" oncontextmenu="return false;">
16+
<div id="oc" class="ocean">
17+
<svg viewbox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg">
18+
<defs>
19+
<path
20+
id="sineWave"
21+
fill="var(--GBlack)"
22+
fill-opacity="0.5"
23+
d="M0,160 C320,300,420,300,740,160 C1060,20,1120,20,1440,160 V0 H0"
24+
/>
25+
</defs>
26+
<use class="wave" href="#sineWave" />
27+
<use class="wave" x="-100%" href="#sineWave" />
28+
<use class="wave1" href="#sineWave" />
29+
<use class="wave1" x="-100%" href="#sineWave" />
30+
<use class="wave2" href="#sineWave" />
31+
<use class="wave2" x="-100%" href="#sineWave" />
32+
</svg>
33+
</div>
34+
35+
<div id="bigprint" class="startsc" style="display: none">
36+
<h2 id="starttext" class="updatetext">statusmsg</h2>
37+
</div>
38+
39+
<div id="mainsc" class="main">
40+
<span id="display">0:00:00:00</span>
41+
<div class="btns1">
42+
<button id="playpauseButton" class="btn2 width20">Start</button>
43+
<button id="stopButton" class="btn2 width20">Stop</button>
44+
<button id="resetButton" class="btn2 width20">Reset</button>
45+
46+
</div>
47+
48+
<button id="OptionBtn" class="min">
49+
<svg
50+
xmlns="http://www.w3.org/2000/svg"
51+
width="4vw"
52+
height="4vw"
53+
fill="currentColor"
54+
class="bi bi-three-dots"
55+
viewBox="0 0 16 16"
56+
>
57+
<path
58+
d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"
59+
/>
60+
</svg>
61+
</button>
62+
63+
</div>
64+
65+
<div id="setsc" class="settings">
66+
<h1>Settings</h1>
67+
<div class="btns1">
68+
<button id="mstoggle" class="btn2 width30">Toggle ms</button>
69+
<button class="btn2 width30" disabled>Timer</button>
70+
<button id="efftgl" class="btn2 width30">Toggle Effect</button>
71+
</div>
72+
</div>
73+
74+
<button
75+
id="backbtn"
76+
class="min"
77+
onclick="mainscreenshow()"
78+
style="display: none"
79+
>
80+
<svg
81+
xmlns="http://www.w3.org/2000/svg"
82+
width="4vw"
83+
height="4vw"
84+
fill="currentColor"
85+
class="bi bi-three-dots"
86+
viewBox="0 0 16 16"
87+
>
88+
<path
89+
fill-rule="evenodd"
90+
d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"
91+
/>
92+
</svg>
93+
</button>
94+
95+
<script src="./js/main.js"></script>
96+
<script src="./js/neutralino.js"></script>
97+
</body>
98+
</html>

0 commit comments

Comments
 (0)