docs: add MEGA S4 as a gold sponsor

This also tidies the menu cards.

Author: ncw

Makefile

@@ -243,7 +243,7 @@ fetch_binaries:
 	rclone -P sync --exclude "/testbuilds/**" --delete-excluded $(BETA_UPLOAD) build/
 
 serve:	website
-	cd docs && hugo server --logLevel info -w --disableFastRender
+	cd docs && hugo server --logLevel info -w --disableFastRender --ignoreCache
 
 tag:	retag doc
 	bin/make_changelog.py $(LAST_TAG) $(VERSION) > docs/content/changelog.md.new

docs/layouts/chrome/menu.html

@@ -1,17 +1,16 @@
 {{ if and (gt .WordCount 200 ) (not (.Params.notoc)) }}
 <div class="card">
-  <div class="card-header" style="padding: 5px 10px;">
+  <div class="card-header">
     Contents
   </div>
-  <div class="card-body">
+  <div class="card-body card-body-padded">
     {{ .TableOfContents }}
-    <p></p>
   </div>
 </div>
 {{end}}
 
 <div class="card">
-  <div class="card-header" style="padding: 5px 15px;">
+  <div class="card-header">
     Platinum Sponsor
   </div>
   <div class="card-body">
@@ -20,7 +19,7 @@
 </div>
 
 <div class="card">
-  <div class="card-header" style="padding: 5px 15px;">
+  <div class="card-header">
     Gold Sponsor
   </div>
   <div class="card-body">
@@ -29,25 +28,34 @@
 </div>
 
 <div class="card">
-  <div class="card-header" style="padding: 5px 15px;">
+  <div class="card-header">
     Gold Sponsor
   </div>
   <div class="card-body">
     <a href="https://files.com/?utm_source=rclone&utm_medium=referral&utm_campaign=banner&utm_term=rclone" target="_blank" rel="noopener" title="Start Your Free Trial Today"><img style="max-width: 100%; height: auto;" src="/img/logos/filescom-enterprise-grade-workflows.png"></a><br />
   </div>
 </div>
 
+<div class="card">
+  <div class="card-header">
+    Gold Sponsor
+  </div>
+  <div class="card-body">
+    <a href="https://mega.io/objectstorage?utm_source=rclone&utm_medium=referral&utm_campaign=rclone-mega-s4&mct=rclonepromo" target="_blank" rel="noopener" title="MEGA S4: New S3 compatible object storage. High scale. Low cost. Free egress."><img style="max-width: 100%; height: auto;" src="/img/logos/mega-s4.svg"></a><br />
+  </div>
+</div>
+
 {{if .IsHome}}
 <div class="card">
-  <div class="card-header" style="padding: 5px 15px;">
+  <div class="card-header">
     Silver Sponsor
   </div>
   <div class="card-body">
     <a href="https://rcloneview.com/?utm_source=rclone" target="_blank" rel="noopener" title="Visit rclone's sponsor RcloneView"><img src="/img/logos/rcloneview-banner.svg"></a><br />
   </div>
 </div>
 <div class="card">
-  <div class="card-header" style="padding: 5px 15px;">
+  <div class="card-header">
     Silver Sponsor
   </div>
   <div class="card-body">
@@ -57,31 +65,31 @@
 {{end}}
 
 <div class="card">
-  <div class="card-header" style="padding: 5px 10px;">
+  <div class="card-header">
     Share and Enjoy
   </div>
-  <div class="card-body">
-    <p class="menu">
+  <div class="card-body card-body-padded">
+    <div class="menu">
       <!-- Non tracking sharing links from: https://sharingbuttons.io/ -->
       <i class="fab fa-twitter fa-fw" aria-hidden="true"></i> <a href="https://twitter.com/intent/tweet/?text=rclone%20-%20rsync%20for%20cloud%20storage%20from%20%40njcw&amp;url=https%3A%2F%2Frclone.org" target="_blank" rel="noopener" aria-label="Share on Twitter">Twitter</a><br />
       <i class="fab fa-facebook fa-fw" aria-hidden="true"></i> <a href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Frclone.org" target="_blank" rel="noopener" aria-label="Share on Facebook">Facebook</a><br />
       <i class="fab fa-reddit fa-fw" aria-hidden="true"></i> <a  href="https://reddit.com/submit/?url=https%3A%2F%2Frclone.org&amp;resubmit=true&amp;title=rclone%20-%20rsync%20for%20cloud%20storage" target="_blank" rel="noopener" aria-label="Share on Reddit">Reddit</a><br />
       <iframe src="//ghbtns.com/github-btn.html?user=rclone&amp;repo=rclone&amp;type=star&amp;count=true" allowtransparency="true" frameborder="0" scrolling="no" width="120" height="20"></iframe>
-    </p>
+    </div>
   </div>
 </div>
 
 <div class="card">
-  <div class="card-header" style="padding: 5px 15px;">
+  <div class="card-header">
     Links
   </div>
-  <div class="card-body">
-    <p class="menu">
+  <div class="card-body card-body-padded">
+    <div class="menu">
       <i class="fa fa-comments fa-fw" aria-hidden="true"></i> <a href="https://forum.rclone.org">Rclone forum</a><br />
       <i class="fab fa-github fa-fw" aria-hidden="true"></i> <a href="https://github.com/rclone/rclone">GitHub project</a><br />
       <i class="fa fa-book fa-fw" aria-hidden="true"></i> <a href="https://github.com/rclone/rclone/wiki">Rclone Wiki</a><br />
       <i class="fa fa-heart heart fa-fw" aria-hidden="true"></i> <a href="/sponsor/">Sponsor</a><br />
       <i class="fab fa-twitter fa-fw" aria-hidden="true"></i> <a href="https://twitter.com/njcw">@njcw</a>
-    </p>
+    </div>
   </div>
 </div>

docs/layouts/chrome/navbar.html

@@ -85,6 +85,7 @@
           <a class="dropdown-item" href="/linkbox/"><i class="fa fa-infinity fa-fw"></i> Linkbox</a>
           <a class="dropdown-item" href="/mailru/"><i class="fa fa-at fa-fw"></i> Mail.ru Cloud</a>
           <a class="dropdown-item" href="/mega/"><i class="fa fa-archive fa-fw"></i> Mega</a>
+          <a class="dropdown-item" href="/s3/#mega"><i class="fa fa-archive fa-fw"></i> Mega S4</a>
           <a class="dropdown-item" href="/memory/"><i class="fas fa-memory fa-fw"></i> Memory</a>
           <a class="dropdown-item" href="/azureblob/"><i class="fab fa-windows fa-fw"></i> Microsoft Azure Blob Storage</a>
           <a class="dropdown-item" href="/azurefiles/"><i class="fab fa-windows fa-fw"></i> Microsoft Azure Files Storage</a>

docs/static/css/custom.css

@@ -63,11 +63,19 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Fix spacing of info boxes */
 .card {
-    margin-top: 0.75rem;
+    margin-top: 0.5rem;
+}
+/* less padding on titles */
+.card-header {
+    padding: 5px 15px;
 }
 /* less padding around info box items */
 .card-body {
-    padding: 0.5rem;
+    padding: 0px;
+}
+/* more padding around info box items */
+.card-body-padded {
+    padding: 10px 10px 10px 10px;
 }
 
 /* make menus longer */