-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
221 lines (200 loc) · 9.42 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
215
216
217
218
219
220
221
---
layout: boilerplate
title: Scrollback, where communities hang out
attribution: Photo credit <a href="https://www.flickr.com/photos/weexinsitu" target="_blank">flickr.com/photos/weexinsitu.</a>
---
<!-- div style='line-height: 48px; background: rgba(0,0,0,0.5); color: #fff; position: absolute; top: 72px; width: 100%; text-align: center; '>
<strong>Scheduled downtime update:</strong>
Scrollback is undergoing scheduled maintenance. We expect it to come back online at
<script>document.write(new Date('2015-02-10T08:30:00Z').toTimeString())</script>.
Apologies for the downtime.
</div -->
{% include nav-fixed.html %}
<!--[if IE]>
<div class="ie warning">
<h2>You are using an outdated browser!</h2>
<p>Please <a href="http://browsehappy.com">upgrade</a> to a modern browser.</p>
</div>
<![endif]-->
<section class="cover campus full">
<div class="cover-content">
<div class="container">
<p><img src="/assets/images/scrollback-large.svg"></p>
<h1>Where communities hang out</h1>
<a class="login-show button">Get started</a>
<p style="text-decoration : underline; font-weight: bold"><a href="https://scrollback.io/me" target="_blank">Try it first</a></p>
</div>
</div>
</section>
<section style="color: #fff; background: #f00; padding: 2em;">
Scrollback is no longer maintained. If you’d like to maintain it, please email <a href="mailto:[email protected]">[email protected]</a>.
</section>
<section class="feature">
<div class="feat">
<article class="container center">
<div class="row">
<div class="col">
<h3>Nurture your community with meaningful conversations.</h3>
<p>Create rooms based on your interest or follow existing ones.<br> Share ideas, discuss realtime and redefine your online community experience with Scrollback.</p>
</div>
</div>
</article>
</div>
</section>
<section class="feature">
<div class="container center">
<div class="row">
<h2>Features designed for your community</h2>
<div class="col large-4 medium-6 small-12">
<img src="/new-website-assets/Assets/conversations.png" alt="Search" width="200">
<p>Engaging real–time conversations</p>
</div>
<div class="col large-4 medium-6 small-12">
<img src="/new-website-assets/Assets/archives.png" alt="Follow" width="200">
<p>Content rich archives</p>
</div>
<div class="col large-4 medium-6 small-12">
<img src="/new-website-assets/Assets/configuration.png" alt="Follow" width="200">
<p>Stay in control</p>
</div>
<a class="button" href="/features">See all features</a>
</div>
</div>
</section>
<section class="feature">
<div class="container">
<div class="row">
<div class="col">
<h1>Who uses Scrollback?</h1>
</div>
</div>
</div>
</section>
<section class="feature">
<div class="feat">
<article class="container">
<div class="row">
<img class="col medium-left" src="/new-website-assets/Assets/community.svg" alt="Community" width="250">
<div class="col">
<h2>Community Managers</h2>
<p>Create an engaging and interactive community using Scrollback. Empower your members to go beyond static comments and have interesting, two-way conversations and discussions.</p>
<p><a href="http://web.scrollback.io/community/">Read more...</a></p>
</div>
</div>
</article>
</div>
</section>
<section class="feature">
<div class="feat">
<article class="container">
<div class="row">
<img class="col medium-right" src="/new-website-assets/Assets/bloggers.svg" alt="Bloggers and website owners" width="250">
<div class="col">
<h2>Bloggers and Website Owners</h2>
<p>Build a community around your website and blog by engaging your visitors in conversations using the Scrollback chat widget.</p>
<p><a href="http://web.scrollback.io/websites/">Read more...</a></p>
</div>
</div>
</article>
</div>
</section>
<section class="feature">
<div class="feat">
<article class="container">
<div class="row">
<img class="col medium-left" src="/new-website-assets/Assets/irc.svg" alt="IRC" width="250">
<div class="col">
<h2>IRC Channel Operators</h2>
<p>Integrate your IRC channel with your Scrollback room and bring it to the wider audience.</p>
<p><a href="http://web.scrollback.io/irc/">Read more...</a></p>
</div>
</div>
</article>
</div>
</section>
<section class="feature">
<div class="feat">
<article class="container">
<div class="row">
<img class="col medium-right" src="/new-website-assets/Assets/events.svg" alt="Events" width="250">
<div class="col">
<h2>Event Managers</h2>
<p>Create a buzz around your event with Scrollback. Help your audience connect and network with one another, engage with the speakers and stay involved through extended discussions.</p>
<p><a href="http://web.scrollback.io/event/">Read more...</a></p>
</div>
</div>
</article>
</div>
</section>
<section class="feature">
<div class="container center">
<h1>Scrollback is used by</h1>
<div class="row">
<div class="col block-1">
<a href="http://mozillaindia.org" target="_blank">
<img src="/assets/images/mozilla.png" alt="Mozilla India, Philippines, and many others.">
</a>
</div>
<div class="col block-1">
<a href="http://hasgeek.com/" target="_blank">
<img src="/assets/images/hasgeek.png" alt="HasGeek">
</a>
</div>
<div class="col block-1">
<a href="http://jsconf.asia" target="_blank">
<img src="/assets/images/jsconf.png" alt="JSConf Asia">
</a>
</div>
<div class="col block-1">
<a href="http://numixproject.org" target="_blank">
<img src="/assets/images/numix.png" alt="Numix Project">
</a>
</div>
</div>
</div>
</section>
<div class="section feature">
<div class="container center">
<h3>Connect with us on</h3>
<div class="row">
<div class="col">
<a href="https://scrollback.io/help" target="_blank">
<img src="/assets/images/scrollback.png" alt="Scrollback" width="30">
</a>
<a href="https://www.facebook.com/scrollback" target="_blank">
<img src="/assets/images/facebook.png" alt="Facebook" width="30">
</a>
<a href="https://twitter.com/Scrollbackio" target="_blank">
<img src="/assets/images/twitter_logo.png" alt="Twitter" width="30">
</a>
<a href="https://www.linkedin.com/company/3883967?trk=vsrp_companies_cluster_name&trkInfo=VSRPsearchId%3A1157981071415184406851%2CVSRPtargetId%3A3883967%2CVSRPcmpt%3Acompanies_cluster" target="_blank">
<img src="/assets/images/linkedin.png" alt="Linkedin" width="30">
</a>
<a href="mailto:[email protected]" target="_blank">
<img src="/assets/images/email.png" alt="Email" width="30">
</a>
</div>
</div>
</div>
</div>
<script id="goto-template" type="text/template">
<h2>Create or visit a room </h2>
<p>Type the name of the room you want</p>
<form id="create-field">
<label for="create-text">scrollback.io/</label>
<input class="linked" type="text" id="create-text" placeholder="my-community" pattern="[a-z][a-z0-9-]{2,31}" oninvalid="setCustomValidity('Please enter a valid room name')" onchange="try{setCustomValidity('')}catch(e){}" /><input class="linked" type="submit" value="Go" disabled />
<p class="error"></p>
</form>
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/assets/js/script.js"></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45130412-1', 'scrollback.io');
ga('send', 'pageview');
</script>
{% include footer.html %}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.min.js"></script>
<script src="/lace/src/js/jquery.lace.js"></script>
<script src="/lace/src/js/jquery.modal.js"></script>
<script src="/assets/js/main.js"></script>