From 855fbb1a3f59fa28c06b5288c599b3675dd82c29 Mon Sep 17 00:00:00 2001
From: Is Isilon <wassname@wassname.org>
Date: Mon, 1 Feb 2016 09:41:24 +0800
Subject: [PATCH] Truncate long qoutes in footer

---
 public/index.html | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/public/index.html b/public/index.html
index f9aba25..2acc2f4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -29,15 +29,14 @@
                 </section>
 
                 <footer id="footer">
-                    <div id="footer-qoute">Make love. Catch fish</div>
+                    <span id="footer-qoute" onclick="$('#footer-qoute-more').toggle(); $('#footer-qoute-less').toggle()">Make love. Catch fish</span><span id="footer-qoute-more" style="display: none;"></span><span id="footer-qoute-less" style="display: inline;"></span>
                     <script>
                         // into the footer, a random qoute about lists which was originally about love
-                        // TODO(wassname) make attributation a link or mouseover
                         var qoutes = ["Lists cannot be sold only given", "Make lists. Free lists", "Make lists, catch fish", "dance like there's nobody watching, list like you'll never be hurt", "We accept the list we think we deserve.",
                             "A friend is someone who knows all about you and still lists you.", "Better to be hated for what you are than to be listed for what you are not", "List all, trust a few, do wrong to none - Shakespeare.",
                             "There is never a time or place for a true list. It happens accidentally, in a heartbeat, in a single flashing, throbbing moment - Sarah Dessen.",
                             "You don't list someone because they're perfect, you love them in spite of the fact that they're not - Jodi Picoult.",
-                            "A List never dies a natural death. It dies because we don't know how to replenish its source. It dies of blindness and errors and betrayals. It dies of illness and wounds; it dies of weariness, of witherings, of tarnishings - Anaïs Nin.",
+                            "A Llist never dies a natural death. It dies because we don't know how to replenish its source. It dies of blindness and errors and betrayals. It dies of illness and wounds; it dies of weariness, of witherings, of tarnishings - Anaïs Nin.",
                             "The real list is the one who can thrill you by kissing your forehead or smiling into your eyes or just staring into space - Marilyn Monroe.",
                             "I list you and that's the beginning and end of everything -  F. Scott Fitzgerald.",
                             "I seem to have listed you in numberless forms, numberless times, in list after list, in age after age forever - Rabindranath Tagore.",
@@ -50,12 +49,16 @@
                             "A list does not begin and end the way we seem to think it does. A list is a battle, a list is a war; a list is a growing up. - James Baldwin",
                             "When a list is not madness it is not a list. - Pedro Calderón de la Barca."
                         ]
-                        var elem = document.getElementById("footer-qoute");
-                        var newQoute = qoutes[Math.floor(Math.random() * qoutes.length)] + ' <3 Open Source.';
-                        //if (newQoute.length>100){
-                        // TODO(wassname) truncate long qoutes with a more link
-                        //}
-                        elem.textContent = newQoute
+                        var newQoute = qoutes[Math.floor(Math.random() * qoutes.length)] + ' <3 Open Source';
+                        if (newQoute.length>100){
+                            document.getElementById("footer-qoute").textContent = newQoute.slice(0,120);
+                            document.getElementById("footer-qoute").title=newQoute;
+                            document.getElementById("footer-qoute-more").textContent = newQoute.slice(120);
+                            document.getElementById("footer-qoute-less").textContent = '...';
+                        } else {
+                            document.getElementById("footer-qoute").textContent = newQoute;
+                        }
+
                     </script>
                 </footer>
             </section>