104 imagemap/applications/images/templates/images/index.html
View file

Large diffs are not rendered by default.

132 imagemap/applications/user_profiles/templates/user_profiles/printable_card.html
View file
@@ -0,0 +1,132 @@
{% extends "base.html" %}
{% load i18n %}
{% load l10n %}
{% load staticfiles %}
{% load bootstrap3 %}
{% block title %}Republica de los Fantasmas{% endblock %}

{% block navbar %}
{% endblock %}

{% block content %}
<form id="registerForm" method="post" enctype='multipart/form-data' action="{% url 'index' %}" class="form" style="width: 1150px;">
<div class="col-xs-6">
<div class="row">
<div class="col-xs-12">
<div class="row home-form-card">
<div class="col-xs-12 home-form-card-title ">
republica de los fantasmas
</div>
<img src="{% static 'ghosttown/img/assets2-44.svg' %}"
style="width: 400px;padding-right: 20px;padding-left: 20px;">

<div class="col-xs-12 home-form-card-sub-title">
identificación personal
</div>
<div class="col-xs-12 home-form-card-band">
ciudadania virtual numero: <span
id="id_citizen">{{ request.user.username }}</span>
</div>
<div class="col-xs-9 home-form-card-form">
{% comment %}{{ user_profile_form }}{% endcomment %}
<div class="row push-down-10">
<div class="col-xs-6">
<label data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.first_names.errors.as_text }}"
for="id_first_names">Nombres:</label>
{% if user.is_authenticated %}
{{ user_profile_form.instance.first_name }}
{% else %}
{{ user_profile_form.first_names }}
{% endif %}
<hr>
</div>
<div class="col-xs-6">
<label data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.last_names.errors.as_text }}"
for="id_last_names">Apellidos:</label>
{% if user.is_authenticated %}
{{ user_profile_form.instance.last_name }}
{% else %}
{{ user_profile_form.last_names }}
{% endif %}
<hr>
</div>
</div>
{% if not user.is_authenticated %}
<div class="row push-down-10">
<div class="col-xs-6">
<label data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.password1.errors.as_text }}"
for="id_password1">Contraseña:</label>
{{ user_profile_form.password1 }}
<hr>
</div>
<div class="col-xs-6">
<label data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.password2.errors.as_text }}"
for="id_password2">Confirmar:</label>
{{ user_profile_form.password2 }}
<hr>
</div>
</div>
{% endif %}
<div class="row push-down-10">
<div class="col-xs-6">
<label data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.birth_date.errors.as_text }}"
for="id_birth_date">Cumpleaños:</label>
{% if user.is_authenticated %}
{{ user_profile_form.instance.birth_date }}
{% else %}
{{ user_profile_form.birth_date }}
{% endif %}
<hr>
</div>
<div class="col-xs-6">
<label data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.gender.errors.as_text }}"
for="id_gender">Genero:</label>
{% if user.is_authenticated %}
{{ user_profile_form.instance.gender_unicode }}
{% else %}
{{ user_profile_form.gender }}
{% endif %}
<hr>
</div>
</div>
<div class="row push-down-10">
<div class="col-xs-12">
<label data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.email.errors.as_text }}"
for="id_email">E-Mail:</label>
{% if user.is_authenticated %}
{{ user_profile_form.instance.email }}
{% else %}
{{ user_profile_form.email }}
{% endif %}
<hr>
</div>
</div>
</div>
<div class="col-xs-3 home-form-card-form">
<label id="label_avatar" data-toggle="tooltip" data-placement="top"
title="{{ user_profile_form.avatar.errors.as_text }}" for="id_avatar">avatar:</label>
{% if user.is_authenticated %}
<img id="imagePreview"
src="{{ user_profile_form.instance.hexagon_avatar }}">
{% else %}
<div id="imagePreview"></div>
{{ user_profile_form.avatar }}
{% endif %}
</div>

</div>
</div>
</div>
</div>
</form>
{% endblock %}

{% block footer %}
{% endblock %}
20 imagemap/applications/user_profiles/views.py
View file
@@ -1,3 +1,19 @@
from django.shortcuts import render
from django.contrib.auth.decorators import login_required
from django.shortcuts import render_to_response
from django.template import RequestContext
from applications.user_profiles.forms import UserProfileCreationForm
from applications.user_profiles.models import UserProfile

# Create your views here.

@login_required
def printable_card(request):
data = dict()
if request.user.is_authenticated():
user_profile = UserProfile.objects.get(user__id=request.user.id)
user_name = user_profile.user.username
data["user_profile_form"] = UserProfileCreationForm(instance=user_profile)
data["user_name"] = user_name

return render_to_response('user_profiles/printable_card.html',
data,
context_instance=RequestContext(request))
2 imagemap/imagemap/urls.py
View file
@@ -17,12 +17,14 @@
from django.conf.urls import include, url
from django.contrib import admin
from applications.images.views import index_view, logout_view, image_map_view
from applications.user_profiles.views import printable_card

urlpatterns = [
url(r'^admin/', include(admin.site.urls)),
url(r'^logout/$', logout_view, name='logout'),
url(r'^$', index_view, name='index'),
url(r'^building/$', image_map_view, name='image_map_view'),
url(r'^printable-card/$', printable_card, name='printable_card'),

url(r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT, }),
url(r'^media/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT, }),
49 imagemap/static_files/ghosttown/css/main.css
View file
@@ -88,9 +88,8 @@ body {

.background_hexagon_header2{

background: url("../img/Home-Header-Hexagons.svg");
height: 150px;
background-color: #E3E3DD;
background: #E3E3DD url("../img/Home-Header-Hexagons.svg");

}

@@ -117,9 +116,8 @@ body {
}

.home-form-card{
border-style: solid;
border-color: #5E615C ;
border-width: 3px;

border: 3px solid #5E615C;
height: 300px;
text-align: center;
}
@@ -351,7 +349,7 @@ body {
text-align: center;
}

.modal-content {border-radius: 0px;}
.modal-content {border-radius: 0;}

.home-gallery{
margin-top: -15px;
@@ -443,9 +441,7 @@ body {
}

.sponsors{
border-top-color: #E3E3DD;
border-top-width: 5pt;
border-top-style: solid;
border-top: 5pt solid #E3E3DD;
color:#5E615C;
font-family: 'Noto Sans', sans-serif;
font-size: 18pt;
@@ -466,12 +462,8 @@ body {

.footer{
background-color: #5E615C;
border-top-color: #E3E3DD;
border-top-width: 5pt;
border-top-style: solid;
border-bottom-color: #E3E3DD;
border-bottom-width: 10pt;
border-bottom-style: solid;
border-top: 5pt solid #E3E3DD;
border-bottom: 10pt solid #E3E3DD;
}

.footer-contact{
@@ -545,4 +537,31 @@ h6{
}
.geoposition-address{
font-size: 15pt;
}



/*NO RESPONSIVE*/
.container2{
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 1150px !important;
}

.navbar-collapse.collapse {
display: block!important;
}

.navbar-nav>li, .navbar-nav {
float: left !important;
}

.navbar-nav.navbar-right:last-child {
margin-right: -15px !important;
}

.navbar-right {
float: right!important;
}
1 imagemap/templates/base.html
View file
@@ -6,7 +6,6 @@
<title>{% block title %}Republica de los fantasmas{% endblock %}</title>
<!-- start: META -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- end: META -->
26 imagemap/templates/sections/footer.html
View file
@@ -1,41 +1,41 @@
{% load staticfiles %}
<div class="row push-down-60">
<div class="container sponsors">
<div class="container2 sponsors">
<div class="row push-down-60">
<div class="col-md-4 col-md-offset-4">
<div class="col-xs-4 col-xs-offset-4">
Una iniciativa apoyada por:
</div>
<div class="col-md-4">
<div class="col-xs-4">

</div>
</div>
<div class="row push-down-60">
<div class="col-md-2">
<div class="col-xs-2">
<div class="logo-sponsors-space">
<img class="logo-sponsors" src="{% static 'ghosttown/img/assets2-34-37.svg' %}">
</div>
</div>
<div class="col-md-2">
<div class="col-xs-2">
<div class="logo-sponsors-space">
<img class="logo-sponsors" src="{% static 'ghosttown/img/assets2-34-38.svg' %}">
</div>
</div>
<div class="col-md-2">
<div class="col-xs-2">
<div class="logo-sponsors-space">
<img class="logo-sponsors" src="{% static 'ghosttown/img/assets2-34-39.svg' %}">
</div>
</div>
<div class="col-md-2">
<div class="col-xs-2">
<div class="logo-sponsors-space">
<img class="logo-sponsors" src="{% static 'ghosttown/img/assets-42.jpg' %}">
</div>
</div>
<div class="col-md-2">
<div class="col-xs-2">
<div class="logo-sponsors-space">
<img class="logo-sponsors" src="{% static 'ghosttown/img/assets2-34-40.svg' %}">
</div>
</div>
<div class="col-md-2">
<div class="col-xs-2">
<div class="logo-sponsors-space">
<img class="logo-sponsors" src="{% static 'ghosttown/img/assets2-34-41.svg' %}">
</div>
@@ -44,14 +44,14 @@
</div>
</div>
<div class="row footer push-down-60">
<div class="container">
<div class="container2">
<div class="row">
<div class="col-md-5">
<div class="col-xs-5">
<div class="logo-sponsors-space">
<img class="logo-sponsors" src="{% static 'ghosttown/img/footer-Main-Logo.svg' %}">
</div>
</div>
<div class="col-md-4">
<div class="col-xs-4">
<div class="footer-contact">
<p class="footer-contact-text">
Contácta con la República<br>
@@ -63,7 +63,7 @@
</p>
</div>
</div>
<div class="col-md-1">
<div class="col-xs-1">
<div class="footer-contact">
<p class="footer-contact-text">
<a href="https://www.facebook.com/Republicadelosfantasmas"><img class="footer-social-images" src="{% static 'ghosttown/img/footer-Facebook.svg' %}"></a>
13 imagemap/templates/sections/navbar.html
View file
@@ -1,21 +1,14 @@
{% load staticfiles %}

<nav id="xnav" class="navbar navbar-default" data-spy="affix" data-offset-top="{% if request.path == "/building/" %}0{% else %}600{% endif %}">
<div class="container">
<div class="container2">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{% url 'index' %}"><img src="{% static 'ghosttown/img/assets2-42-35.svg' %}" width="100%"></a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="xnavspy">
<div id="xnavspy">
<ul class="nav navbar-nav navbar-right" role="tablist">
<li><a href="{% if request.path == "/building/" %}{% url 'index' %}{% else %}#republic{% endif %}">La República</a></li>
<li><a href="{% if request.path == "/building/" %}{% url 'index' %}{% else %}#ideology{% endif %}">Ideologías</a></li>
@@ -26,8 +19,6 @@
{% endif %}
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->

</nav>