forked from yuanzhoucq/Tab-Space
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (154 loc) · 7.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120186346-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-120186346-2');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Tab Space - Tab saver & Bookmark manager for Safari</title>
<meta name="description"
content="Tab Space is an extension app which could save tabs, manage saved sessions and provide some useful shortcuts for Safari.">
<meta name="keywords"
content="Tab Space, app, os x, mac, macOS, high sierra, mojave, catalina, tool, extension, Safari, onetab">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="twitter:site" content="@joyuer">
<meta property="og:title" content="Tab Space - Tab saver & Bookmark manager for Safari">
<meta property="og:description"
content="Tab Space is an extension app which could save tabs, manage saved sessions and provide some useful shortcuts for Safari.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mytab.space">
<meta property="og:image" content="https://mytab.space/icon.png">
<link rel="shortcut icon" type="image/png" href="https://mytab.space/icon.png">
<link rel="apple-touch-icon" href="https://mytab.space/icon.png">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body data-attr="body">
<header style="position: absolute; right: 0; top: 20px"><a href="index-zh.html">中文</a></header>
<!--The video styles refer to https://recentsapp.com-->
<section id="app" class="app-main">
<div class="container" id="app-container" style="transform: translateX(0px);">
<div class="img flex">
<div class="loader loader--style5" title="4">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<rect x="0" y="0" width="4" height="10" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="translate"
values="0 0; 0 20; 0 0"
begin="0" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="10" y="0" width="4" height="10" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="translate"
values="0 0; 0 20; 0 0"
begin="0.2s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="20" y="0" width="4" height="10" fill="#333">
<animateTransform attributeType="xml"
attributeName="transform" type="translate"
values="0 0; 0 20; 0 0"
begin="0.4s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
</div>
<video id="app-video" width="700" preload="auto" poster="assets/img/desktop.png" autoplay=""
loop="" muted="" playsinline="" onplay="document.querySelector('.loader').style.display = 'none';">
<source src="./assets/Tab_Space_Demo.mp4" type="video/mp4">
</video>
</div>
<article class="app-article flex">
<div class="inner">
<h1 style="margin-top: -50px; display: flex">
<img class="logo" src="icon.png" width="120" height="120" alt="Tab Space Logo">
<span style="margin-top: 40px; display: inline-block;"><b>Tab Space</b></span>
</h1>
<p><span style="color: salmon; font-weight: 700;">Save browser tabs as a workspace. </span><br><br><b>Tab
Space</b> is an extension app which saves tabs, manages saved sessions and provides some useful shortcuts for Safari.</p>
<div class="app-buttons">
<a href="https://apps.apple.com/app/tab-space/id1473726602?mt=12" onclick="gtag('event', 'view_item', { method : 'Mac App Store' });" target="_blank"><img
src="assets/img/Download_on_the_Mac_App_Store_Badge_US-UK_RGB_blk_092917.svg" alt="Tab Space download badge"></a>
</div>
<div style="margin-left: 200px; margin-top: -2em;"><a
href="https://www.notion.so/joyuer/What-s-New-in-Tab-Space-66063fc8afea4f54906f32ef92915ea7"
target="_blank">Changelog</a>
</div>
<div class="requirements">
<div class="copy">
<div class="subtitle">Requires macOS 10.13 or later</div>
</div>
</div>
</div>
</article>
</div>
</section>
<section class="product-info">
<div class="container">
<section class="product-copy">
<div class="inner">
<h2>Manage your tabs</h2>
<p><b>Tab Space</b> saves your Safari tabs as separate sessions. You can add tags to better organize these tabs. Restore them whenever you want.</p>
</div>
</section>
<section class="product-preview">
<div class="wrapper">
<img class="product-image-white" src="assets/img/preview1.png" width="580" alt="Tab Space sessions"
style="transform: translate3d(0px, -5px, 0px);">
</div>
</section>
</div>
</section>
<section class="product-info">
<div class="container" style="background-color: white">
<section class="product-preview">
<div class="wrapper">
<img class="product-image-white" src="assets/img/preview2.png" width="600" alt="Tab Space shortcuts"
style="transform: translate3d(0px, -5px, 0px); left: 80px;">
</div>
</section>
<section class="product-copy">
<div class="inner">
<h2>Additional shortcuts</h2>
<p>Use keyboard shortcuts to make your web browser smoother. And cooperate with other popular applications.</p>
</div>
</section>
</div>
</section>
<section class="product-info">
<div class="container">
<section class="product-copy">
<div class="inner">
<h2>Dark Mode ready</h2>
<p><b>Tab Space</b> moves to dark mode automatically with your system theme's change.</p>
</div>
</section>
<section class="product-preview">
<div class="wrapper">
<img class="product-image-white" src="assets/img/preview3.png" width="580" alt="Tab Space dark mode"
style="transform: translate3d(0px, -5px, 0px);">
</div>
</section>
</div>
</section>
<section class="download-footer" style="background-color: white">
<div style="width: 300px; margin: 0 auto; padding: 40px;">
<a href="https://apps.apple.com/app/tab-space/id1473726602?mt=12" onclick="gtag('event', 'view_item', { method : 'Mac App Store' });" target="_blank"><img
src="assets/img/Download_on_the_Mac_App_Store_Badge_US-UK_RGB_blk_092917.svg" alt="Tab Space download badge"></a>
</div>
</section>
<footer>
<div class="container">
<div class="inner">
<p class="author">Developed by️ <a href="https://joyuer.cn/" target="_blank">Joyuer</a> 📮
<a href="mailto:[email protected]" target="_blank">Contact</a> 🤖
View️ on <a href="https://github.com/yuanzhoucq/Tab-Space" target="_blank">GitHub</a></p>
</div>
</div>
</footer>
</body>
</html>