summaryrefslogtreecommitdiff
path: root/webGUI
diff options
context:
space:
mode:
Diffstat (limited to 'webGUI')
-rw-r--r--webGUI/index.html33
-rw-r--r--webGUI/main.mjs13
-rw-r--r--webGUI/pages/cpuinfo.html30
-rw-r--r--webGUI/pages/general.html30
-rw-r--r--webGUI/pages/main.js0
-rw-r--r--webGUI/pages/notes.html25
-rw-r--r--webGUI/pages/recourses.html30
-rw-r--r--webGUI/pages/speech.html30
-rw-r--r--webGUI/styles.css92
9 files changed, 0 insertions, 283 deletions
diff --git a/webGUI/index.html b/webGUI/index.html
deleted file mode 100644
index 28665f8..0000000
--- a/webGUI/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
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>CONSOLE</title>
8 <link rel="stylesheet" href="styles.css">
9 <script src="main.js" defer></script>
10</head>
11
12<body>
13 <nav class="navigation">
14 <a href="index.html" class="home">HOME</a>
15 <h2>I2C MODES</h2>
16 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
17 </nav>
18
19 <section class="controls">
20 <a href="pages/cpuinfo.html" class="CPU_INFO">CPU Information</a>
21 <a href="pages/general.html" class="resources">Resources</a>
22 <a href="pages/notes.html" class="speech_trans">Speech Transcriber</a>
23 <a href="pages/recourses.html" class="notes">Display a Message</a>
24 <a href="pages/speech.html" class="general">General Tools</a>
25 </section>
26
27 <footer>
28 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
29 2024.</p>
30 </footer>
31</body>
32
33</html> \ No newline at end of file
diff --git a/webGUI/main.mjs b/webGUI/main.mjs
deleted file mode 100644
index 7e48f65..0000000
--- a/webGUI/main.mjs
+++ /dev/null
@@ -1,13 +0,0 @@
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/webGUI/pages/cpuinfo.html b/webGUI/pages/cpuinfo.html
deleted file mode 100644
index 99579cb..0000000
--- a/webGUI/pages/cpuinfo.html
+++ /dev/null
@@ -1,30 +0,0 @@
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>CPU Information</title>
8 <link rel="stylesheet" href="../styles.css">
9 <script src="main.js" defer></script>
10
11</head>
12
13<body>
14 <nav class="navigation">
15 <a href="../index.html" class="home">HOME</a>
16 <h2>CPU Information</h2>
17 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
18 </nav>
19
20 <section class="content">
21 <h1>CPU Information</h1>
22 </section>
23
24 <footer>
25 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
26 2024.</p>
27 </footer>
28</body>
29
30</html> \ No newline at end of file
diff --git a/webGUI/pages/general.html b/webGUI/pages/general.html
deleted file mode 100644
index 087afbc..0000000
--- a/webGUI/pages/general.html
+++ /dev/null
@@ -1,30 +0,0 @@
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="../styles.css">
9 <script src="main.js" defer></script>
10
11</head>
12
13<body>
14 <nav class="navigation">
15 <a href="../index.html" class="home">HOME</a>
16 <h2>General Tools</h2>
17 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
18 </nav>
19
20 <section class="content">
21 <h1>General Tools</h1>
22 </section>
23
24 <footer>
25 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
26 2024.</p>
27 </footer>
28</body>
29
30</html> \ No newline at end of file
diff --git a/webGUI/pages/main.js b/webGUI/pages/main.js
deleted file mode 100644
index e69de29..0000000
--- a/webGUI/pages/main.js
+++ /dev/null
diff --git a/webGUI/pages/notes.html b/webGUI/pages/notes.html
deleted file mode 100644
index ea870d7..0000000
--- a/webGUI/pages/notes.html
+++ /dev/null
@@ -1,25 +0,0 @@
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="../styles.css">
9 <script src="main.js" defer></script>
10
11</head>
12
13<body>
14 <nav class="navigation">
15 <a href="../index.html" class="home">HOME</a>
16 <h2>Display a Message</h2>
17 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
18 </nav>
19
20 <section class="content">
21 <h1>Display a Message</h1>
22 </section>
23
24 <footer>
25 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All \ No newline at end of file
diff --git a/webGUI/pages/recourses.html b/webGUI/pages/recourses.html
deleted file mode 100644
index 890ab73..0000000
--- a/webGUI/pages/recourses.html
+++ /dev/null
@@ -1,30 +0,0 @@
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="../styles.css">
9 <script src="main.js" defer></script>
10
11</head>
12
13<body>
14 <nav class="navigation">
15 <a href="../index.html" class="home">HOME</a>
16 <h2>Resources</h2>
17 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
18 </nav>
19
20 <section class="content">
21 <h1>Resources</h1>
22 </section>
23
24 <footer>
25 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
26 2024.</p>
27 </footer>
28</body>
29
30</html> \ No newline at end of file
diff --git a/webGUI/pages/speech.html b/webGUI/pages/speech.html
deleted file mode 100644
index 2c1a848..0000000
--- a/webGUI/pages/speech.html
+++ /dev/null
@@ -1,30 +0,0 @@
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="../styles.css">
9 <script src="main.js" defer></script>
10
11</head>
12
13<body>
14 <nav class="navigation">
15 <a href="../index.html" class="home">HOME</a>
16 <h2>Speech Transcriber</h2>
17 <a href="https://www.github.com/nasrlol" target="_blank">GITHUB</a>
18 </nav>
19
20 <section class="content">
21 <h1>Speech Transcriber</h1>
22 </section>
23
24 <footer>
25 <p>Created by <a href="https://www.github.com/nasrlol" target="_blank">nsrddyn</a>. All rights reserved &copy;
26 2024.</p>
27 </footer>
28</body>
29
30</html> \ No newline at end of file
diff --git a/webGUI/styles.css b/webGUI/styles.css
deleted file mode 100644
index 03b0256..0000000
--- a/webGUI/styles.css
+++ /dev/null
@@ -1,92 +0,0 @@
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
12a {
13 text-decoration: none;
14 color: wheat;
15 transition: color 0.3s ease;
16}
17
18a:hover {
19 color: rgb(255, 215, 128);
20}
21
22.navigation {
23 display: flex;
24 justify-content: space-between;
25 align-items: center;
26 padding: 20px 10%;
27 background-color: rgba(0, 0, 0, 0.8);
28 border-bottom: 2px solid white;
29 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
30 position: sticky;
31 top: 0;
32 z-index: 10;
33}
34
35.navigation a {
36 font-size: 1.2em;
37 font-weight: 600;
38 transition: transform 0.3s ease;
39}
40
41.navigation a:hover {
42 transform: scale(1.1);
43}
44
45.controls {
46 display: flex;
47 flex-wrap: wrap;
48 justify-content: center;
49 gap: 20px;
50 padding: 50px 10%;
51}
52
53.controls a {
54 display: flex;
55 justify-content: center;
56 align-items: center;
57 background-color: rgba(255, 255, 255, 0.1);
58 border-radius: 10px;
59 padding: 15px;
60 min-width: 150px;
61 width: 200px;
62 text-align: center;
63 font-size: 1.2em;
64 font-weight: 600;
65 color: white;
66 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
67 transition: background-color 0.3s ease, transform 0.3s ease;
68}
69
70.controls a:hover {
71 background-color: rgba(255, 255, 255, 0.2);
72 transform: translateY(-5px);
73}
74
75footer {
76 background-color: rgba(0, 0, 0, 0.8);
77 text-align: center;
78 padding: 10px;
79 font-size: 0.9em;
80 border-top: 1px solid rgba(255, 255, 255, 0.2);
81 margin-top: 20px;
82}
83
84footer a {
85 color: wheat;
86 font-weight: 600;
87 text-decoration: underline;
88}
89
90footer a:hover {
91 color: rgb(255, 215, 128);
92}