forked from nextcloud/nextcloud.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-globalscale.php
154 lines (143 loc) · 9.93 KB
/
page-globalscale.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
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/globalscale.css" rel="stylesheet">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/vendor/dsgvo-video-embed.min.css">
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/dsgvo-video-embed.min.js"></script>
<script>
<meta itemprop="image" content="<?php echo get_template_directory_uri(); ?>/assets/img/whitepapers/gs-thumbnail-banner.png">
<meta name="twitter:image" content="<?php echo get_template_directory_uri(); ?>/assets/img/whitepapers/gs-thumbnail-banner.png">
<meta name="twitter:image:src" content="<?php echo get_template_directory_uri(); ?>/assets/img/whitepapers/gs-thumbnail-banner.png">
<meta property="og:image" content="<?php echo get_template_directory_uri(); ?>/assets/img/whitepapers/gs-thumbnail-banner.png">
require(["require.config"], function() {
require(["modules/youtubePlayer"])
});
</script>
<!-- <script src='https://www.google.com/recaptcha/api.js'></script> -->
</head>
<div class="background globalscale-background">
<div class="container">
<div class="row">
<div class="col-md-6 topheader">
<h1><?php echo $l->t('Global Scale');?></h1>
<h2><?php echo $l->t('Extreme scalability at commodity cost');?></p>
</div>
</div>
</div>
</div>
<section class="section--video">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1 video">
<div data-type="youtube" data-video-id="I5wcLS9xxMw"></div>
<iframe width="100%" height="450" src="https://www.youtube-nocookie.com/embed/I5wcLS9xxMw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="col-md-8 col-md-offset-2 revealOnScroll">
<p class="section--paragraph text-center"><?php echo $l->t('<span class="avoidwrap">Nextcloud Global Scale delivers a true globally scalable solution</span> <span class="avoidwrap">for deployments with hundreds of millions of users<span>, <span class="avoidwrap">giving unprecedented control over the locality of data</span> <span class="avoidwrap">and delivering dramatic cost reduction</span>');?></p>
</div>
</div>
</div>
</section>
<section class="section--whitepaper">
<div class="container text-center revealOnScroll">
<div class="row">
<div class="col-md-offset-4 col-md-4 wp-center">
<p>
<!-- <a href="<?php echo get_template_directory_uri(); ?>/assets/files/global-scale-whitepaper.pdf" class="button button--blue button--large button--arrow"><?php echo $l->t('Download our whitepaper');?> <i class="icon-arrow-circle-o-right icon"></i></a> -->
<div class="row "><img class="responsive text-center" src="<?php bloginfo('template_directory'); ?>/assets/img/whitepapers/gs-thumbnail-banner.png"/></div>
<form name="whitepaper" method="post" action="<?php echo get_template_directory_uri()."/mautic-submit.php" ?>">
<p><label for="email"><?php echo $l->t('Download our whitepaper!');?><br>
<input class="mail text-center" type="text" name="email" maxlength="80" placeholder="Enter your email"></label></p>
<td colspan="2">
<div class="row text-center">
<div class="g-recaptcha" data-sitekey="<?php echo RECAPTCHA_SITEKEY; ?>"></div>
</div>
</td>
<input type="hidden" name="segmentId" value="4">
<p><input class="button button--blue button--large" type="submit" value=" Get the whitepaper "></p>
</form>
</p>
</div>
</div>
</div>
</section>
<section class="section--offer quote">
<div class="container">
<h2 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('The Next Generation');?></h2>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud Global Scale was designed to lift enterprise collaboration to a new level, overcoming limitations in building large scale file storage, sync & share solutions. It delivers significant cost savings and increased flexibility.');?></p>
</div>
</section>
<section class="section--scalability">
<div class="container">
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Scalability');?></p>
<h3 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('Go orders of magnitude further');?></h3>
<div class="scalability__ilustration"></div>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('It is hard to scale typical on-premises file sync & share architectures over a hundred thousand users. The shared components like storage, database and load balancers become expensive bottlenecks.');?></p>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud Global Scale is designed to scale to hundreds of millions of users.');?></p>
</div>
</section>
<div class="separator"></div>
<section class="section--efficiency">
<div class="container">
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Efficiency');?></p>
<h3 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('Transform your cost structure');?></h3>
<div class="efficiency__ilustration"></div>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('At the petabyte scale, storage costs skyrocket. Database licensing costs increase exponentially at the top end and caching and hardware load balancers baloon the Total Cost of Ownership of large private cloud deployments.');?></p>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud Global Scale enables deployment on commodity hardware and software, dramatically decreasing costs for large systems.');?></p>
</div>
</section>
<div class="separator"></div>
<section class="section--distribution">
<div class="container">
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Flexibility');?></p>
<h3 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('Finetune your business');?></h3>
<div class="distribution__ilustration"></div>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Legal, business, security and performance considerations dictate that data can be precisely positioned. Creating multiple independent instances to achieve low latency or keep data in a specific jurisdiction increases management costs, complexity and security risks.');?></p>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud Global Scale distributes data over multiple data centers while acting as a unified instance to users and administrators.');?></p>
</div>
</section>
<section class="section--how">
<div class="container">
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Decentralize');?></p>
<h3 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('How it works');?></h3>
<!-- <div class="lifecycle__ilustration"></div> -->
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud Global Scale works by decentralizing data to independent nodes and introducing three new components to manage the interaction between servers.');?></p>
</div>
<div class="container components">
<div class="row">
<!-- <h1 class="header revealOnScroll"><?php echo $l->t('Components');?></h1> -->
<div class="col-md-6 box revealOnScroll">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/globalscale/decentralize.svg">
<h1><?php echo $l->t('Decentralization');?></h1>
<p><?php echo $l->t('We split users and their data over independent nodes, each of which runs on affordable, commodity hardware. Each would typically consist of a tuple of at least two machines which run Nextcloud with local storage, database and cache. They use central remote logging and authentication and can be managed easily through a technology like docker.');?></p>
</div>
<div class="col-md-6 box revealOnScroll">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/globalscale/GSS.svg">
<h1><?php echo $l->t('Global Site Selector');?></h1>
<p><?php echo $l->t('The Global Site Selector redirects users to the right node at first login, whether the access is through Web, WebDAV or REST. It authenticates users through a central user directory, looks up their node and redirects them. The user saves the redirect locally to bypass the GSS in daily operation.');?></p>
</div>
</div>
<div class="row">
<div class="col-md-6 box revealOnScroll">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/globalscale/lookup.svg">
<h1><?php echo $l->t('Lookup Server');?></h1>
<p><?php echo $l->t('The Lookup Server stores the physical location of users and mediates sharing of data. It provides the user location, tracks Federated Sharing IDs and stores user metadata like QoS metrics.');?></p>
</div>
<div class="col-md-6 box revealOnScroll">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/globalscale/balancer.svg">
<h1><?php echo $l->t('Balancer');?></h1>
<p><?php echo $l->t('The Balancer is responsible for monitoring the various nodes and their storage, cpu, ram and network utilization. It can mark nodes as online or offline and initiate the migration of user accounts to different nodes based on data in the Lookup Server like business or legal requirements, QoS settings or user location.');?></p>
</div>
</div>
</div>
</section>
<div class="container-fluid quote">
<div class="container">
<div class="row">
<div class="text-center revealOnScroll">
<p class="section--paragraph"><?php echo $l->t('Achieve a new level in scalability, flexibility and cost efficiency. Contact sales today!');?></p>
<div class="text-center morebuttondiv">
<a href="<?php echo home_url('enterprise/buy/') ?>" class="button button--large button--arrow"><?php echo $l->t('Contact Nextcloud');?> <i class="icon-arrow-circle-o-right icon"></i></a>
</div>
</div>
</div>
</div>
</div>