summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorAbdellah El Morabit <nsrddyn@gmail.com>2024-11-29 13:24:16 +0100
committerAbdellah El Morabit <nsrddyn@gmail.com>2024-11-29 13:24:16 +0100
commitfdd3b103bb209045123693cd60149b951c7b2be8 (patch)
tree1019543e2db0ec535f9a76c9f8527fa0ef299caa /public
parent446f3d4742f88b09c85e83e96f6505cd3f6302c5 (diff)
rewritten the source of the application
Diffstat (limited to 'public')
-rw-r--r--public/templates/live_preview.py14
-rw-r--r--public/templates/page/notes.html24
-rw-r--r--public/templates/page/overview.html29
-rw-r--r--public/templates/page/recourses.html29
-rw-r--r--public/templates/page/speech.html29
-rw-r--r--public/templates/static/main.mjs13
-rw-r--r--public/templates/static/styles.css101
7 files changed, 239 insertions, 0 deletions
diff --git a/public/templates/live_preview.py b/public/templates/live_preview.py
new file mode 100644
index 0000000..e753fc6
--- /dev/null
+++ b/public/templates/live_preview.py
@@ -0,0 +1,14 @@
1from livereload import Server
2
3server = Server()
4# Watch HTML file
5server.watch('index.html')
6# Watch CSS files
7server.watch('static/styles.css')
8# Watch JavaScript files
9server.watch('static/main.mjs')
10# Watch other files if needed
11server.watch('page/*') # Watch everything in the page folder
12
13# Serve the current directory
14server.serve(root='.')
diff --git a/public/templates/page/notes.html b/public/templates/page/notes.html
new file mode 100644
index 0000000..3f24816
--- /dev/null
+++ b/public/templates/page/notes.html
@@ -0,0 +1,24 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title>Display a Message</title>
8 <link rel="stylesheet" href="../static/styles.css">
9 <script src="../static/main.mjs" defer></script>
10</head>
11
12<body>
13 <nav class="navigation">
14 <a href="../index.html" class="home">HOME</a>
15 <h2>Display a Message</h2>
16 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
17 </nav>
18
19 <section class="content">
20 <h1>Display a Message</h1>
21 </section>
22
23 <footer>
24 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All \ No newline at end of file
diff --git a/public/templates/page/overview.html b/public/templates/page/overview.html
new file mode 100644
index 0000000..123bf39
--- /dev/null
+++ b/public/templates/page/overview.html
@@ -0,0 +1,29 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title>General Tools</title>
8 <link rel="stylesheet" href="../static/styles.css">
9 <script src="../static/main.mjs" defer></script>
10</head>
11
12<body>
13 <nav class="navigation">
14 <a href="../index.html" class="home">HOME</a>
15 <h2>General Tools</h2>
16 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
17 </nav>
18
19 <section class="content">
20 <h1>General Tools</h1>
21 </section>
22
23 <footer>
24 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
25 2024.</p>
26 </footer>
27</body>
28
29</html> \ No newline at end of file
diff --git a/public/templates/page/recourses.html b/public/templates/page/recourses.html
new file mode 100644
index 0000000..992e44e
--- /dev/null
+++ b/public/templates/page/recourses.html
@@ -0,0 +1,29 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title>Resources</title>
8 <link rel="stylesheet" href="../static/styles.css">
9 <script src="../static/main.mjs" defer></script>
10</head>
11
12<body>
13 <nav class="navigation">
14 <a href="../index.html" class="home">HOME</a>
15 <h2>Resources</h2>
16 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
17 </nav>
18
19 <section class="content">
20 <h1>Resources</h1>
21 </section>
22
23 <footer>
24 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
25 2024.</p>
26 </footer>
27</body>
28
29</html> \ No newline at end of file
diff --git a/public/templates/page/speech.html b/public/templates/page/speech.html
new file mode 100644
index 0000000..1b345ba
--- /dev/null
+++ b/public/templates/page/speech.html
@@ -0,0 +1,29 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <title>Speech Transcriber</title>
8 <link rel="stylesheet" href="../static/styles.css">
9 <script src="../static/main.mjs" defer></script>
10</head>
11
12<body>
13 <nav class="navigation">
14 <a href="../index.html" class="home">HOME</a>
15 <h2>Speech Transcriber</h2>
16 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
17 </nav>
18
19 <section class="content">
20 <h1>Speech Transcriber</h1>
21 </section>
22
23 <footer>
24 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
25 2024.</p>
26 </footer>
27</body>
28
29</html> \ No newline at end of file
diff --git a/public/templates/static/main.mjs b/public/templates/static/main.mjs
new file mode 100644
index 0000000..7e48f65
--- /dev/null
+++ b/public/templates/static/main.mjs
@@ -0,0 +1,13 @@
1document.addEventListener("DOMContentLoaded", () => {
2 const buttons = document.querySelectorAll(".controls a");
3
4 buttons.forEach((button) => {
5 button.addEventListener("mouseover", () => {
6 button.style.boxShadow = "0px 6px 12px rgba(255, 255, 255, 0.5)";
7 });
8
9 button.addEventListener("mouseout", () => {
10 button.style.boxShadow = "0px 4px 8px rgba(0, 0, 0, 0.4)";
11 });
12 });
13});
diff --git a/public/templates/static/styles.css b/public/templates/static/styles.css
new file mode 100644
index 0000000..d43f592
--- /dev/null
+++ b/public/templates/static/styles.css
@@ -0,0 +1,101 @@
1@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap");
2
3body {
4 background-color: rgb(40, 44, 52);
5 color: white;
6 font-family: "Host Grotesk", sans-serif;
7 font-weight: 500;
8 margin: 0;
9 padding: 0;
10}
11
12p {
13 text-align: center;
14
15}
16
17h1 {
18 text-align: center;
19}
20
21a {
22 text-decoration: none;
23 color: wheat;
24 transition: color 0.3s ease;
25}
26
27a:hover {
28 color: rgb(255, 215, 128);
29}
30
31.navigation {
32 display: flex;
33 justify-content: space-between;
34 align-items: center;
35 padding: 20px 10%;
36 background-color: rgba(0, 0, 0, 0.8);
37 border-bottom: 2px solid white;
38 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
39 position: sticky;
40 top: 0;
41 z-index: 10;
42}
43
44.navigation a {
45 font-size: 1.2em;
46 font-weight: 600;
47 transition: transform 0.3s ease;
48}
49
50.navigation a:hover {
51 transform: scale(1.1);
52}
53
54.controls {
55 display: flex;
56 flex-direction: row;
57 justify-content: center;
58 gap: 20px;
59 padding: 20px 10%;
60}
61
62.controls a {
63 display: flex;
64 justify-content: center;
65 align-items: center;
66 background-color: rgba(255, 255, 255, 0.1);
67 border-radius: 10px;
68 padding: 15px;
69 min-width: 150px;
70 width: 200px;
71 text-align: center;
72 font-size: 1.2em;
73 font-weight: 600;
74 color: white;
75 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
76 transition: background-color 0.3s ease, transform 0.3s ease;
77}
78
79.controls a:hover {
80 background-color: rgba(255, 255, 255, 0.2);
81 transform: translateY(-5px);
82}
83
84footer {
85 background-color: rgba(0, 0, 0, 0.8);
86 text-align: center;
87 padding: 10px;
88 font-size: 0.9em;
89 border-top: 1px solid rgba(255, 255, 255, 0.2);
90 margin-top: 20px;
91}
92
93footer a {
94 color: wheat;
95 font-weight: 600;
96 text-decoration: underline;
97}
98
99footer a:hover {
100 color: rgb(255, 215, 128);
101}
generated by cgit v1.3 (git 2.53.0) at 2026-04-20 07:18:30 +0000