43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Firefox Focus Mode</title>
|
|
<link rel="stylesheet" href="theme.css">
|
|
<link rel="stylesheet" href="home.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<section class="hero">
|
|
<p class="eyebrow">Privacy-first browsing</p>
|
|
<h1>Firefox Focus Mode</h1>
|
|
<p class="subtitle">One tab, a fresh session, and just the essentials.</p>
|
|
</section>
|
|
|
|
<form id="url-form" class="url-form">
|
|
<label class="sr-only" for="url-input">Enter a URL or search</label>
|
|
<input id="url-input" name="url" type="text" placeholder="Enter a URL or search term" autocomplete="off">
|
|
<button type="submit">Go</button>
|
|
</form>
|
|
|
|
<section>
|
|
<div class="section-heading">
|
|
<h2>Bookmarks</h2>
|
|
<button id="settings-link" class="ghost-button" type="button">Edit</button>
|
|
</div>
|
|
<div id="bookmarks" class="bookmarks"></div>
|
|
</section>
|
|
|
|
<section class="clear-card">
|
|
<div>
|
|
<h2>Erase Session</h2>
|
|
<p>Delete browsing data, close extra tabs, and return here.</p>
|
|
</div>
|
|
<button id="clear-button" class="clear-button" type="button">Trash Everything</button>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="home.js"></script>
|
|
</body>
|
|
</html>
|