Completata la pagina Contribuire

uitwww/templates/actions/show.html

@@ -15,18 +15,94 @@
  # along with this program.  If not, see <http://www.gnu.org/licenses/>.
  #}
 
-{% extends "layout.html" %}
-{% from "actions/macros.html" import render_actions with context %}
+{% extends "layout-community.html" %}
 
-{% block title %}Azioni recenti{% endblock %}
+{% block title %}Contribuire{% endblock %}
 
 {% block content %}
-    <div class="page">
-        <div class="row">
-            <div class="col">
-                <h1>Azioni recenti</h1>
-                {{ render_actions(actions) }}
-            </div>
-        </div>
-    </div>
+<div class="row row-hero">
+	<h1 class="text-center">Contribuire</h1>
+	<p class="intro text-center">Sia che siate utenti esperti di Linux o
+	appena approdati nel mondo dell'open-source,<br> ci sono molti modi per essere coinvolti con la 
+	comunità italiana di Ubuntu.</p>
+</div>
+
+<div class="row row-hero">
+
+	<!-- first block with the intro section-->
+	<div class="row row-image-centered">
+        <div class="nine-col">
+            <h2>Che abilità servono?</h2>
+            <p>Principalmente non c'è bisogno di particolari conoscenze avanzate. Non bisogna essere sviluppatori, 
+            programmatori, designer, scrittori professionisti, traduttori... 
+     		Per aiutarci basta avere voglia di fare e di imparare. Di seguito trovi le maggiori aree di
+     		contributo e se pensi che le tue abilità possano servirci e vuoi aiutarci, scrivici!</p>
+     	</div>
+     	<span>
+     	<img src="http://design.ubuntu.com/wp-content/uploads/pictogram-locations-orange-hex.svg"/>
+     	</span>
+     </div>
+
+	<br>
+	<br>
+	<!--bottons with links to relative sections into the wiki-->
+
+<div align="center">
+	
+	<!--<div class="row">-->
+		<div class="four-col" align="center">
+			<a class="button--primary" href="http://">Web</a>
+		</div>
+		<div class="four-col" align="center">
+			<a class="button--primary" href="http://">Irc</a>
+		</div>	
+		<div class="four-col last-col" align="center">
+			<a class="button--primary" href="http://">Forum</a>
+		</div>
+	
+	
+		<div class="four-col" align="center">
+			<a class="button--primary" href="http://">Test</a>
+		</div>
+		<div class="four-col" align="center"> 
+			<a class="button--primary" href="http://">Sviluppo</a>
+		</div>
+		<div class="four-col last-col" align="center">
+			<a class="button--primary" href="http://">Mailing List</a>
+		</div>
+	
+	
+		<div class="four-col" align="center">
+			<a class="button--primary" href="http://">Promozione</a>
+		</div>
+		<div class="four-col" align="center">
+			<a class="button--primary" href="http://">Traduzione</a>
+		</div>
+		<div class="four-col last-col" align="center">
+			<a class="button--primary" href="http://">Fcm</a>
+		</div>
+	
+</div>
+</div>
+
+<!--last block with the various contacts-->
+<div class="row row-hero">
+
+	<div class="row row-image-centered">
+	<div class="eight-col">
+		<h2>Ancora dubbi?</h2>
+		<p>Nonostante la grande varietà di argomenti non sai dove poter contribuire al meglio?<br>
+		Nessun problema! Siamo qui anche per questo.<br><br>
+		Di seguito trovi i maggiori canali dove potrai esporre i tuoi quesiti:
+		<ul>
+			<li>Sul nostro <a href="http://">forum</a></li>
+			<li>Sulla nostra <a href="https://">Mailing List</a></li>
+			<li>Sulla chat IRC del canale #ubuntu-it su chat.freenode.net utilizzabile anche da <a href="http://">chat</a> 
+			nella sezione "chat libera"</li>
+		</ul>
+	</div>
+	<span><img src="http://design.ubuntu.com/wp-content/uploads/pictogram-help-orange-hex.svg"/>
+	</span>
+	</div>
+</div>
 {% endblock %}