Afegir mapes de l'FME a la selecció d'assignatura
Per ajudar a seleccionar l'aula correcta de les assignatures amb
diverses aules reservades, s'han afegit els mapes de l'FME que permeten
orientar-se i saber quin és el nom de l'aula.
(cherry picked from commit 2a3767dbc6d8ea8717bc013d61dcda3dddce071f)
diff --git a/css/bulma-adjustments.css b/css/bulma-adjustments.css
index 80cc33a..a722717 100644
--- a/css/bulma-adjustments.css
+++ b/css/bulma-adjustments.css
@@ -51,3 +51,31 @@
.hidden {
display: none;
}
+
+#fme-maps-container h4 {
+ font-weight: bold;
+}
+
+.maps {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+}
+
+.maps .map {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ max-width: 500px;
+
+ margin: 8px;
+}
+
+.maps .map .map--label {
+ font-weight: 300;
+ margin-top: 2px;
+ margin-bottom: 2px;
+}
diff --git a/img/LICENSE.md b/img/LICENSE.md
new file mode 100644
index 0000000..fb788e8
--- /dev/null
+++ b/img/LICENSE.md
@@ -0,0 +1,3 @@
+Els continguts d'aquesta carpeta provenen de https://fme.upc.edu/ca/la-facultat/edifici/plafo-fme-a4.pdf/view.
+
+(C) Universitat Politècnica de Catalunya · BarcelonaTech (UPC)
diff --git a/img/p0.png b/img/p0.png
new file mode 100644
index 0000000..b04e781
--- /dev/null
+++ b/img/p0.png
Binary files differ
diff --git a/img/p1.png b/img/p1.png
new file mode 100644
index 0000000..16a123d
--- /dev/null
+++ b/img/p1.png
Binary files differ
diff --git a/img/ps.png b/img/ps.png
new file mode 100644
index 0000000..b3b9015
--- /dev/null
+++ b/img/ps.png
Binary files differ
diff --git a/index.html b/index.html
index e66e216..b184de4 100644
--- a/index.html
+++ b/index.html
@@ -136,6 +136,8 @@
.then(data => {
if (data.payload.classes.length == 0) {
document.getElementById('no-subjects').classList.remove('hidden');
+ } else {
+ document.getElementById('fme-maps-container').classList.remove('hidden');
}
@@ -223,8 +225,25 @@
</p>
</div><br>
-->
- <div id="subject-container" class="grid buttons"></div><br>
+ <div id="subject-container" class="grid buttons"></div>
<div id="no-subjects" class="hidden">No s'està impartint cap classe en aquests moments.</div>
+ <div id="fme-maps-container" class="hidden">
+ <h4>Mapes de les aules de l'FME</h4>
+ <div class="maps">
+ <div class="map">
+ <img src="img/ps.png">
+ <div class="map--label">Planta <b>-1</b></div>
+ </div>
+ <div class="map">
+ <img src="img/p0.png">
+ <div class="map--label">Planta <b>0</b></div>
+ </div>
+ <div class="map">
+ <img src="img/p1.png">
+ <div class="map--label">Planta <b>1</b></div>
+ </div>
+ </div>
+ </div>
</section>
