diff --git a/sapl/context_processors.py b/sapl/context_processors.py new file mode 100644 index 000000000..d3dca8e69 --- /dev/null +++ b/sapl/context_processors.py @@ -0,0 +1,13 @@ +def parliament_info(request): + + return { + 'state': 'Estado', + 'state_abbr': 'UF', + 'city': 'Cidade', + 'parliament_type': 'Câmara Municipal', + 'address': 'Rua Lorem Ipsum de Amet, Casa X', + 'postal_code': '70000-000', + 'phone_number': '00 0000-0000', + 'url_portal': '#', + 'url_email': '#', + } diff --git a/sapl/settings.py b/sapl/settings.py index 79d5a2280..51bf40aa7 100644 --- a/sapl/settings.py +++ b/sapl/settings.py @@ -86,6 +86,7 @@ TEMPLATES = [ 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', + 'sapl.context_processors.parliament_info', ], 'debug': DEBUG }, diff --git a/static/img/arrow.png b/static/img/arrow.png new file mode 100644 index 000000000..1f1a6e5a1 Binary files /dev/null and b/static/img/arrow.png differ diff --git a/static/img/favicon.ico b/static/img/favicon.ico new file mode 100644 index 000000000..b81629808 Binary files /dev/null and b/static/img/favicon.ico differ diff --git a/static/img/lexml.gif b/static/img/lexml.gif new file mode 100644 index 000000000..193f9cb55 Binary files /dev/null and b/static/img/lexml.gif differ diff --git a/static/img/logo.png b/static/img/logo.png new file mode 100644 index 000000000..cc8619f2f Binary files /dev/null and b/static/img/logo.png differ diff --git a/static/img/logo_cc.png b/static/img/logo_cc.png new file mode 100644 index 000000000..7301d05b1 Binary files /dev/null and b/static/img/logo_cc.png differ diff --git a/static/img/logo_interlegis.png b/static/img/logo_interlegis.png new file mode 100644 index 000000000..19591933c Binary files /dev/null and b/static/img/logo_interlegis.png differ diff --git a/static/img/manual.png b/static/img/manual.png new file mode 100644 index 000000000..27a2d87c1 Binary files /dev/null and b/static/img/manual.png differ diff --git a/static/img/search-gray.png b/static/img/search-gray.png new file mode 100644 index 000000000..1f1c1c6c9 Binary files /dev/null and b/static/img/search-gray.png differ diff --git a/static/img/search.png b/static/img/search.png new file mode 100644 index 000000000..442814ed8 Binary files /dev/null and b/static/img/search.png differ diff --git a/static/img/user.png b/static/img/user.png new file mode 100644 index 000000000..e8811bcb4 Binary files /dev/null and b/static/img/user.png differ diff --git a/static/styles/style.css b/static/styles/style.css new file mode 100644 index 000000000..a649468d3 --- /dev/null +++ b/static/styles/style.css @@ -0,0 +1,282 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); + +@-webkit-keyframes fadeIn { +0% {opacity: 0;} +100% {opacity: 1;} +} +@keyframes fadeIn { +0% {opacity: 0;} +100% {opacity: 1;} +} + +html, body { +font: 100% "Open Sans", Helvetica, Arial, sans-serif; +margin: 0; +padding: 0; +height: 100%; +} + +h1, h2, h3, h4, h5, h6, form, dl, dt, dd, p, div, img, a { +margin: 0; +padding: 0; +} + +p { +margin: 0.5em 0; +} + +img { +border: none; +} + +a { +background-color: transparent; +color: #27ae60; +text-decoration: none; +} + +h1 { +max-width: 1000px; +color: #27ae60; +font-size: 120%; +} + +h2 { +color: #27ae60; +font-size: 110%; +} + +h3 { +color: #444444; +font-size: 105%; +line-height: 1.4em; +} + +h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover { +color: #27ae60; +} + +.fadein { +-webkit-animation: fadeIn 0.25s ease-in-out; +-moz-animation: fadeIn 0.25s ease-in-out; +-o-animation: fadeIn 0.25s ease-in-out; +} + +.container { +position: relative; +margin: 0 auto; +padding: 20px; +max-width: 960px; +} + +.page { +position: relative; +display: table; +width: 100%; +height: 100%; +background-color: #fafafa; +color: #444444; +} + + .page__row { + display: table-row; + box-sizing: content-box; + } + +.navigation { +position: fixed; +z-index: 100; +top: 0; +font-weight: 700; +font-size: 85%; +padding: 0; +width: 100%; +height: 40px; +line-height: 40px; +background-color: #34495e; +color: #ffffff; +box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23); +} + + .navigation > .container { + padding: 0px; + max-width: 1000px; + } + +.masthead { + +} + + .masthead > .container { + padding-top: 60px; + border-bottom: 20px solid #27ae60; + background-color: #ffffff; + } + + .masthead__logo { + display: inline-block; + vertical-align: middle; + } + + .masthead__logo a { + display: block; + } + + .masthead__logo img { + width: auto; + height: 95px; + } + + .masthead__heading { + display: inline-block; + margin-left: 15px; + vertical-align: middle; + } + + .masthead__heading h1 { + color: #333333; + text-shadow: 1px 1px 3px #dadada; + font-size: 150%; + } + + .masthead__heading h2 { + padding-left: 2px; + color: #444444; + text-shadow: 1px 1px 3px #dadada; + font-weight: normal; + font-size: 100%; + } + +.content { +position: relative; +display: table-cell; +overflow: hidden; +height: 100%; +text-align: left; +font-size: 100%; +} + + .content > .container { + height: 100%; + background-color: #ffffff; + } + + .content a:hover { + color: #444444; + -webkit-transition: 0.3s ease-in; + -moz-transition: 0.3s ease-in; + -o-transition: 0.3s ease-in; + } +/* Layout */ + +.footer { +width: 100%; +background-color: #34495e; +color: #ffffff; +text-align: center; +} + + .footer__block { + position: relative; + display: inline-block; + margin: 5px 0; + padding: 0 20px; + vertical-align: middle; + font-size: 70%; + } + + .footer__block a { + color: rgb(255, 255, 255); + font-weight: 600; + } + + .footer__block a:hover { + text-decoration: underline; + } + + .footer__block small { + font-size: 100%; + } + + .footer__logo { + display: block; + font-size: 0; + margin-bottom: 10px; + } + + .footer__logo > img { + height: 32px; + } + + .footer__block--about { + padding-left: 0; + max-width: 195px; + } + + .footer__block--license { + max-width: 285px; + } + + .footer__block--parliament-info { + border: 0; + padding-right: 0; + max-width: 385px; + } + + .footer__block--parliament-info > abbr { + border: 0; + font-size: inherit; + cursor: inherit; + color: inherit; + } + + .footer__block--separator::after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + right: 0; + margin: auto; + height: 50px; + width: 1px; + background-color: white; + } + + + +@media (max-width: 980px) { + +} + +@media (max-width: 650px) { + +} + +@media (max-width: 480px) { + + .masthead { + text-align: center + } + + .masthead__logo { + display: block; + margin: 10px; + } + + .masthead__heading { + margin-left: 0; + } + + .masthead__logo > img{ + height: 80px; + } + + .masthead__heading h1 { + font-size: 90%; + } + + .masthead__heading h2 { + font-size: 70%; + } + +} diff --git a/templates/base.html b/templates/base.html index ee39f48b8..6dd4cf2f9 100644 --- a/templates/base.html +++ b/templates/base.html @@ -2,8 +2,11 @@ {% load staticfiles %} - - + + + + + {% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %} @@ -12,6 +15,7 @@ + {# modernizr must be in head (see http://modernizr.com/docs/#installing) #} @@ -19,58 +23,119 @@ {% endblock %} - - - -
- ... header ... -
-
- - - {% block content_container %} - {# FIXME: row class is not for that: replace it keeping the layout (notice width) #} -
- - {# Feedback messages #} - {% for message in messages %} -
- {{ message|safe }} - × -
- {% endfor %} + + + +
+ + {# Navigation #} + {% block navigation %} + + {% endblock navigation %} + + {# Header #} + {% block main_header %} +
+
+ +
+

{{ parliament_type }} {% trans 'de' %} {{ city }} - {{ state }}

+

{% trans 'Sistema de Apoio ao Processo Legislativo' %}

+
+
+
+ {% endblock main_header %} + + {# Main content #} + {% block content_container %} +
+
+ + {# Feedback messages #} + {% for message in messages %} +
+ {{ message|safe }} + × +
+ {% endfor %} + + {# Content header #} + {% block base_header %} +
+ + {% block help %} + {% if view.help_path %} + {% trans 'Ajuda' %} + {% endif %} + {% endblock %} + + {% block title %} + {% if view.title %} +

{{ view.title }}

+ {% endif %} + {% endblock %} - {% block base_header %} +
+ {% endblock base_header %} -
- {% block help %} - {% if view.help_path %} - {% trans 'Ajuda' %} - {% endif %} - {% endblock %} - {% block title %}{% if view.title %}

{{ view.title }}

{% endif %}{% endblock %} -
- {% endblock base_header %} + {# Content per se #} + {% block base_content %} + {% endblock base_content %} - {% block base_content %}{% endblock %} +
+
+ + {% endblock content_container %} + +
- {% endblock content_container %} - - - - - {% block foot_js %} - - - - - - - {% endblock foot_js %} - + + {% block foot_js %} + + + + + + + {% endblock foot_js %} + diff --git a/templates/index.html b/templates/index.html index acfce49bf..1d9bbb274 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,7 +1,7 @@ {% extends "base.html" %} {% load i18n %} -{% block content_container %} +{% block title%}

Bem-vindo ao SAPL!

{% endblock %}