Welcome to STEMLive
This site has been built using the following technologies:
- Jekyll 4
- CSS Grid
- JavaScript (ES6)
- Fontello (for CSS icons)
You must have both Ruby and Jekyll (and ideally Bundler) installed to set up locally.
How to add a new educator
Please copy and paste this template into the text field on https://github.com/stemlive/stemlive.github.io/new/master/models/_educators, amending it as you see fit.
All questions on this project are to be addressed to enquiries.stemlive@gmail.com.
Quickstart (for developers)
- Run
jekyll serve
- orJEKYLL_ENV=production jekyll serve
(to run your local site in production mode) - Browse to http://localhost:4000/ in a browser of your choice to view your local version of the site.
- Jekyll is set to autoregenerate by default, so any changes to files you make will trigger the compilation process - so you should be able to view the changes in-browser.
Using Fontello
To add new Fontello icons, you must take the following steps:
- Go to the Fontello website
- Click on the button with a spanner icon in the top bar. You will see that a dropdown menu appears and that the first item is named
Import
. Click on that item, then navigate to theassets/fontello/config.json
file on the repository (relative to the base directory) and upload that. - Use the leftmost search field to search for any icons.
- Click on any icons you want to add to circle them in red.
- Click on the red button with the download icon when you are satisfied to download the icons.
- Unzip, rename the decompressed folder
fontello
, and move intoassets
Please note: You can add custom Fontello icons by dragging and dropping them into the Custom Icons
area from your file manager. Refer here for more information.