You are now in a GitHub source code view - click this link to view Read Me file as a web page

TooToo Templates Read Me

Full Screen: TooToo / Hamburger CSS CMS

Concept

Mission

• Basic html templates with sliding menu, css selection, markdown capability and frequently used pages
• No dependencies apart from CSS files
  • Uses Bootswatch and other CSS sources for free themes for Bootstrap
  • Using the themes is as easy as downloading a CSS file and replacing the one that comes with Bootstrap.
  • You can also hotlink the themes via CDN at BootstrapCDN

Code

• Everything - HTML/CSS/JavaScript - in a single cookbook style file
• A few hundred lines
• Mobile first
• Simple code
• Drop in, make one ot two edits and you are good to go

To do / Wish list

• 2018-07-22 ~ Theo ~ Fix links to extras items

Theme Features

• Add ability to add and remove 'active' class

Theme Selection

• Themes into light and dark groups
• Multiple ways of grouping themes including by color, size, font.
• Themes grouped and based on aspects such as time of day, emotional state, current activity and so on

Links of interest

CSS

• https://en.wikipedia.org/wiki/Cascading_Style_Sheets
• https://en.wikipedia.org/wiki/CSS_framework
  • https://github.com/troxler/awesome-css-frameworks#stalled-development

Bootstrap

• https://getbootstrap.com/
• https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
• https://github.com/twbs/bootstrap
• https://www.w3schools.com/bootstrap/default.asp

Bootswatch

• https://bootswatch.com/
• https://bootswatch.com/cerulean/
• CDN: https://www.bootstrapcdn.com/bootswatch/
• https://stackoverflow.com/questions/tagged/bootswatch

More

• https://www.creativebloq.com/web-design/free-bootstrap-themes-21619376
• https://www.bootstrap-live-customizer.com/
• https://speckyboy.com/free-bootstrap-framework-templates/
• https://pikock.github.io/bootstrap-magic/app/index.html#!/editor

Update class

• deprecate: https://stackoverflow.com/questions/195951/change-an-elements-class-with-javascript
• https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

Change Log

2018-07-24 ~ Theo

• Many Hamburger Theme updates

Done

• 2018-07-22 ~ Theo ~ Try putting theme selection into buttons in a details element
• 2018-07-22 ~ Theo ~ Add how to use notes
• 2018-07-22 ~ Theo ~ split menu into details groups
• 2018-07-22 ~ Theo ~ Use better new tab icon
• 2018-07-22 ~ Theo ~ Tidy and complete file reader code

2018-07-22 ~ Theo

• Add wish list and items

2018-07-20 ~ Theo

• Update readme

---

❦