CUCC Expedition Manuals - Editing the Handbook

Editing the Handbook (1)

Handbook editing manual

These pages are for cavers wanting to:

quickly edit a correction using "Edit this Page", or
edit several pages while sitting at the expo laptop
edit several pages using their own laptop

"Edit this page"

You can update a single webpage online via a browser. This is best for urgent edits to a single page, e.g. if the emergency phone at top-camp has to use a new SIM with a different phone number.

You can edit web pages without installing any software or doing any configuration. It even works if your laptop is a Mac. To use it you need to log in to troggle using the well-known "cavey:beery" password. You generally only need to do this once.

When you are a logged-on user you will see "Edit this page" at the bottom of the menu on the top-left of this page. It appears on nearly all pages in this website. If you click on it you will be able to edit the content of the page. gosser bier

The image shows what it looks like when editing the "bierbook" page. There is a menu bar along the top of the panel where you can select the usual word-processing commands to make text bold or italic and to select syles such as headings or plain text.

After editing the page you save your work by clicking on the "Submit" button at the bottom (see it at the bottom-left of the image).

There is nothing to stop you editing lots of pages by this method but you will find it extremely tedious. It is especially tedious creating the links between pages.

Footnote: Currently this process does not properly tidy up after itself. Everyone can see your new edited page on the website immediately but you will need to ask a nerd to finish the process to make sure that your changes become persistent and don't get overwritten. [See the explanation at the bottom of this page if you want to know more.]

Autogenerated pages

Some key sections of the online webpages are autogenerated from cave survey data so you cannot use "Edit this page". These pages will not show "Edit this page" in the top-left menu even when you are logged in. If you need to change any of these you will need to correct the underlying cave survey data

Creating New Pages

If you type in the name of a new webapge into the address bar of your browser, e.g. http://expo.survex.com/handbook/festering/spa.html (e.g. if you want to document how to find a hot-tub in Altaussee) then troggle will offer to create the page for you. Just click on the blue text that says "Create this page":

Then once created, you can edit it the same way that you edit a pre-existing page.

Linking in New Pages

You link your new page into the handbook by editing another page in which you want to create a link. For example if you have created a new page describing your wonderful new sleeping bag/hammock technique, then you might want to add a link in to Expo Personal Gear List. Unfortunately the "create link" icon (a picture of 3 links of a chain) is disabled in the on-line editor so you would have to click on the HTML icon and insert the link by editing the HTML directly using an <a href="filename"> tag.

Conventions

Encoding

We specify that pages are encoded using UTF-8 for all content.
We are using HTML5 and CSS3 but a great many pages still use obsolescent tags such as <font>. These are being removed whenever a page is edited.
All the pages use a single CSS stylesheet /css/main2.css.
We do not use any javascript framework: just HTML and CSS. You may come across historic references to jquery but this is not used.
When editing webpages, use HTML entities for characters with umlauts, e.g. ö for ö.
Only use a UTF-8 encoding if there is no HTML entity, e.g. biohazard: ☣

Automated formatting

When any .html page is loaded by troggle it replaces all the <head>...</head> material with the expo standard header. So don't put anything in the header of any page you edit as it will be ignored. This is also where troggle inserts the /css/main2.css standard stylesheet.
On loading a .html page troggle also inserts a standard menu - normally visible to the top left of the page. This is not inserted if the .html page has its own menu: <div id="menu"><ul id="links"> ... various <li>items .. </ul></div>
If you add the header line <meta name="keywords" content="NOEDIT"> it will be stripped out by troggle when it replaces the header, but it will notice it and will not insert "Edit this page" at the end of the inserted menu.

Filenames

No spaces in filenames. Use underscores or hyphens.
No filenames starting with "-" or "!" (Mac users beware)
All filenames to start with an alphabetic letter.
All filenames to be in lower case, must not use umlauts, must not have extra full-stops in the name.
Don't use capitals in any sort of identifier. If you have to, make _sure_ that they are used exactly the same everywhere. Otherwise it's easy to make pages that work on Windows, but which don't on Linux.
When you use "Edit this page" you are editing on the server which is a Linux machine.
Never create two files spelt the same except for capitalisation. They will overwrite each other if edited on a Windows machine without any warning. This is particularly a problem for the filenames generated on phones for photographs.

Images

Older parts of the website have sub-folders "i/", "l/", and "t/" holding respectively
i/ - the image file at full resolution (600px width usually)
l/ - an html file which displays the full image with a caption and some description
t/ - a thumbnail image which is usually used inside an <a> tag to link to the l/ html file.

Tidying up and commiting the edits

'Edit This Page' edits the file served on the web but it does not update the file in the version control repository. To properly finish the job you need to get a nerd to

ssh into expo@expo.survex.com from a machine already configured to do this
cd to the directory containing the repo you want, i.e. "cd expoweb" for the handbook, which takes you to /home/expo/expoweb
Run "git status" (to check what changes are pending),
then "git add

a> filenameem> " to stage the page you have just edited.

then DO NOT just run ' git commit' unless you know how emacs works as it would dump you into an emacs editing window (C-x C-C is the way to exit emacs). Instead, use the "-m" option: git commit -m "changed topcamp phone number - myName" which submits the obligatory comment with the commit operation. You should write something informative and brief about your changes between the quotation marks and also give your full name.

We hope to make this issue go away by integrating triggers, but it is a low priority (April 2020).

Go on to Editing several pages
Return to Online systems overview