Commit 65c50953627bbd5067a580bdc14484cf91ff15ba

Authored by Carlos Oliveira
Committed by Carlos Coêlho
1 parent e9a68a7d

New structure for register form

Signed-off-by: Carlos Oliveira <carlosoliveira@duzeru.org>
Signed-off-by: Bruna Moreira <brunanayaramlima@gmail.com>
src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css
... ... @@ -516,3 +516,9 @@ span.highlighted {
516 516 padding: 40px 0 60px 0;
517 517 color: #172738;
518 518 }
  519 +
  520 +.colab-content {
  521 + max-width: 960px;
  522 + min-width: 960px;
  523 + padding: 40px 0 60px 0;
  524 +}
... ...
src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html 0 → 100644
... ... @@ -0,0 +1,120 @@
  1 +{% extends "base.html" %}
  2 +{% load i18n %}
  3 +{% block main-content %}
  4 +<div class="colab-content container">
  5 + <h2>Cadastre-se</h2>
  6 + <h1>Informações pessoais</h1>
  7 + <hr>
  8 +
  9 + <form action="{% url "signup" %}" method="post" role="form" class="form-horizontal signup">
  10 + {% csrf_token %}
  11 + <div class="row">
  12 + <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
  13 + <fieldset>
  14 + {% for field in user_form %}
  15 + <div class="form-group{% if field.field.required %} required{% endif %}{% if field.errors %} alert alert-danger has-error{% endif %}">
  16 + <label for="{{ field.name }}" class="control-label">
  17 + {{ field.label }}
  18 + </label>
  19 + {{ field }}
  20 + {{ field.errors }}
  21 + </div>
  22 + {% endfor %}
  23 + </fieldset>
  24 +
  25 + <input type="submit" value="Cadastrar" class="btn btn-primary btn-lg">
  26 + </div>
  27 + <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
  28 + <div style="border-left: 1px solid #ccc; padding-left: 60px; min-height: 500px">
  29 + <p>Olá! Se estiver com dúvidas, temos várias maneiras para tentar te ajudar. Veja abaixo algumas opções:</p>
  30 + <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  31 + <div class="panel panel-default">
  32 + <div class="panel-heading" role="tab" id="headingOne">
  33 + <h4 class="panel-title">
  34 + <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  35 + Como faço para me cadastrar no Portal do Software Público Brasileiro?
  36 + </a>
  37 + </h4>
  38 + </div>
  39 + <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
  40 + <div class="panel-body">
  41 + <div class="embed-responsive embed-responsive-16by9">
  42 + <iframe class="embed-responsive-item" src="//www.youtube.com/embed/lNq0UtBqrHg" frameborder="0" width="420" height="315" allowfullscreen></iframe>
  43 + </div>
  44 + </div>
  45 + </div>
  46 + </div>
  47 + <div class="panel panel-default">
  48 + <div class="panel-heading" role="tab" id="headingTwo">
  49 + <h4 class="panel-title">
  50 + <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  51 + Como posso atribuir outro e-mail ao meu perfil?
  52 + </a>
  53 + </h4>
  54 + </div>
  55 + <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
  56 + <div class="panel-body">
  57 + <div class="embed-responsive embed-responsive-16by9">
  58 + <iframe class="embed-responsive-item" src="//www.youtube.com/embed/U5wxjAB7LS4" frameborder="0" width="420" height="315" allowfullscreen></iframe>
  59 + </div>
  60 + </div>
  61 + </div>
  62 + </div>
  63 + <div class="panel panel-default">
  64 + <div class="panel-heading" role="tab" id="headingThree">
  65 + <h4 class="panel-title">
  66 + <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  67 + Qual o procedimento para associar-me em uma comunidade de um software?
  68 + </a>
  69 + </h4>
  70 + </div>
  71 + <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
  72 + <div class="panel-body">
  73 + <div class="embed-responsive embed-responsive-16by9">
  74 + <iframe class="embed-responsive-item" src="//www.youtube.com/embed/uJwdZ7M1uoM" frameborder="0" width="420" height="315" allowfullscreen></iframe>
  75 + </div>
  76 + </div>
  77 + </div>
  78 + </div>
  79 + <div class="panel panel-default">
  80 + <div class="panel-heading" role="tab" id="headingThree">
  81 + <h4 class="panel-title">
  82 + <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
  83 + Como faço para associar-me à uma lista de discussão de um software?
  84 + </a>
  85 + </h4>
  86 + </div>
  87 + <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
  88 + <div class="panel-body">
  89 + <div class="embed-responsive embed-responsive-16by9">
  90 + <iframe class="embed-responsive-item" src="//www.youtube.com/embed/gKFxucHUvsU" frameborder="0" width="420" height="315" allowfullscreen></iframe>
  91 + </div>
  92 + </div>
  93 + </div>
  94 + </div>
  95 + <div class="panel panel-default">
  96 + <div class="panel-heading" role="tab" id="headingThree">
  97 + <h4 class="panel-title">
  98 + <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
  99 + Como faço para participar da lista de discussão?
  100 + </a>
  101 + </h4>
  102 + </div>
  103 + <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
  104 + <div class="panel-body">
  105 + <div class="embed-responsive embed-responsive-16by9">
  106 + <iframe width="420" height="315" src="//www.youtube.com/embed/j83stOqdCBI" frameborder="0" allowfullscreen></iframe>
  107 + </div>
  108 + </div>
  109 + </div>
  110 + </div>
  111 + <br>
  112 + <p>Conheça também a seção completa de <a href="/social/spb/ajuda#faq">Ajuda</a></p>
  113 + <hr>
  114 + <p>Caso ainda permaneça com dúvidas fique à vontade para entrar em contato conosco através do email <a href="mailto:admin@softwarepublico.gov.br">admin@softwarepublico.gov.br</a></p>
  115 + </div>
  116 + </div>
  117 + </div>
  118 + </form>
  119 +</div>
  120 +{% endblock %}
... ...