text and focus (consuldemocracy#33)

app/assets/stylesheets/custom.scss

@@ -14,6 +14,10 @@ footer{
   border-top: 6px solid #fff;
 }
 
+a:focus {
+  outline: 3px solid #f2ca30 !important;
+}
+
 .padding {
   padding-bottom: 0rem;
 }
@@ -30,6 +34,10 @@ a:hover, a:active {
     color: #fff;
 }
 
+.body-link:hover {
+    color: #000;
+}
+
 footer .logo a:hover {
   color: #08296c;
 }

app/views/custom/proposals/new.html.erb

@@ -0,0 +1,25 @@
+<div class="proposal-form row">
+
+  <div class="small-12 medium-9 column">
+    <%= back_link_to %>
+
+    <h1><%= t("proposals.new.start_new") %></h1>
+    <div data-alert class="callout primary">
+      <%= link_to more_info_path(anchor: "proposals") ,title: t('shared.target_blank_html'), target: "_blank" do %>
+        <%= t("proposals.new.more_info")%>
+      <% end %>
+    </div>
+    <%= render "proposals/form", form_url: proposals_url %>
+  </div>
+
+<div class="small-12 medium-3 column">
+    <h2><%= t("proposals.new.recommendations_title") %></h2>
+    <ul class="recommendations">
+      <li><strong>Claridad.</strong>  Explicar la propuesta de forma clara y sencilla, para que todos puedan comprenderla. Incluir el mayor detalle posible, objetivos, el ámbito de aplicación, los beneficiarios, las principales metas o resultados esperados, quien podría ser el organismo u organismos responsables de llevarla adelante.</li>
+      <li><strong>Material Complementario.</strong> Adjuntar y/o vincular todo aquel material relacionado como imágenes, videos, documentos y enlaces a páginas de internet que puedan  complementar, enriquecer o justificar la propuesta.</li>
+      <li><strong>Duración.</strong>  Las propuestas deben ser específicas y acotadas, de manera que  ser viable su realización en el periodo del setiembre de 2018 a agosto de 2020.</li>
+      <li><strong>Respeto.</strong>  Recordar que esta herramienta constituye un ámbito de participación ciudadana, por lo cual la propuesta debe contribuir al buen relacionamiento colectivo y estar acorde con las normas de convivencia social. Las propuestas y comentarios que incluyan lenguaje ofensivo y/o discriminatorio así como las que impliquen una acción ilegal o tengan la intención de sabotear este espacio de participación serán eliminadas.</li>
+    </ul>
+    <p>Por más información <%= link_to 'www.gobiernoabierto.gub.uy', 'http://gobiernoabierto.gub.uy', class: "body-link", target: :_blank %></p>
+  </div>
+</div>