TabsAsideExtension/collections.html

<div class="tabsAside background">
	<aside class="tabsAside pane">
		<header>
			<div>
				<h1>Tabs aside</h1>
				<button title="Options">&#xE10C;</button>
	
				<nav>
					<div>
						<button onclick="window.open('https://github.com/xfox111/ChromiumTabsAside', '_blank')">Visit GitHub page</button>
						<button onclick="window.open('https://chrome.google.com/webstore/category/extensions', '_blank')">Leave feedback</button>
						<button onclick="window.open('https://buymeacoffee.com/xfox111', '_blank')">Buy me a coffee!</button>
						<!--<button hidden>Backup saved tabs</button>-->
					</div>
					<p>
						<small>v1.0</small><br />
						Developed by Michael Gordeev (<a href="https://twitter.com/xfox111" target="_blank">@xfox111</a>)
					</p>
				</nav>
			</div>
			<a class="saveTabs">&#xE0AB; Set current tabs aside</a>
			<hr />
		</header>
	
		<section>
			<h2>You have no aside tabs</h1>
	
			<!--<div>
				<div>
					<span>Tabs: $(tabsCount)</span>
					<small>$(timestamp)</small>
	
					<a>Restore tabs</a>
	
					<div>
						<button title="More...">&#xE10C;</button>
						<nav>
							<button>Add tabs to favorites</button>
							<button>Share tabs</button>
						</nav>
					</div>
					<button title="Remove collection">&#xE106;</button>
				</div>
	
				<div>
					<div title="Tab title caption">
						<div>
							<div></div>
							<span>$(title)</span>
							<button title="Remove tab from collection">&#xE106;</button>
						</div>
					</div>
				</div>
			</div>-->
		</section>
	</aside>
</div>