From bc2ff8ffe4afd352cc5d013bbc5c3f1e485bc54b Mon Sep 17 00:00:00 2001 From: Jomaro Rodrigues <jomaro.rodrigues@gmail.com> Date: Sat, 3 Mar 2018 20:42:42 -0300 Subject: [PATCH] work in progress: interface --- src/adega/static/adega/css/styles.css | 23 ++++++++++++++++++++ src/adega/templates/base.html | 31 ++++++++++++++++++++++++--- 2 files changed, 51 insertions(+), 3 deletions(-) create mode 100644 src/adega/static/adega/css/styles.css diff --git a/src/adega/static/adega/css/styles.css b/src/adega/static/adega/css/styles.css new file mode 100644 index 0000000..0a934d3 --- /dev/null +++ b/src/adega/static/adega/css/styles.css @@ -0,0 +1,23 @@ + +html { + height: 100%; +} + +body { + min-height: 100%; + display: flex; + +} + +header { + +} + +main { + flex-grown: 1; +} + +footer { + +} + diff --git a/src/adega/templates/base.html b/src/adega/templates/base.html index dcae5a2..74357d3 100644 --- a/src/adega/templates/base.html +++ b/src/adega/templates/base.html @@ -1,12 +1,37 @@ -<!DOCTYPE html> +{% load static %}<!DOCTYPE html> <html> <head> <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>{{ title|default:"A.D.E.G.A"}}</title> + + <link rel="stylesheet" href="{% static 'bootstrap4/css/bootstrap.min.css' %}"/> + </head> <body> - {% block content %} + <header> + + </header> + <main class="container-fluid"> + <div class="row"> + <aside class="col-md-3"> + <ul> + <li><a href="{% url 'uploads:home' %}">Upload new</a></li> + </ul> + </aside> + <section id="main" class="col-md-9"> + {% block content %} + + {% endblock %} + </section> + </div> + </main> + <footer> + @ Copyright 2018 PET Computação UFPR + </footer> + + <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> - {% endblock %} + <script src="{% static 'bootstrap4/js/bootstrap.bundle.min.js' %}"></script> </body> </html> \ No newline at end of file -- GitLab