prima bozza homepage

assets/scss/www.scss

@@ -11,7 +11,7 @@ div.page div.row.background-wallpaper {
 
     &.ubuntu, &.desktop, &.kubuntu, &.lubuntu, &.xubuntu, &.ubuntu-mate,
     &.ubuntu-budgie, &.ubuntukylin, &.ubuntustudio, &.ubuntu-touch,
-    &.nuovo-rilascio {
+    &.nuovo-rilascio, &.banner-latest {
         color: #fff;
 
         border-top: 0;
@@ -83,6 +83,10 @@ div.page div.row.background-wallpaper {
     &.nuovo-rilascio {
         background: url("images/wallpapers/nuovo-rilascio.png") 100% 0%;
     }
+
+    &.banner-latest {
+        background: url("images/wallpapers/banner-latest.png") 100% 50%;
+    }
 }
 
 div.page div.row.download-index-distro {

uitwww/templates/pages/index.html

 {# Source code of the Ubuntu-it website
  # Copyright (C) 2015  Pietro Albini <pietroalbini@ubuntu.com>
+ # Copyright (C) 2021  Alessandro Viprati <vipri.alessandro@gmail.com>
  #
  # This program is free software: you can redistribute it and/or modify
  # it under the terms of the GNU Affero General Public License as published
@@ -18,24 +19,63 @@
 {% extends "layout.html" %}
 
 {% block title %}Home page{% endblock %}
-
 {% block content %}
-    <div class="page">
-        <div class="row">
-            <div class="col">
-                <p>
-                    Questo sito contiene la versione in fase di sviluppo del sito web
-                    di ubuntu-it.<br>
-                    Non è ancora completo, e potrebbe subire modifiche sostanziali,
-                    oltre a contenere errori.
-                </p>
-                <p>
-                    Se volete contribuire siete i benvenuti!
-                    <a href="http://wiki.ubuntu-it.org/GruppoWeb/Contribuire">
-                        Scopri come aiutarci</a>!
-                </p>
-                <p><b>Il Gruppo Web di ubuntu-it</b></p>
-            </div>
+<div class="page">
+    <div class="row background-wallpaper banner-latest" style="padding: 80px;">
+        <div class="col text-center">
+            <h1>Ubuntu 21.10</h1>
+            <p class="intro text-center">Le ultime novità dal mondo del software
+            libero, con stile.</p>
+            <a class="btn" href="{{ url_for("pages.scopri-ubuntu_nuovo-rilascio") }}">Scopri di più</a>
+            <a class="btn" href="{{ url_for("download.landing", distro="desktop") }}">Scarica Ubuntu</a>
+	</div>
+    </div>
+</div>
+<div class="page">
+    <div class="row">
+        <div class="col">
+            <h2>Comunità italiana</h2>
+            <p>Ubuntu-it è la comunità italiana di Ubuntu organizzata in
+            <a href="{{ url_for('pages.comunita_index') }}">gruppi di lavoro</a>,
+            ciascuno con obbiettivi diversi: dallo sviluppo
+            al supporto, alla documentazione, alla promozione...</p>
+        </div>
+        <div class="col">
+            <h2>Derivate</h2>
+            <p>Interfacce diverse ma sotto batte lo stesso cuore, per essere
+            libero di scegliere. Scopri le differenze e gli obiettivi nella
+            <a href="{{ url_for('pages.derivate_index') }}">pagina dedicata</a>.</p>
+        </div>
+        <div class="col">
+            <h2>Supporto</h2>
+            <p>Cerca risposte alle tue domande nei
+            <a href="{{ url_for('pages.supporto') }}">portali di Ubuntu-it</a> e
+            aiutaci a fornire supporto a chi ne ha bisogno.</p>
+        </div>
+    </div>
+</div>
+<div class="page">
+    <div class="row">
+        <div class="col">
+            <h2>Ultime novità</h2>
+        </div>
+        <div class="col">
+            <p>inserire link ultimi articoli <a href="/news">blog</a>.</p>
+        </div>
+    </div>
+</div>
+<div class="page">
+    <div class="row">
+        <div class="col col-fourth col-center">
+        </div>
+        <div class="col col-fourth col-center">
+            <h2>Sponsor tecnico</h2>
+        </div>
+        <div class="col col-fourth col-center">
+            <p><a href="http://www.top-ix.org"><img src="{{ url_for("static", filename="images/logo/topix-logo.jpg") }}" style="width:203px; height:150px;" alt="Top-ix logo" /></a></p>
+        </div>
+        <div class="col col-fourth col-center">
         </div>
     </div>
+</div>
 {% endblock %}