forked from nextcloud/nextcloud.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage-homepage.php
227 lines (217 loc) · 10.7 KB
/
page-homepage.php
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
222
223
224
225
226
227
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/home.css" rel="stylesheet">
<?php if(CONTRIBOOK) { require(dirname(__FILE__).'/../../../contribook/main/contribook/lib_contribook.php'); } ?>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/home.js"></script>
<div class="jumbotron">
<!-- <div class="container-fluid"> -->
<div class="row">
<div class="col-md-6 toptext ">
<h1>A safe home for <br> all your data</h1>
<h2>Access, share and protect your files, calendars, contacts, communication & more at home and in your enterprise.</h2>
<p><a class="btn-primary" href="<?php echo home_url('install') ?>" role="button" id="get-nextcloud-button">Get Nextcloud</a></p>
</div>
<div class="col-md-6 topbanner">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/home/empty.png"> <!--empty image to ensure the viewport is big enough-->
</div>
</div>
<!-- </div> -->
</div>
<section id="why-nextcloud">
<div class="container">
<h2 class="text-center revealOnScroll">Why Nextcloud?</h2>
<div class="highlights">
<div class="highlights_align ">
<div class="privacy-icon" data-animation-path="img/home/privacy/" data-anim-loop="false" data-name="privacy"></div>
<h4 class="revealOnScroll">Privacy</h4>
<p class="highlights_text revealOnScroll">Keep all of your life / business
private and secure. Share
with only who you choose,
and no-one else.</p>
</div>
<div class="highlights_align">
<div class="community-icon" data-animation-path="img/home/community/" data-anim-loop="false" data-name="community"></div>
<h4 class="revealOnScroll">Community</h4>
<p class="highlights_text revealOnScroll">Enjoy constant improvements
from a thriving and transparent,
all open-source community
development model, free of
lockins or paywalls.</p>
</div>
<div class="highlights_align">
<div class="flexibility-icon" data-animation-path="img/home/flexibility/" data-anim-loop="false" data-name="flexibility"></div>
<h4 class="revealOnScroll">Enterprise</h4>
<p class="highlights_text revealOnScroll">Protect, control and scale the data and communication in your company and organization.</p>
</div>
</div>
</div>
</section>
<div class="container-fluid" id="perfect-for-home-and-business">
<h2 class="revealOnScroll">Perfect for home and office</h2>
<p class="revealOnScroll">Access everything with the tools you're already using,
regardless of the device or platform you're on. Pictures,
videos, documents, contacts, communications - they're all
available right where you need them whether they're
coming from your local storage or remote cloud services.</p>
<p><a class="btn-primary revealOnScroll" href="<?php echo home_url('features') ?>" role="button">Know all the features</a></p>
</div>
<section class="Section-Introducing-Nextcloud" id="pinContainer">
<div >
<h2 class="text-center section-title revealOnScroll">Introducing Nextcloud 10</h2>
<div class="indicators">
<ul class="carousel_dots"></ul>
<li class="btn_carousel"></li>
<li class="btn_carousel"></li>
<li class="btn_carousel"></li>
<li class="btn_carousel"></li>
</div>
<section class="panel-workflow">
<div class="container">
<div class="row introducing-nc-release">
<div class="container">
<div class="container col-md-6 ">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/home/introducing-nc-10.png">
</div>
<div class="container col-md-6 right-text-grey" style="opacity: 1; padding-top: 50px;">
<h5>Secure, Fine Grained Control over Data Access and Workflows</h5>
<p>This release delivers better scalability as well as monitoring, security and workflow management tools, enabling better control over Nextcloud servers and operation at scale.</p>
<br/>
<p>
<a class="btn-primary" href="https://nextcloud.com/blog/secure-monitor-and-control-your-data-with-nextcloud-10-get-it-now/" role="button">Learn more</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="panel-monitoring hidden">
<div class="container">
<div class="row introducing-nc-release">
<div class="container">
<div class="container col-md-6">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/home/monitoring-nc-10.png">
</div>
<div class="container col-md-6 right-text-grey">
<h5>Faster and more reliable operation at scale</h5>
<p>Nextcloud 10 introduces the Server Information app which provides a way for admins to monitor the health and performance of a Nextcloud system through a graphical UI or in their enterprise monitoring tool.</p>
<br/>
<p>
<a class="btn-primary" href="/workflow/#monitoring" role="button">Learn more</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="panel-authentication hidden">
<div class="container">
<div class="row introducing-nc-release">
<div class="container">
<div class="container col-md-6">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/home/auth-nc-10.png">
</div>
<div class="container col-md-6 right-text-grey">
<h5>Authentication and security</h5>
<p>Nextcloud 10 delivers security improvements in several areas. Plugin based Two Factor
Authentication enables an optional extra layer of protection for logins, brute force
protection makes it harder for attackers to guess passwords and session management is
introduced to enable administrators and users to monitor and invalidate active sessions.
</p>
<br/>
<p>
<a class="btn-primary" href="/workflow/" role="button">Learn more</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="panel-authentication hidden">
<div class="container">
<div class="row introducing-nc-release">
<div class="container">
<div class="container col-md-6">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/home/federation-nc-10.png">
</div>
<div class="container col-md-6 right-text-grey">
<h5>Improved Federation</h5>
<p>Nextcloud 10 normalizes federated shares, handling mounted link shares as federated shares, offering the same permissions for federated shares as for normal shares and directly connecting re-shared federated shares to other servers for improved performance.</p>
<br/>
<p>
<a class="btn-primary" href="/federation" role="button">Learn more</a>
</p>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
<section class="news-section">
<div class="container-fluid news" id="social-media">
<div class="container">
<h1 class="revealOnScroll">Latest news</h1>
<div class="row">
<div class="col-md-4">
<h3 class="revealOnScroll">Nextcloud News</a></h3>
<p><span class="social-feed"><?php if(CONTRIBOOK) { CONTRIBOOK_NEWS::show(0,4); } ?></span></p>
<a class="revealOnScroll" href="<?php echo home_url('news') ?>">more</a>
</div>
<div class="col-md-4">
<h3 class="revealOnScroll">Latest Twitter posts</h3>
<p><span class="social-feed"><?php if(CONTRIBOOK) { CONTRIBOOK_MICROBLOG::show(0,2); } ?></span></p>
<a class="revealOnScroll" href="https://twitter.com/nextclouders">more</a>
</div>
<div class="col-md-4">
<h3 class="revealOnScroll">Latest from the forum</h3>
<p><span class="social-feed"><?php if(CONTRIBOOK) { CONTRIBOOK_FORUM::show(0,4); }?></span></p>
<a class="revealOnScroll" href="https://help.nextcloud.com">more</a>
</div>
</div>
</div>
</div>
</section>
<div class="container-fluid" id="stay-up-to-date">
<div class="row stay-up-to-date">
<div class="container text-center" style="padding-top: 70px; padding-bottom: 70px;">
<h5 class="revealOnScroll">Stay up to date with Nextcloud's latest enhancements!</h5>
<p class="revealOnScroll"><a class="btn-primary " href="https://newsletter.nextcloud.com/?p=subscribe&id=1" role="button">Subscribe to our newsletter</a></p>
</div>
</div>
</div>
<script>
// Only make the scrolling effect for devices bigger than the 768px in width and 900px in height
if ($(window).width() > 768 && $(window).height() >= 900) {
var controller = new ScrollMagic.Controller();
new ScrollMagic.Scene({triggerElement: '#pinContainer', triggerHook: 'onLeave', duration: 750, offset: -100})
.addTo(controller)
.setPin('#pinContainer')
.on('enter leave', function (e) {
$('.indicators').addClass('hidden');
})
.on('start end', function (e) {
$('.indicators').removeClass('hidden');
})
.on('progress', function (e) {
var progressNumber = e.progress.toFixed(4);
var currentProgress = Math.round(10 * ((progressNumber / 10) * 3));
$('#pinContainer section:lt(' + currentProgress + ')').addClass('hidden');
$('#pinContainer section:gt(' + currentProgress + ')').addClass('hidden');
$('#pinContainer section:nth(' + currentProgress + ')').removeClass('hidden');
$('.indicators .btn_carousel').html('');
$('.indicators .btn_carousel').removeClass('active');
$('.indicators .btn_carousel:nth(' + currentProgress + ')').addClass('active');
if (currentProgress > 0) {
$('#pinContainer section:nth(' + currentProgress + ') .right-text-grey')
.animate({
'opacity': 1,
'margin-top': '-25px'
}, 750);
}
});
} else {
$('.indicators').addClass('hidden');
$('section:nth(0)').removeClass('hidden')
$('#pinContainer section .right-text-grey:nth(0)').css('opacity', '1.0');
$('#pinContainer').css('width', 'inherit');
$('#pinContainer').css('height', 'inherit');
}
</script>