mirror of
https://github.com/bellingcat/auto-archiver-extension.git
synced 2026-06-12 21:48:34 +03:00
first MVP
This commit is contained in:
36
source/html/options.html
Normal file
36
source/html/options.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>Options</title>
|
||||
|
||||
<form id="options-form" class="detail-view-container">
|
||||
<h3>Color Picker</h3>
|
||||
<div class="color-picker">
|
||||
<div class="color-inputs">
|
||||
<label class="color-input">
|
||||
<span>R</span>
|
||||
<input type="range" min="0" max="255" name="colorRed">
|
||||
<input type="number" name="colorRed" min="0" max="255">
|
||||
</label>
|
||||
<label class="color-input">
|
||||
<span>G</span>
|
||||
<input type="range" min="0" max="255" name="colorGreen">
|
||||
<input type="number" name="colorGreen" min="0" max="255">
|
||||
</label>
|
||||
<label class="color-input">
|
||||
<span>B</span>
|
||||
<input type="range" min="0" max="255" name="colorBlue">
|
||||
<input type="number" name="colorBlue" min="0" max="255">
|
||||
</label>
|
||||
</div>
|
||||
<div class="color-output"></div>
|
||||
</div>
|
||||
<h3>Notice Content</h3>
|
||||
<div class="text-inputs">
|
||||
<label class="text-input">
|
||||
<span>Text</span>
|
||||
<input type="text" name="text">
|
||||
</label>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script src="../js/options.js" type="module"></script>
|
||||
19
source/html/popup.html
Normal file
19
source/html/popup.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../css/popup.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script src="../js/popup.js" type="module"></script>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user