forked from mozilla/f1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (131 loc) · 5.14 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
<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is Raindrop.
-
- The Initial Developer of the Original Code is
- Mozilla Messaging, Inc..
- Portions created by the Initial Developer are Copyright (C) 2009
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
- -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="chrome://ffshare-web/content/installed.css">
<title>F1 by Mozilla Labs</title>
<script type="text/javascript" data-main="index.js" src="scripts/requireplugins-jquery-1.4.2.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.png" />
</head>
<body>
<div id="allow_helper">
<!--
<span class="message">
click <span style="font-style:italic;">"Allow"</span> to continue <img src="i/arrowBounce.gif">
</span>
-->
</div>
<div id="installed">
<div class="installWrapper">
<div class="c3">
<strong>Congrats!</strong> Hit the <img src="i/f1Icon.png"> button
</div>
</div>
<div id="shareArrow">
<img src="i/arrowBounce.gif">
</div>
</div>
<div id="wrapper">
<div id="header" class="row">
<div class="c2 logo">
</div>
<div class="c1 dl">
<button id="download" class="download" onclick="location = 'https://addons.mozilla.org/en-US/firefox/addon/252539/?src=external-f1home'; return false;">
<img src="i/f1Icon.png"> Install F1
<span class="meta">available for Firefox 3.6+</span>
</button>
<button id="firefox" class="download">
Get Firefox to use this Add-On.
</button>
<div id="noButton">
<img src="i/check.png"> status: installed
</div>
</div>
</div>
<div class="row headline">
<div class="c3">
<h1>Share links fast.</h1>
</div>
</div>
<div class="row">
<div class="c1 description">
<h2>So, what’s F1?</h2>
F1 is a browser extension that allows you to share links in a fast and fun way. Share links from within the browser, from any webpage, using the same services you already know and love. F1 is made by <a href="http://mozillamessaging.com/">Mozilla Messaging</a>.</div>
<div class="c2">
<img src="i/screenshot_01.png">
</div>
</div>
<div class="row">
<div id="movie" class="c3">
<div class="corner tl"></div>
<div class="corner tr"></div>
<iframe src="http://player.vimeo.com/video/16548313?title=0&byline=0&portrait=0" width="700" height="446" frameborder="0"></iframe>
</div>
<div id="tagline" class="c3">
“A browser extension for sharing” <span class="watch">Check out the video to see how it works</span>
</div>
</div>
<div class="row">
<div class="c3 description">
<h2>Share with your favorite services...</h2>
</div>
<div class="c1 description steps">
<span style="font-weight:bold;color:#00A0FF;display:block;">Twitter</span>
With one click F1 automatically shortens URLs using bit.ly so that you don't have to. F1 then inserts the shortened URL into your tweet, making the whole process seamless.
</div>
<div class="c1 description steps">
<span style="font-weight:bold;color:#00A0FF;display:block;">Facebook</span>
F1 posts the URL, complete with screenshot and description right to your Facebook wall, instantly sharing the link with all your friends on Facebook.
</div>
<div class="c1 description steps">
<span style="font-weight:bold;color:#00A0FF;display:block;">Gmail</span>
F1 automatically inserts the URL into the body of your email - simply type in your recipient's Email addresses and hit share.
</div>
</div>
<div class="row about">
<div class="c3 description">
<h2>Once you've installed F1 sharing is as easy as...</h2>
</div>
<div class="c1 description steps">
<span class="step">1</span> Hit the share icon in the toolbar
<img src="i/step-01.png">
</div>
<div class="c1 description steps">
<span class="step">2</span> Choose your service in the menu
<img src="i/step-02.png">
</div>
<div class="c1 description steps">
<span class="step">3</span> Express yourself and hit share!
<img src="i/step-03.png">
</div>
</div>
<div id="footer" class="row">
<div class="c3">
Mozilla Messaging 2010 | <a href="service/privacy.html">Privacy Policy</a>
</div>
</div>
</div>
<iframe id="installFrame" src="blank.html"></iframe>
</body>