Skip to content

Commit 4dcad2d

Browse files
adarshrkumaradarshrkumar
committed
u
1 parent a126bfa commit 4dcad2d

4 files changed

Lines changed: 147 additions & 150 deletions

File tree

‎editor.html‎

Lines changed: 29 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,31 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width">
6-
<title>Notepad</title>
7-
<link href="/main.css" rel="stylesheet" type="text/css" />
8-
<link href="/editor.css" rel="stylesheet" type="text/css" />
9-
<link href="/icons.css" rel="stylesheet" type="text/css" />
10-
<link href="/tinymce.css" rel="stylesheet" type="text/css" />
11-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
12-
<script src="https://cdn.tiny.cloud/1/qe1yig5tgvcqpzeeabwqce18y6ids1owccr5y6ief739ddhq/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
13-
</head>
14-
<body>
15-
<input id="readfile" type="file" style="opacity: 0; width: 0; height: 0;" name="readfile" title="File input" accept=".tnynpd, text/*,image/*,.md,html/*,.mht,.svg,.astro,.vue,.js/*,.jsxm,.jsm,.jsxm,ts/*,.ts,.tsx,.tsm,.tsxm,.json,.scss,.sass,.bat,.cmd,.sh,.yml,.yaml,.🗿,.twee">
16-
<main class="container">
17-
<textarea id="editor" title="Text editor" placeholder="Enter your text here"></textarea>
18-
<iframe id="preview" src=" " title="Content Preview"></iframe>
19-
<img class="image-preview" src="null" alt="">
20-
</main>
21-
<!-- Place the following <script> and <textarea> tags your HTML's <body> -->
22-
<a id="downloader"></a>
23-
<input id="eleVal" hidden>
24-
<script>
25-
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
26-
</script>
27-
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
28-
<script src="https://unpkg.com/turndown/dist/turndown.js"></script>
29-
<script src="editorFunctions.js"></script>
30-
<script src="editor.js"></script>
31-
<script src="actions.js"></script>
32-
<script src="sectionWidth.js"></script>
33-
</body>
34-
</html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width">
6+
<title>Notepad</title>
7+
<link href="/main.css" rel="stylesheet" type="text/css" />
8+
<link href="/editor.css" rel="stylesheet" type="text/css" />
9+
<link href="/icons.css" rel="stylesheet" type="text/css" />
10+
<link href="/tinymce.css" rel="stylesheet" type="text/css" />
11+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
12+
<script src="https://cdn.tiny.cloud/1/qe1yig5tgvcqpzeeabwqce18y6ids1owccr5y6ief739ddhq/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
13+
</head>
14+
<body>
15+
<input id="readfile" type="file" name="readfile" title="File input" accept=".tnynpd, text/*,image/*,.md,html/*,.mht,.svg,.astro,.vue,.js/*,.jsxm,.jsm,.jsxm,ts/*,.ts,.tsx,.tsm,.tsxm,.json,.scss,.sass,.bat,.cmd,.sh,.yml,.yaml,.🗿,.twee">
16+
<main class="container">
17+
<textarea id="editor" title="Text editor" placeholder="Enter your text here"></textarea>
18+
<iframe id="preview" src=" " title="Content Preview"></iframe>
19+
<img class="image-preview" src="null" alt="">
20+
</main>
21+
<!-- Place the following <script> and <textarea> tags your HTML's <body> -->
22+
<a id="downloader"></a>
23+
<input id="eleVal" hidden>
24+
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
25+
<script src="https://unpkg.com/turndown/dist/turndown.js"></script>
26+
<script src="editorFunctions.js"></script>
27+
<script src="editor.js"></script>
28+
<script src="actions.js"></script>
29+
<script src="sectionWidth.js"></script>
30+
</body>
31+
</html>

‎index.html‎

Lines changed: 45 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,47 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width">
6-
<title>Notepad</title>
7-
<link href="/main.css" rel="stylesheet" type="text/css" />
8-
<link href="/icons.css" rel="stylesheet" type="text/css" />
9-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
10-
</head>
11-
<body>
12-
<header></header>
13-
<main>
14-
<section id="files" class="sidebar-content">
15-
<sidebar></sidebar>
16-
<content class="grid-row">
17-
<div class="grid-parent">
18-
<a class="grid-item" href="/editor.html?action=new">
19-
<span class="img material-symbols-outlined">note_add</span>
20-
<div class="title-parent">
21-
<h2 class="title">New File</h2>
22-
</div>
23-
</a>
24-
</div>
25-
<div class="grid-parent">
26-
<a class="grid-item" href="/open.html">
27-
<img src="icons/cloud-folder.svg" alt="Open Existing File" />
28-
<div class="title-parent">
29-
<h2 class="title">Open Existing File</h2>
30-
</div>
31-
</a>
32-
</div>
33-
<div class="grid-parent">
34-
<a class="grid-item" href="/editor.html?action=upload">
35-
<span class="img material-symbols-outlined">upload_file</span>
36-
<div class="title-parent">
37-
<h2 class="title">Upload From Computer</h2>
38-
</div>
39-
</a>
40-
</div>
41-
</content>
42-
<sidebar></sidebar>
43-
</section>
44-
</main>
45-
<footer></footer>
46-
</body>
47-
</html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width">
6+
<title>Notepad</title>
7+
<link href="/main.css" rel="stylesheet" type="text/css" />
8+
<link href="/icons.css" rel="stylesheet" type="text/css" />
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
10+
</head>
11+
<body>
12+
<header></header>
13+
<main>
14+
<section id="files" class="sidebar-content">
15+
<sidebar></sidebar>
16+
<content class="grid-row">
17+
<div class="grid-parent">
18+
<a class="grid-item" href="/editor.html?action=new">
19+
<span class="img material-symbols-outlined">note_add</span>
20+
<div class="title-parent">
21+
<h2 class="title">New File</h2>
22+
</div>
23+
</a>
24+
</div>
25+
<div class="grid-parent">
26+
<a class="grid-item" href="/open.html">
27+
<img src="icons/cloud-folder.svg" alt="Open Existing File" />
28+
<div class="title-parent">
29+
<h2 class="title">Open Existing File</h2>
30+
</div>
31+
</a>
32+
</div>
33+
<div class="grid-parent">
34+
<a class="grid-item" href="/editor.html?action=upload">
35+
<span class="img material-symbols-outlined">upload_file</span>
36+
<div class="title-parent">
37+
<h2 class="title">Upload From Computer</h2>
38+
</div>
39+
</a>
40+
</div>
41+
</content>
42+
<sidebar></sidebar>
43+
</section>
44+
</main>
45+
<footer></footer>
46+
</body>
47+
</html>

‎open.html‎

Lines changed: 38 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,40 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width">
6-
<title>Open File | Notepad</title>
7-
<link href="/main.css" rel="stylesheet" type="text/css" />
8-
<link href="/icons.css" rel="stylesheet" type="text/css" />
9-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
10-
</head>
11-
<body>
12-
<header></header>
13-
<main>
14-
<section id="files" class="sidebar-content">
15-
<sidebar></sidebar>
16-
<content class="grid-row">
17-
<div class="grid-parent">
18-
<a class="grid-item" href="/editor.html?action=new">
19-
<span class="img material-symbols-outlined">note_add</span>
20-
<div class="title-parent">
21-
<h2 class="title">New File</h2>
22-
</div>
23-
</a>
24-
</div>
25-
<div class="grid-parent">
26-
<a class="grid-item" href="/editor.html?action=upload">
27-
<span class="img material-symbols-outlined">upload_file</span>
28-
<div class="title-parent">
29-
<h2 class="title">Upload From Computer</h2>
30-
</div>
31-
</a>
32-
</div>
33-
</content>
34-
<sidebar></sidebar>
35-
</section>
36-
</main>
37-
<footer></footer>
38-
<script src="/open.js"></script>
39-
</body>
40-
</html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width">
6+
<title>Open File | Notepad</title>
7+
<link href="/main.css" rel="stylesheet" type="text/css" />
8+
<link href="/icons.css" rel="stylesheet" type="text/css" />
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
10+
</head>
11+
<body>
12+
<header></header>
13+
<main>
14+
<section id="files" class="sidebar-content">
15+
<sidebar></sidebar>
16+
<content class="grid-row">
17+
<div class="grid-parent">
18+
<a class="grid-item" href="/editor.html?action=new">
19+
<span class="img material-symbols-outlined">note_add</span>
20+
<div class="title-parent">
21+
<h2 class="title">New File</h2>
22+
</div>
23+
</a>
24+
</div>
25+
<div class="grid-parent">
26+
<a class="grid-item" href="/editor.html?action=upload">
27+
<span class="img material-symbols-outlined">upload_file</span>
28+
<div class="title-parent">
29+
<h2 class="title">Upload From Computer</h2>
30+
</div>
31+
</a>
32+
</div>
33+
</content>
34+
<sidebar></sidebar>
35+
</section>
36+
</main>
37+
<footer></footer>
38+
<script src="/open.js"></script>
39+
</body>
40+
</html>

‎settings.html‎

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,38 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width">
6-
<title>Settings | Notepad</title>
7-
<link href="/main.css" rel="stylesheet" type="text/css" />
8-
<link href="/settings.css" rel="stylesheet" type="text/css" />
9-
</head>
10-
<body>
11-
<header></header>
12-
<main class="sidebar-content">
13-
<sidebar>
14-
<nav class="settings">
15-
<a href="#user">User Settings</a>
16-
<a href="#editor">Editor Settings</a>
17-
</nav>
18-
</sidebar>
19-
<content class="grid-row" class="content">
20-
<section id="user" class="grid-area">
21-
<div>
22-
<label for="username">Your Name (used as author): </label>
23-
<input type="text" id="username" name="username">
24-
</div>
25-
</section>
26-
<section id="editor">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width">
6+
<title>Settings | Notepad</title>
7+
<link href="/main.css" rel="stylesheet" type="text/css" />
8+
<link href="/settings.css" rel="stylesheet" type="text/css" />
9+
</head>
10+
<body>
11+
<header></header>
12+
<main class="sidebar-content">
13+
<sidebar>
14+
<nav class="settings">
15+
<a href="#user">User Settings</a>
16+
<a href="#editor">Editor Settings</a>
17+
</nav>
18+
</sidebar>
19+
<content class="grid-row" class="content">
20+
<section id="user" class="grid-area">
21+
<div>
22+
<label for="username">Your Name (used as author): </label>
23+
<input type="text" id="username" name="username">
24+
</div>
25+
</section>
26+
<section id="editor">
2727

28-
</section>
29-
</content>
30-
<sidebar></sidebar>
31-
</main>
32-
<footer></footer>
33-
<script src="/settings.js"></script>
34-
<script>
35-
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
36-
</script>
37-
</body>
38-
</html>
28+
</section>
29+
</content>
30+
<sidebar></sidebar>
31+
</main>
32+
<footer></footer>
33+
<script src="/settings.js"></script>
34+
<script>
35+
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
36+
</script>
37+
</body>
38+
</html>

0 commit comments

Comments
 (0)