Reworked bootstrap css/theming

Author: zarya

.gitignore

@@ -12,3 +12,6 @@ elm-stuff/
 .coverage
 media
 docker/.env
+node_modules
+package-lock.json
+.sass-cache

src/assets/css/bornhack.scss

@@ -0,0 +1,11 @@
+// bornhack bootstrap scss, sets the media-query
+// build new css:
+//   $ apt install npm sass
+//   $ npm install bootstrap
+//   $ sass bornhack.scss:bootstrap-v5.3.3.bornhackcustom.css
+// also update SRI in settings.py:
+//   $ openssl dgst -sha384 -binary bootstrap-v5.3.3.bornhackcustom.css | openssl base64 -A
+
+$color-mode-type: media-query;
+
+@import "node_modules/bootstrap/scss/bootstrap";

src/assets/css/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "bootstrap": "^5.3.5"
+  }
+}

src/program/templates/includes/program_menu.html

@@ -1,13 +1,13 @@
 {% if camp.show_schedule %}
-  <a href="{% url 'program:schedule_index' camp_slug=camp.slug %}" class="btn {% if url_name == "schedule_index" or urlyear %}btn-primary{% else %}btn-outline-secondary{% endif %}">Schedule</a>
+  <a href="{% url 'program:schedule_index' camp_slug=camp.slug %}" class="btn {% if url_name == "schedule_index" or urlyear %}btn-primary{% else %}btn-outline-secondary btn-menu{% endif %}">Schedule</a>
 {% endif %}
-<a href="{% url 'program:event_index' camp_slug=camp.slug %}" class="btn {% if url_name == "event_index" %}btn-primary{% else %}btn-outline-secondary{% endif %}">Events</a>
-<a href="{% url 'program:speaker_index' camp_slug=camp.slug %}" class="btn {% if url_name == "speaker_index" %}btn-primary{% else %}btn-outline-secondary{% endif %}">Speakers</a>
-<a href="{% url 'program:call_for_participation' camp_slug=camp.slug %}" class="btn {% if url_name == "call_for_participation" %}btn-primary{% else %}btn-outline-secondary{% endif %}">Call for Participation</a>
+<a href="{% url 'program:event_index' camp_slug=camp.slug %}" class="btn {% if url_name == "event_index" %}btn-primary{% else %}btn-outline-secondary btn-menu{% endif %}">Events</a>
+<a href="{% url 'program:speaker_index' camp_slug=camp.slug %}" class="btn {% if url_name == "speaker_index" %}btn-primary{% else %}btn-outline-secondary btn-menu{% endif %}">Speakers</a>
+<a href="{% url 'program:call_for_participation' camp_slug=camp.slug %}" class="btn {% if url_name == "call_for_participation" %}btn-primary{% else %}btn-outline-secondary btn-menu{% endif %}">Call for Participation</a>
 {% if request.user.is_authenticated %}
   {% if camp.call_for_participation_open %}
-    <a href="{% url 'program:proposal_list' camp_slug=camp.slug %}" class="btn {% if url_name in proposal_urls %}btn-primary{% else %}btn-outline-secondary{% endif %}">Submit Proposal</a>
+    <a href="{% url 'program:proposal_list' camp_slug=camp.slug %}" class="btn {% if url_name in proposal_urls %}btn-primary{% else %}btn-outline-secondary btn-menu{% endif %}">Submit Proposal</a>
   {% else %}
-    <a href="{% url 'program:proposal_list' camp_slug=camp.slug %}" class="btn {% if url_name in proposal_urls %}btn-primary{% else %}btn-outline-secondary{% endif %}">View Proposals</a>
+    <a href="{% url 'program:proposal_list' camp_slug=camp.slug %}" class="btn {% if url_name in proposal_urls %}btn-primary{% else %}btn-outline-secondary btn-menu{% endif %}">View Proposals</a>
   {% endif %}
 {% endif %}