diasporadiaries

a platform for writing stories with personal accounts and messages
git clone git://parazyd.org/diasporadiaries.git
Log | Files | Refs | Submodules | README | LICENSE

commit 1dddcdca8a08ac41dfeb6acbd2b88314075bf2d9
parent 17c2063a3f33079d07b3cf40f8239e82e6889e10
Author: parazyd <parazyd@dyne.org>
Date:   Sun, 20 Jan 2019 22:44:35 +0100

HTML style improvements.

Diffstat:
Mtemplates/edit.html | 22++++++++++------------
Mtemplates/messages.html | 4+++-
Mtemplates/write.html | 24+++++++++++++-----------
3 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/templates/edit.html b/templates/edit.html @@ -25,43 +25,41 @@ </p> <form action="/edit" method="POST" id="storyform"> + <div class="form-group"> <input type="text" name="Id" value="{{ story['id'] }}" style="display: none;"> <p class="lead">Name:<br> - <input type="text" name="Name" required value="{{ story['name'] }}"> + <input type="text" class="form-control" name="Name" required value="{{ story['name'] }}"> </p> <p class="lead">Country of embarkment:<br> - <select name="Embark" form="storyform" onchange="countryCheck(this, 'embarkother');" id="embarkbox"> + <select name="Embark" class="form-control" form="storyform" onchange="countryCheck(this, 'embarkother');" id="embarkbox"> <option value="{{ story['embark']}}">{{ story['embarkname'] }}</option> </select> - <input type="text" name="EmbarkOther" id="embarkother" style="display: none;" placeholder="Type country here"> + <input type="text" class="form-control" name="EmbarkOther" id="embarkother" style="display: none;" placeholder="Type country here"> </p> <p class="lead">Country of disembarkment:<br> - <select name="Disembark" form="storyform" onchange="countryCheck(this, 'disembarkother');" selected="{{ story['disembark'] }}"> + <select name="Disembark" class="form-control" form="storyform" onchange="countryCheck(this, 'disembarkother');" selected="{{ story['disembark'] }}"> <option value="{{ story['disembark'] }}">{{ story['disembarkname'] }}</option> </select> - <input type="text" name="DisembarkOther" id="disembarkother" style="display: none;" placeholder="Type country here"> + <input type="text" class="form-control" name="DisembarkOther" id="disembarkother" style="display: none;" placeholder="Type country here"> </p> <p class="lead">Email:<br> - <input type="email" name="Email" value="{{ story['email'] }}"> - </p> - - <p class="lead">Contact info:<br> - <textarea name="Contact" form="storyform">{{ story['contact'] }}</textarea> + <input type="email" class="form-control" name="Email" value="{{ story['email'] }}"> </p> <p class="lead">Story abstract:<br> - <textarea name="Abstract" form="storyform">{{ story['abstract'] }}</textarea> + <textarea name="Abstract" class="form-control" form="storyform">{{ story['abstract'] }}</textarea> </p> <p class="lead">The story:<br> <textarea id="storytext" name="Story" form="storyform" required>{{ story['story'] }}</textarea> </p> - <input type="submit" value="Submit"> + <input type="submit" class="btn btn-outline-primary" value="Submit"> + </div> </form> </main> diff --git a/templates/messages.html b/templates/messages.html @@ -34,10 +34,12 @@ {% else %} <form action="/sendmsg" method="POST" id="msgform"> + <div class="form-group"> + <hr style="width: 100%; height: 2px;"> <p class="lead">Reply:</p> <input type="hidden" name="Id" value="{{ them['id'] }}"> <input type="hidden" name="Us" value="{{ current_user.id }}"> - <textarea name="Message" form="msgform" required></textarea><br> + <textarea name="Message" class="form-control" form="msgform" required></textarea><br> <button form="msgform" type="submit" class="btn btn-outline-success">Send</button> </p> </form> diff --git a/templates/write.html b/templates/write.html @@ -21,47 +21,49 @@ <main role="main" class="container"> <form action="/write" method="POST" id="storyform"> + <div class="form-group"> <p class="lead">Name:<br> {% if current_user.name %} - <input type="text" name="Name" required value="{{ current_user.name }}"> + <input type="text" class="form-control" name="Name" required value="{{ current_user.name }}"> {% else %} - <input type="text" name="Name" required placeholder="Name"> + <input type="text" class="form-control" name="Name" required placeholder="Name"> {% endif %} </p> <p class="lead">Country of embarkment:<br> - <select name="Embark" form="storyform" onchange="countryCheck(this, 'embarkother');"> + <select class="form-control" name="Embark" form="storyform" onchange="countryCheck(this, 'embarkother');"> {% include 'cc.html' %} </select> - <input type="text" name="EmbarkOther" id="embarkother" style="display: none;" placeholder="Type country here"> + <input type="text" class="form-control" name="EmbarkOther" id="embarkother" style="display: none;" placeholder="Type country here"> </p> <p class="lead">Country of disembarkment:<br> - <select name="Disembark" form="storyform" onchange="countryCheck(this, 'disembarkother');"> + <select name="Disembark" class="form-control" form="storyform" onchange="countryCheck(this, 'disembarkother');"> {% include 'cc.html' %} </select> - <input type="text" name="DisembarkOther" id="disembarkother" style="display: none;" placeholder="Type country here"> + <input type="text" class="form-control" name="DisembarkOther" id="disembarkother" style="display: none;" placeholder="Type country here"> </p> <p class="lead">City of the story:<br> - <input type="text" name="City" placeholder="City (optional)"> + <input type="text" class="form-control" name="City" placeholder="City (optional)"> </p> <p class="lead">Email:<br> {% if current_user.username %} - <input type="email" name="Email" value="{{ current_user.username }}"> + <input type="email" class="form-control" name="Email" value="{{ current_user.username }}"> {% else %} - <input type="email" name="Email" placeholder="Email (optional)"> + <input type="email" class="form-control" name="Email" placeholder="Email (optional)"> {% endif %} </p> <input type="text" name="42" placeholder="Yeah sure" style="display: none;"> <p class="lead">Write your story:<br> - <textarea id="storytext" name="Story" form="storyform" required></textarea> + <textarea class="form-control" id="storytext" name="Story" form="storyform" required></textarea> </p> - <input type="submit" value="Submit"> + <input type="submit" class="btn btn-outline-primary" value="Submit"> + </div> </form> </main>