TODO

@@ -0,0 +1,7 @@
+[ ] Attēlot lapu ar pamatinformāciju par izvēlēto spēli. [5]
+[ ] Izveidotajā projektā jābūt direktorijam, kurā ir teksta faili ar spēļu atjauninājumu vēsturi (to varat izdomāt). Vienā no lapām ir jāparāda virsraksti, kas atbilst failu nosaukumiem, un saites uz attiecīgajiem rakstiem (teksta faila saturs).  Katram rakstam ir jāatrodas savā lapā ar unikālu URL. Gan rakstu URL adreses, gan rakstu saraksts ir jāģenerē automātiski atbilstoši iepriekš minētā direktorija saturam. [30]
+[ ] Jāpievieno iespēja lietotājam lejupielādēt .pdf failu, kurā aprakstītas problēmas, ar kurām viņi saskārās jūsu spēlē.  Lejupielādētais fails ir jāsaglabā īpaši norādītā direktorijā. [15]
+[ ] Jāizveido lapa, no kuras varat lejupielādēt jaunāko spēles versiju. [15]
+[ ] Piešķirot vērtējumu, tiks ņemts vērā arī tīmekļa aplikācijas vizuālais noformējums.  Bootstrap bibliotēkas izmantošana ne tikai vienkāršos procesu, bet arī sniegs priekšrocības, ja tā tiks pareizi integrēta lietojumprogrammā. [20]
+[ ] Ir nepieciešams izveidot prezentāciju, demonstrēt visu paveikto darbu un demonstrēt izveidoto aplikāciju. [15]
+[ ] Visas pievienotās papildu funkcijas, kas uzlabo lietojumprogrammas lietošanas pieredzi un palielina tās tehnisko sarežģītību, var iegūt papildu punktus atkarībā no ieviešanas sarežģītības. [?]

static/css/main.css

@@ -1,3 +1,12 @@
+/* Animated underline */
+nav a.link:hover, .topics:hover {
+    color: #fff;
+}
+
+nav a.link:hover::before, footer ul li a:hover::before, .topics:hover::before {
+    transform: scaleX(1);
+}
+
 /* Global */
 html {
     font-family: 'JetBrains Mono', monospace;
@@ -50,10 +59,6 @@ nav li a, nav a.link {
     color: #fff;
 }
 
-nav a.link:hover {
-    color: #fff;
-}
-
 nav a.link::before {
     content: "";
     position: absolute;
@@ -69,10 +74,6 @@ nav a.link::before {
     transition: transform 0.3s ease;
 }
 
-nav a.link:hover::before {
-    transform: scaleX(1);
-}
-
 nav ul {
     display: flex;
     list-style: none;
@@ -145,7 +146,10 @@ nav .dropdown a::before {
 
 /* Content Section */
 .content {
-    padding: 20px;
+    padding: 30px;
+}
+
+h2 {
     font-style: italic;
 }
 
@@ -252,10 +256,6 @@ footer ul li a::before {
     transition: transform 0.3s ease;
 }
 
-footer ul li a:hover::before {
-    transform: scaleX(1);
-}
-
 /* Input Fields */
 input[type="text"],
 input[type="email"],
@@ -271,8 +271,8 @@ textarea {
     transition: box-shadow 0.15s, transform 0.15s;
 }
 
-input[type="text"]:hover,
+input[type="text"],
-input[type="email"]:hover,
+input[type="email"],
 input#password, input#username,
 textarea:hover {
     box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset; 
@@ -324,3 +324,14 @@ button:active, input:active {
     box-shadow: #D6D6E7 0 3px 7px inset;
     transform: translateY(2px);
 }
+
+label {
+    margin-bottom: 8px; 
+    display: inline-block;
+}
+
+.topics a {
+    color: #fff;
+    text-decoration: none;
+    font-size: 25px;
+}

templates/auth/login.html

@@ -5,10 +5,8 @@
 {% block content %}
   <h2>Log In</h2>
   <form method="post">
-    <label for="username">Username</label>
+    <input type="text" placeholder="Username" name="username" id="username" required>
-    <input type="text" name="username" id="username" required>
+    <input type="password" placeholder="Password" name="password" id="password" required>
-    <label for="password">Password</label>
-    <input type="password" name="password" id="password" required>
     <input type="submit" value="Log In">
   </form>
 {% endblock %}

templates/auth/register.html

@@ -5,10 +5,12 @@
 {% block content %}
   <h2>Register</h2>
   <form method="post">
-    <label for="username">Username</label>
+    <label for="username">Username</label></br>
-    <input type="text" name="username" id="username" required>
+    <input type="text" name="username" id="username" required></br>
-    <label for="password">Password</label>
+    <label for="password">Password</label></br>
-    <input type="password" name="password" id="password" required>
+    <input type="password" name="password" id="password" required></br>
+    <label for="password">Confirm password</label></br>
+    <input type="password" name="password-2" id="password" required></br></br>
     <input type="submit" value="Register">
   </form>
 {% endblock %}

templates/index.html

@@ -47,11 +47,11 @@
     
     <section class="trending-topics">
         <h2>Trending Topics</h2>
-        <ul>
+        <div class="topics">
-            <li><a href="#">Instalation</a></li>
+            <a href="#">Instalation</a></br>
-            <li><a href="#">How to play</a></li>
+            <a href="#">How to play</a></br>
-            <li><a href="#">Known issues</a></li>
+            <a href="#">Known issues</a></br>
-        </ul>
+        </div>
     </section>
 
     <section class="interactive-elements">