-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
149 lines (147 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
---
layout: default
description: Secure, private audio/video chat client based on the open protocols and open source; easily integrated into any web site or application. JSXC provides full XMPP federation support and ease of use.
image: /images/v3.0.0/screenshot-owncloud.png
permalink: /:path/:basename:output_ext
subtitle: Make XMPP great again!
landing: true
navWeight: 1
navTitle: Home
---
<section id="mainFeatures">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-header">What JSXC offers</h2>
<h3 class="section-subheader">Make chatting easy for everyone!</h3>
</div>
</div>
<div class="row text-center animatedParent animateOnce" data-appear-top-offset='-100'>
<div class="col-xs-4">
<img src="/images/icons/wax-seal-with-ribbon.svg" class="img-circle animated growIn" alt=""/>
<h4>Standard</h4>
<p class="text-muted">Only standards enable us to be interoperable</p>
</div>
<div class="col-xs-4">
<img src="/images/icons/dancer-pose.svg" class="img-circle animated growIn" alt=""/>
<h4>Flexible</h4>
<p class="text-muted">Use JSXC just the way you need it</p>
</div>
<div class="col-xs-4">
<img src="/images/icons/light-bulb.svg" class="img-circle animated growIn" alt=""/>
<h4>Easy</h4>
<p class="text-muted">Easy to set up, easy to use</p>
</div>
</div>
</div>
</section>
<section id="getStarted">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-header">How to start</h2>
<h3 class="section-subheader">Choose your version</h3>
</div>
</div>
<div class="row animatedParent animateOnce" data-appear-top-offset='-100'>
<div class="col-sm-6 box-item animated rotateInUpLeft" data-id="1">
<a href="installation.html#application">
<div class="box-content">
<img src="images/v3.0.0/screenshot-example.png" alt="" />
</div>
<div class="box-caption">
<h4>Your application</h4>
<p class="text-muted">Integrate JSXC into your application</p>
</div>
</a>
</div>
<div class="col-sm-6 box-item animated rotateInUpLeft" data-id="2">
<a href="installation.html#nextcloud">
<div class="box-content">
<img src="images/v3.0.0/screenshot-owncloud.png" alt="" />
</div>
<div class="box-caption">
<h4>ownCloud/Nextcloud</h4>
<p class="text-muted">Download and install JSXC into your *cloud</p>
</div>
</a>
</div>
</div>
<div class="row animatedParent animateOnce" data-appear-top-offset='-100'>
<div class="col-sm-6 box-item animated rotateInUpLeft" data-id="3">
<a href="installation.html#sogo">
<div class="box-content">
<img src="images/v3.0.0/screenshot-sogo.png" alt="" />
</div>
<div class="box-caption">
<h4>SOGo</h4>
<p class="text-muted">Extend your webmail with real-time communication</p>
</div>
</a>
</div>
<div class="col-sm-6 box-item animated rotateInUpLeft" data-id="4">
<a href="installation.html#example">
<div class="box-content">
<img src="images/v3.0.0/screenshot-ilias.png" alt="" />
</div>
<div class="box-caption">
<h4>Example integrations</h4>
<p class="text-muted">Get inspired by other projects</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="features">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-header">Features</h2>
<h3 class="section-subheader">What does JSXC offer?</h3>
</div>
</div>
<div class="row animatedParent animateOnce" data-appear-top-offset='-100' data-sequence="100">
{% include features.html %}
</div>
<div class="row">
<div class="col-lg-12 more-features text-center">
<p><a href="features.html">
<i class="fa fa-plus-square-o" aria-hidden="true"></i> More</a></p>
</div>
</div>
</div>
</section>
<section id="blog">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-header">Recent Article</h2>
<h3 class="section-subheader">Get the latest announcements</h3>
</div>
</div>
<div class="row animatedParent animateOnce" data-appear-top-offset='-150'>
<div class="col-md-8 col-md-offset-2">
<div class="vertical-timeline">
<div class="vertical-timeline-block">
<div class="vertical-timeline-icon">
<i class="fa fa-user"></i>
</div>
<div class="vertical-timeline-content blog-item animated fadeInDownShort">
{% assign post = site.posts.first %}
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
<p>{{post.excerpt | remove: '<p>' | remove: '</p>'}} <a href="{{ post.url }}">[...]</a></p>
<p class="meta"><i class="fa fa-calendar" aria-hidden="true"></i> {{ post.date | date: '%A %B %d %Y' }}</p>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-lg-12 more-articles">
<p><a href="blog/">
<i class="fa fa-book" aria-hidden="true"></i> More</a></p>
</div>
</div>
</div>
</section>