https://github.com/wallarug/resources-template

A template for the resource portal
https://github.com/wallarug/resources-template

Last synced: about 1 year ago
JSON representation

A template for the resource portal

• Host: GitHub
• URL: https://github.com/wallarug/resources-template
• Owner: wallarug
• License: gpl-3.0
• Created: 2020-04-08T11:38:21.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-04-08T11:51:17.000Z (about 6 years ago)
• Last Synced: 2025-02-12T21:34:36.396Z (over 1 year ago)
• Language: JavaScript
• Size: 293 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# resources-template

A static HTML page that is a shortcut to the most common downloads and requirements of the college (unprotected).  Adapted for public usage.

Used to help students install software.  Appears with tiles and a search menu.

# Creating Icons

All icons must be jpg format.  All icons must be 228 x 228 pixels.  All icons must go in `img/icon/`.

# Adding New Tiles

There are two types of tiles that can be added.  Either one that goes directly to a website (type 1) or opens a pop up window.

## Type 1 - Direct

1. Copy the below template and change the fields in the below list.

- `href=""` - The URL that your tile redirects to.

- `src=""` - The location and name of your image.  Put into the `img/icon` folder.  

- `
` - The name that appears on the tile.  Keep it short.

- `
` - The description of the tile.  Keep it short.

- `
` - The label to apply to your tile.

**Example (Google Chrome Tile)**

```html



    

    
Google Chrome

    
Google Chrome Browser

    
External



```


2. Insert it in the section of index.htm that is commented for tiles.

That's it!

## Type 2 - Pop Up

Copy the below template and change the fields in the below list:

- `href=""` - The Name that you give your popup box in step 3.

- `src=""` - The location and name of your image.  Put into the `img/icon` folder.  

- `
` - The name that appears on the tile.  Keep it short.

- `
` - The description of the tile.  Keep it short.

- `
` - The label to apply to your tile.

**Example (SSL Cert Tile)**

```html



    

    
SSL Certificate

    
 SSL Certificate for Internet 

    
Internet



```


2. Insert it in the section of index.htm that is commented for tiles.

3. Copy the below template and update the following fields:

- comment - you may want to update the comment ``

- `id=""` - The name of the popup you used in step 1.

- `
` - The title you want on your pop up box.

- `
` - The description or instruction you want on your popup box.

- `` - (Optional) Description after all the buttons


**Example (SSL Cert Pop Up)**

```html



    


    
Software Version

    

    


        
Please select your operating system from below.

         
 Windows 

         
 Mac OSX 

         
 Cert File 

        
 Updated: 01/01/2020 

    



```


4. Insert the above modified code into the index.htm file that is commented for popups.

5. That's it!