2018-12-26 08:45:53 +01:00
|
|
|
<!DOCTYPE html>
|
2018-12-27 00:46:53 +01:00
|
|
|
<html lang="en" class="is-link-block">
|
2018-12-26 08:45:53 +01:00
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
|
|
|
<title>New Tab</title>
|
|
|
|
|
<link rel="stylesheet" href="css/reset.css">
|
2018-12-26 18:43:38 +01:00
|
|
|
<link rel="stylesheet" href="css/base.css">
|
2018-12-26 08:45:53 +01:00
|
|
|
<link rel="stylesheet" href="css/fonts.css">
|
|
|
|
|
<link rel="stylesheet" href="css/icons.css">
|
|
|
|
|
<link rel="stylesheet" href="css/utilities.css">
|
|
|
|
|
<link rel="stylesheet" href="css/theme.css">
|
|
|
|
|
<link rel="stylesheet" href="css/typography.css">
|
|
|
|
|
<link rel="stylesheet" href="css/grid.css">
|
2018-12-26 18:43:38 +01:00
|
|
|
<link rel="stylesheet" href="css/spacing.css">
|
2018-12-26 08:45:53 +01:00
|
|
|
<link rel="stylesheet" href="css/button.css">
|
|
|
|
|
<link rel="stylesheet" href="css/form.css">
|
|
|
|
|
<link rel="stylesheet" href="css/shade.css">
|
|
|
|
|
<link rel="stylesheet" href="css/modal.css">
|
|
|
|
|
<link rel="stylesheet" href="css/head.css">
|
|
|
|
|
<link rel="stylesheet" href="css/clock.css">
|
|
|
|
|
<link rel="stylesheet" href="css/search.css">
|
|
|
|
|
<link rel="stylesheet" href="css/links.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="grid">
|
|
|
|
|
|
|
|
|
|
<div class="grid-item-head">
|
|
|
|
|
<div class="head">
|
2018-12-26 18:50:18 +01:00
|
|
|
<div class="head-item mb-3 mb-lg-0">
|
2018-12-26 08:45:53 +01:00
|
|
|
<p class="clock"></p>
|
|
|
|
|
</div>
|
2018-12-26 18:50:18 +01:00
|
|
|
<div class="head-item head-search mb-3 mb-lg-0">
|
2018-12-26 08:45:53 +01:00
|
|
|
<form class="search" action="http://www.google.com/search" method="get">
|
2018-12-26 18:43:38 +01:00
|
|
|
<input class="search-input mb-0" type="text" placeholder="Find bookmarks or search" tabindex="1" name="q" autocomplete="off" tabindex="1">
|
2018-12-26 08:45:53 +01:00
|
|
|
<input type="submit" value="Search" class="is-hidden">
|
|
|
|
|
</form>
|
2018-12-26 18:43:38 +01:00
|
|
|
<button class="button mb-0 ml-3 search-clear" tabindex="1" disabled>
|
2018-12-26 08:45:53 +01:00
|
|
|
<span class="icon-close"></span>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2018-12-27 00:46:53 +01:00
|
|
|
<div class="head-item button-group mb-3 mb-lg-0">
|
2018-12-26 18:43:38 +01:00
|
|
|
<button class="button mb-0 control-add" tabindex="1">
|
2018-12-26 08:45:53 +01:00
|
|
|
<span class="button-text">Add</span>
|
|
|
|
|
</button>
|
2018-12-26 18:43:38 +01:00
|
|
|
<button class="button mb-0 control-edit" tabindex="1">
|
2018-12-26 08:45:53 +01:00
|
|
|
<span class="button-text">Edit</span>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2018-12-27 00:46:53 +01:00
|
|
|
<div class="head-item button-group mb-3 mb-lg-0">
|
|
|
|
|
<button class="button mb-0 control-link-list" tabindex="1">
|
|
|
|
|
<span class="button-text">List</span>
|
|
|
|
|
</button>
|
|
|
|
|
<button class="button mb-0 control-link-blocks active" tabindex="1">
|
|
|
|
|
<span class="button-text">Block</span>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2018-12-26 18:50:18 +01:00
|
|
|
<div class="head-item mb-3 mb-lg-0">
|
2018-12-26 08:45:53 +01:00
|
|
|
<form class="theme">
|
2018-12-26 18:43:38 +01:00
|
|
|
<label class="button mb-0 theme-label" for="accent-picker">
|
2018-12-26 08:45:53 +01:00
|
|
|
<span class="button-text">Accent</span>
|
|
|
|
|
</label>
|
|
|
|
|
<input id="accent-picker" type="color" class="theme-input" value="#ffaa33" tabindex="1">
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="grid-item-body"></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<script src="js/helper.js"></script>
|
|
|
|
|
<script src="js/control.js"></script>
|
|
|
|
|
<script src="js/bookmarks.js"></script>
|
|
|
|
|
<script src="js/modal.js"></script>
|
|
|
|
|
<script src="js/shade.js"></script>
|
|
|
|
|
<script src="js/theme.js"></script>
|
|
|
|
|
<script src="js/clock.js"></script>
|
|
|
|
|
<script src="js/search.js"></script>
|
|
|
|
|
<script src="js/state.js"></script>
|
|
|
|
|
<script src="js/data.js"></script>
|
|
|
|
|
<script src="js/links.js"></script>
|
|
|
|
|
<script src="js/init.js"></script>
|
|
|
|
|
|
|
|
|
|
</html>
|
