Infonet itself has grown beyond HyperText. Rather than just a front end wrapper, it has become an entire platform. HyperText has merged with said rewrite.
I decided to open source the old code because i am fairly sure it won't hurt the new system's image/'sales'.
When I started development, I didn't know anything about coding (HTML, CSS, JavaScript...). That's why it took me about a year to learn and convince myself to make the base version. With the help of many school students, we cleaned up the code, made everything more efficient and implemented some fun features.
We hope this project sparks interest in coding with someone. It's been a fun journey and we hope someone else will make something great when they get inspiration from this project.
Download the master branch or release .zip file, extract it to where you want to install it and open index.html. Select any mode or create a new one and you're done.
You can set multiple parts using the console, or by naturally adding parameters in the URL bar. Here's a quick rundown of the parameters:
| Usable | Parameter | Function |
|---|---|---|
| ✅ | ?mode=default or none |
Default mode |
| ✅ | ?mode=afs1 |
April Fools Stage 1 |
| ✅ | ?mode=afs2 |
April Fools Stage 2 |
| ✅ | ?mode=xmos |
Chrysostomos Mode |
| ✅ | ?darkmode=true |
Enable the new Darkmode |
| ✅ | ?darkmode=false or none |
Disable Darkmode |
| ⬜️ | ?framemode=teacher |
Change the left frame to a teacher focussed address |
| ⬜️ | ?framemode=contact |
Change the left frame to a parental contact focussed address |
You can combine multiple parameters using &: main.html?mode=afs1&darkmode=true. The order of parameters doesn't matter.
If you are using Infonet HyperText in fullscreen or a kiosk, changing settings is now much easier! Just right-click, press space or click the logo to open the menu.
Infonet HyperText is highly customizable and adjustable. All code is well documented making for easy learning and customization. If there's a feature you would like to disable, you can remove it from the code, if there are any problems in doing so, just open an issue and I'll help. There's also an interactive guide based on 2 projects by Codrops. Please note that this is Dutch only!
Currently, we are open for the addition of new features. If you'd like a new feature and we think it fit's the scheme, you can open an issue or pull request.
We are aware of some bugs that can occur. If you think you found a new one or you can help to fix an existing bug, please open an issue or pull request.
We have not tested all browsers yet, so you might get a notification that testing is still ongoing on your browser of choice. Supported browsers:
| Browser | Notes | |
|---|---|---|
| ✅ | Safari | Fully supported |
| ✅ | Firefox | Fully supported |
| ✅ | Chrome | Fully supported |
| ✅ | Chromium | Fully supported |
| ✅ | Opera | Supported, not recommended |
| ✅ | Edge | While working, it is much slower and not recommended. (Both Edge and Edge Legacy) |
| ⬜️ | Internet Explorer | Not supported |
- Brackets (no longer used)
- Visual Studio Code
Consider supporting me:
