https://github.com/robinbastiaan/inspirator
This small web page plugin, that is heavily integrated to work on the PBworks platform, provides a convenient filter for a suitable scouting activity.
https://github.com/robinbastiaan/inspirator
pbworks scouting youth-programs
Last synced: 3 months ago
JSON representation
This small web page plugin, that is heavily integrated to work on the PBworks platform, provides a convenient filter for a suitable scouting activity.
- Host: GitHub
- URL: https://github.com/robinbastiaan/inspirator
- Owner: RobinBastiaan
- Created: 2020-08-11T19:57:15.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2025-01-14T22:45:38.000Z (over 1 year ago)
- Last Synced: 2025-03-11T06:27:53.368Z (about 1 year ago)
- Topics: pbworks, scouting, youth-programs
- Language: HTML
- Homepage:
- Size: 745 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# inspirator
Are you clueless for what kind of scouting activity you want to organise this time around? Do you want to see which
activities have not yet been done for a while, so you know when they can be repeated? Search specifically for what you
want to find! Be inspired by the Inspirator!
## About
This small web page plugin provides a convenient filter for a suitable scouting activity. Using the responsive form at
the top of the page allows the user to display only those activities that fit the parameters. The total number of
results is directly shown with a subtle but neat animation. Clicking on a result will redirect the user to the
associated page with complete instructions how to execute the activity.
## Installation & Inner workings
This project is build to be used on the PBworks platform. This platform does come with its quirks and limitations that
had to be built around with.
- For the CSS and the JS to work, it has to be added as a plugin-widget on a PBworks page. You need to have admin
privileges to be able to do that.
- Since the platform does not allow large file-size within a plugins-widget, the script of the Inspirator has to be
placed in multiple smaller plugins-widgets. This makes large classes and functions not possible.
- When editing a PBworks page, all plugins-widgets are not executed. This allows the source table to be only hidden when
not editing for a clean and easy way for users to edit it by using CSS within a plugin-widget.
- To make this project work on both the platform and the localhost, I added
to the file. Since
this div is already present on a PBworks page, it is not needed to copy this element over. Only the source table needs
to be added to the page as plain HTML.
- Changing the colors of this project in order to be used in other (PBworks) color themes should be fairly easy via the
use of CSS custom properties.
## Preview
