The following guide is useful for all users wanting to get the best from our website application and content.
Application vs Content
We divide our site into application
. Our "App" is the set of features
we have implemented to allow content to be viewed in a novel way or request services from our server. The App version is shown at the bottom of every page and is incremented after additions and improvements.
capabilities. Some of these functions include search bars, interactive forms, and tool features.
Our content is all about our posts
. These are our main portfolio subjects, the ones we are passionate about. The main connecting factor is they are all linked to poems and sounds.
Sitting just around our posts are our static pages
. These serve to give the site structure and provide ancillary information like what we are up to and privacy policies etc. At the top and/or bottom of each page, you will find a set of handy tools.
All our pages and posts contain their last updated date at the bottom. We also are evaluating WordProof
to prove our original content and update times by using blockchain technology.
All our pages are responsive to the device they are rendering on and for every feature, we have developed there is an attribution link below the widget for further details.
See our Sitemap
for all page, post, tag and catgory navigation.
We use the Avada dark theme
, for its functionality and responsiveness. Avada is expertly crafted and adheres to all industry standards.
The Avada Global Styling Options provides us with a plethora of tools to ensure that our site's layouts and elements are rendered pixel-perfect on all mobile devices.
The mobile visibility system is a particularly handy set of options that allows us to choose what to display on small, medium, and large screens.
Website navigation allows our visitors to flow from one page to another without difficulty. If we have done our job well, you will leave our site with the intention to return.
When we talk about website page navigation, you can find a navigation menu appearing in the header section at the top of the page. This collapses to a hamburger menu for mobiles.
We also have footers, which often contain links to our site's main content, as well as popular resources. These so-called fat footers allow for more links, which means a better user experience.
At the top of each page below the header, the page name tells you where you are. Then you can see which category that page is assigned to, the part of the site in which it exists (blog), and "See also" links to navigate to relevant other content. Below this will be a ticker tape giving an uplifting quote. Click on this to refresh the quote. Turn these off in the User Preferences
The rise of mobile has created a need for other types of website navigation. We use the hamburger menu within the header section for these devices.
Our website navigation and hyperlinks aren't the same. We have links scattered on each page but are not part of our navigation structure. We mainly use tabs and buttons to show and hide different pieces of our content. These are all responsive to the type of device you are viewing from.
Another feature we have introduced for our posts is the concept of our "shelf". Here you can quickly navigate to a post or media item from any page.
- The post shelf provides a list of the most recent POSOWOCO posts - select an item to jump to a specific post.
- The music shelf provides a list of all POSOWOCO tracks - select an item to either play the audio or jump to a specific post if we have written about it.
- The video shelf provides a list of all POSOWOCO videos - select an item to play the video.
Our website header contains mainstream content navigation elements. It consists of the top cover and a navigation bar.
The top cover displays:
- LOGO - go to our home page
- SHELF - see our bookshelf pop-up
- ASSIST - see our Web Assistant options
- RADIO - see our radio station and play the live stream
- COG - set your User Preferences
- LANGUAGE - select the display language
- SITE TITLE - PO SO WO CO - select a part of the title to navigate to that portfolio ('PO' = Poems portfolio) etc.
Click on the SHELF
button and you will see a pop-up of all our posts. They are arranged chronologically as books on a shelf. They have their featured image and their category as a front cover. Click on the book to access the POST.
Click on the ASSIST
button and you will see a pop-up of all our popular assisted URLs. These are arranged as a list of actions. Click on one to perform the action. The Web assistant is always monitoring every URL to see if it can further select items on the chosen page or post.
Click on the RADIO
button and you will be presented with a pop-up allowing you to listen to Radio POSOWOCO. From here you can see which track is playing. and select the play icon to stream the audio. Selecting the plus/minus button will show/hide the next few tracks.
COG (User Preferences)
Click on the COG
icon and you will see a pop-up with all your User Preferences
for the site. Changing an option will cause the page to reload and if your browser can store local options, the User Preferences
will now be active. You can currently:
- SHOW COMICS - Turn on/off comic themes on all pages
- SHOW COMIC HEADERS - Turn on/off comic headers on all pages
- SHOW COMIC SLIDES - Show comic slides on all pages instead of the full strip
- SHOW AUDIO VISUALISATIONS - Turn on/off any audio visualisations
- SHOW QUOTES - Turn on/off the quote ticker shown at the heading of all pages
- COMIC STYLE - Change the default comic style
- POEM STYLE - Change the default poem theme
- COMIC COLOUR - Change the default comic header colour
All our pages use google language translation and right-to-left friendly. Select the language from the drop-down list. Default is English.
Our content consists of:
- SLIDES - front page slides of all our images sometimes with animations
- PAGES - static web pages describing us and our website
- CONTENT - the cornerstone content of our 4 portfolios plus images
- FEATURES - our media toolbar, galleries, book browser, media players, comics, analysis buttons, themes
Our slides consist of images from our media gallery. These slides are all black and white and are taken around multiple locations in the U.K where we are based. Sometimes the slides will have navigation buttons on them to let you go to a related page.
Our pages represent the static content of our site. Each page is very different in content but all are headed by our slides and navigation pages. You can always go to our inline sitemap and navigate from there too.
These are the main course of our website or our Cornerstone Content
. We publish posts on our 4 portfolios where each post has different content but the same features e.g. Media Toolbar.
The posts are divided into standard posts for Poems
and more varied layouts for our Correspondence
See the features section below to get help on what's available.
Our web app features apply to any content or static pages. These are explained in sub-sections below.
- Media Toolbar - play media for the given post
- Comic Strips - comic strip visualisations for our text
- Instruction Button - specific page/post instructions where needed
- Go Button - start/stop configured media for each post
- Analysis - text analysis of the page in terms of words
- Media players - playlist/cassette/turntable/Image
- Views - a standard set of views augmenting the main content
- Themes - static and animated background themes for our poems
Our media toolbar has at most the following buttons -
- Sound - play a random sound effect, useful for setting the scene whilst reading a poem for example
- Voice - play the text-to-speech voice recording of the featured poem
- Music - play the music specifically written by us for the post, for the Sounds posts this will be the featured soundtrack
- Drum - play a random drum rhythm, useful for setting the tempo whilst reading a poem for example
- Rain - play a random storm sound, useful for meditation
- Noise - play a random Binaural sound, useful for meditation
- Morse - play the morse code of the featured poem - imagine being sent the poem over some tapped water pipes
If a button has a question mark icon on it, this will launch a pop-up showing more detail on the media being played. Clicking the Morse button, for example, will show the dots and dahs being sounded as each letter is transmitted.
If a button has a recyle mark icon on it, this will change the underlying media to another random selection enabling different SFX and music combinations
Just below the media toolbar is a collapse/expand button to hide/show the toolbar.
Our comic strips provide an alternative visualisation for our content. By default, comic strips are turned off. You uncheck this on the user preference (COG) icon at the top of each page. The underlying text will now be shown instead of comics unless you select a strip inline.
link disables the comic for this page and session.
All of our comic strips have a question mark icon - use it to view the "raw" underlying text. The comic strip can be viewd as a slide. Click the Slid icon (camera) and you wil be presented with each comic panel in the strip. You can advance to the next strip by clicking the slide or on the next/previous buttons on the control bar. A count is shown of the slide navigation state. The comic slides can be turned on by default in the User Preferences
For our correspondence posts, you can select the instruction button (the question mark icon) to show a pop-up page with what you can do specifically for this post.
Select this link (the play icon) to start/stop configured media for each post. This may mean the poem being read out and some animation music playing in the background.
Select the Analysis link to see analysis tables and graphics created from the current page - you can then find posts containing its top words (and select one to follow).
Our media players aim to mimic old devices currently making a comeback:
- Cassette - play audio using an old cassette player with all of its transport controls
- Turntable - play audio using an old record player turntable complete with strobe to check the correct speed!
- Image - play audio as though it were just a record sleeve
- Radio - play audio using a radio interface (not yet implemented)
Our Media list player features a list of selectable media with:
- a link to the media's Cloud presence e.g. SoundCloud/YouTube
- a link to any post the media features in
- a Link for downloading where available
- a visualisation taken from the sound - this can be turned off/on in the User Preferences
Within all non-correspondence posts, there are a standard set of views, navigable by selecting the view name above the post content. The default view will be the one best suited for the media. Standard Views are:
- Poem - view the poem and select a theme to go with it
- Music - listen to the audio content using our media players
- Notes - read about the background to the content
- Animation - our cartoon animations; the cartoon will be chosen from the tags on the Post e.g. Love, Life. There may be one or many cartoons to watch! Selecting the attribute button will display the animation script.
When viewing a poem you can change the background and style of the text. Select the button Chose Themes
and try a few layouts. Reselect Chose Themes to close the selection.
Our "fat" footer contains further navigation links for our site and external sites.
- Subscription - email sign up
- Buy Me A Coffee! - ko-fi - helping artists and creative souls receive income from their supporters so they can keep creating amazing things.
- Analyse - analyse the content's text
- Print - print this page/post
- Social - link to our social media sites
- Tag Cloud - all our current tags
- Common Pages - all common page links
- App Version - the application version number
- Contact Details - our email address
- Last Updated - the date this page/post was last updated
- Copyright Notice - standard copyright notice for our content
Select the Sign Up For Our Emails
links to subscribe to our monthly newsletters and new posts emails. You can unsubscribe at any time.
Share this page on your social media accounts. Click on the icon for the social media platform.
Same as the analysis link above.
Select the Print link to see a print-friendly version of the page which you can then print.
a pop-up view listing our presence on the WWW. Select a link to see the pages.
A Tag Cloud of labels to navigate to the same tagged posts.
A link to our portfolios, news, RSS, privacy and terms of service.
Shows our App version number. This is about the features and bugfixes.
Shows our main contact email address. Click on it to send an email.
Shows the time and date the page/post was updated. This indicates the freshness of the content.
Contains a standard copyright notice for our content and a link to our main enablers.