45 lines
2 KiB
HTML
45 lines
2 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<title>Containers browserAction Popup</title>
|
|
<link rel="stylesheet" href="/css/foundation.min.css">
|
|
<link rel="stylesheet" href="/css/popup.css">
|
|
</head>
|
|
<body>
|
|
<div class="panel onboarding onboarding-panel-1" id="onboarding-panel-1">
|
|
<img alt="Container Tabs Overview" src="/img/onboarding-1.png" />
|
|
<h3>A better way to manage all the things you do online</h3>
|
|
<p>Use containers to organize tasks, manage accounts, and keep your focus where you want it.</p>
|
|
<p class="spacing" ><a href="#">Learn more</a></p>
|
|
<a href="#" id="onboarding-next-button" class="button expanded">Next</a>
|
|
</div>
|
|
<div class="panel onboarding onboarding-panel-2" id="onboarding-panel-2">
|
|
<img alt="How Containers Work" src="/img/onboarding-2.png" />
|
|
<h3>Put containers to work for you.</h3>
|
|
<p>Features like color-coding and separate container tabs help you find things easily, focus your attention, and minimize distractions.</p>
|
|
<a href="#" id="onboarding-done-button" class="button expanded spacing">Done</a>
|
|
</div>
|
|
<div class="panel container-panel" id="container-panel">
|
|
<div class="row popup-bumper">
|
|
<div class="small-2 columns header-column">
|
|
<img alt="Containers icon" class="icon" src="/img/container-site-d-24.png">
|
|
</div>
|
|
<div class="small-8 columns">
|
|
<h4>Containers</h4>
|
|
</div>
|
|
<div class="small-2 columns header-column">
|
|
<a id="sort-containers-link"><img alt="Sort Containers" title="Sort Containers" class="icon" src="/img/container-sort.svg"></a>
|
|
</div>
|
|
</div>
|
|
<table class="unstriped hover">
|
|
<tbody class="identities-list"></tbody>
|
|
</table>
|
|
<div class="row popup-bumper edit-identities">
|
|
<div class="small-12 columns edit-containers-text">
|
|
<a id="edit-containers-link" href="about:preferences#containers">Edit Containers</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/popup.js"></script>
|
|
</body>
|
|
</html>
|