You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
4.0 KiB
63 lines
4.0 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Options</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/color.css">
|
|
<link rel="stylesheet" href="css/options.css">
|
|
<link rel="shortcut icon" href="about:blank">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="content">
|
|
<div class="quadrant" id="quad1">
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
|
|
<input type="text" spellcheck="false" tabindex="1" />
|
|
</div>
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
|
|
<input type="color" value="#cfcfcf" />
|
|
</div>
|
|
</div>
|
|
<div class="quadrant" id="quad2">
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
|
|
<input type="text" spellcheck="false" tabindex="1" />
|
|
</div>
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
|
|
<input type="color" value="#cfcfcf" />
|
|
</div>
|
|
</div>
|
|
<div class="quadrant" id="quad3">
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
|
|
<input type="text" spellcheck="false" tabindex="1" />
|
|
</div>
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
|
|
<input type="color" value="#cfcfcf" />
|
|
</div>
|
|
</div>
|
|
<div class="quadrant" id="quad4">
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
|
|
<input type="text" spellcheck="false" tabindex="1" />
|
|
</div>
|
|
<div class="row">
|
|
<svg class="icon" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
|
|
<input type="color" value="#cfcfcf" />
|
|
</div>
|
|
</div>
|
|
<svg id="logo" height="75px" width="75px" viewBox="0 0 10 10">
|
|
<a href="index.html"><polygon id="logo-svg" points="5,10 10,5 5,0 0,5" /></a>
|
|
</svg>
|
|
<button id="mode">
|
|
<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
|
|
</button>
|
|
</div>
|
|
<script src="js/options.js"></script>
|
|
</body>
|
|
</html>
|