From 6e001a303cb9e2269e1e284cf8d3d51575b00892 Mon Sep 17 00:00:00 2001
From: cupcakearmy <nicco.borgioli@gmail.com>
Date: Tue, 21 May 2019 16:41:08 +0200
Subject: [PATCH] extended logos for sharing and discussion in singular

---
 liquet/css/logos.css          | 15 ++++++++++++---
 liquet/css/singular.css       |  4 ++--
 liquet/logos.php              | 35 +++++++++++++++++++++++------------
 liquet/singular.php           |  3 +--
 liquet/vendor/icons/down.svg  |  1 +
 liquet/vendor/icons/share.svg |  1 +
 6 files changed, 40 insertions(+), 19 deletions(-)
 create mode 100644 liquet/vendor/icons/down.svg
 create mode 100644 liquet/vendor/icons/share.svg

diff --git a/liquet/css/logos.css b/liquet/css/logos.css
index 51aaf3a..73ae752 100644
--- a/liquet/css/logos.css
+++ b/liquet/css/logos.css
@@ -1,14 +1,23 @@
 #logos {
-    margin: 1.5em 0 0 0;
+    margin-top: 1.5em;
 }
 
-#logos img {
+#logos #title {
+    margin: 2em;
+    text-align: center;
+}
+
+#logos #title img {
+    height: 1.5em;
+}
+
+#logos #list img {
     height: 2em;
     width: 2em;
     margin: 0 .5em;
     transition: var(--animation);
 }
 
-#logos img:hover {
+#logos #list img:hover {
     transform: scale(1.15);
 }
\ No newline at end of file
diff --git a/liquet/css/singular.css b/liquet/css/singular.css
index 12f35b3..7015f09 100644
--- a/liquet/css/singular.css
+++ b/liquet/css/singular.css
@@ -4,8 +4,8 @@
     overflow-wrap: break-word;
 }
 
-#singular #main a {
-    text-decoration: underline;
+#singular #main p a {
+    border-bottom: 2px solid var(--clr-black);
 }
 
 #singular #header {
diff --git a/liquet/logos.php b/liquet/logos.php
index 9d3ce29..6319775 100644
--- a/liquet/logos.php
+++ b/liquet/logos.php
@@ -2,18 +2,29 @@
 
 $links = [ 'medium', 'github', 'twitter', 'website' ];
 
-function render_links() {
+function render_links( $expanded = false ) {
 	global $links;
 	?>
-    <div class="flex container horizontal middle center" id="logos"><?php
-	foreach ( $links as $link ) {
-		$saved = get_option( $link . '_url' );
-		if ( $saved ) { ?>
-            <a href="<?= $saved ?>" target="_blank">
-                <img src="<?= get_template_directory_uri() . '/vendor/logos/' . $link . '.png' ?>"
-                     alt="<?= $link; ?>"/>
-            </a>
-		<?php }
-	}
-	?></div><?php
+    <div id="logos">
+	<?php if ( $expanded ) { ?>
+        <div id="title" class="alt-font">
+        discuss & share
+        <br/>
+        <img src="<?= get_template_directory_uri() . '/vendor/icons/down.svg' ?>"
+             alt="arrow down"/>
+        </div>
+    <?php } ?>
+    <div class="flex container horizontal middle center" id="list">
+		<?php
+		foreach ( $links as $link ) {
+			$saved = get_option( $link . '_url' );
+			if ( $saved ) { ?>
+                <a href="<?= $saved ?>" target="_blank">
+                    <img src="<?= get_template_directory_uri() . '/vendor/logos/' . $link . '.png' ?>"
+                         alt="<?= $link; ?>"/>
+                </a>
+			<?php }
+		}
+		?></div>
+    </div><?php
 }
\ No newline at end of file
diff --git a/liquet/singular.php b/liquet/singular.php
index ad765a9..d00e26e 100644
--- a/liquet/singular.php
+++ b/liquet/singular.php
@@ -46,8 +46,7 @@ $dates = getDates();
 						<?php the_content(); ?>
                         <br>
 						<?php render_current_tags(); ?>
-                        <hr>
-						<?php render_links(); ?>
+                        <?php render_links(true); ?>
                     </div>
                 </div>
 
diff --git a/liquet/vendor/icons/down.svg b/liquet/vendor/icons/down.svg
new file mode 100644
index 0000000..c25cb46
--- /dev/null
+++ b/liquet/vendor/icons/down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M348.3 295.6c-5-5.1-13.3-5.1-18.4-.1L269 356.2V124.9c0-7.1-5.8-12.9-13-12.9s-13 5.8-13 12.9v231.3l-60.9-60.8c-5.1-5-13.3-4.9-18.4.1-5 5.1-5 13.2.1 18.3l83 82.4c1.2 1.1 2.5 2 4.1 2.7 1.6.7 3.3 1 5 1 3.4 0 6.6-1.3 9.1-3.7l83-82.4c5.2-4.9 5.3-13.1.3-18.2z"/></svg>
\ No newline at end of file
diff --git a/liquet/vendor/icons/share.svg b/liquet/vendor/icons/share.svg
new file mode 100644
index 0000000..dda0a5f
--- /dev/null
+++ b/liquet/vendor/icons/share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.7 230.4l-141.1-132c-1.7-1.6-3.3-2.5-5.6-2.4-4.4.2-10 3.3-10 8v66.2c0 2-1.6 3.8-3.6 4.1C144.1 195.8 85 300.8 64.1 409.8c-.8 4.3 5 8.3 7.7 4.9 51.2-64.5 113.5-106.6 212-107.4 2.2 0 4.2 2.6 4.2 4.8v65c0 7 9.3 10.1 14.5 5.3l142.1-134.3c2.6-2.4 3.4-5.2 3.5-8.4-.1-3.2-.9-6.9-3.4-9.3z"/></svg>
\ No newline at end of file