Spaces:
Sleeping
Sleeping
Update templates/index.html
Browse files- templates/index.html +23 -9
templates/index.html
CHANGED
|
@@ -1,4 +1,3 @@
|
|
| 1 |
-
<!-- templates/index.html -->
|
| 2 |
<!DOCTYPE html>
|
| 3 |
<html lang="en">
|
| 4 |
<head>
|
|
@@ -78,7 +77,19 @@
|
|
| 78 |
padding: 10px;
|
| 79 |
margin-bottom: 10px;
|
| 80 |
border-radius: 4px;
|
| 81 |
-
text-align:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 82 |
}
|
| 83 |
|
| 84 |
/* Ensure responsiveness for smaller screens */
|
|
@@ -107,7 +118,6 @@
|
|
| 107 |
<label for="category">Category:</label>
|
| 108 |
<select id="category" name="category" required>
|
| 109 |
{% for i in categories %}
|
| 110 |
-
<!-- Select the first zone by default -->
|
| 111 |
<option value="{{ i }}" {% if loop.index == 1 %} selected {% endif %}>{{ i }}</option>
|
| 112 |
{% endfor %}
|
| 113 |
</select>
|
|
@@ -116,16 +126,14 @@
|
|
| 116 |
<label for="zone">Zone:</label>
|
| 117 |
<select id="zone" name="zone" required>
|
| 118 |
{% for i in zones %}
|
| 119 |
-
<!-- Select the first zone by default -->
|
| 120 |
<option value="{{ i }}" {% if loop.index == 1 %} selected {% endif %}>{{ i }}</option>
|
| 121 |
{% endfor %}
|
| 122 |
</select>
|
| 123 |
<br>
|
| 124 |
-
|
| 125 |
<label for="seat_level">Home University:</label>
|
| 126 |
<select id="seat_level" name="seat_level" required>
|
| 127 |
{% for i in seat_levels %}
|
| 128 |
-
<!-- Select the first zone by default -->
|
| 129 |
<option value="{{ i }}" {% if loop.index == 1 %} selected {% endif %}>{{ i }}</option>
|
| 130 |
{% endfor %}
|
| 131 |
</select>
|
|
@@ -142,11 +150,17 @@
|
|
| 142 |
</form>
|
| 143 |
|
| 144 |
<!-- Display the list of colleges -->
|
| 145 |
-
{% if
|
| 146 |
<h2>Colleges you can get into:</h2>
|
| 147 |
<ul>
|
| 148 |
-
{% for
|
| 149 |
-
<li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 150 |
{% endfor %}
|
| 151 |
</ul>
|
| 152 |
{% endif %}
|
|
|
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
|
|
|
| 77 |
padding: 10px;
|
| 78 |
margin-bottom: 10px;
|
| 79 |
border-radius: 4px;
|
| 80 |
+
text-align: left;
|
| 81 |
+
}
|
| 82 |
+
|
| 83 |
+
.college-name {
|
| 84 |
+
font-size: 18px;
|
| 85 |
+
font-weight: bold;
|
| 86 |
+
color: #003399;
|
| 87 |
+
}
|
| 88 |
+
|
| 89 |
+
.college-details {
|
| 90 |
+
margin-top: 5px;
|
| 91 |
+
font-size: 14px;
|
| 92 |
+
color: #333;
|
| 93 |
}
|
| 94 |
|
| 95 |
/* Ensure responsiveness for smaller screens */
|
|
|
|
| 118 |
<label for="category">Category:</label>
|
| 119 |
<select id="category" name="category" required>
|
| 120 |
{% for i in categories %}
|
|
|
|
| 121 |
<option value="{{ i }}" {% if loop.index == 1 %} selected {% endif %}>{{ i }}</option>
|
| 122 |
{% endfor %}
|
| 123 |
</select>
|
|
|
|
| 126 |
<label for="zone">Zone:</label>
|
| 127 |
<select id="zone" name="zone" required>
|
| 128 |
{% for i in zones %}
|
|
|
|
| 129 |
<option value="{{ i }}" {% if loop.index == 1 %} selected {% endif %}>{{ i }}</option>
|
| 130 |
{% endfor %}
|
| 131 |
</select>
|
| 132 |
<br>
|
| 133 |
+
|
| 134 |
<label for="seat_level">Home University:</label>
|
| 135 |
<select id="seat_level" name="seat_level" required>
|
| 136 |
{% for i in seat_levels %}
|
|
|
|
| 137 |
<option value="{{ i }}" {% if loop.index == 1 %} selected {% endif %}>{{ i }}</option>
|
| 138 |
{% endfor %}
|
| 139 |
</select>
|
|
|
|
| 150 |
</form>
|
| 151 |
|
| 152 |
<!-- Display the list of colleges -->
|
| 153 |
+
{% if colleges_data %}
|
| 154 |
<h2>Colleges you can get into:</h2>
|
| 155 |
<ul>
|
| 156 |
+
{% for college_name, college_info in colleges_data.items() %}
|
| 157 |
+
<li>
|
| 158 |
+
<div class="college-name">{{ college_name }}</div>
|
| 159 |
+
<div class="college-details">
|
| 160 |
+
<strong>College Code:</strong> {{ college_info["college_code"] }}<br>
|
| 161 |
+
<strong>Prediction:</strong> {{ college_info["prediction"] }}
|
| 162 |
+
</div>
|
| 163 |
+
</li>
|
| 164 |
{% endfor %}
|
| 165 |
</ul>
|
| 166 |
{% endif %}
|