Making page much more easily editable by using <dl><dt> and <dd> tags

This commit is contained in:
Philip Sargent 2020-03-28 22:06:47 +00:00
parent 5d207e675c
commit effadc446a
3 changed files with 152 additions and 89 deletions

16
TODO
View File

@ -1,14 +1,2 @@
Add missing images to logbooks from
2000, 2008, 2009, 2011
fix corrupted image in 2001 log
2011 logbook:
type up via-ferrate & bolt-testing writeups (In paper book, not in scan or HTML)
200 logbook:
Type up "list of GPS locations still to type"
2019
transcribe the rest of those blog entries into expoweb/years/2019/logbook.html
copy the photos from the UKCaving blog into expofiles/photos/2019/<MyName>/ -- in fact many of those photos are already there
edit in the links to those photos in the right place in 2019/logbook.html
everything here moved to handbook/computing/x-todo.html
Philip Sargent 2020/03/28

View File

@ -55,30 +55,36 @@ h2, h3, h4 {
margin-bottom: 0;
}
ul:not(#links) li ul, ul:not(#links) ul {
dd {
font: 18px Calibri, sanserif;
font-weight: normal;
list-style-type: disc;
color: 6083BF;
#list-style-type: disc;
line-height: 1.3;
}
dd:before {
content: "- ";
}
/* Default State */
ul:not(#links) {
dt {
font: 20px Calibri, sanserif;
font-weight: bold;
color: 6083BF;
margin-top: 0.4em;
margin-left: -1.2em;
#margin-left: -1.2em;
margin-left: 0;
margin-right: 5em;
list-style-type: none;
line-height: 1.4;
#list-style-type: none;
line-height: 1.4;
}
/* Toggled State */
input[type=checkbox] ~ ul:not(#links) li ul {
input[type=checkbox] ~ dl dd {
display: none;
}
input[type=checkbox]:checked ~ ul:not(#links) li ul {
input[type=checkbox]:checked ~ dl dd {
display: block;
}

View File

@ -1,80 +1,149 @@
<!DOCTYPE html>
<html>
<head>
<title>Expo Systems Exptl. To-Do List</title>
<meta charset="utf-8">
</head>
<body>
<h1>Expo Systems Exptl. To-Do List</h1>
<p><button onclick="window.location.href = 'x-todo.html_edit';">Update this to-do list</button> <label for="toggle-1">Toggle sub-items</label> <input id="toggle-1" type="checkbox" /></p>
<h1>Expo Systems Exptl. To-Do List</h1>
<link rel="stylesheet" type="text/css" href="x-todo-styles.css" />
<button onclick="window.location.href = 'x-todo.html_edit';">Update this to-do list</button>
<label for="toggle-1">Toggle sub-items</label>
<input type="checkbox" id="toggle-1">
<h2>Taken from file on ::expoweb::/TODO </h2>
<dl>
<dt>Add missing images to logbooks</dt>
<dd>
2000, 2008, 2009, 2011</dd>
<dd>
fix corrupted image in 2001 log</dd>
<dt>2011 logbook:</dt>
<dd>type up via-ferrate & bolt-testing writeups (In paper book, not in scan or HTML)</dd>
<dt>200? logbook:</dt>
<dd>
Type up "list of GPS locations still to type"</dd>
<dt>2019 Logbook</dt>
<dd>
transcribe the rest of those blog entries into expoweb/years/2019/logbook.html</dd>
<dd>
copy the photos from the UKCaving blog into expofiles/photos/2019/<MyName>/ -- in fact many of those photos are already there</dd>
<dd>edit in the links to those photos in the right place in 2019/logbook.html</dd>
</dl>
<h2>Documentation</h2>
<ul>
<li>Wallets &amp; new-cave
<ul>
<li>Explain (in the wallets process) how to view the surveys online so that <br />(1) you can see an example of how to do your new one, and <br />(2) so that you can check that you have done it properly when you have finished.</li>
<li>Explain how to link a new cave into the other caves in troggle filesystem</li>
</ul>
</li>
<li>Troggle architecture
<ul>
<li>Handbook: explain how troggle works - much better and simpler. Fix mistakes I wrote. For future system maintainers</li>
<li>Copy the .wiki material into the documentation somewhere</li>
</ul>
</li>
<li>Surveyscans
<ul>
<li>explain where the image files are referenced from: svx, tunnel/therion, and why there are so many broken links</li>
</ul>
</li>
</ul>
<dl>
<dt><!--2020-03-26 psargent-->Wallets and new-cave</dt>
<dd><!--2020-03-26 psargent-->Explain (in the wallets process) how to view the surveys
online so that <br>&nbsp;&nbsp;(1) you can see an example of how to do your new one,
and <br>&nbsp;&nbsp;(2) so that you can check that you have done it properly when you
have finished.</dd>
<dd><!--2020-03-26 psargent-->Explain how to link a new cave into the other caves in
troggle filesystem</dd>
<dt><!--2020-03-26 psargent-->Troggle architecture</dt>
<dd><!--2020-03-26 psargent-->Handbook: explain how troggle works - much better and simpler. Fix
mistakes I wrote. For future system maintainers</dd>
<dd><!--2020-03-26 psargent-->Copy the .wiki material into the documentation somewhere</dd>
<dt><!--2020-03-26 psargent-->Surveyscans</dt>
<dd><!--2020-03-26 psargent-->explain where the image files are referenced from: svx, tunnel/therion, and </dd>
<dd>why there are so many broken links</dd>
</dl>
<h2>Photos</h2>
<ul>
<li>Capitalisation in filenames problem
<ul>
<li>run the duplicate filename script on the server in /photos/xml/ as there are files which differ only in capitalisation of their names.</li>
<li>Fix such duplicates in the /photos/ folders where this problem originates</li>
<li>Document this issue of duplicate photo filenames produced by multiple cameras running similar software</li>
<li>somehow fix the photo filenames which use capital letters on import or upload, or by a cron job</li>
</ul>
</li>
</ul>
<dl>
<dt><!--2020-03-26 psargent-->Capitalisation in filenames problem
<dd><!--2020-03-26 psargent-->run the duplicate filename script on the server in
/photos/xml/ as there are files which differ only in
capitalisation of their names.</dd>
<dd><!--2020-03-26 psargent-->Fix such duplicates in the /photos/ folders where this
problem originates</dd>
<dd><!--2020-03-26 psargent-->Document this issue of duplicate photo filenames produced by
multiple cameras running similar software</dd>
<dd><!--2020-03-26 psargent-->somehow fix the photo filenames which use capital letters on
import or upload, or by a cron job</dd>
</dl>
<h2>Surveys data entry</h2>
<ul>
<li>2019 surveyscans
<ul>
<li>edit all the content.json</li>
<li>try to autocomplete the content.json by parsing .svx files</li>
<li>Put personal names into canonical form</li>
</ul>
</li>
</ul>
<dl>
<dt><!--2020-03-26 psargent-->2019 surveyscans
<dd><!--2020-03-26 psargent-->edit all the content.json</dd>
<dd><!--2020-03-26 psargent-->try to autocomplete the content.json by parsing .svx files</dd>
<dd><!--2020-03-26 psargent-->Put personal names into canonical form</dd>
</dl>
<h2>Troggle</h2>
<h2>Expo Server</h2>
<ul>
<li>www-data:www-data permissions
<ul>
<li>Fix permissions so that all files served by troggle have www-data:www-data ownership and group ownership, otherwise the "Edit this page" fails with a permissions error, or</li>
<li>Or fix group membership for the process running django so that it can write files owned by 'expo'</li>
</ul>
</li>
</ul>
<h2><span style="color: darkviolet;">This to-do-list gadget itself</span></h2>
<ul>
<li>Eventual aim
<ul>
<li>to replace GitHub <a href="https://github.com/CaveSurveying/CUCCexposurveyissues/issues"> CUCCexposurveyissues</a> for non-tunnel, non-GIS issues.</li>
<li>We need two of these: <br />1.for expo systems work (troggle &amp; scripts) - the current priority as we have nowhere currently that Wookey is willing to use <br />2.for survey data progress/issues (though troggle itself can be used for some of this if cleaned up a bit)</li>
</ul>
</li>
<li>Try to automate simple functions in javascript</li>
<ul>
<li>to control this document in-place (tick, delete) instead of using the <a href="https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-inline/"> tinymce</a> HTML editor in Django</li>
<li>Maybe restructure whole page as JSON and use javascript editor to create (edit), re-order and demote items. So long as the content is inserted into the DOM, it should work ?</li>
<li>Implement comments on an issue, mimicking GitHub issues wiki</li>
<li>Use javascript to skip over the _edit page and submit changes direct to server when updating</li>
<li>checkboxes so that items can be ticked (which also does strike-through)</li>
<li>bin icon to delete an item? Better to have an archive process.</li>
</ul>
<li>TEST</li>
</ul>
<dl>
<dt><!--2020-03-26 psargent--> www-data:www-data permissions
<dd><!--2020-03-26 psargent-->Fix permissions so that all files served by troggle have
www-data:www-data ownership and group ownership, otherwise the
"Edit this page" fails with a permissions error, or
</dd>
<dd><!--2020-03-26 psargent-->Or fix group
membership for the process running django so that it can write
files owned by 'expo'
</dd>
</dd>
</dl>
<h2>
<font color="darkviolet">This to-do-list gadget itself</font>
</h2>
<dl>
<dt><!--2020-03-26 psargent-->Eventual aim
<dd><!--2020-03-26 psargent-->to replace GitHub <a href="https://github.com/CaveSurveying/CUCCexposurveyissues/issues">
CUCCexposurveyissues</a> for non-tunnel, non-GIS issues.</dd>
<dd><!--2020-03-26 psargent-->We need two of these: <br>1.for expo systems work (troggle & scripts) - the current priority as we have nowhere currently that Wookey is willing to use
<br>2.for survey data progress/issues (though troggle itself can be used for some of this if cleaned up a bit)
</dd>
<dt><!--2020-03-26 psargent-->Try to automate simple functions in javascript
<dd><!--2020-03-26 psargent-->to control this document
in-place (tick, delete) instead of using the <a
href="https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-inline/">
tinymce</a> HTML editor in Django</dd>
<dd><!--2020-03-26 psargent-->Maybe restructure whole page as JSON and use
javascript editor to create (edit), re-order and demote items. So long
as the content is inserted into the DOM, it should work ?</dd>
<dd><!--2020-03-26 psargent-->Implement comments on an issue, mimicking GitHub issues wiki</dd>
<dd><!--2020-03-26 psargent-->Use javascript to skip over the _edit page and submit changes
direct to server when updating</dd>
<dd><!--2020-03-26 psargent-->checkboxes so that items can be ticked
(which also does strike-through)</dd>
<dd><!--2020-03-26 psargent-->bin icon to delete an item? Better to have an archive process.</dd><!--2020-03-26-->
</dl>
<hr>
<!--2020-03-26--> Testing area..
<div id="demo">Demonstation as initially read from disc</div>
<script>
document.getElementById("demo").innerHTML = "Demonstation innerHTML change CONFIRMED";
</script>
<!--Bother. The DOM is not carried across to the _edit page. It looks like the _edit page just re-reads
the original file from disc. So storing changes done by js will mean working directly with the POST action and a form. -->
<hr /></body>
</html>