create devices page

tflidd · Sep 26, 2016 · b144013 · b144013
1 parent 4de9c07
commit b144013
Show file tree

Hide file tree

Showing 7 changed files with 50 additions and 4 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -1130,7 +1130,7 @@ img.desaturate {
 	min-height: 700px;
 	opacity: 1;
 	visibility: inherit;
-	background-image: url("../img/features/spreedbox.png");
+	background-image: url("../img/spreedbox/spreedbox.png");
 	background-color: rgba(0, 0, 0, 0);
 	background-size: cover;
 	background-position: center top;
@@ -1660,3 +1660,10 @@ text-align: center;
 	max-width: 200px;
 	max-height: 200px;
 }
+
+/* devices page */
+.device-img {
+	margin-left: auto !important;
+    margin-right: auto !important;
+	height: 300px;
+}
diff --git a/assets/img/spreedbox/spreedbox.jpg b/assets/img/spreedbox/spreedbox.jpg
diff --git a/assets/img/features/spreedbox.png → assets/img/spreedbox/spreedbox.png b/assets/img/features/spreedbox.png → assets/img/spreedbox/spreedbox.png
diff --git a/assets/img/features/spreedboxfeatures.png → assets/img/spreedbox/spreedboxfeatures.png b/assets/img/features/spreedboxfeatures.png → assets/img/spreedbox/spreedboxfeatures.png
diff --git a/page-devices.php b/page-devices.php
@@ -0,0 +1,40 @@
+<div class="row conf-header">
+	<div class="col-sm-8 col-sm-offset-2">
+<!-- 		 -->
+		<h1 class="text-center">Nextcloud Devices</h2>
+		<p>Companies in and around the Nextcloud ecosystem offer hardware appliances with Nextcloud out of the box. Find some here and <a href="/contact">contact us</a> if you offer devices with Nextcloud and want to be featured.</p>
+	</div>
+</div>
+<div class="row">
+	<div class="col-md-6">
+		<img class="device-img img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/pidrive/box.jpg" alt="" />
+		<h1 class="text-center">The Nextcloud Box</h1>
+		<p>The Nextcloud box comes preinstalled with Nextcloud, running on <a href="https://developer.ubuntu.com/en/snappy/" target="_blank">Snappy Ubuntu Core</a> as OS. The hardware:</p>
+		<ul>
+			<li>1 TB USB3 hard drive from WDLabs</li>
+			<li>Nextcloud case with room for the drive and a compute board</li>
+			<li>microUSB charger, cables and adapters, a screw driver and screws</li>
+		</ul>
+		<p>The Box is compatible with the Raspberry Pi 2 <strong>(not included)</strong>. Support for other boards is coming.</p>
+		<p>The Nextcloud Box starts at EUR 70 / USD 79.99</p>
+		<div class="text-center morebuttondiv">
+				<a href="/box" class="btn btn-primary morebutton" target="_blank">Learn more! <i class="icon-arrow-circle-o-right icon"></i></a>
+		</div>
+	</div>
+	<div class="col-md-6">
+		<img class="device-img img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/spreedbox/spreedbox.jpg" alt="" />
+		<h1 class="text-center">The Spreedbox</h1>
+		<p>The Spreedbox is a video chat and file exchange solution for home and small enterprise usage.</p>
+		<p>It offers:
+		<ul>
+			<li>Strong, end-to-end encrypted audio and video chat</li>
+			<li>Nextcloud based file sync and share</li>
+			<li>Advanced security features with a silicon hardware key generator</li>
+		</ul>
+		<p>The Spreedbox offers an optional SIP gateway, enabling web conferencing participants to dial in through a traditional telephone connection.</p>
+		<p>The Spreedbox starts at EUR 1349 Excl. VAT with 1 year support</p>
+		<div class="text-center morebuttondiv">
+				<a href="/spreedbox" class="btn btn-primary morebutton" target="_blank">Learn more! <i class="icon-arrow-circle-o-right icon"></i></a>
+		</div>
+	</div>
+</div>
diff --git a/page-install.php b/page-install.php
@@ -12,7 +12,7 @@
 		<p>There are several ways to get your own Nextcloud for you and your data:</p>
 		<div class="btn-group">
 			<a class="btn btn-default btn-large" href="#instructions-server">Download</a>
-			<a class="btn btn-default btn-large" href="/box">Devices</a>
+			<a class="btn btn-default btn-large" href="/devices">Devices</a>
 			<a class="btn btn-default btn-large" href="/providers">Providers</a>
 		</div>
 		<br />

diff --git a/page-spreedbox.php b/page-spreedbox.php
@@ -1,5 +1,4 @@
 <!-- <?php get_template_part('templates/parts/title'); ?> -->
-<script src='https://www.google.com/recaptcha/api.js'></script>
 <div class="page-header">
 	<h1>Spreedbox: Most private video chat and file exchange</h1>
 </div>
@@ -45,7 +44,7 @@
 		<p>This is where the Spreedbox comes in. The Spreedbox allows you to take back ownership of your data. The Spreedbox empowers you to operate your own secure audio/video chat, messaging and file sharing service with the highest measurements for control and security of your own data. It is your own video meeting and file sharing service that can be available on computers, mobile phones and tablets through the Internet or limited to an Intranet. Your data always stays on your Spreedbox. Make a call, invite your friends and clients, and collaborate in closed groups through video/audio, text messaging, and document and file sharing. You can access your private data in an easy-to-use web interface with PC, Android and iOS devices.</p>
 	</div>
 	<div class="col-md-4">
-		<img alt="The Spreedbox" class="img-responsive" src="<?php bloginfo('template_directory'); ?>/assets/img/features/spreedboxfeatures.png" />
+		<img alt="The Spreedbox" class="img-responsive" src="<?php bloginfo('template_directory'); ?>/assets/img/spreedbox/spreedboxfeatures.png" />
 	</div>
 </div>