Skip to content

aa3025/cu-links

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
July 13, 2023 22:11
September 1, 2023 10:19
September 1, 2023 10:18
September 1, 2023 10:20

cu-links

To use the existing page and predefined set of links you can just save these two files (homepage.html and icons.js) to the same location anywhere on your computer. Then open homepage.html in your browser and e.g. bookmark it or "install as an app" (MS Edge) or "create shortcut" (Google Chrome). Of course, you can just use online version at https://home.coventry.domains/index.html

To customise the list of icons, arrange them to your liking, edit or create "groups", you must edit icons.js file saved to your computer. For github-minded people, you can even fork this repo on github and use your branch's icons.js for your links within homepage.html file.

icons.js contain 4 lines/variables per each icon: NAME, URL, ICON and GROUP ("GROUP" line is optional). Each "value" in each line of every paragraph[icon] need to be enclosed in single quotes and terminated by ";". If you dont want an icon to be part of any group just say GROUP='' for it.

You can 'disable' some entries in icons.js without deleting the data by putting "//" in the front of eacho of 4 line for that icon you want to disable.

For each icon 4 lines/variables are set:

NAME = '...' is the title for the icon;

URL = 'https://....' is the URL address where this icon leades to;

ICON = 'https://....' should contain the URL address of the icon image (png, jpeg, ico, svg, etc [size 50...100-200 pixels] ). Can be http(s) or local file address ( if image file is stored on local computer then the can be given relative to the homepage.html file's location)

GROUP = '...' name of the group the icon belongs to. If you have groups, then all icons must have GROUP defined (even if e.g. you want put most of them in 'noname' group, which must have the same name for all non-group icons, like a single space character, e.g. GROUP = ' ';)

Groups are ordered alphabetically on the website, so if you want to arrange them to appear in a particular order, you can give them names starting with a letter of alphabet (perhaps numbers also will work) e.g. GROUP = '(A) CU Links'; All icons having exactly the same GROUP name will be grouped into the same container in the order they appear in icons.js list. Entries in icons.js belonging to the same group don't have to be located next to each other in the list.

Empty lines between the "paragraphs" in icons.js are used only for ease of reading/editing the file.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published