From accc37e5be0463d25708cd293a379eb669c77e44 Mon Sep 17 00:00:00 2001
From: mmk2410 <marcelmichaelkapfer@yahoo.co.nz>
Date: Fri, 3 Jul 2015 14:37:32 +0200
Subject: [PATCH] Better handling of a long title; option to disable the share
 FAB; --> Version 0.6

---
 config.php                |  2 ++
 index.php                 | 57 ++++++++++++++++++++++-----------------
 res/css/rangitaki.css     |  8 ++++++
 themes/background-img.css | 10 ++++++-
 themes/material-dark.css  |  8 ++++++
 themes/material-light.css |  8 ++++++
 6 files changed, 67 insertions(+), 26 deletions(-)

diff --git a/config.php b/config.php
index 237e309..3a13283 100644
--- a/config.php
+++ b/config.php
@@ -24,6 +24,8 @@ $blogmainname = '';
 $blogintro = 'yes';
 // Disqus - Provide here your Disqus shortname. Leave empty if you don't want to use it.
 $blogdisqus = 'rangitaki';
+// Share FAB - this enables or disables the share button
+$sharefab = 'yes';
 // Google Analytics - Provide here your Google Analytics Tracking-ID. Leave empty if you don't want to use it.
 $bloganalytics = '';
 // Footer - set here the text for your footer (e.g. a copyright info).  You can replace the whole text after the '=' with your own one.
diff --git a/index.php b/index.php
index 81d69cd..47db8fa 100644
--- a/index.php
+++ b/index.php
@@ -126,7 +126,7 @@ THE SOFTWARE.
                             } else {
                                 ?>
                             </a>
-                        › <a href="<?php echo "./?blog=$getblog"?>">
+                            › <a href="<?php echo "./?blog=$getblog" ?>">
                                 <?php
                                 echo BlogListGenerator::getName("./blogs/$getblog.md");
                             }
@@ -134,6 +134,7 @@ THE SOFTWARE.
                         </a>
                     </span>
                 </nobr>
+                <div class="fadeout"></div>
             </div>
             <?php
             if (file_exists("blogs/$blog.md") && $getarticle == "" && $blogintro == "yes" && $gettag == "") {
@@ -182,31 +183,37 @@ THE SOFTWARE.
             <div class="footer">
                 <?php echo $blogfooter; ?>
             </div>
-            <div class="fabmenu">
-                <div class="subfab">
-                    <a href='mailto:?subject=<?php echo $blogtitle; ?>&body=<?php echo $LANG_Check_out_this_blog;?>: <?php echo $url; ?>'  target="blank">
-                        <img src="./res/img/email.svg" class="subfab-img" />
-                    </a>
+            <?php
+            if ($sharefab == "yes") {
+                ?>
+                <div class="fabmenu">
+                    <div class="subfab">
+                        <a href='mailto:?subject=<?php echo $blogtitle; ?>&body=<?php echo $LANG_Check_out_this_blog; ?>: <?php echo $url; ?>'  target="blank">
+                            <img src="./res/img/email.svg" class="subfab-img" />
+                        </a>
+                    </div>
+                    <div class="subfab">    
+                        <a href='https://twitter.com/intent/tweet?text=<?php echo $LANG_Check_out; ?>: <?php echo $url; ?>&original_referer='  target="blank">
+                            <img src="./res/img/twitter.svg" class="subfab-img" />
+                        </a>
+                    </div>
+                    <div class="subfab">
+                        <a href='https://plus.google.com/share?url=<?php echo $url; ?>&hl=en-US'  target="blank">
+                            <img src="./res/img/gplus.svg" class="subfab-img" />
+                        </a>
+                    </div>
+                    <div class="subfab">
+                        <a href='https://www.facebook.com/sharer/sharer.php?u=<?php echo $url; ?>&t=<?php echo "echo $blogtitle" ?>' target="blank">
+                            <img src="./res/img/facebook.svg" class="subfab-img" />
+                        </a>
+                    </div>
+                    <div class="fab">
+                        <img src="./res/img/share.svg" class="fab-img" alt="Share" />
+                    </div>
                 </div>
-                <div class="subfab">    
-                    <a href='https://twitter.com/intent/tweet?text=<?php echo $LANG_Check_out;?>: <?php echo $url; ?>&original_referer='  target="blank">
-                        <img src="./res/img/twitter.svg" class="subfab-img" />
-                    </a>
-                </div>
-                <div class="subfab">
-                    <a href='https://plus.google.com/share?url=<?php echo $url; ?>&hl=en-US'  target="blank">
-                        <img src="./res/img/gplus.svg" class="subfab-img" />
-                    </a>
-                </div>
-                <div class="subfab">
-                    <a href='https://www.facebook.com/sharer/sharer.php?u=<?php echo $url; ?>&t=<?php echo "echo $blogtitle" ?>' target="blank">
-                        <img src="./res/img/facebook.svg" class="subfab-img" />
-                    </a>
-                </div>
-                <div class="fab">
-                    <img src="./res/img/share.svg" class="fab-img" alt="Share" />
-                </div>
-            </div>
+                <?php
+            }
+            ?>
         </div>
         <script src="./res/js/jquery-2.1.4.min.js"></script>
         <script src="./res/js/app.js"></script>
diff --git a/res/css/rangitaki.css b/res/css/rangitaki.css
index 4f07c7a..317e742 100644
--- a/res/css/rangitaki.css
+++ b/res/css/rangitaki.css
@@ -72,6 +72,14 @@ body{
     color: #fff;
 }
 
+.fadeout{
+    position: absolute;
+    height: 64px;
+    top: 0px;
+    right: 0px;
+    width: 40px;
+}
+
 .nav-img{
     height: 26px;
     padding: 19px;
diff --git a/themes/background-img.css b/themes/background-img.css
index 2d26fd8..b5517ef 100644
--- a/themes/background-img.css
+++ b/themes/background-img.css
@@ -30,7 +30,7 @@ body{
     font-family: "Roboto", sans-serif;
     background: #f6f6f6;
     color: #383838;
-    background-image: url(http://marcel-kapfer.de/res/img/druck.png);
+    background-image: url(//marcel-kapfer.de/res/img/druck.png);
     background-size: cover;
     background-attachment: fixed;
     background-position: top center;
@@ -51,6 +51,14 @@ body{
     color: #fff;
 }
 
+.fadeout{
+    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(0, 0, 0, 0.45) 100%); /* FF3.6+ */
+    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* IE10+ */
+    background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* W3C */
+}
+
 .nav{
     background-color: #fff;
     border-right: 1px solid #e0e0e0;
diff --git a/themes/material-dark.css b/themes/material-dark.css
index c8952d0..d5ba5cf 100644
--- a/themes/material-dark.css
+++ b/themes/material-dark.css
@@ -47,6 +47,14 @@ body{
     color: #fff;
 }
 
+.fadeout{
+    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, #212121 100%); /* FF3.6+ */
+    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,#212121 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,#212121 100%); /* IE10+ */
+    background: linear-gradient(to right, rgba(30,87,153,0) 0%,#212121 100%); /* W3C */
+}
+
 .nav{
     background-color: #424242;
     border-right: 1px solid #1f1f1f;
diff --git a/themes/material-light.css b/themes/material-light.css
index fe7c09d..9b168f0 100644
--- a/themes/material-light.css
+++ b/themes/material-light.css
@@ -47,6 +47,14 @@ body{
     color: #fff;
 }
 
+.fadeout{
+    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, #ff4415 100%); /* FF3.6+ */
+    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,#ff4415 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,#ff4415 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,#ff4415 100%); /* IE10+ */
+    background: linear-gradient(to right, rgba(30,87,153,0) 0%,#ff4415 100%); /* W3C */
+}
+
 .nav{
     background-color: #fff;
     border-right: 1px solid #e0e0e0;