3 Sep 2026 - An experiment in adding notes to a page.
A potential problem where there are many notes, AI summaries and links to research pages the hidden section takes up too much space when displayed.
To accomodate for this I am adding a scrollable section that has a fixed width.
The formatting of this section is still a work in progress.
I started this on my page on Magna Carta. There I had a list of Rebel Barons that I didn't want to make a list of links that were availbale to a visitor. Some of these links are to Wikiwand, who have changed their business plna and there far too much adveriising.
I have added a scroll bar to the example of a quote-box on this page. It combines code using the w3c framework.It only has the vertical scoll bar and the width is determined by the screen width.
Pages that have quoters from Thomas Wright could possibly benefit with having the quoted text moved to notes. The Faulkbourne Hall page could be a good place to try this out.
Quotes on tempusfugit.me.uk
When I quote directly from a source I use a particular text formatting, the quoted text is normally presented in a
box with a green background and italics. I also try to use a font using green text in all cases of quoted text.
If you are the legal owner of this text and you feel that I am in violation of any copyright tht you may have over the material please contact the owner of this website and the quote will be removed if this is proven to be the case.
A bulk of quoted material exists on my Local Pages. If you want to re-use any of this please let me know
An example of Quoted Text - Text is also "Clickable"
"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
"
Some more text
This text is also clickable text.
The Paragraph CSS class for Quoted Text
My old way............
<p class="q">..........</p>
and un-bold text - class="ql"
and inline CSS
Transferring ten minutes of 4K video to a client isn’t easy!
in code:
<i><b><span style="color:green;">Transferring ten minutes of 4K video to a client isn’t easy!</span></b></i>
The <b> ... <b> - bold is optional.
Top
The Evolution of this technique
Originally the text that was quoted was just rendered as green italic text.
I even created a class for it.
As I developed other techniques I decided to keep the green theme but as a background in a "left-barred"
DIV using the W3.css Framework.
Inscriptions and Footnotes
I have used a couple of variations here.
This is an inscription
I was not quite sure about the margins (see the footnote on the Little Maplestead page)
AI Summaries and Overviews
This is an AI Summary (Overview) for AI Tokens:
Tokens are the fundamental units of data processed by AI models during training and inference. They represent smaller components of text, such as words, subwords, punctuation, or special markers. For example, the word "unbelievable" might be tokenized into "un," "believ," and "able." Tokenization enables models to handle diverse inputs efficiently, even for unseen words.