-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex-new.html
175 lines (160 loc) · 7.33 KB
/
index-new.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
---
layout: boilerplate
title: Scrollback, where communities hang out
permalink: /new/
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:</strong> Scrollback will be down for
maintenance for 30 minutes on <script>document.write(
new Date('2015-02-10T06:30:00Z').toDateString() +
" starting at " + new Date('2015-02-10T06:30:00Z').toTimeString()
)</script>.
</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><a id="trial-room">Try it first</a></p> -->
</div>
</div>
</section>
<section class="feature">
<div class="feat">
<article class="container">
<div class="row">
<div class="col">
<h3>Nurture your community with meaningful conversations.</h3>
<p>Create your community room or follow rooms that interests you. Connect, share ideas, discuss realtime and redefine your online community experience on 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/thread.png" alt="Thread" width="200">
<p>Easy to follow discussion threads</p>
</div>
<div class="col large-4 medium-6 small-12">
<img src="/new-website-assets/Assets/embed.png" alt="Follow" width="200">
<p>Easy to Embed</p>
</div>
<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/follow2.png" alt="Follow" width="200">
<p>Create and follow community rooms</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">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>
</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/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/" target="_blank">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 Operator</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/" target="_blank">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/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>
</div>
</div>
</article>
</div>
</section>
<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>