Base working version

2023-10-17 04:35:03 +02:00 · 2023-10-17 04:35:03 +02:00 · d0255e7aaf
commit d0255e7aaf
10 changed files with 1886 additions and 0 deletions
--- a/popup/control.html
+++ b/popup/control.html
@ -0,0 +1,69 @@
+<!--
+ * Simple local webpage content editing extension that allows in-browser edition and HTML export
+ * Copyright (c) Ad5001 2023
+ * 
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ -->
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Simple Content Editor Control Popup</title>
+    <style>
+        button {
+            margin: .3em;
+            border: none;
+            border-radius: .5em;
+            color: white;
+            padding: .5em;
+            padding-right: 1em;
+            padding-left: 1em;
+            cursor: pointer;
+            width: 15ch;
+        }
+        
+        button:hover, button:focus {
+            filter: brightness(1.2)
+        }
+        
+        button:active {
+            filter: brightness(1.4)
+        }
+
+        #start-editing {
+            background: green;
+        }
+
+        #save-html {
+            background: #4185ff;
+        }
+
+        #stop-editing {
+            background: #bb1111;
+        }
+        
+        .not-editing > #save-html,
+        .not-editing > #stop-editing,
+        .editing > #start-editing {
+            display: none;
+        }
+    </style>
+    <script src="control.js"></script>
+</head>
+<body id="editing-controls" class="not-editing">
+    <button id="start-editing">Start Editing</button>
+    <button id="save-html">Save HTML</button><br>
+    <button id="stop-editing">Stop Editing</button>
+</body>
+</html>