From d00888fdc0a7c66744eaa2f9bc93620bf33a7903 Mon Sep 17 00:00:00 2001
From: Hauke D <haukex@zero-g.net>
Date: Fri, 19 Oct 2018 19:59:43 +0200
Subject: [PATCH] A few small design updates

A squash of commits:
- a8f0ba120edf982ca5824ab557d976d9c57e5fa2
  Attribution
- 8de1094002a8e0da652d1fe0c9550fce4edd55fe
  Don't show URL until link is clicked
- 29023c59c5bb1872e86b7b25a7ac44e09ffae052
  Improved toolbar look a bit
---
 democode/index.html      |  3 +++
 democode/perleditor.html | 21 +++++++++++++--------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/democode/index.html b/democode/index.html
index f8f5133..bf78671 100644
--- a/democode/index.html
+++ b/democode/index.html
@@ -57,6 +57,9 @@ the "View Source" function of your browser to view it, or have a look at
 	target="_blank">the project sources on GitHub</a>.
 </p>
 
+<!-- Thank you to LanX from PerlMonks for the inspiration! :-)
+     https://www.perlmonks.org/?node_id=1223812 -->
+
 <!-- First, you have to include the following hidden IFrame, which
 loads the "Perl runner". This is (currently) necessary because this
 IFrame needs to re-load itself in order to re-run Perl. This IFrame
diff --git a/democode/perleditor.html b/democode/perleditor.html
index 438848e..d4f17ec 100644
--- a/democode/perleditor.html
+++ b/democode/perleditor.html
@@ -358,6 +358,9 @@ $(function () {
 		$('#showtools').text( $('#thetools').is(':visible')
 			? 'Hide Tools' : 'Show Tools' );
 	});
+	$('#webperllink').click(function () {
+		$('#webperlurl').show();
+	});
 	
 	// script
 	var addscript = $('#addscript');
@@ -373,7 +376,7 @@ $(function () {
 	}
 	else
 		addscript.show();
-	addscript.click(function () {
+	$('#addscript .fakelink').click(function () {
 		addscript.hide();
 		if ($('#script').length) return;
 		var cfn = makeCodeWithFn('script.pl', $('#perlctrl'), 0, 1);
@@ -519,15 +522,17 @@ $(function () {
 	<div id="misctools">
 		<span id="showtools" class="fakelink">Show Tools</span>
 		<span id="thetools" style="display:none;">
-		&ensp;
-		<span id="addscript" class="fakelink" style="display:none;">Add Script</span>
 		&nbsp;
+		<span id="addscript" style="display:none;">&bull;
+		<span class="fakelink">Add Script</span>
+		</span>
+		&bull;
 		<span id="addinput" class="fakelink">Add Input File</span>
-		&nbsp;
+		&bull;
 		<span id="addoutput" class="fakelink">Add Output File</span>
-		&nbsp;
+		&bull;
 		<span id="mergestdoe" class="fakelink">Merge STDOUT+ERR</span>
-		&nbsp;
+		&bull;
 		<span id="copyurl" class="fakelink">Copy URL</span>
 		/ <span id="copyjson" class="fakelink">JSON</span>
 		(<span id="autorunstate">with</span>
@@ -538,9 +543,9 @@ $(function () {
 </div>
 
 <div class="text" id="footer" style="display:none;">
-	Powered by <a href="http://webperl.zero-g.net/" target="_blank">&#x1F578;&#xFE0F;&#x1F42A; WebPerl</a> (beta)
+	Powered by <a href="http://webperl.zero-g.net/" target="_blank" id="webperllink">&#x1F578;&#xFE0F;&#x1F42A; WebPerl</a> (beta)
 	<!-- Link with target="_blank" may not work in a sandboxed iframe, so provide URL: -->
-	&nbsp; <code>http://webperl.zero-g.net/</code>
+	<span id="webperlurl" style="display:none;">&nbsp; <code>http://webperl.zero-g.net/</code></span>
 </div>
 
 </body>