The code for the iRIS website.👁️
This code is being deployed on Github pages! 🤩
Coming soon:
- Search functionality
- Contact page
- Cart
- Product pages
This guide is deprecated. Further customizations are needed. If you know how to customize it without a guide you can still do it.
If you want to use this yourself:🧑🔧
- Fork it and make the repository name start with your own username instead of "iris-web-lab" ( yourusername.github.io ).
- Make a google sheet and set it to be accessable by anybody with link.
- Make two sheets in that spreadsheet, one named "products" and one "blog".
- In all of the .html files go to the end and replace any mention of "iRIS" or any phrases with your own brand, replace logo.png (in the resources folder) with a transparent image of your own logo (name the file the same), and banner.jpeg with a (preferably) square, high quality jpeg of what you want to be the backround of the banner.
- In IDs.js (in the resources folder) replace the bunch of random letters and numbers ( var sheetId ="replace the stuff here" ) with the bunch of leters and numbers you can find in the link to your spreadsheet after /d/ and before /edit.
-
Make sure to fill out the spreadsheet. (example: https://docs.google.com/spreadsheets/d/1Q15iYfcVLFSmKTqjwgUbuAWdYMdW_tJKuOKlh1imGQs/)
-
Once you've comitted all the changes go to the name of the repository as a link.
If something isn't working or you need support, contact iRIS at iris.group@engineer.com (that's an email).
Tip: The first two rows of both sheets are featured on the home page.
If any fixes or features are added to this repository, follow these instructions to update:
1.Go to the code tab of your own repository, and click "Sync fork" (below the green code button).
- Click the green "Update branch" button.
Do NOT click discard changes as this will reset your fork an you will have to make all the changes all over again.