Updated derivate/index and relatives wallpapers images

assets/sass/www.scss

@@ -15,4 +15,32 @@
     &.ubuntu {
         background: url(images/wallpapers/ubuntu.jpg) 100% 70%;
     }
+
+    &.kubuntu {
+        background: url(images/derivate/kubuntu/kubuntu-default-wallpaper.jpg) 100% 100%;
+    }
+    
+    &.xubuntu {
+        background: url(images//derivate/xubuntu/xubuntu-default-wallpaper.jpg) 100% 70%;
+    }
+    
+    &.lubuntu {
+        background: url(images/derivate/lubuntu/lubuntu-default-wallpaper.jpg) 100% 70%;
+    }
+    
+    &.ubuntugnome {
+        background: url(images/derivate/ubuntugnome/ubuntugnome-default-wallpaper.jpg) 100% 70%;
+    }
+    
+    &.ubuntumate {
+        background: url(images/derivate/ubuntumate/ubuntumate-default-wallpaper.jpg) 100% 50%;
+    }
+    
+    &.edubuntu {
+        background: url(images/derivate/edubuntu/edubuntu-default-wallpaper.jpg) 100% 55%;
+    }
+ 
+    &.ubuntustudio {
+        background: url(images/derivate/ubuntustudio/ubuntustudio-default-wallpaper.jpg) 100% 100%;
+    }
 }

uitwww/templates/pages/derivate/index.html

@@ -24,7 +24,7 @@
 
 <!--Start ROW HERO-->
 <div class="row row-hero">
-    	<div class="twelwe-col">
+    	<div class="twelve-col">
 		<h1>Progetti derivati</h1>
 		<p>Ubuntu è un sistema operativo diffuso ed è molto usato anche come punto di partenza per chi vuol creare il proprio sistema operativo. Progetti derivati da Ubuntu comprendono ad esempio versioni specifiche per lingua o per hardware. Qui sotto trovi le derivate ufficiali di Ubuntu.</p>    				
 		<p>Esistono, inoltre, anche molte derivate non ufficiali. Per un elenco completo fare riferimento alla pagina wiki del <a href="https://wiki.ubuntu.com/DerivativeTeam/Derivatives" target="_blank">Derivatives Team</a> (en).</p>		  
@@ -33,66 +33,78 @@
 <!--END ROW HERO-->
 
 <!--START ROW ZERO-->
-<div class="row vertical-divider">
-	<div class="four-col">
-		<h2>Kubuntu
-			<img src="+assets/images/derivate/kubuntu/kubuntu-logo-32.png">
-		</h2>
+<div class="row background-wallpaper kubuntu">
+	<div class="twelve-col text-center">
+		<h1>Kubuntu</h1>
 		<p><a href="http://www.kubuntu.org" target="_blank">Kubuntu</a> è la versione di Ubuntu basata sull'ambiente grafico <a href="http://www.kde.org" target="_blank">KDE</a>, un sistema intuitivo e gradevole, che offre una coinvolgente esperienza utente.</p>
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_kubuntu_index') }}">Kubuntu</a>!</p>
+		<p><img src="+assets/images/derivate/kubuntu/kubuntu-logo-32.png"</p>
 	</div>
-	<div class="four-col">
-		<h2>Xubuntu   
-			<img src="+assets/images/derivate/xubuntu/xubuntu-logo-32.png">			
-		</h2>
+</div>
+<div class="row background-wallpaper xubuntu">
+	<div class="twelve-col text-center">
+		<h1>Xubuntu</h1>
 		<p><a href="" target="_blank">Xubuntu</a> è un sistema operativo elegante e facile da configurare. Xubuntu è dotato di <a href="https://www.xfce.org/">Xfce</a>, che è un ambiente desktop stabile e leggero.</p>
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_xubuntu_index') }}">Xubuntu</a>!</p>
+		<p><img src="+assets/images/derivate/xubuntu/xubuntu-logo-32.png"></p>
 	</div>
-	<div class="four-col last-col">
-			<h2>Lubuntu
-				<img src="+assets/images/derivate/lubuntu/lubuntu-logo-32.png">
-			</h2>
+</div>
+<div class="row background-wallpaper lubuntu">
+	<div class="twelve-col text-center">
+			<h1>Lubuntu</h1>
 		<p><a href="https://wiki.ubuntu.com/Lubuntu" target="_blank">Lubuntu</a>, basato sull'ambiente grafico <a href="http://lxde.org/">LXDE</a>, fornisce un sistema leggero, poco esoso di risorse hardware e orientato al risparmio energetico.</p>
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_lubuntu_index') }}">Lubuntu</a>!</p>
+		<p><img src="+assets/images/derivate/lubuntu/lubuntu-logo-32.png"></p>
 	</div>
 </div>
 <!--END ROW ZERO-->
 
-<!--START ROW ONE-->
-<div class="row vertical-divider">
-	<div class="four-col">
-		<h2>Ubuntu GNOME
-			<img src="+assets/images/derivate/ubuntugnome/ubuntugnome-logo-32.png">			
-		</h2>
+<!--START ROW UBUNTUGNOME-->
+<div class="row background-wallpaper ubuntugnome">
+	<div class="twelve-col text-center">
+		<h1>Ubuntu GNOME</h1>
 		<p><a href="http://ubuntugnome.org/" target="_blank">Ubuntu GNOME</a> utilizza un ambiente grafico <a href="http://gnome.org">GNOME 3</a>, fornendo un'esperienza il più possibile fedele a GNOME ma con tutti i vantaggi di Ubuntu.</p>
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_ubuntugnome_index') }}">Ubuntu GNOME</a>!</p>
+		<p><img src="+assets/images/derivate/ubuntugnome/ubuntugnome-logo-32.png"></p>
 	</div>
-	<div class="four-col">
-		<h2>Ubuntu MATE   
-			<img src="+assets/images/derivate/ubuntumate/ubuntumate-logo-32.png">			
-		</h2>
+</div>
+<!-- END ROW-->
+
+<!-- START ROW UBUNTU MATE-->
+<div class="row background-wallpaper ubuntumate">
+	<div class="twelve-col text-center">
+		<h1>Ubuntu MATE</h1>
 		<p><a href="" target="_blank">Ubuntu MATE</a> è la versione di Ubuntu rilasciata con l'ambiente grafico MATE, fornendo un ambiente più tradizionale ma con tutti i pregi di Ubuntu.</p>
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_ubuntumate_index') }}">Ubuntu MATE</a>!</p>
+		<p><img src="+assets/images/derivate/ubuntumate/ubuntumate-logo-32.png"></p>
 	</div>
-	<div class="four-col last-col">
-		<h2>Edubuntu
-			<img src="+assets/images/derivate/edubuntu/edubuntu-logo-32.png">
-		</h2>
+</div>
+<!-- END ROW-->
+
+<!-- START ROW EDUBUNTU-->
+<div class="row background-wallpaper edubuntu">
+	<div class="twelve-col text-center">
+		<h1>Edubuntu</h1>
 		<p><a href="" target="_blank">Edubuntu</a> è nata per l'uso negli ambienti scolastici. Per raggiungere questo scopo sono state implementate applicazioni, strumenti, contenuti e temi adatti all'apprendimento.</p>
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_edubuntu_index') }}">Eubuntu</a>!</p>
+		<p><img src="+assets/images/derivate/edubuntu/edubuntu-logo-32.png"></p>
 	</div>
 </div>
-<!--END ROW ONE-->
+<!--END ROW -->
 
-<!--START ROW TWO-->
-<div class="row vertical-divider">
-	<div class="four-col pull-two">
-		<h2>Ubuntu STUDIO
-			<img src="+assets/images/derivate/ubuntustudio/ubuntustudio-logo-32.png">			
-		</h2>
+<!--START ROW UBUNTU STUDIO -->
+<div class="row background-wallpaper ubuntustudio">
+	<div class="twelve-col text-center">
+		<h1>Ubuntu STUDIO</h1>
 		<p><a href="http://www.kubuntu.org" target="_blank">Ubuntu STUDIO</a> è rivolto agli appassionati e ai professionisti di audio, video e grafica nel mondo GNU/Linux. Fornisce una suite completa delle migliori applicazioni open source disponibili per creazioni multimediali.</p>
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_ubuntustudio_index') }}">Ubuntu STUDIO</a>!</p>
+		<p><img src="+assets/images/derivate/ubuntustudio/ubuntustudio-logo-32.png"></p>
 	</div>
+</div>
+<!--END ROW -->
+
+<!-- START ROW-->
+<div class="row">
 	<div class="four-col">
 		<h2>Mythbuntu   
 			<img src="+assets/images/derivate/mythbuntu/mythbuntu-logo-32.png">			
@@ -102,6 +114,6 @@ Può essere usata sia come sistema multimediale autonomo o integrata in una rete
 		<p>Vuoi altre informazioni? Leggi la pagina <a href="{{ url_for('pages.derivate_mythbuntu_index') }}">Mythbuntu</a>!</p>
 	</div>
 </div>
-<!--END ROW TWO-->
+<!--END ROW -->
 
 {% endblock %}