Skip to content
This repository was archived by the owner on Jul 13, 2022. It is now read-only.

Commit a4c2cc8

Browse files
JC-ProgJavaJC-ProgJava
authored
Add files via upload
1 parent 7b79883 commit a4c2cc8

File tree

13 files changed

+264
-0
lines changed

13 files changed

+264
-0
lines changed

‎SmartEditor HTML/Demo.mov‎

19.9 MB
Binary file not shown.

‎SmartEditor HTML/SS1.png‎

131 KB
Loading

‎SmartEditor HTML/d1.png‎

2.36 MB
Loading

‎SmartEditor HTML/d2.png‎

2.32 MB
Loading

‎SmartEditor HTML/d3.png‎

2 MB
Loading

‎SmartEditor HTML/d4.png‎

3.07 MB
Loading

‎SmartEditor HTML/d5.png‎

3.14 MB
Loading

‎SmartEditor HTML/d6.png‎

3.12 MB
Loading

‎SmartEditor HTML/dark.png‎

22.5 KB
Loading

‎SmartEditor HTML/index.html‎

Lines changed: 242 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,242 @@
1+
<!DOCTYPE HTML>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>SmartEditor</title>
6+
<script type="text/javascript" src="index.js"></script>
7+
<style>
8+
body{
9+
text-align: center;
10+
}
11+
12+
:root {
13+
--main-font-color: black;
14+
--main-back-color: white;
15+
--img: url("lighted.png");
16+
}
17+
18+
nav{
19+
opacity: .9;
20+
text-align: left;
21+
font-family: sans-serif;
22+
font-size: 15px;
23+
font-weight: 200;
24+
padding: 20px;
25+
background-color: var(--main-back-color);
26+
top: 0;
27+
position: fixed;
28+
z-index: 5;
29+
width: 100%;
30+
transition: var(--main-back-color), 0.5s !important;
31+
}
32+
33+
h1{
34+
text-align: center;
35+
font-family: sans-serif;
36+
font-size: 40px;
37+
font-weight: 200;
38+
color: var(----main-font-color);
39+
}
40+
41+
h2{
42+
font-family: sans-serif;
43+
font-size: 30px;
44+
font-weight: 200;
45+
color: var(----main-font-color);
46+
}
47+
48+
h3{
49+
font-family: sans-serif;
50+
font-size: 20px;
51+
font-weight: 200;
52+
color: var(----main-font-color);
53+
}
54+
55+
h4 {
56+
font-family: sans-serif;
57+
font-size: 15px;
58+
font-weight: 200;
59+
color: var(----main-font-color);
60+
}
61+
62+
h5 {
63+
font-family: sans-serif;
64+
font-size: 10px;
65+
font-weight: 200;
66+
color: var(----main-font-color);
67+
}
68+
69+
a {
70+
margin-left: 15px;
71+
margin-right: 15px;
72+
margin-top: 10px;
73+
margin-bottom: 10px;
74+
text-align: center;
75+
text-decoration: none;
76+
transition: color 0.7s, var(--main-back-color) 0.5s, var(--main-font-color) 0.7s;
77+
color: var(----main-font-color);
78+
}
79+
80+
a:hover{
81+
color: rgb(150,100,100);
82+
}
83+
84+
.dark-mode{
85+
--main-font-color: white !important;
86+
--main-back-color: black !important;
87+
--img: url("dark.png");
88+
}
89+
90+
body{
91+
background: var(--main-back-color);
92+
color: var(--main-font-color);
93+
transition: var(--main-font-color), 0.7s, var(--main-back-color), 0.5s !important;
94+
}
95+
96+
div{
97+
margin-left: 3em;
98+
}
99+
100+
button{
101+
width: 20px;
102+
height: 20px;
103+
background-position: center;
104+
background-size: 20px;
105+
outline: none;
106+
background-image: var(--img);
107+
decoration: none;
108+
border: none;
109+
}
110+
111+
footer{
112+
width: 100%;
113+
}
114+
115+
.underline{
116+
text-decoration: underline;
117+
}
118+
119+
table{
120+
text-align: center;
121+
margin-left: auto;
122+
margin-right: auto;
123+
border-bottom: 40px;
124+
}
125+
126+
td{
127+
margin-left: 10px;
128+
margin-right: 10px;
129+
}
130+
131+
tr{
132+
grid-row-gap: 20px;
133+
}
134+
135+
.indent{
136+
margin-left: 25px;
137+
}
138+
139+
video{
140+
max-width: 90%;
141+
max-height: 90%;
142+
margin-left: auto;
143+
margin-right: auto;
144+
}
145+
</style>
146+
</head>
147+
<body>
148+
<nav>
149+
<a href="#Heading">Home</a>
150+
<a href="#Features">Features</a>
151+
<a href="#Download">Download</a>
152+
<a href="#Contact">Contact</a>
153+
<a>
154+
<button onclick="theme()"></button>
155+
</a>
156+
</nav>
157+
<br><br><br>
158+
<h1 id="Heading">SmartEditor, a lightweight yet powerful texteditor.</h1>
159+
<a style="margin: unset;" href="#Download"><img style="max-width: 20%; max-height: 20%;"src="notepad.png"></a>
160+
<h2 style="text-align: center; font-size: 30px;">Built using <em>Java</em></h2>
161+
<video autoplay loop>
162+
<source src="Demo.mp4" type="video/mp4">
163+
</video>
164+
<div>
165+
<h2 id="Features">SmartEditor Features</h2>
166+
<table>
167+
<tr>
168+
<h3 class="indent">Settings for font, color and autosave functions</h3>
169+
</tr>
170+
<tr>
171+
<img style="max-width: 70%; max-height: 70%;" src="d1.png">
172+
</tr>
173+
<tr>
174+
<h3 class="indent">Customize background color and font color</h3>
175+
</tr>
176+
<tr>
177+
<img style="max-width: 70%; max-height: 70%;" src="d2.png">
178+
</tr>
179+
<tr>
180+
<h3 class="indent">Autosave functions for better productivity</h3>
181+
</tr>
182+
<tr>
183+
<img style="max-width: 70%; max-height: 70%;"src="d3.png">
184+
</tr>
185+
<tr>
186+
<h3 class="indent">A powerful find & replace for enhanced editing</h3>
187+
</tr>
188+
<tr>
189+
<img style="max-width: 70%; max-height: 70%;"src="d4.png">
190+
</tr>
191+
<tr>
192+
<h3 class="indent">15+ Themes for a better interface</h3>
193+
</tr>
194+
<tr>
195+
<img style="max-width: 70%; max-height: 70%;"src="d5.png">
196+
</tr>
197+
<tr>
198+
<h3 class="indent">Rename Files On-The-Fly</h3>
199+
</tr>
200+
<tr>
201+
<img style="max-width: 70%; max-height: 70%;"src="d6.png">
202+
</tr>
203+
<tr>
204+
<h3 class="indent">Small, Light-weight<br>
205+
Only 2.67 MB for <a style="margin: unset;"href="#Download">JAR</a><br>
206+
and 4.1 MB for <a style="margin:unset;"href="#Download">APP</a>(MacOS, uncompressed/extracted)
207+
</h3>
208+
</tr>
209+
<tr>
210+
<h3 class="indent">Default settings are saved</h3>
211+
</tr>
212+
</table>
213+
</div>
214+
<div>
215+
<h2 id="Download">Download</h2>
216+
<table>
217+
<tr>
218+
<th></th>
219+
<th><h3>MacOS</h3></th>
220+
<th><h3>Windows</h3></th>
221+
</tr>
222+
<tr>
223+
<td><h3>Jar</h3></td>
224+
<td><h3><a class="underline" href="SmartEditor.jar">Download</a></h3></td>
225+
<td><h3><a class="underline" href="SmartEditor.jar">Download</a></h3></td>
226+
</tr>
227+
<tr>
228+
<td><h3>Native<br>Executable</h3></td>
229+
<td><h3><a class="underline" href="SmartEditor.dmg">Download</a></h3></td>
230+
<td><h3><a class="underline">Coming soon!</a></h3></td>
231+
</tr>
232+
</table>
233+
</div>
234+
<div>
235+
<h2 id="Contact">Contact</h2>
236+
<h3 class="indent">Please send your feedback through <a class="underline" style="margin-left: 0;" href="mailto:juch5796@gmail.com">email</a></h3>
237+
<h3 class="indent"><a target="_blank" class="underline" style="margin-left: 0;" href="https://github.com/JC-ProgJava/SmartEditor.java">Source Code</a></h3>
238+
<h3 class="indent"><a target="_blank" class="underline" style="margin-left: 0;" href="https://github.com/JC-ProgJava/SmartEditor.java/issues">Bug Database</a></h3>
239+
</div>
240+
<footer class="indent"><h4>© JC-ProgJava 2020</h4></footer>
241+
</body>
242+
</html>

0 commit comments

Comments
 (0)