basic layout added to avatar pages

Author: ialja

web/templates/avatar/add.html

@@ -3,14 +3,17 @@
 {% load url from future %}
 
 {% block content %}
-    <p>{% trans "Your current avatar: " %}</p>
-    {% avatar user %}
-    {% if not avatars %}
-        <p>{% trans "You haven't uploaded an avatar yet. Please upload one now." %}</p>
-    {% endif %}
-    <form enctype="multipart/form-data" method="POST" action="{% url 'avatar_add' %}">
-        {{ upload_avatar_form.as_p }}
-        <p>{% csrf_token %}<input type="submit" value="{% trans "Upload New Image" %}" /></p>
-        <input type="hidden" name="next" value="{% url 'profile' %}" />
-    </form>
+    <div class="container">
+        <h1>Add new profile avatar</h1>
+        <p>{% trans "Your current avatar: " %}</p>
+        {% avatar user %}
+        {% if not avatars %}
+            <p>{% trans "You haven't uploaded an avatar yet. Please upload one now." %}</p>
+        {% endif %}
+        <form enctype="multipart/form-data" method="POST" action="{% url 'avatar_add' %}">
+            {{ upload_avatar_form.as_p }}
+            <p>{% csrf_token %}<input type="submit" value="{% trans "Upload New Image" %}" /></p>
+            <input type="hidden" name="next" value="{% url 'profile' %}" />
+        </form>
+    </div>
 {% endblock %}

web/templates/avatar/change.html

@@ -2,23 +2,26 @@
 {% load i18n avatar_tags %}
 
 {% block content %}
-	<p>{% trans "Your current avatar: " %}</p>
-	{% avatar user %}
+	<div class="container">
+		<h1>Change your profile avatar</h1>
+		<p>{% trans "Your current avatar: " %}</p>
+		{% avatar user %}
 
-	{% if not avatars %}
-		<p>{% trans "You haven't uploaded an avatar yet. Please upload one now." %}</p>
-	{% else %}
-		<form method="POST" action="{% url 'avatar_change' %}">
-			<ul>
-				{{ primary_avatar_form.as_ul }}
-			</ul>
-			<p>{% csrf_token %}<input type="submit" value="{% trans "Choose new Default" %}" /></p>
+		{% if not avatars %}
+			<p>{% trans "You haven't uploaded an avatar yet. Please upload one now." %}</p>
+		{% else %}
+			<form method="POST" action="{% url 'avatar_change' %}">
+				<ul>
+					{{ primary_avatar_form.as_ul }}
+				</ul>
+				<p>{% csrf_token %}<input type="submit" value="{% trans "Choose new Default" %}" /></p>
+				<input type="hidden" name="next" value="{% url 'profile' %}" />
+			</form>
+		{% endif %}
+		<form enctype="multipart/form-data" method="POST" action="{% url 'avatar_add' %}">
+			{{ upload_avatar_form.as_p }}
+			<p>{% csrf_token %}<input type="submit" value="{% trans "Upload New Image" %}" /></p>
 			<input type="hidden" name="next" value="{% url 'profile' %}" />
 		</form>
-	{% endif %}
-	<form enctype="multipart/form-data" method="POST" action="{% url 'avatar_add' %}">
-		{{ upload_avatar_form.as_p }}
-		<p>{% csrf_token %}<input type="submit" value="{% trans "Upload New Image" %}" /></p>
-		<input type="hidden" name="next" value="{% url 'profile' %}" />
-	</form>
+	</div>
 {% endblock %}

web/templates/avatar/confirm_delete.html

@@ -3,16 +3,19 @@
 {% load url from future %}
 
 {% block content %}
-    <p>{% trans "Please select the avatars that you would like to delete." %}</p>
-    {% if not avatars %}
-        {% url 'avatar_change' as avatar_change_url %}
-        <p>{% blocktrans %}You have no avatars to delete. Please <a href="{{ avatar_change_url }}">upload one</a> now.{% endblocktrans %}</p>
-    {% else %}
-        <form method="POST" action="{% url 'avatar_delete' %}">
-            <ul>
-                {{ delete_avatar_form.as_ul }}
-            </ul>
-            <p>{% csrf_token %}<input type="submit" value="{% trans "Delete These" %}" /></p>
-        </form>
-    {% endif %}
+    <div class="container">
+        <h1>Delete your avatar</h1>
+        <p>{% trans "Please select the avatars that you would like to delete." %}</p>
+        {% if not avatars %}
+            {% url 'avatar_change' as avatar_change_url %}
+            <p>{% blocktrans %}You have no avatars to delete. Please <a href="{{ avatar_change_url }}">upload one</a> now.{% endblocktrans %}</p>
+        {% else %}
+            <form method="POST" action="{% url 'avatar_delete' %}">
+                <ul>
+                    {{ delete_avatar_form.as_ul }}
+                </ul>
+                <p>{% csrf_token %}<input type="submit" value="{% trans "Delete These" %}" /></p>
+            </form>
+        {% endif %}
+    </div>
 {% endblock %}