Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,9 @@
<!-- Main heading of the webpage -->
<h1>WhyDRS Database</h1>

<!-- Informational text about empty cells and how to contribute -->
<p class="info-text"><sup>*</sup> Empty cells indicate missing data. You can help us improve by <a href="https://forms.gle/deQ6YDoyX4kTNXy28" target="_blank">contributing missing information</a> or emailing us at <a href="mailto:hi@whydrs.org">hi@whydrs.org</a>.</p>

<!-- Loading overlay displayed while data is being fetched and the table is being initialized -->
<div id="loading-overlay">
<!-- Loading spinner -->
Expand Down Expand Up @@ -60,5 +63,10 @@ <h1>WhyDRS Database</h1>

<!-- Include custom JavaScript file that contains the logic for fetching data and initializing the table -->
<script src="src/web/javascript/script.js"></script>

<!-- Footer message encouraging volunteering -->
<p class="footer">
WhyDRS is 100% volunteer-driven. Help us improve by contributing or providing feedback <a href="https://github.com/WhyDRS/Database/tree/main" target="_blank">here</a>. Join us today!
</p>
</body>
</html>
22 changes: 21 additions & 1 deletion src/web/css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,23 @@ h1 {
/* Set the heading text color */
color: #134F9B;
/* Add space below the heading */
margin-bottom: 30px;
margin-bottom: 10px;
/* Set the font size */
font-size: 2em;
}

/* Styles for informational text under the heading */
.info-text {
/* Center the text */
text-align: center;
/* Set the font size */
font-size: 1em;
/* Set the text color */
color: #3E3E3E;
/* Add margin below the text */
margin-bottom: 20px;
}

/* Styles for the loading overlay */
#loading-overlay {
/* Position the overlay to cover the entire viewport */
Expand Down Expand Up @@ -318,3 +330,11 @@ div.dt-button-collection .dt-button[aria-pressed="true"]:hover {
/* Ensure text color remains white */
color: #FFFFFF !important;
}

/* Styles for the footer message */
.footer {
text-align: center;
font-size: 1em;
margin-top: 30px;
color: #3E3E3E;
}