Improve welcome page

* Improve code readability of calendar details
* Add link to AE Dev discord in useful links
* Add link to github at the bottom
This commit is contained in:
Antoine Bartuccio 2025-01-05 16:42:26 +01:00
parent 7f4cc5fb0f
commit a8702d4f5e
6 changed files with 31 additions and 23 deletions

View File

@ -77,17 +77,14 @@ export class IcsCalendar extends inheritHtmlElement("div") {
const makePopupTitle = (event: EventImpl) => { const makePopupTitle = (event: EventImpl) => {
const row = document.createElement("div"); const row = document.createElement("div");
const title = document.createElement("h4"); row.innerHTML = `
const time = document.createElement("span"); <h4 class="event-details-row-content">
${event.title}
title.setAttribute("class", "event-details-row-content"); </h4>
title.textContent = event.title; <span class="event-details-row-content">
${this.formatDate(event.start)} - ${this.formatDate(event.end)}
time.setAttribute("class", "event-details-row-content"); </span>
time.textContent = `${this.formatDate(event.start)} - ${this.formatDate(event.end)}`; `;
row.appendChild(title);
row.appendChild(time);
return makePopupInfo( return makePopupInfo(
row, row,
"fa-solid fa-calendar-days fa-xl event-detail-row-icon", "fa-solid fa-calendar-days fa-xl event-detail-row-icon",

View File

@ -123,7 +123,10 @@
<ul> <ul>
<li> <li>
<i class="fa-brands fa-discord fa-xl"></i> <i class="fa-brands fa-discord fa-xl"></i>
<a rel="nofollow" target="#" href="https://discord.gg/QvTm3XJrHR">{% trans %}Discord{% endtrans %}</a> <a rel="nofollow" target="#" href="https://discord.gg/QvTm3XJrHR">{% trans %}Discord AE{% endtrans %}</a>
{% if user.was_subscribed %}
- <a rel="nofollow" target="#" href="https://discord.gg/QvTm3XJrHR">{% trans %}Dev Team{% endtrans %}</a>
{% endif %}
</li> </li>
<li> <li>
<i class="fa-brands fa-facebook fa-xl"></i> <i class="fa-brands fa-facebook fa-xl"></i>
@ -164,6 +167,3 @@
</div> </div>
{% endblock %} {% endblock %}

View File

@ -26,6 +26,7 @@ $faceblue: hsl(221, 44%, 41%);
$twitblue: hsl(206, 82%, 63%); $twitblue: hsl(206, 82%, 63%);
$discordblurple: #7289da; $discordblurple: #7289da;
$instagradient: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); $instagradient: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
$githubblack: rgb(22, 22, 20);
$shadow-color: rgb(223, 223, 223); $shadow-color: rgb(223, 223, 223);

View File

@ -822,6 +822,10 @@ footer {
margin-top: 3px; margin-top: 3px;
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);
} }
.fa-github {
color: $githubblack;
}
} }

View File

@ -108,7 +108,8 @@
<a href="{{ url('core:page', 'docs') }}">{% trans %}Help & Documentation{% endtrans %}</a> <a href="{{ url('core:page', 'docs') }}">{% trans %}Help & Documentation{% endtrans %}</a>
<a href="{{ url('core:page', 'rd') }}">{% trans %}R&D{% endtrans %}</a> <a href="{{ url('core:page', 'rd') }}">{% trans %}R&D{% endtrans %}</a>
</div> </div>
<a href="https://discord.gg/XK9WfPsUFm" target="_link"> <a rel="nofollow" href="https://github.com/ae-utbm/sith" target="#">
<i class="fa-brands fa-github"></i>
{% trans %}Site created by the IT Department of the AE{% endtrans %} {% trans %}Site created by the IT Department of the AE{% endtrans %}
</a> </a>
{% endblock %} {% endblock %}

View File

@ -6,7 +6,7 @@
msgid "" msgid ""
msgstr "" msgstr ""
"Report-Msgid-Bugs-To: \n" "Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2025-01-05 15:28+0100\n" "POT-Creation-Date: 2025-01-05 16:39+0100\n"
"PO-Revision-Date: 2016-07-18\n" "PO-Revision-Date: 2016-07-18\n"
"Last-Translator: Maréchal <thomas.girod@utbm.fr\n" "Last-Translator: Maréchal <thomas.girod@utbm.fr\n"
"Language-Team: AE info <ae.info@utbm.fr>\n" "Language-Team: AE info <ae.info@utbm.fr>\n"
@ -1588,8 +1588,12 @@ msgid "Social media"
msgstr "Réseaux sociaux" msgstr "Réseaux sociaux"
#: com/templates/com/news_list.jinja #: com/templates/com/news_list.jinja
msgid "Discord" msgid "Discord AE"
msgstr "Discord" msgstr "Discord AE"
#: com/templates/com/news_list.jinja
msgid "Dev Team"
msgstr "Pôle Informatique"
#: com/templates/com/news_list.jinja #: com/templates/com/news_list.jinja
msgid "Facebook" msgid "Facebook"
@ -2049,8 +2053,9 @@ msgid ""
"When the ban should be removed. Currently, there is no automatic removal, so " "When the ban should be removed. Currently, there is no automatic removal, so "
"this is purely indicative. Automatic ban removal may be implemented later on." "this is purely indicative. Automatic ban removal may be implemented later on."
msgstr "" msgstr ""
"Quand le ban devrait être retiré. Actuellement, il n'y a pas de retrait automatique, " "Quand le ban devrait être retiré. Actuellement, il n'y a pas de retrait "
"donc ceci est purement indicatif. Le retrait automatique pourra être implémenté plus tard." "automatique, donc ceci est purement indicatif. Le retrait automatique pourra "
"être implémenté plus tard."
#: core/models.py pedagogy/models.py #: core/models.py pedagogy/models.py
msgid "reason" msgid "reason"
@ -3426,8 +3431,8 @@ msgid ""
"Describe the product. If it's an event's click, give some insights about it, " "Describe the product. If it's an event's click, give some insights about it, "
"like the date (including the year)." "like the date (including the year)."
msgstr "" msgstr ""
"Décrivez le produit. Si c'est un click pour un évènement, donnez quelques détails " "Décrivez le produit. Si c'est un click pour un évènement, donnez quelques "
"dessus, comme la date (en incluant l'année)." "détails dessus, comme la date (en incluant l'année)."
#: counter/management/commands/dump_accounts.py #: counter/management/commands/dump_accounts.py
msgid "Your AE account has been emptied" msgid "Your AE account has been emptied"