-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Convert site from Bootstrap4 to Bootstrap5 #159
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The site itself looks very nice.
However, I would recommend not to add JQuery now, because otherwise we'll forget about removing it.
Additionally, I have my doubts about circumventing adblockers for the tracking.
Just putting this comment here as a reminder to remove the testing form from the code |
* Replace JQuery in input file and error message code * Replace JQuery in form validation script * Fix event listeners and clean up code * Remove JQuery script * Use query selectors for easier iteration * Make error list clearing more efficient * Use template string literals instead of concatenation Co-authored-by: David Alexander <TheLonelyGhost@users.noreply.github.com> * Fix form labels being deleted when displaying form errors Co-authored-by: David Alexander <TheLonelyGhost@users.noreply.github.com>
Note to self: when this is deployed, we will have to manually fix the donations page. |
Relevant issue: #145
Description:
Since we started working on this so long ago, it still uses bootstrap4 -- it's better to change over sooner rather than later so that we have fewer things to break. This PR:
Turns out that adblock lists are literally just looking for a script called
plausible.js
, no matter where it's loaded from -- so on the recommendation of Plausible, we'll now self-host the script and I've changed the name topotentially.js
, which, hilariously, is enough to make it load. I've also disabled it if you're logged into the site, since we don't really want to track page views on the edit pages.Screenshots:
Homepage:
![image](https://user-images.githubusercontent.com/5179553/122511140-cb8d8d00-cfd4-11eb-9bfa-32d3860aec72.png)
Example page:
![image](https://user-images.githubusercontent.com/5179553/122511280-fbd52b80-cfd4-11eb-90ca-f70c9a2e4604.png)
New form:
![image](https://user-images.githubusercontent.com/5179553/122511327-0d1e3800-cfd5-11eb-9f2e-f0cf28d8cf8b.png)
Engineering main page:
![image](https://user-images.githubusercontent.com/5179553/122511903-fe845080-cfd5-11eb-8d21-31d96566a662.png)
Engineering blog post detail:
![image](https://user-images.githubusercontent.com/5179553/122514179-8750bb80-cfd9-11eb-9784-b5834820e3b0.png)
Also adds a new feature where the name dynamically collapses on the engineering blog side for desktop -> tablet -> mobile.
Desktop:
![image](https://user-images.githubusercontent.com/5179553/122514053-48bb0100-cfd9-11eb-95c3-8fb331ca9174.png)
Tablet:
![image](https://user-images.githubusercontent.com/5179553/122514090-57091d00-cfd9-11eb-9989-3fa9bc9950b1.png)
Phone:
![image](https://user-images.githubusercontent.com/5179553/122514115-6720fc80-cfd9-11eb-8222-d75f9e5cac41.png)
Checklist: