diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7fb9866774c4ad54277420027c9bc9b267227693..0cfe47395f12bf64d6b80c52e0b78fa22683ed05 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,15 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [Unreleased]
+
+### Added
+
+### Changed
+
+### Fixed
+- The about page was not accessible. [@rwbackx](https://gitlab.ewi.tudelft.nl/rwbackx)
+
## [2.2.1]
### Added
diff --git a/src/main/resources/templates/footer.html b/src/main/resources/templates/footer.html
index c84867ef68836e8e35811496542add92b37c979d..4f86e14daf7d05027dd56ae15234c06d13280d83 100644
--- a/src/main/resources/templates/footer.html
+++ b/src/main/resources/templates/footer.html
@@ -25,6 +25,7 @@
<div class="flex gap-7">
<a class="link" th:href="@{/privacy}">Privacy statement</a>
+ <a class="link" th:href="@{/about}">About</a>
</div>
</footer>
</html>
diff --git a/src/main/resources/templates/home/about.html b/src/main/resources/templates/home/about.html
index 0bad096ddac4e90a76cc35c59e108df30d0de866..daeb7ff6b711ffa8b57cede6fe3f0261f077049f 100644
--- a/src/main/resources/templates/home/about.html
+++ b/src/main/resources/templates/home/about.html
@@ -18,15 +18,13 @@
-->
<!DOCTYPE html>
-<html lang="en" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}">
+<html lang="en" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{container}">
<body>
- <section layout:fragment="content">
- <div class="page-header">
- <h1>About Queue</h1>
- </div>
- <div class="row">
- <div class="col-sm-12 col-md-6">
- <p class="h3">What is Queue?</p>
+ <main layout:fragment="content">
+ <h1 class="font-800 mb-5">About Queue</h1>
+ <div class="grid col-2 | md:col-1">
+ <div>
+ <h2 class="font-500 mb-3">What is Queue?</h2>
<p>
Queue is a system that serves as a replacement for a physical queue. It was originally intended for lab sessions, where
students work on their own and can ask questions to student assistants. As the number of students grows, it becomes harder and
@@ -35,18 +33,16 @@
</p>
</div>
- <div class="col-sm-12 col-md-6">
- <p class="h3">Why Queue?</p>
+ <div>
+ <h2 class="font-500 mb-3">Why Queue?</h2>
<p>
Queue is a simple to use tool with many advanced capabilities and customisation options included. With the problem of managing
and keeping track of questions out of the way, the student assistants can do what they do best: teach.
</p>
</div>
- </div>
- <div class="row">
- <div class="col-sm-12 col-md-6">
- <p class="h3">How does Queue work?</p>
+ <div>
+ <p class="font-500 mb-3">How does Queue work?</p>
<p>
Queue transforms a physical queue into a virtual one by taking all the requests of the students and putting them in the right
order. Student assistants can then, one by one, take those requests and handle them individually. Additionally, (the) Queue is
@@ -54,43 +50,41 @@
</p>
</div>
- <div class="col-sm-12 col-md-6">
- <p class="h3">History of Queue</p>
+ <div>
+ <p class="font-500 mb-3">History of Queue</p>
<p>
Queue started as a literal physical queue that eventually evolved into a management system with a spreadsheet. This short-term
solution wasn't the best and thus the idea of Queue was born. Shortly after, a student was hired and Queue 0.1 was not only a
dream anymore. After that, a Surf grant helped to further development and the team grew to a size of 8 students.
</p>
</div>
- </div>
- <div class="row">
- <div class="col-sm-12 col-md-6">
- <p class="h3">How do I report bugs?</p>
+ <div>
+ <p class="font-500 mb-3">How do I report bugs?</p>
<p>
Because Queue is an open-source project, one can go to the
- <a href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue" target="_blank">Queue repository</a>
- , choose Issues in the menu and open a new issue. There are templates for submitting features and bugs and it should be
+ <!-- prettier-ignore -->
+ <th:block><a class="link" href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue" target="_blank">Queue repository</a>,</th:block>
+ choose Issues in the menu and open a new issue. There are templates for submitting features and bugs and it should be
straightforward from there.
</p>
</div>
- <div class="col-sm-12 col-md-6">
- <p class="h3">How do I contribute?</p>
+ <div>
+ <p class="font-500 mb-3">How do I contribute?</p>
<p>
There are two main ways of contributing: working on an open-standing issue or tackling a bug bounty and earn something extra.
The Queue contains an
- <a href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue/-/issues" target="_blank">issues list</a>
+ <a class="link" href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue/-/issues" target="_blank">issues list</a>
and a filter for all the
- <a href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue/-/issues?label_name[]=BugBounty" target="_blank">bug bounties</a>
- . For reading the rules of contributing check the
- <a href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue/-/blob/development/CONTRIBUTING.md" target="_blank">
- CONTRIBUTING.md
- </a>
- .
+ <!-- prettier-ignore -->
+ <th:block><a class="link" href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue/-/issues?label_name[]=BugBounty" target="_blank">bug bounties</a>.</th:block>
+ For reading the rules of contributing check the
+ <!-- prettier-ignore -->
+ <th:block><a class="link" href="https://gitlab.ewi.tudelft.nl/eip/labrador/queue/-/blob/development/CONTRIBUTING.md" target="_blank">CONTRIBUTING.md</a>.</th:block>
</p>
</div>
</div>
- </section>
+ </main>
</body>
</html>