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
228
229
230
231
232
233
234
235
236
237
238
|
<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">
<div class="row">
<div class="col-md-6 toptext ">
<<<<<<< HEAD
<!--<a class="annoucement" href="#">
<span class="type">Fresh</span>
<span class="message"><strong>Nextcloud 11 has just arrive.</strong> Take a look at the new features</span>
</a>-->
=======
<a class="annoucement" href="https://nextcloud.com/blog/second-nextcloud-11-beta-available/">
<span class="type">Fresh</span>
<span class="message"><strong>Nextcloud 11 is in beta testing.</strong> help out!</span>
</a>
>>>>>>> 7cc5fb62d30f22116e67818a9c3ddda21de4fa06
<h1><?php echo $l->t('A safe home for <br> all your data');?></h1>
<h2><?php echo $l->t('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"><?php echo $l->t('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"><?php echo $l->t('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"><?php echo $l->t('Privacy');?></h4>
<p class="highlights_text revealOnScroll"><?php echo $l->t('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"><?php echo $l->t('Community');?></h4>
<p class="highlights_text revealOnScroll"><?php echo $l->t('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"><?php echo $l->t('Enterprise');?></h4>
<p class="highlights_text revealOnScroll"><?php echo $l->t('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"><?php echo $l->t('Perfect for home and office');?></h2>
<p class="revealOnScroll"><?php echo $l->t('Access everything with the tools you are already using,
regardless of the device or platform you are on. Pictures,
videos, documents, contacts, communications - they are all
available right where you need them whether they are
coming from your local storage or remote cloud services.');?></p>
<p><a class="btn-primary revealOnScroll" href="<?php echo home_url('features') ?>" role="button"><?php echo $l->t('Know all the features</a>');?></p>
</div>
<section class="Section-Introducing-Nextcloud" id="pinContainer">
<div >
<h2 class="text-center section-title revealOnScroll"><?php echo $l->t('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><?php echo $l->t('Secure, Fine Grained Control over Data Access and Workflows');?></h5>
<p><?php echo $l->t('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"><?php echo $l->t('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><?php echo $l->t('Faster and more reliable operation at scale');?></h5>
<p><?php echo $l->t('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"><?php echo $l->t('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><?php echo $l->t('Authentication and security');?></h5>
<p><?php echo $l->t('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"><?php echo $l->t('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><?php echo $l->t('Improved Federation');?></h5>
<p><?php echo $l->t('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"><?php echo $l->t('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"><?php echo $l->t('Latest news');?></h1>
<div class="row">
<div class="col-md-4">
<h3 class="revealOnScroll"><?php echo $l->t('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"><?php echo $l->t('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"><?php echo $l->t('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"><?php echo $l->t('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"><?php echo $l->t('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>
|
