Skip to content

Commit 916120b

Browse files
HaeriHaeri
committed
bump
1 parent bae0a74 commit 916120b

2 files changed

Lines changed: 473 additions & 331 deletions

File tree

‎docs/index.html‎

Lines changed: 190 additions & 150 deletions
Original file line numberDiff line numberDiff line change
@@ -1,155 +1,195 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset="UTF-8">
5-
<title>monolith code</title>
6-
<link rel="shortcut icon" href="res/img/icon.ico">
7-
<style>
8-
@font-face {
9-
font-family: 'Open Sans';
10-
font-style: normal;
11-
font-weight: 400;
12-
font-display: swap;
13-
src: url("res/font/OpenSans-Regular.ttf") format('truetype');
14-
}
15-
body{
16-
margin: 0;
17-
padding: 0;
18-
font-family: 'Open Sans';
19-
background: #e5e5e5 !important;
20-
color: #211f1e;
21-
}
22-
.main-wrapper{
23-
height: 100vh;
24-
position: relative;
25-
overflow: hidden;
26-
display: flex;
27-
align-items: center;
28-
justify-content: center;
29-
}
30-
.vertical-center{
31-
width: 700px;
32-
}
33-
.title-wrapper{
34-
width: 520px;
35-
text-align: center;
36-
margin: 0px auto;
37-
}
38-
.title-wrapper h1{
39-
font-weight: bold;
40-
font-size: 4rem;
41-
line-height: 1.1em;
42-
margin-top: 0;
43-
margin-bottom: 1rem;
44-
}
45-
.title-wrapper h1 img{
46-
vertical-align: bottom;
47-
height: 4rem;
48-
}
49-
.title-wrapper h3{
50-
font-weight: 100;
51-
font-size: 1.8em;
52-
line-height: 1.1em;
53-
margin-top: 0;
54-
margin-bottom: 4rem;
55-
color: gray;
56-
}
57-
.title-wrapper > span{
58-
margin-bottom: 12px;
59-
display: block;
60-
}
61-
.title-wrapper #version_insert{
62-
font-weight: bold;
63-
}
64-
.dl-panel{
65-
display: flex;
66-
justify-content: center;
67-
gap: 30px;
68-
}
69-
.download-btn{
70-
background: #231f1f;
71-
border: 1px solid #2d2d2d;
72-
border-radius: 10px;
73-
padding: 10px 36px;
74-
padding-left: 28px;
75-
color: #aeaeae;
76-
text-decoration: none;
77-
display: inline-block;
78-
font-size: 0.9rem;
79-
text-align: center;
80-
transition: 0.3s;
81-
margin-top: 2px;
82-
display: flex;
83-
align-items: center;
84-
min-width: 120px;
85-
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
86-
}
87-
.download-btn:hover{
88-
background: #3a3535;
89-
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
90-
}
91-
.download-btn strong{
92-
color: white;
93-
font-size: 1rem;
94-
}
95-
.download-btn svg{
96-
color: white;
97-
width: 25px;
98-
height: 25px;
99-
vertical-align: bottom;
100-
margin-right: 12px;
101-
}
102-
.demo{
103-
width: 100%;
104-
display: block;
105-
}
106-
107-
</style>
108-
</head>
109-
<body>
110-
<section class="main-wrapper">
111-
<div class="vertical-center">
112-
<div class="title-wrapper">
113-
<h1><img src="res/img/icon.ico"> monolith code</h1>
114-
<h3>minimalistic but powerful code editor</h3>
115-
<span>latest version <span id="version_insert"></span></span>
116-
</div>
117-
<div class="dl-panel">
118-
<a id="download-win" href="" class="download-btn">
119-
<i data-feather="download"></i>
120-
<span><strong>Download</strong><br>for windows</span>
121-
</a>
122-
<a id="download-linux" href="" class="download-btn"><i data-feather="download"></i>
123-
<span><strong>Download</strong><br>for linux</span>
124-
</a>
125-
<a id="download-mac" href="" class="download-btn"><i data-feather="download"></i>
126-
<span><strong>Download</strong><br>for macOS</span>
127-
</a>
128-
</div>
129-
</div>
130-
</section>
131-
132-
<script src="res/js/feather.min.js"></script>
133-
<script>
134-
function initLatestVersion(){
135-
fetch('https://api.github.com/repos/Haeri/monolith-code/releases/latest')
136-
.then(response => response.json())
137-
.then(data => {
138-
document.getElementById("version_insert").innerHTML = data.tag_name;
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>monolith code</title>
6+
7+
<meta name="description" content="minimalistic but powerful code editor">
8+
<meta name="keywords" content="monolith code, text editor">
9+
<meta name="content-language" content="en">
13910

140-
const version = data.tag_name.replace("v", "");
141-
const root_url = "https://github.com/Haeri/monolith-code/releases/latest/download";
11+
<meta property="og:title" content="monolith code" />
12+
<meta property="og:description" content="minimalistic but powerful code editor" />
13+
<meta property="og:type" content="website" />
14+
<meta property="og:image" content="res/img/screenshot.png.png" />
15+
16+
<link rel="apple-touch-icon" href="res/img/icon.ico">
14217

143-
document.getElementById("download-win").href = `${root_url}/monolith-code-Setup-${version}.exe`;
144-
document.getElementById("download-mac").href = `${root_url}/monolith-code-${version}-mac.tar.gz`;
145-
document.getElementById("download-linux").href = `${root_url}/monolith-code-${version}-linux.tar.gz`;
146-
});
147-
}
148-
149-
window.onload = function () {
150-
feather.replace();
151-
initLatestVersion();
152-
}
153-
</script>
154-
</body>
18+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
19+
<link rel="shortcut icon" href="res/img/icon.ico">
20+
21+
<style>
22+
@font-face {
23+
font-family: 'Open Sans';
24+
font-style: normal;
25+
font-weight: 400;
26+
font-display: swap;
27+
src: url("res/font/OpenSans-Regular.ttf") format('truetype');
28+
}
29+
body {
30+
margin: 0;
31+
padding: 0;
32+
font-family: 'Open Sans';
33+
background: #e5e5e5 !important;
34+
color: #211f1e;
35+
}
36+
.main-wrapper {
37+
margin-top: 30vh;
38+
display: flex;
39+
align-items: center;
40+
justify-content: center;
41+
}
42+
.vertical-center {
43+
width: 620px;
44+
}
45+
.title-wrapper {
46+
width: 520px;
47+
text-align: center;
48+
margin: 0px auto;
49+
}
50+
.title-wrapper h1 {
51+
font-weight: bold;
52+
font-size: 4rem;
53+
line-height: 1.1em;
54+
margin-top: 0;
55+
margin-bottom: 1rem;
56+
}
57+
.title-wrapper h1 img {
58+
vertical-align: bottom;
59+
height: 4rem;
60+
}
61+
.title-wrapper h3 {
62+
font-weight: 100;
63+
font-size: 1.8em;
64+
line-height: 1.1em;
65+
margin-top: 0;
66+
margin-bottom: 4rem;
67+
color: gray;
68+
}
69+
.title-wrapper > span {
70+
margin-bottom: 12px;
71+
display: block;
72+
}
73+
.title-wrapper #version_insert {
74+
font-weight: bold;
75+
}
76+
.dl-panel {
77+
display: flex;
78+
justify-content: space-between;
79+
}
80+
.download-btn {
81+
background: #231f1f;
82+
border: 1px solid #2d2d2d;
83+
border-radius: 10px;
84+
padding: 10px 36px;
85+
padding-left: 28px;
86+
color: #aeaeae;
87+
text-decoration: none;
88+
display: inline-block;
89+
font-size: 0.9rem;
90+
text-align: center;
91+
transition: 0.3s;
92+
margin-top: 2px;
93+
display: flex;
94+
align-items: center;
95+
min-width: 120px;
96+
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
97+
}
98+
.download-btn:hover {
99+
background: #3a3535;
100+
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
101+
}
102+
.download-btn strong {
103+
color: white;
104+
font-size: 1rem;
105+
}
106+
.download-btn svg {
107+
color: white;
108+
width: 25px;
109+
height: 25px;
110+
vertical-align: bottom;
111+
margin-right: 12px;
112+
}
113+
.instructions-panel {
114+
margin: 100px auto;
115+
}
116+
117+
</style>
118+
</head>
119+
<body>
120+
<section class="main-wrapper">
121+
<div class="vertical-center">
122+
<div class="title-wrapper">
123+
<h1><img src="res/img/icon.ico"> monolith code</h1>
124+
<h3>minimalistic but powerful code editor</h3>
125+
<span>latest version <span id="version_insert"></span></span>
126+
</div>
127+
<div class="dl-panel">
128+
<a id="download-win" href="" class="download-btn">
129+
<i data-feather="download"></i>
130+
<span><strong>Download</strong><br>for windows</span>
131+
</a>
132+
<a id="download-linux" href="" class="download-btn"><i data-feather="download"></i>
133+
<span><strong>Download</strong><br>for linux</span>
134+
</a>
135+
<a id="download-mac" href="" class="download-btn"><i data-feather="download"></i>
136+
<span><strong>Download</strong><br>for macOS</span>
137+
</a>
138+
</div>
139+
<div class="instructions-panel">
140+
<h3>Instructions</h3>
141+
<pre>
142+
console commands
143+
!ver Shows the current version of the application
144+
!cls Clear console
145+
!kill Kills the currently running process
146+
!hello Hello There :D
147+
!dev Open Chrome Devtools for the preview window
148+
!settings Open settings file
149+
!lang_settings Open language settings file
150+
!exp_pdf Generate and export PDF of the current preview panel
151+
!help Shows all the available commands
152+
------------------------------------------------------------------------
153+
keybindings
154+
ctrl + o Open a file
155+
ctrl + b Build and run the current file
156+
ctrl + s Save the current file
157+
ctrl + n Open a new editor window
158+
ctrl + i Open settings
159+
ctrl + p Export the preview window as PDF
160+
ctrl + t Open a hello world tamplate for the current language
161+
ctrl + m Evaluate a mathematical equation on the selected line
162+
ctrl + , Open editor settings
163+
ctrl + shift + b Beautify the document
164+
ctrl + shift + s Save the current document as new file
165+
ctrl + shift + x Open/close terminal panel
166+
ctrl + shift + t Open/close preview panel
167+
</pre>
168+
</div>
169+
</div>
170+
</section>
171+
172+
<script src="res/js/feather.min.js"></script>
173+
<script>
174+
function initLatestVersion() {
175+
fetch('https://api.github.com/repos/Haeri/monolith-code/releases/latest')
176+
.then(response => response.json())
177+
.then(data => {
178+
document.getElementById("version_insert").innerHTML = data.tag_name;
179+
180+
const version = data.tag_name.replace("v", "");
181+
const root_url = "https://github.com/Haeri/monolith-code/releases/latest/download";
182+
183+
document.getElementById("download-win").href = `${root_url}/monolith-code-Setup-${version}.exe`;
184+
document.getElementById("download-mac").href = `${root_url}/monolith-code-${version}-mac.tar.gz`;
185+
document.getElementById("download-linux").href = `${root_url}/monolith-code-${version}-linux.tar.gz`;
186+
});
187+
}
188+
189+
window.onload = function () {
190+
feather.replace();
191+
initLatestVersion();
192+
}
193+
</script>
194+
</body>
155195
</html>

0 commit comments

Comments
 (0)