Show instructions for using scriptassist instead

[skip ci]

2 files changed, 38 insertions, 3 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index fe72819..302d311 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -23,3 +23,12 @@ table.sortable thead {
 table.sortable thead th:hover {
     opacity: 0.8;
 }
+
+div.instructions input {
+    opacity: 0;
+    position: fixed;
+}
+div.instructions label { display: inline; }
+input#manual-instructions:checked ~ dl.automatic-instructions,
+input#automatic-instructions:checked ~ dl.manual-instructions
+{ display: none; }
diff --git a/index.html b/index.html
index 7e870c0..feda0dd 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,31 @@ layout: default
     </div>
 
     <div class="row">
-        <dl>
+      <div class="instructions">
+        <input id="automatic-instructions" type="radio" checked="checked" name="instructions" />
+	<input id="manual-instructions" type="radio" name="instructions" />
+        <dl class="automatic-instructions">
+            <dt>How do I install scripts?</dt>
+            <dd>In Irssi, do <code>/run scriptassist</code> (only once per session), then
+            <code>/script install <i>scriptname</i></code> .
+
+            <dt>How do I rerun scripts?</dt>
+            <dd>Just do <code>/script load <i>scriptname</i></code> .</dd>
+
+            <dt>How do I unload scripts?</dt>
+            <dd>Just do <code>/script unload <i>scriptname</i></code> .</dd>
+
+            <dt>How do I run scripts automatically at startup?</dt>
+            <dd>Just do <code>/script autorun <i>scriptname</i></code> .</dd>
+
+	    <dt>Scriptassist does not work for me / I want to do it myself?</dt>
+	    <dd><label for="manual-instructions" class="btn-link">
+		View manual instructions.</label></dd>
+
+            <dt>How do I submit a script to this page?</dt>
+            <dd>See information on how to contribute <a href="https://github.com/irssi/scripts.irssi.org">here</a>.</dd>
+        </dl>
+        <dl class="manual-instructions">
             <dt>How do I run scripts?</dt>
             <dd>Put them into <code>~/.irssi/scripts/</code> and in irssi do
             <code>/script load script.pl</code> . There is a default alias for
@@ -32,12 +56,14 @@ layout: default
 
             <dt>Is there an easy way of managing scripts?</dt> <dd>Try
             <code>scriptassist.pl</code>, it can update and manage your scripts
-            as well as install new ones and search the database.</dd>
+            as well as install new ones and search the database.
+	    <label for="automatic-instructions" class="btn-link">
+		View instructions when using scriptassist.pl .</label></dd>
 
             <dt>How do I submit a script to this page?</dt>
             <dd>See information on how to contribute <a href="https://github.com/irssi/scripts.irssi.org">here</a>.</dd>
         </dl>
-	
+      </div>
         <hr>
 
         <input type="search" class="light-table-filter form-control" data-table="sortable" data-name="q" placeholder="Filter" style="width: 100%" autocorrect="off" spellcheck="false">