rotatable images & text

1 files changed, 15 insertions, 11 deletions

diff --git a/templates/walletform.html b/templates/walletform.html
index 84d47b2..aff70fe 100644
--- a/templates/walletform.html
+++ b/templates/walletform.html
@@ -15,6 +15,10 @@
 {% else %}
 <h2>Wallet {{wallet}}</h2>
 {% endif %}
+<style>
+var {font-family: monospace;
+}
+</style>
 
     <form method ='post' style="text-align: center">
         {% csrf_token %}              
@@ -29,13 +33,13 @@
                 
     </form>
 <p style="font-family: monospace; font-weight: bold; font-size: 130%; text-align: center">
-<a style="font-weight: normal;" href="/walletedit/{{prevy}}:01">{{prevy}}</a>
+<a style="font-weight: normal;" href="/walletedit/{{prevy|urlencode}}:01">{{prevy}}</a>
 &nbsp;...&nbsp;
 <a href="/walletedit/{{recent_year}}:{{recent_number}}">{{recent_year}}:{{recent_number}}</a> 
 &larr; {{wallet}} &rarr; 
 <a href="/walletedit/{{year}}:{{next}}">{{year}}:{{next}}</a>
 &nbsp;...&nbsp;
-<a style="font-weight: normal;" href="/walletedit/{{nexty}}:01">{{nexty}}</a>
+<a style="font-weight: normal;" href="/walletedit/{{nexty|urlencode}}:01">{{nexty}}</a>
 </p>  
 
  
@@ -58,10 +62,10 @@
                    </button>
                 {% endif %}
     </form>
-    <details><summary>Do NOT invent your own filenaming scheme. <br />Click for more details.</summary>
-<div align="left">We have a 20-year old scheme for naming scanned files, <br><br>
-Name the scanned pages <em>"notes-cavepassagename.jpg"</em> etc., (or <em>notes-1.jpg</em> if you must, but self-describing filenames are much better). This is important as a script detects whether these files exist (with names beginning <em>"notes..", "plan.." and "elev.."</em>) and if you name them something else it will hassle you unnecessarily. (Or you can use this format <em>cavepassagename5-notes.jpg</em> if you like.)
-Handbook: <a href="/handbook/survey/newwallet.html">Creating a Wallet</a>   </div></details> 
+    <details style="text-align: left"><summary>Troggle needs standardised filenames. Use <br />"<var>notes1-myhole.jpg</var>", "<var>notes2-myhole.jpg</var>" etc. for in-cave notes,<br />"<var>plan1-myhole.jpg</var>" for the first page of the <em>drawn up</em> plan, <br />"<var>elev3-myhole.jpg</var>" for p3 of the <em>drawn up</em> elevation.   <p><u>Click</u> for more details.</summary>
+<div align="left"><p>Please do NOT invent your own filenaming scheme. We have a 20-year old scheme for naming scanned files, <br><br>
+Name the scanned pages <var>"notes-cavepassagename.jpg"</var> etc., or <var>notes-1.jpg</var> if you like, but self-describing filenames are better. This is important as a script detects whether these files exist (with names beginning <var>"notes..", "plan.." and "elev.."</var>) and if you name them something else it will hassle you unnecessarily. (Or you can use this format <var>cavepassagename5-notes.jpg</var> if you like.) See how this works in the Handbook: <a href="/handbook/survey/newwallet.html">Creating a Wallet</a>   
+<p>The '<var>plan..</var>' and '<var>elev..</var>' scans are <em>for fully drawn-up Tunnel or Therion plans or elevations</em>. If you have hand-sketches, then these are '<var>notes..</var>' as are the raw survex survey data numbers.</div></details> 
 </div>
 <div style = "max-width:29%; margin-left:20%; text-align: left" >
     {% if filesaved %}
@@ -76,14 +80,14 @@ Handbook: <a href="/handbook/survey/newwallet.html">Creating a Wallet</a>   </di
 {% if not create %}
     <p>
     {% for f in files %}
-    <a href="/expofilerename/surveyscans/{{year}}/{{wallet|urlencode}}/{{f}}">&raquo;</a> <a href="/expofiles/surveyscans/{{year}}/{{wallet|urlencode}}/{{f}}">{{ f}}</a><br />
+    <a href="/expofilerename/surveyscans/{{year}}/{{wallet|urlencode}}/{{f|urlencode}}">&raquo;</a> <a href="/expofiles/surveyscans/{{year}}/{{wallet|urlencode}}/{{f|urlencode}}">{{ f}}</a> &nbsp;&nbsp;-&nbsp;&nbsp;<a href="/expofilerename/surveyscans/{{year}}/{{wallet|urlencode}}/{{f|urlencode}}"><em>Rename or Rotate</em></a><br />
         {% empty %}
         <p>&lt;No files in this wallet. &gt;
         
     {% endfor %}
     <ul>
     {% for d in dirs %}
-        <a href="/expofiles/surveyscans/{{year}}/{{wallet|urlencode}}/{{d}}"><em>{{d}}</em></a><br />
+        <a href="/expofiles/surveyscans/{{year}}/{{wallet|urlencode}}/{{d|urlencode}}"><em>{{d}}</em></a><br />
     {% endfor %}
     </ul>
 {% endif %}
@@ -135,7 +139,7 @@ Handbook: <a href="/handbook/survey/newwallet.html">Creating a Wallet</a>   </di
     <br>
     <span style="font-family: monospace;  font-size: 150%; ">
     {% if cave %}<u>Cave ID</u>: 
-        {% if caveobject %}<b>{{cave}}</b></a> which implies "<a href="/{{caveobject.url}}">{{caveobject}}</a>"<br> 
+        {% if caveobject %}<b>{{cave}}</b></a> which implies "<a href="/{{caveobject.url|urlencode}}">{{caveobject}}</a>"<br> 
         {% else %}
         <b>{{cave}}</b><br> 
         {% endif %}   
@@ -143,7 +147,7 @@ Handbook: <a href="/handbook/survey/newwallet.html">Creating a Wallet</a>   </di
     {% if psg %}<u>Survey area</u>: <b>{{psg}}</b><br>{% endif %}
     {% if svxfiles %}<u>Survex files</u>: 
             {% for svx in svxfiles %}
-            <a href="/survexfile/{{svx}}">{{svx}}</a>
+            <a href="/survexfile/{{svx|urlencode}}">{{svx}}</a>
             {% endfor %}
             <br>
     {% endif %}
@@ -238,7 +242,7 @@ Handbook: <a href="/handbook/survey/newwallet.html">Creating a Wallet</a>   </di
     {% if metadataurl %}<span style="font-size: 70%; "><details><summary>
     JSON  <br> 
         </summary>
-    <a href="{{metadataurl}}">{{metadataurl}}</a><br>
+    <a href="{{metadataurl|urlencode}}">{{metadataurl}}</a><br>
     <pre>
     {{metadata}}
     </pre>