Commit b03374eb authored by Silje Odland's avatar Silje Odland
Browse files

improvement of design

parent 18396d48
...@@ -2,9 +2,10 @@ ...@@ -2,9 +2,10 @@
{% load static %} {% load static %}
{% block body %} {% block body %}
{% for post in challengeposts %} {% for post in challengeposts %}
<div style="border-radius: 20px ;margin-top: 100px;width: 60%; margin-left: 20%; background-color: white; height: 420px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"> <div style="border-radius: 20px ;margin-top: 100px;width: 60%; margin-left: 20%; background-color: white; height: 550px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<div style="display: block; margin-left: auto; margin-right: auto; padding-top: 50px; width:60%"> <div style="display: block; margin-left: auto; margin-right: auto; padding-top: 50px; width:60%">
<img style="width:100%"; src="{{ post.image.url }}"> {{ post.post_owner }}<br>
<img style=" max-width: 100%; max-height: 400px " src="{{ post.image.url }}">
</div> </div>
<div style="display: block; margin-left: auto; margin-right: auto; width: 60% ">{{ post.text }}</div> <div style="display: block; margin-left: auto; margin-right: auto; width: 60% ">{{ post.text }}</div>
</div> </div>
......
...@@ -17,9 +17,10 @@ ...@@ -17,9 +17,10 @@
</div> </div>
</div> </div>
{% for post in posts %} {% for post in posts %}
<div style="border-radius: 20px ;margin-top: 100px;width: 60%; margin-left: 20%; background-color: white; height: 420px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"> <div style="border-radius: 20px ;margin-top: 100px;width: 60%; margin-left: 20%; background-color: white; height: 550px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<div style="display: block; margin-left: auto; margin-right: auto; padding-top: 50px; width:60%"> <div style="display: block; margin-left: auto; margin-right: auto; padding-top: 50px; width:60%">
<img style="width:100%"; src="{{ post.image.url }}"> {{ post.post_owner }}<br>
<img style="max-width:100%; max-height: 400px"; src="{{ post.image.url }}">
</div> </div>
<div style="display: block; margin-left: auto; margin-right: auto; width: 60% ">{{ post.text }}</div> <div style="display: block; margin-left: auto; margin-right: auto; width: 60% ">{{ post.text }}</div>
</div> </div>
......
...@@ -3,11 +3,20 @@ ...@@ -3,11 +3,20 @@
{% load crispy_forms_tags %} {% load crispy_forms_tags %}
{% block body %} {% block body %}
<div style="border-radius: 20px ;margin-top: 80px;width: 60%; margin-left: 20%; margin-bottom: 30px; background-color: white; height: 400px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"> <div style="border-radius: 20px ;margin-top: 80px;width: 60%; margin-left: 20%; margin-bottom: 30px; background-color: white; height: 450px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<form method="post" action="{% url 'postpage' %}" enctype="multipart/form-data"> <form method="post" action="{% url 'postpage' %}" enctype="multipart/form-data" style="margin-left: 30%; padding-top: 20px">
<h2 style="margin-left: 10%">Nytt innlegg</h2>
<small>Skriv litt om innlegget ditt her</small>
{% csrf_token %} {% csrf_token %}
{{ form }} {% for field in form %}
<button type="submit"> Last opp </button> <div></div>
{{ field }}
{% endfor %}
<div></div>
<button type="submit" class="btn btn-outline-info" style="margin-left: 16%; margin-top: 20px"> Publiser innlegg </button>
</form> </form>
</div> </div>
{% endblock %} {% endblock %}
\ No newline at end of file
{% extends 'base.html' %} {% extends 'base.html' %}
{% load static %} {% load static %}
{% block body %} {% block body %}
{% for post in posts %} {% for post in posts %}
<div style="border-radius: 20px ;margin-top: 100px;width: 60%; margin-left: 20%; background-color: white; height: 420px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<div style="border-radius: 20px ;margin-top: 100px;width: 60%; margin-left: 20%; background-color: white; height: 550px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<div style="display: block; margin-left: auto; margin-right: auto; padding-top: 50px; width:60%"> <div style="display: block; margin-left: auto; margin-right: auto; padding-top: 50px; width:60%">
<img style="width:100%"; src="{{ post.image.url }}"> {{ post.post_owner }}
<img style="max-width:100%; max-height: 400px"; src="{{ post.image.url }}">
</div> </div>
<div style="display: block; margin-left: auto; margin-right: auto; width: 60% ">{{ post.text }}</div> <div style="display: block; margin-left: auto; margin-right: auto; width: 60% ">{{ post.text }}</div>
</div> </div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment