update more pages

Signed-off-by: Jos Poortvliet <jospoortvliet@gmail.com>

1 files changed, 62 insertions, 57 deletions

diff --git a/page-promote.php b/page-promote.php
index 74e274ca..8e67cc2e 100644
--- a/page-promote.php
+++ b/page-promote.php
@@ -1,61 +1,66 @@
-<div class="page-header">
-	<h1>Thanks for your interest in Nextcloud!</h1>
-</div>
-<p>We invite you to join the online conversation about Nextcloud! We love to hear your thoughts...</p>
-<div class="row">
-	<div class="col-md-12 col-sm-4 promote-buttons" style="text-align: center">
-		<a target="_blank" href="https://twitter.com/intent/tweet/?url=https%3A%2F%2Fnextcloud.org&text=Check%20out%20Nextcloud%20for%20open%20source%20data%20sync%2C%20sharing%20and%20more!&via=nextcloud&hashtags=nextcloud,opensource" class="btn btn-info btn-lg promote"><i class="icon-twitter"></i> Tweet about Nextcloud</a>
-		<a target="_blank" href="https://www.facebook.com/sharer.php?u=nextcloud.org" class="btn btn-primary btn-lg facebook-button promote"><i class="icon-facebook"></i> Share on Facebook</a>
-		<a target="_blank" href="https://plus.google.com/share?url=https%3A%2F%2Fnextcloud.org" class="btn btn-danger btn-lg promote"><i class="icon-google-plus"></i> Post on Google+</a>
-		<a target="_blank" href="http://sharetodiaspora.github.io/?title=Nextcloud%20rocks!&url=http://nextcloud.org" class="btn btn-default btn-lg promote">
-		<i class="icon-asterisk"></i> Share on Diaspora</a>
-	</div>
-</div>
-<div>
-	 <h2>Discuss Nextcloud with others</h2>
-</div>
-<p>Nextcloud users and enthusiasts can discuss and share Nextcloud experiences on our Forums, IRC and mailing lists.</p>
-      <ul>
-        <li>Join the <a href="https://forum.nextcloud.org">Nextcloud forums</a> and our <a href="irc://#nextcloud@freenode.net" target="_blank">IRC channel</a> (<a href="https://webchat.freenode.net/?channels=nextcloud" target="_blank">Webchat</a>)</li>
-        <li>See Nextcloud development questions on <a href="https://stackoverflow.com/questions/tagged/nextcloud">Stack Overflow</a> and <a href="https://community.spiceworks.com/">Spiceworks</a></li>
-        <li>Discuss Nextcloud on <a href="https://mailman.nextcloud.org/mailman/listinfo/user">the Nextcloud user mailing list</a></li>
-        <li>We meet each other in real life, too, at conferences and meetups. See <a href="/events">our event pages</a> for more information</li>
-      </ul>
-      <p>Join our community online and talk to us on social media: <br /><br />
-	    <a target="_blank" href="https://plus.google.com/107072838776436530705/about"><img width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/googleplus.png"></img></a>
-	    <a target="_blank" href="https://www.facebook.com/Nextclouders"><img width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/facebook.png"></img></a>
-	    <a target="_blank" href="https://twitter.com/Nextclouders"><img width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/twitterround.png"></img></a>
-	    <a target="_blank" href="https://nextcloud.org/blogfeed"><img class="img-circle" width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/rss.png"></img></a>
-	    <a target="_blank" href="https://joindiaspora.com/u/nextcloud"><img width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/diasporaround.png"></img></a>
-      </p>
-      <p>You can also find <a href="http://nextcloud.com">Nextcloud, Inc.</a> online:<br />
-            <a target="_blank" href="https://plus.google.com/+OwncloudOfficial/posts"><img width=25 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/googleplus.png"></img></a>
-	    <a target="_blank" href="https://www.facebook.com/nextcloud"><img width=25 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/facebook.png"></img></a>
-	    <a target="_blank" href="https://twitter.com/nextcloud"><img width=25 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/twitterround.png"></img></a>
-	    <a target="_blank" href="https://nextcloud.com/rss-feed"><img class="img-circle" width=25 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/rss.png"></img></a>
-      </p>
-<div>
-<div class="wrap container pad-bottom">
-	<div class="row">
-		<div class="col-md-6">
-                    <!-- Constant Contact Email List Form Button -->
-		    <a href="https://newsletter.nextcloud.com" class="btn btn-block btn-primary btn-lg join-button">Subscribe to our<br />monthly newsletter!</a><br />
-		</div>
-	</div>
+<head>
+    <link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/generic.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>
+
+<div class="background generic-background">
+    <img class="pattern" src="<?php echo get_template_directory_uri(); ?>/assets/img/common/empty1x1.png" alt="">
+    <div class="container">
+        <div class="col-md-6 topheader">
+            <h1>Thanks for your interest in Nextcloud!</h1>
+        </div>
+    </div>
 </div>
-<h2>Nextcloud promo banners</h2>
-<p>We have Nextcloud banners available for your blog or website! These are the sizes available:
 
-<ul>
-<li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-160x600.png">160x600</a></li>
-<li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-728x90.png">728x90</a></li>
-<li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-460x70.png">460x70</a></li>
-<li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-300x300.png">300x300</a></li>
-<li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-300x250.png">300x250</a></li>
-</ul>
+<section class="content">
+<div class="container">
+    <div class="page-header">
+    </div>
+    <p>We invite you to join the online conversation about Nextcloud! We love to hear your thoughts...</p>
+    <div class="row">
+        <div class="col-md-12 col-sm-4">
+            <a target="_blank" href="https://twitter.com/intent/tweet/?url=https%3A%2F%2Fnextcloud.org&text=Check%20out%20Nextcloud%20for%20open%20source%20data%20sync%2C%20sharing%20and%20more!&via=nextcloud&hashtags=nextcloud,opensource" class="button button--large button--blue"><i class="fa-twitter"></i> Tweet about Nextcloud</a>
+            <a target="_blank" href="https://www.facebook.com/sharer.php?u=nextcloud.org" class="button button--large button--blue"><i class="fa-facebook"></i> Share on Facebook</a>
+            <a target="_blank" href="https://plus.google.com/share?url=https%3A%2F%2Fnextcloud.org" class="button button--large button--blue"><i class="fa-google-plus"></i> Post on Google+</a>
+        </div>
+    </div>
+    <div>
+        <h2>Discuss Nextcloud with others</h2>
+    </div>
+    <p>Nextcloud users and enthusiasts can discuss and share Nextcloud experiences on our Forums and IRC channels.</p>
+        <ul>
+            <li>Join the <a href="https://help.nextcloud.com">Nextcloud forums</a> and our <a class="hyperlink" href="https://riot.im/app/#/room/#freenode_#nextcloud-dev:matrix.org" target="_blank">chat channel #nextcloud-dev (IRC)</a>, also accessible via <a class="hyperlink" href="https://webchat.freenode.net/?channels=nextcloud-dev" target="_blank">webchat</a>.
+            <li>See Nextcloud development questions on <a href="https://stackoverflow.com/questions/tagged/nextcloud">Stack Overflow</a> and <a href="https://community.spiceworks.com/">Spiceworks</a></li>
+            <li>We meet each other in real life, too, at conferences and meetups. See <a href="/events">our event pages</a> for more information</li>
+        </ul>
+        <p>Join our community online and talk to us on social media: <br /><br />
+            <a target="_blank" href="https://plus.google.com/b/104036748063781940910/104036748063781940910/about"><img width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/googleplus.png"></img></a>
+            <a target="_blank" href="https://www.facebook.com/Nextcloud-1032807203462807/"><img width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/facebook.png"></img></a>
+            <a target="_blank" href="https://twitter.com/Nextclouders"><img width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/twitterround.png"></img></a>
+            <a target="_blank" href="https://nextcloud.org/newsfeed"><img class="img-circle" width=50 src="<?php echo get_template_directory_uri(); ?>/assets/img/social/rss.png"></img></a>
+        </p>
+    <div>
+    <div class="row">
+        <div class="col-md-6">
+            <a href="https://newsletter.nextcloud.com" class="button button--large button--blue button--arrow">Subscribe to our monthly newsletter!</a><br />
+        </div>
+    </div>
+    <h2>Nextcloud promo materials</h2>
+    <p>Find much more Nextcloud promo materials in our <a class="hyperlink" href="https://github.com/nextcloud/promo">Promo repo on github!</a></p>
+    <!--<p>We have Nextcloud banners available for your blog or website! These are the sizes available:
+
+    <ul>
+    <li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-160x600.png">160x600</a></li>
+    <li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-728x90.png">728x90</a></li>
+    <li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-460x70.png">460x70</a></li>
+    <li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-300x300.png">300x300</a></li>
+    <li><a href="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-300x250.png">300x250</a></li>
+    </ul>
 
-Example code:</p>
+    Example code:</p>
 
-<p><code>&lt;a href="http://nextcloud.org/features"&gt;&lt;img src="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-460x70.png" alt="Nextcloud release" width="460" height="70" /&gt;&lt;/a&gt;</code></p>
-Will look like this:</br>
-<p><a href="http://nextcloud.org/conf"><img class="alignnone size-full wp-image-8049" src="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-460x70.png" alt="Nextcloud release 460x70" width="460" height="70" /></a>
+    <p><code>&lt;a href="http://nextcloud.org/features"&gt;&lt;img src="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-460x70.png" alt="Nextcloud release" width="460" height="70" /&gt;&lt;/a&gt;</code></p>
+    Will look like this:</br>
+    <p><a href="http://nextcloud.org/conf"><img class="alignnone size-full wp-image-8049" src="https://nextcloud.org/wp-content/themes/nextcloudorgnew/assets/img/features/Nextcloud-release-460x70.png" alt="Nextcloud release 460x70" width="460" height="70" /></a>-->
+</div>
+</section>