Customize index.php for Física UB
Change-Id: I801707d63e8969b24b7f569c9a9793ea48bc9a1f
diff --git a/bin/images/vuit.png b/bin/images/vuit.png
new file mode 100644
index 0000000..a23ee14
--- /dev/null
+++ b/bin/images/vuit.png
Binary files differ
diff --git a/css/login.css b/css/login.css
index 743db2f..a7c49b0 100644
--- a/css/login.css
+++ b/css/login.css
@@ -1,3 +1,16 @@
+.header-container {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin-bottom: 20px;
+}
+
+@media (max-width: 470px) {
+ .header-container {
+ flex-direction: column;
+ }
+}
+
header h2 {
line-height: 50%;
}
@@ -8,7 +21,12 @@
}
header {
- margin-bottom: 20px;
+ flex-grow: 1;
+}
+
+.logo {
+ max-width: 82px;
+ border-radius: 10%;
}
#password {
diff --git a/index.php b/index.php
index 00b579a..ef2bd90 100644
--- a/index.php
+++ b/index.php
@@ -26,10 +26,13 @@
<body>
<div id="outter-container">
<div id="inner-container">
- <header>
- <h2>Pastanaga Assassina</h2>
- <h3>Facultat de Física - Tardor 2022</h3>
- </header>
+ <div class="header-container">
+ <header>
+ <h2>Pastanaga Assassina</h2>
+ <h3>Facultat de Física - Tardor 2022</h3>
+ </header>
+ <img src="/bin/images/vuit.png" class="logo">
+ </div>
<form action="./php/login.php" method="POST">
<input type="hidden" name="user" id="user">
@@ -60,7 +63,7 @@
<input type="submit" value="Entrar" id="submit" />
</form>
- <p>La primera persona que entri al teu compte tindrà l'oportunitat de canviar la contrasenya.</p>
+ <p>Qualsevol problema, podeu contactar amb <a href="mailto:vuit@operacio236.ml">vuit@operacio236.ml</a>.</p>
<a href="./ranking.php">Anar al rànquing</a>
</div>
</div>
