-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
214 lines (199 loc) · 10.3 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
---
layout: page
keywords: tmplat, browser, extension, addon, homepage, install, open, source
microdata: http://schema.org/WebApplication
carousel:
- url: /assets/img/screenshots/en/01.png
title: Simplicity
property: screenshot
caption: Plenty of ways to quickly access your favourite templates while browsing
- url: /assets/img/screenshots/en/02.png
title: Make yourself at home
property: screenshot
caption: Have complete control of how tmplat works using its amazing options page
- url: /assets/img/screenshots/en/03.png
title: Roll your own
property: screenshot
caption: Customizing existing templates or creating your very own couldn't be any easier
- url: /assets/img/screenshots/en/04.png
title: Mini links
property: screenshot
caption: Choose from a list of available URL shorteners, all with their own configuration options
- url: /assets/img/screenshots/en/05.png
title: Know-how
property: screenshot
caption: tmplat comes complete with its own fully documented built-in guide so writing your own is as easy as pie
---
<div class="hide">
<link itemprop="applicationCategory SoftwareApplicationCategory" href="http://schema.org/OtherApplication">
{% if site.extension.dates.created %}
<meta itemprop="copyrightYear" content="{{ site.extension.dates.created | date:'%Y' }}">
<meta itemprop="dateCreated" content="{{ site.extension.dates.created }}">
{% endif %}
{% if site.extension.dates.published %}<meta itemprop="datePublished" content="{{ site.extension.dates.published }}">{% endif %}
{% if site.extension.dates.updated %}<meta itemprop="dateModified" content="{{ site.extension.dates.updated }}">{% endif %}
<meta itemprop="description headline" content="Quickly and easily copies info on the current page using a simple and unique template system.">
{% if site.extension.file %}
{% if site.extension.file.format %}<meta itemprop="fileFormat" content="{{ site.extension.file.format }}">{% endif %}
{% if site.extension.file.size %}<meta itemprop="fileSize" content="{{ site.extension.file.size }}">{% endif %}
{% endif %}
<meta itemprop="image" content="{{ '/assets/img/logo_72.png' | absolute_url }}">
<meta itemprop="isFamilyFriendly" content="true">
{% if page.keywords %}<meta itemprop="keywords" content="{{ page.keywords }}">{% endif %}
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<link itemprop="availability" href="http://schema.org/InStock">
<meta itemprop="price" content="$0">
<meta itemprop="priceCurrency" content="USD">
</div>
<meta itemprop="permissions" content="Data you copy and paste">
<meta itemprop="permissions" content="Your browsing history">
<meta itemprop="permissions" content="Your physical location">
<meta itemprop="permissions" content="Your data on all websites">
</div>
<div class="jumbotron">
<h1>{{ site.title }}</h1>
<p class="lead">Ultimate productivity browser extension with near unlimited uses</p>
<a href="https://chrome.google.com/webstore/detail/{{ site.extension.chrome.id }}" class="btn btn-large btn-primary chrome_install_button" data-container="body" title="Chrome Web Store"><i class="icon-download-alt icon-white"></i> Install</a>
<a href="https://github.com/tmplat-extension" class="btn btn-large btn-success" data-container="body" title="Get involved!"><i class="icon-eye-open icon-white"></i> View Source</a>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" class="donation">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="{{ site.paypal_account }}">
<button type="submit" class="btn btn-warning btn-large" data-container="body" title="Share the love!"><i class="icon-heart icon-white"></i> Donate</button>
</form>
{% include sharing.html %}
</div>
<hr>
<div class="row-fluid">
<div class="span4">
<h2>Templates</h2>
<p>
Using a powerful template system it allows users to easily create their own templates making the possibilities
endless and includes a comprehensive built-in guide to help you to write your own.
</p>
<p><a href="/guide/" class="btn">Guide <i class="icon-chevron-right"></i></a></p>
</div>
<div class="span4">
<h2>Ready-to-go</h2>
<p>tmplat comes packed with the following predefined templates:</p>
<ul>
<li><span class="clickable" data-title="URL" data-toggle="popover" data-content-selector="#popover-url">URL</span></li>
<li><span class="clickable" data-title="Short" data-toggle="popover" data-content-selector="#popover-short">Short</span></li>
<li><span class="clickable" data-title="Anchor" data-toggle="popover" data-content-selector="#popover-anchor">Anchor</span></li>
<li><span class="clickable" data-title="Encoded" data-toggle="popover" data-content-selector="#popover-encoded">Encoded</span></li>
<li><span class="clickable" data-title="Markdown" data-toggle="popover" data-content-selector="#popover-markdown">Markdown</span></li>
<li><span class="clickable" data-title="BBCode" data-toggle="popover" data-content-selector="#popover-bbcode">BBCode</span></li>
<li><span class="clickable" data-title="Selection in Markdown" data-toggle="popover" data-content-selector="#popover-selection-in-markdown">Selection in Markdown</span></li>
</ul>
<div id="popover-url" class="hide">Copies the URL of the current tab</div>
<div id="popover-short" class="hide">
Copies the shortened URL (using any of the supported services)
</div>
<div id="popover-anchor" class="hide">
Copies an HTML anchor tag (<code><a></code>) with the URL and the tab's title
</div>
<div id="popover-encoded" class="hide">
Copies the encoded URL (to be safely added directly in to an HTTP query)
</div>
<div id="popover-markdown" class="hide">
Copies a Markdown inline link with the URL and the tab's title
</div>
<div id="popover-bbcode" class="hide">
Copies a BBCode URL tag (<code>[url]</code>) with the URL and the tab's title
</div>
<div id="popover-selection-in-markdown" class="hide">
Copies the current selection on the page as Markdown
</div>
</div>
<div class="span4">
<h2>Powerful</h2>
<p>
With just the click of a button you can quickly and easily add all the information you want directly to your
system clipboard <em>without any formatting</em>, saving you lots of time with those tedious tasks.
</p>
<p>
Coupled with support for keyboard shortcuts and right-click menus makes accessing to your favourite templates even
easier and faster. The unique and simple options page empowers you with full control over how tmplat behaves and
management over your templates.
</p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<h2>Shortening</h2>
<p>
URL shortening services have become common practise due to the popularity of micro-blogging, so tmplat comes
prepared with support for these popular services:
</p>
<ul>
<li><span class="clickable" data-title="bit.ly" data-toggle="popover" data-content-selector="#popover-bitly">bit.ly</span></li>
<li><span class="clickable" data-title="goo.gl" data-toggle="popover" data-content-selector="#popover-googl">goo.gl</span></li>
<li><span class="clickable" data-title="YOURLS" data-toggle="popover" data-content-selector="#popover-yourls">YOURLS</span></li>
</ul>
<div id="popover-bitly" class="hide">
Link to your <a href="http://bit.ly">bit.ly</a> account to allow tracking on your timeline
</div>
<div id="popover-googl" class="hide">
Login to your Google account to allow tracking on <a href="http://goo.gl">goo.gl</a>
</div>
<div id="popover-yourls" class="hide">
Link to any custom <a href="http://yourls.org">YOURLS</a> installations
</div>
</div>
<div class="span4">
<h2>Transparent</h2>
<p>
We know it can be daunting for some of you when you see those warnings when installing new extensions and apps, so
we put together a detailed breakdown of all the permissions tmplat requires (even those you aren't warned about)
and explained why.
</p>
<p><a href="/permissions" class="btn">Permissions <i class="icon-chevron-right"></i></a></p>
</div>
<div class="span4">
<h2>Evolution</h2>
<p>
We're always updating tmplat, trying to make it the absolute best it can be. Version <a href="/changes#{{ site.extension.version }}" itemprop="softwareVersion version">{{ site.extension.version }}</a>
has come along way since the first release and we're hoping to take it even farther.
</p>
<p><a href="{{ '/changes' | absolute_url }}" class="btn" itemprop="releaseNotes">Changes <i class="icon-chevron-right"></i></a></p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<h2>Need Help?</h2>
<p>
If you have <em>any problems</em> with this extension, or would like to give us your feedback, or want to request
something completely new, we always welcome feedback through our dedicated help desk.
</p>
<p>
If you get stuck creating your own templates you should read the guide within the options page which is also
<a href="/guide/">available online</a>.
</p>
<p><a href="{{ site.support_url }}" class="btn">Help Desk <i class="icon-chevron-right"></i></a></p>
</div>
<div class="span4">
<h2>Knowledge</h2>
<p>
If you want you get learn how tmplat works you can take a look at the <a href="/docs/">source code documentation</a>
for the latest version.
</p>
<p>
Still want to know more? Feel free to follow us on Twitter, <a href="https://twitter.com/tmplat">@tmplat</a>.
However, I recommend that everyone makes our frequently asked questions their starting point for all enquiries.
</p>
<p><a href="/faq" class="btn">FAQ <i class="icon-chevron-right"></i></a></p>
</div>
<div class="span4">
<h2>Browsers</h2>
<p>
Currently, tmplat is only supported on <a href="https://google.com/chrome">Chrome</a> but is planned to be
rolled out to <strong>all</strong> modern browsers after the next big release (as we've got a lot planned).
</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span12">
<h2 id="screenshots">Screenshots</h2>
{% include carousel.html %}
</div>
</div>