Tiles

A keyboard-centric, feature-rich, responsive design homepage.

Live Site

Features

• Keyboard navigation
• Mobile support
• Form interface for adding tiles
• Support for custom color schemes
• Tile search and search engine integration

Recent Changes

• Custom form interfaces for user input (replaces commands)
• Login improvements (autofill support)
• Better server/client communication
• Faster searching
• General Optimizations
• Refactored of JS code

Keyboard Shortcuts

Forms

• Simple popup forms allow for user input
• Forms have smart input fields for logins and icons

Themes

• Since this version of tiles is customization focused I omitted the default themes.
• To add them to your page I included the colors for the original themes and the file themes.txt contains commands you can copy and paste into the search bar for each theme.

Theme	Icons8	Background	Top	Bottom	Text	Subtext	Credit
Skeletor	thriller						Syntax
Switch	nintendo-switch						Switch
Gogh	field						Gogh
Todoist	leave						Todoist Dark
Discord	discord-logo						Discord
Terminal	console						None
Lava	volcano						None
Purple	purple-man						None

(table generated from placehold.it)

Custom sized grid

• Tiles now supports custom sized grids which can be set in the settings form

Hosting Notes

• The server is set to be most responsive from 8-24 PST.
• My hosting goes through a sleep schedule so initial response times will be delayed for requests outside of that time range.
• Maintenance will occur during these evening periods.

Icons8

To add an icon for a tile/page/theme:

• Go to icons8.com
• Search for the icon you want (set the style to color)

• Click on the icon you want and find the icons real name

• Use this icon name in your command or in the input form

  !tile https://google.com Google Search ~google-logo

Notes

• Backend will be open-sourced in the next few weeks.
• Spaces are replaced by - in commands. (use normal spaces in forms)
  • ex. !tile url Bon-Apétit Recipes ~cooking
• There are still some bugs involving pages longer than the grid
• If you run into some bug involving blank tiles reload the page and it should resolve.
• I would recommend leaving the Themes and Search pages on your homepage to hold all theme and search tiles.

(If you don't themes and searches will still function but the page to edit them will be unreachable)

• Feel free to reach out if you have any questions/bugs.

Credits

1. Icons from Icons 8
2. Theme hex colors from multiple brands and themes
3. Original code from my other repo which started as Decaux which has been abandoned
4. Kishlaya's fork for dynamic html generation