Merge pull request #1 from LeonardoMantovani/master

Impostazione iniziale del sito a partire dal tema "Forty"
Aggiunti Funkwhale e Mobilizon anche alla pagina Social-Fediverso
2021-11-02 12:39:35 +01:00 · 2021-10-06 22:31:35 +02:00 · 2021-09-29 14:02:02 +02:00 · 2021-09-27 14:53:29 +02:00 · 2021-09-17 13:33:48 +02:00 · 2021-06-06 19:46:39 +02:00
89 changed files with 1070 additions and 610 deletions
--- a/1
+++ b/1
@ -1,6 +1,7 @@
 source 'https://rubygems.org'

 gem 'jekyll', '~> 4.2'
+gem 'webrick', '~> 1.7'

 group :jekyll_plugins do
  gem 'jekyll-timeago', '~> 0.13.1'
--- a/README.md
+++ b/README.md
@ -1,34 +1,14 @@
-# Forty - Jekyll Theme
+# Devol Website

-A Jekyll version of the "Forty" theme by [HTML5 UP](https://html5up.net/).  
+Sito web per il collettivo Devol, per sostituire quello attualmente su [devol.it](https://devol.it)

 ![Forty Theme](assets/images/forty.jpg "Forty Theme")

-# How to Use
-
-For those unfamiliar with how Jekyll works, check out [jekyllrb.com](https://jekyllrb.com/) for all the details, 
-or read up on just the basics of [front matter](https://jekyllrb.com/docs/frontmatter/), [writing posts](https://jekyllrb.com/docs/posts/), 
-and [creating pages](https://jekyllrb.com/docs/pages/).
-
- **GitLab**: Simply fork this repository and start editing the `_config.yml` file!  
- **GitHub**:
-1. Fork this repository.
-2. Set up a Personal Access Token ([instructions](https://jekyllrb.com/docs/continuous-integration/github-actions/#providing-permissions)) named `JEKYLL_PAT`.
-3. The GitHub Actions workflow should have run when you forked the repo. This initial run will fail because of the missing `JEKYLL_PAT` secret not being set. Got to the workflow run and click "re-run all workflows". This time it should succeed.
-4. Start editing the `_config.yml` file!
-
-> NOTE: GitHub Actions is required to deploy to GitHub Pages because GitHub [refuses to update their version of Jekyll](https://github.com/github/pages-gem/issues/651).
-
-# Added Features
-
-* **[Formspree.io](https://formspree.io/) contact form integration** - just add your email to the `_config.yml` and it works!
-* Use `_config.yml` to **set whether the homepage tiles should pull pages or posts**, as well as how many to display.
-* Add your **social profiles** easily in `_config.yml`. Only social profiles buttons you enter in `config.yml` show up on the site footer!
-* Set **featured images** in front matter.
-
 # Credits

-Original README from HTML5 UP:
+Questo sito utilizza un tema di [HTML5 UP](https://html5up.net/) adattato per Jekyll da [Andrew Banchich](https://github.com/andrewbanchich)
+
+README originale di HTML5 UP:

 ```
 Forty by HTML5 UP
@ -67,5 +47,3 @@ Credits:
 		Respond.js (j.mp/respondjs)
 		Skel (skel.io)
 ```
-
-Repository [Jekyll logo](https://github.com/jekyll/brand) icon licensed under a [Creative Commons Attribution 4.0 International License](http://choosealicense.com/licenses/cc-by-4.0/).
--- a/_config.yml
+++ b/_config.yml
@ -1,35 +1,35 @@
 # site settings
-title: Forty
-subtitle: by HTML5 UP
-email: youremailaddress@gmail.com
-description: A responsive site template designed by HTML5 Up<br /> and released under the Creative Commons.
-baseurl: "/forty-jekyll-theme" # the subpath of your site, e.g. /blog
-url: # the base hostname & protocol for your site
-author:
-street_address: 1234 Somewhere Road
-city: Nashville
-state: TN
-zip_code: 55555
-country: United States of America
-phone: (716) 555-5555
+title: Devol
+subtitle: Un web più libero è possibile
+description: Un web più libero è possibile.
+baseurl: "/devol-website" # the subpath of your site, e.g. /blog
+url: https://LeonardoMantovani.github.io # the base hostname & protocol for your site
+
+# recapiti
+email: admin@devol.it
+newsletter: https://buttondown.email/devol
+stanza-matrix: https://chat.mozilla.org/#/room/#mastodon:mozilla.org
+pagina-ko-fi: https://ko-fi.com/devol
+pagina-coindrop: https://coindrop.to/devol

 # homepage tiles
 tiles-source: pages # accepts "posts" or "pages"
-tiles-count: 6
+tiles-count: 12
+
+# profili social (fedi-socials' keys must match the name of a fedicon icon,
+# socials' keys must match name of font awesome 4 icon)
+fedi-socials:
+  Telegram: https://t.me/devolitalia
+  Mastodon: https://mastodon.uno/@devol
+  Peertube:
+  Writefreely:
+  Pixelfed: https://pixelfed.uno/devol
+  Funkwhale:
+  Mobilizon:
+  Gitea: https://gitea.it/devol/

-# social settings (key must match name of font awesome icon)
-# see https://fontawesome.com/icons?d=gallery&p=2&s=brands
-# Icons are not shown if value is empty
-# You need to restart jekyll for changes to have an effect
 socials:
-  GitHub: https://github.com/andrewbanchich
-  GitLab:
-  Google-Plus: https://plus.google.com/u/0/+AndrewBanchich
-  Instagram:
-  LinkedIn: https://www.linkedin.com/in/andrew-banchich-a4ba1195
-  Twitter: https://twitter.com/andrewbanchich
-  Facebook:
-  Slack:
+  GitHub: https://github.com/devolitalia

 # build settings
 markdown: kramdown
@ -41,4 +41,4 @@ exclude:
 - "*.gemspec"
 - LICENSE.md
 - CONTRIBUTING.md
- README.md 
+- README.md
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -4,7 +4,7 @@
 		<section>
 			<form action="https://formspree.io/{{ site.email }}" method="POST">
 				<div class="field half first">
-					<label for="name">Name</label>
+					<label for="name">Nome</label>
 					<input type="text" name="name" id="name" />
 				</div>
 				<div class="field half">
@ -12,53 +12,61 @@
 					<input type="text" name="_replyto" id="email" />
 				</div>
 				<div class="field">
-					<label for="message">Message</label>
+					<label for="message">Messaggio</label>
 					<textarea name="message" id="message" rows="6"></textarea>
 				</div>
 				<ul class="actions">
-					<li><input type="submit" value="Send Message" class="special" /></li>
-					<li><input type="reset" value="Clear" /></li>
+					<li><input type="submit" value="Invia Messaggio" class="special" /></li>
+					<li><input type="reset" value="Annulla" /></li>
 				</ul>
 			</form>
 		</section>
 		<section class="split">
 			<section>
 				<div class="contact-method">
-					<span class="icon alt fa-envelope"></span>
-					<h3>Email</h3>
-					<a href="mailto:{{ site.email }}">{{ site.email }}</a>
+					<a href="{{ site.newsletter }}">
+						<span class="icon alt fa-envelope"></span>
+						<h3>Newsletter</h3>
+					</a>
+				</div>
+			</section>
+			<!-- <section>
+				<div class="contact-method">
+					<span class="icon alt fedicon-matrix"></span>
+					<h3>Chatta con Noi</h3>
+					<p>Per chattare con noi su Matrix, chiedici l'invito alla stanza usando il form qui a fianco ;)</p>
+				</div>
+			</section> -->
+			<section>
+					<h3>Supportaci:</h3>
+					<h4><a href="{{ site.pagina-ko-fi }}"><i class="icon alt fedicon-ko-fi"></i> Con un caffé</a></h4>
+					<h4><a href="{{ site.pagina-coindrop }}"><i class="icon alt fedicon-crypto"></i> Con criptovalute</a></h4>
+					<h4><a href="https://brave.com/brave-rewards/"><i class="icon alt fedicon-bat"></i> Con Brave</a></h4>
+			</section>
+			<!-- <section>
+				<div class="contact-method">
+					<a href="{{ site.pagina-ko-fi }}">
+						<span class="icon alt fedicon-ko-fi"></span>
+						<h3>Offrici un caffè</h3>
+					</a>
 				</div>
 			</section>
 			<section>
 				<div class="contact-method">
-					<span class="icon alt fa-phone"></span>
-					<h3>Phone</h3>
-					<a href="tel:{{ site.phone }}">{{ site.phone }}</a>
+					<a href="{{ site.pagina-coindrop }}">
+						<span class="icon alt fedicon-crypto"></span>
+						<h3>Supportaci con Criptovalute</h3>
+					</a>
 				</div>
 			</section>
 			<section>
 				<div class="contact-method">
-					<span class="icon alt fa-home"></span>
-					<h3>Address</h3>
-					<span>
-					{% if site.street_address %}
-					    {{ site.street_address }}<br />
-					{% endif %}
-					{% if site.city %}
-					    {{ site.city }},
-					{% endif %}
-					{% if site.state %}
-					    {{ site.state }} 
-					{% endif %}
-					{% if site.zip_code %}
-					    {{ site.zip_code }}<br />
-					{% endif %}
-					{% if site.country %}
-					    {{ site.country }}
-					{% endif %}
-					</span>
+					<a href="https://brave.com/brave-rewards/">
+						<span class="icon alt fedicon-crypto"></span>
+						<h3>Supportaci con Brave</h3>
+					</a>
 				</div>
-			</section>
+			</section> -->
 		</section>
 	</div>
 </section>
@ -67,6 +75,15 @@
 	<footer id="footer">
 		<div class="inner">
 			<ul class="icons">
+				{% for key_value in site.fedi-socials %}
+					{% if key_value[1] %}
+						<li>
+							<a href="{{ key_value[1] }}" class="icon alt fedicon-{{ key_value[0] | downcase }}" target="_blank" rel="noopener noreferrer" aria-label="{{ key_value[0] }}">
+								<span class="label">{{ key_value[0] }}</span>
+							</a>
+						</li>
+					{% endif %}
+				{% endfor %}
 				{% for key_value in site.socials %}
 					{% if key_value[1] %}
 						<li>
@ -78,10 +95,10 @@
 				{% endfor %}
 			</ul>
 			<ul class="copyright">
-				<li>&copy; {{ site.title }} {{ site.subtitle }}</li>
+				<li>&copy; {{ site.title }}.it</li>
 				<li>Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a></li>
-				<li>Jekyll integration: <a href="http://andrewbanchi.ch" target="_blank">Andrew Banchich</a></li>
-
+				<li>Jekyll integration: <a href="https://github.com/andrewbanchich/" target="_blank">Andrew Banchich</a></li>
+				<li>Development: <a href="https://lezsoft.com/" target="_blank">LezSoft</a></li>
 			</ul>
 		</div>
 	</footer>
--- a/_includes/head.html
+++ b/_includes/head.html
@ -6,4 +6,16 @@
 	<link rel="stylesheet" href="{{ "assets/css/main.css" | relative_url }}" />
 	<!--[if lte IE 9]><link rel="stylesheet" href="{{ "assets/css/ie9.css" | relative_url }}" /><![endif]-->
 	<!--[if lte IE 8]><link rel="stylesheet" href="{{ "assets/css/ie8.css" | relative_url }}" /><![endif]-->
+	<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/fedicons.css">
+
+	<!-- Favicon -->
+	<link rel="apple-touch-icon" sizes="180x180" href="/devol-website/assets/favicons/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/devol-website/assets/favicons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/devol-website/assets/favicons/favicon-16x16.png">
+<link rel="manifest" href="/devol-website/assets/favicons/site.webmanifest">
+<link rel="mask-icon" href="/devol-website/assets/favicons/safari-pinned-tab.svg" color="#000000">
+<link rel="shortcut icon" href="/devol-website/assets/favicons/favicon.ico">
+<meta name="msapplication-TileColor" content="#000000">
+<meta name="msapplication-config" content="/devol-website/assets/favicons/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">
 </head>
--- a/_includes/header.html
+++ b/_includes/header.html
@ -23,8 +23,8 @@
 		    {% endif %}
 		{% endfor %}
 	</ul>
-	<ul class="actions vertical">
+	<!-- <ul class="actions vertical">
 		<li><a href="#" class="button special fit">Get Started</a></li>
 		<li><a href="#" class="button fit">Log In</a></li>
-	</ul>
+	</ul> -->
 </nav>
--- a/_layouts/home.html
+++ b/_layouts/home.html
@ -19,9 +19,9 @@
                <h1>{{ page.landing-title }}</h1>
            </header>
            <div class="content">
-                <p style="text-transform: uppercase;">{{ site.description }}</p>
+                <p style="text-transform: uppercase;">{{ page.description }}</p>
                <ul class="actions">
-                    <li><a href="#one" class="button next scrolly">Get Started</a></li>
+                    <li><a href="#two" class="button next scrolly">{{ page.button-text }}</a></li>
                </ul>
            </div>
        </div>
@ -37,12 +37,12 @@
        <section id="two">
            <div class="inner">
                <header class="major">
-                    <h2>Massa libero</h2>
+                    <h2>{{ page.section-title }}</h2>
                </header>
                <p>{{ content }}</p>
-                <ul class="actions">
+                <!-- <ul class="actions">
                    <li><a href="landing.html" class="button next">Get Started</a></li>
-                </ul>
+                </ul> -->
            </div>
        </section>

--- a/all_posts.md
+++ b/all_posts.md
@ -2,7 +2,7 @@
 layout: allposts
 title: All posts
 landing-title: 'All posts'
-nav-menu: true
+nav-menu: false
 description: null
 image: null
 author: null
--- a/assets/css/fedicons.css
+++ b/assets/css/fedicons.css
@ -0,0 +1,69 @@
+@font-face {
+  font-family: 'fedicons';
+  src: url('../fonts/fedicons.eot?4217939');
+  src: url('../fonts/fedicons.eot?4217939#iefix') format('embedded-opentype'),
+       url('../fonts/fedicons.woff2?4217939') format('woff2'),
+       url('../fonts/fedicons.woff?4217939') format('woff'),
+       url('../fonts/fedicons.ttf?4217939') format('truetype'),
+       url('../fonts/fedicons.svg?4217939#fedicons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fedicons';
+    src: url('../font/fedicons.svg?4217939#fedicons') format('svg');
+  }
+}
+*/
+
+ [class^="fedicon-"]:before, [class*=" fedicon-"]:before {
+  font-family: "fedicons";
+  font-style: normal;
+  font-weight: normal;
+  speak: never;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.fedicon-funkwhale:before { content: '\e800'; } /* '' */
+.fedicon-gitea:before { content: '\e801'; } /* '' */
+.fedicon-mastodon:before { content: '\e802'; } /* '' */
+.fedicon-matrix:before { content: '\e803'; } /* '' */
+.fedicon-mobilizon:before { content: '\e804'; } /* '' */
+.fedicon-writefreely:before { content: '\e806'; } /* '' */
+.fedicon-liberapay:before { content: '\e807'; } /* '' */
+.fedicon-ko-fi:before { content: '\e808'; } /* '' */
+.fedicon-telegram:before { content: '\e809'; } /* '' */
+.fedicon-pixelfed:before { content: '\e80a'; } /* '' */
+.fedicon-crypto:before { content: '\e80b'; } /* '' */
+.fedicon-bat:before { content: '\e80c'; } /* '' */
--- a/assets/favicons/android-chrome-192x192.png
+++ b/assets/favicons/android-chrome-192x192.png
--- a/assets/favicons/android-chrome-512x512.png
+++ b/assets/favicons/android-chrome-512x512.png
--- a/assets/favicons/apple-touch-icon.png
+++ b/assets/favicons/apple-touch-icon.png
--- a/assets/favicons/browserconfig.xml
+++ b/assets/favicons/browserconfig.xml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/devol-website/assets/favicons/mstile-150x150.png"/>
+            <TileColor>#000000</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/assets/favicons/favicon-16x16.png
+++ b/assets/favicons/favicon-16x16.png
--- a/assets/favicons/favicon-32x32.png
+++ b/assets/favicons/favicon-32x32.png
--- a/assets/favicons/favicon.ico
+++ b/assets/favicons/favicon.ico
--- a/assets/favicons/mstile-150x150.png
+++ b/assets/favicons/mstile-150x150.png
--- a/assets/favicons/safari-pinned-tab.svg
+++ b/assets/favicons/safari-pinned-tab.svg
@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="640.000000pt" height="640.000000pt" viewBox="0 0 640.000000 640.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 3200 l0 -3200 3200 0 3200 0 0 3139 c0 1726 -3 3166 -6 3200 l-7
+61 -3193 0 -3194 0 0 -3200z m3528 2689 c579 -64 1138 -327 1562 -736 445
+-429 721 -975 806 -1593 24 -171 24 -519 0 -690 -83 -606 -337 -1122 -766
+-1551 -262 -262 -514 -436 -832 -573 -780 -337 -1675 -289 -2402 127 -744 427
+-1233 1160 -1342 2012 -22 174 -22 487 0 660 108 829 569 1542 1281 1975 361
+220 804 356 1250 384 85 5 341 -3 443 -15z"/>
+<path d="M3055 5594 c-16 -2 -73 -9 -125 -15 -229 -26 -498 -104 -715 -208
+-210 -100 -373 -208 -554 -366 -100 -86 -285 -284 -276 -293 3 -4 29 19 58 51
+129 141 355 306 561 409 220 110 432 178 676 214 157 24 453 24 614 0 848
+-124 1536 -721 1781 -1545 130 -439 108 -956 -61 -1389 -269 -692 -873 -1202
+-1594 -1346 -712 -142 -1429 68 -1952 574 -46 44 -84 80 -86 80 -12 0 61 -83
+168 -190 380 -379 832 -604 1375 -682 136 -19 493 -17 635 5 681 105 1261 475
+1641 1046 344 517 466 1162 338 1783 -53 260 -191 588 -341 813 -237 356 -551
+632 -933 820 -227 112 -456 183 -706 220 -100 15 -442 28 -504 19z"/>
+<path d="M2622 5139 c-367 -28 -729 -169 -1021 -397 -95 -74 -224 -192 -217
+-199 2 -3 35 21 72 52 453 385 1108 505 1690 310 109 -36 287 -121 383 -182
+140 -89 322 -254 434 -393 165 -206 290 -476 349 -757 20 -94 23 -137 23 -338
+0 -201 -3 -244 -23 -338 -140 -664 -611 -1176 -1252 -1360 -134 -39 -263 -58
+-425 -64 -419 -15 -828 119 -1146 375 -48 38 -93 73 -100 77 -29 16 69 -80
+156 -153 576 -486 1397 -586 2068 -251 183 92 339 202 485 343 282 272 465
+606 549 1001 25 121 27 146 27 370 0 223 -2 249 -27 368 -67 316 -194 586
+-387 826 -280 347 -675 589 -1105 676 -105 21 -352 48 -410 44 -11 -1 -66 -5
+-123 -10z"/>
+<path d="M2277 4749 c-296 -24 -556 -125 -810 -311 -37 -28 -66 -53 -63 -55 3
+-3 45 20 95 52 350 222 820 273 1219 134 481 -169 829 -569 939 -1080 26 -119
+26 -429 0 -549 -81 -380 -296 -704 -601 -908 -173 -116 -324 -180 -530 -224
+-147 -31 -408 -32 -558 0 -195 41 -362 110 -517 216 -45 31 -81 52 -81 47 0
+-5 35 -35 78 -68 203 -157 405 -251 656 -305 148 -32 456 -32 602 0 676 147
+1158 678 1235 1362 49 433 -118 905 -434 1228 -323 331 -772 499 -1230 461z"/>
+<path d="M1990 4454 c-98 -13 -210 -38 -288 -65 -91 -32 -282 -127 -282 -140
+0 -4 33 8 73 26 336 155 754 133 1078 -55 323 -189 532 -523 569 -906 9 -97 2
+-254 -16 -331 -100 -447 -425 -787 -861 -899 -132 -34 -339 -43 -469 -20 -121
+21 -241 59 -339 108 -57 29 -75 35 -62 21 27 -31 221 -128 322 -162 126 -42
+247 -61 390 -61 579 0 1063 379 1212 949 35 134 43 358 18 498 -45 252 -154
+468 -327 650 -183 191 -400 313 -647 363 -101 20 -298 33 -371 24z"/>
+</g>
+</svg>
--- a/assets/favicons/site.webmanifest
+++ b/assets/favicons/site.webmanifest
@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/devol-website/assets/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/devol-website/assets/favicons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
--- a/assets/fonts/fedicons.eot
+++ b/assets/fonts/fedicons.eot
--- a/assets/fonts/fedicons.svg
+++ b/assets/fonts/fedicons.svg
@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2021 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fedicons" horiz-adv-x="1000" >
+<font-face font-family="fedicons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="funkwhale" unicode="&#xe800;" d="M453-36c-145 16-273 107-339 239-25 48-44 125-44 173l0 21 66 0 2-15c1-7 3-24 4-36 6-70 47-154 102-209 43-43 81-66 134-85 184-66 386 25 458 206 15 37 22 70 26 111l2 28 66 0 0-23c0-13-2-37-5-54-29-168-157-306-322-346-52-13-100-16-150-10z m5 141c-133 22-239 137-245 265l-1 25 34 1 34 1 0-13c0-24 10-62 24-91 11-22 19-33 42-56 32-32 62-49 101-58 28-7 81-7 108 0 90 23 155 100 164 194l3 22 66 0 0-24c-2-45-21-100-51-143-16-25-56-63-81-79-46-30-89-42-146-44-23-1-46 0-52 0z m7 144c-57 14-106 69-111 126l-2 22 67 0 3-14c9-56 65-85 114-61 22 11 36 29 41 55l4 20 66 0 0-16c0-9-3-25-7-35-17-50-56-86-107-98-26-6-42-6-68 1z m20 136c-6 2-15 10-20 16-8 11-9 17-12 47-5 71-29 99-103 124-97 32-153 95-142 157l2 12 40-2c50-3 80-10 123-29 20-9 47-20 62-24 37-13 48-20 56-38l6-16 8 15c9 18 21 27 51 37 12 4 38 14 58 23 46 21 80 29 131 32l41 2 2-16c1-11 0-24-3-37-14-52-58-89-140-117-52-17-73-34-90-72-6-14-9-26-10-51-3-38-10-53-29-62-14-7-18-7-31-1z" horiz-adv-x="1000" />
+
+<glyph glyph-name="gitea" unicode="&#xe801;" d="M175 624c-77 0-180-49-175-171 9-191 205-209 284-211 8-36 100-160 169-166h299c179 12 314 543 214 545-165-8-262-12-346-13v-165l-26 11 0 154c-96 0-181 5-341 13-21 0-49 3-79 3z m10-68h10c10-98 28-155 64-243-92 11-170 38-184 137-7 52 18 105 110 106z m357-96c6 0 13-1 18-4l32-13-23-41c-3 0-6-1-10-2-14-5-22-19-17-32 1-2 3-5 5-7l-38-70c-4 0-7-1-10-2-14-4-22-19-17-32 6-13 22-19 36-15 15 5 22 19 17 32-1 4-4 7-6 10l37 68c4 0 8 0 12 1 4 1 7 3 9 5 15-6 26-11 35-15 13-7 17-11 19-16 1-4 0-13-8-29-5-11-14-28-25-47-3 0-7 0-10-1-15-5-22-19-17-32 5-13 21-20 36-15 15 5 22 19 17 32-1 3-3 6-6 8 11 19 20 36 25 48 8 17 12 29 9 41s-15 20-29 27c-10 5-22 10-36 16 0 3-1 7-2 10s-3 6-6 9l22 40 122-53c22-9 31-33 20-52l-84-154c-10-19-36-27-58-18l-173 75c-22 9-31 33-20 52l84 154c7 13 22 21 37 22h3z" horiz-adv-x="1000" />
+
+<glyph glyph-name="mastodon" unicode="&#xe802;" d="M816 500c0 190-124 246-124 246-122 56-447 55-568 0 0 0-124-56-124-246 0-226-13-506 206-565 79-20 147-25 202-22 99 6 155 36 155 36l-3 72s-71-23-151-20c-79 3-162 9-175 105-1 9-2 18-2 28 167-41 310-18 349-13 110 13 205 80 217 142 20 97 18 237 18 237z m-147-244h-91v223c0 97-125 101-125-14v-122h-90v122c0 115-125 111-125 14v-223h-91c0 238-10 289 36 342 50 56 156 60 202-12l23-38 23 38c47 72 152 68 202 12 47-54 36-104 36-342z" horiz-adv-x="816" />
+
+<glyph glyph-name="matrix" unicode="&#xe803;" d="M844-125v953h-68v23h95v-1000h-95v23z m-590 650v-48h2c12 17 28 32 46 43 18 10 39 15 62 15 23 0 44-5 62-13 19-9 33-24 42-47 11 16 25 30 44 42 18 12 39 18 64 18 19 0 36-3 52-7 16-5 30-12 41-22 12-11 21-24 27-40 7-16 10-36 10-59v-239h-98v202c0 12 0 23-1 34-1 10-4 19-8 28-4 7-10 14-18 18-8 5-19 7-33 7-14 0-25-3-33-8-9-5-16-12-20-21-5-8-9-18-10-28-2-11-2-22-2-33v-199h-98v200c0 11 0 21-1 32 0 9-2 19-6 28-3 9-9 16-17 21-8 5-20 8-36 8-6 0-12-1-18-3-8-2-15-6-22-12-7-5-13-14-18-25-5-10-8-24-8-42v-207h-97v356z m-228 302v-953h69v-23h-95v1000h94v-23z" horiz-adv-x="872" />
+
+<glyph glyph-name="mobilizon" unicode="&#xe804;" d="M252 19c-79 25-129 86-147 178-13 69 1 171 31 222 78 135 291 125 360-15 21-42 28-88 25-161-3-70-13-108-43-151-44-64-147-98-226-73z m92 89c41 21 58 66 58 153 0 73-12 117-38 143-16 16-22 18-47 18-41 0-60-11-77-49-27-59-23-191 8-237 21-33 64-45 96-28z m-63 471c-18 6-24 12-29 27-8 20-6 55 4 72 8 15 59 24 90 16 31-8 36-13 40-41 5-32-3-60-20-68-22-10-62-13-85-6z" horiz-adv-x="622" />
+
+<glyph glyph-name="writefreely" unicode="&#xe806;" d="M1374 266c-21-56-47-108-79-157-32-48-68-90-109-127-41-36-86-64-134-85-48-20-99-31-152-31-22 0-45 4-68 11-23 6-44 18-63 35-18 18-33 42-45 71-11 30-17 68-17 113 0 17 1 35 3 55l-4 0c-13-37-31-73-53-107-22-34-48-65-77-91-28-26-60-48-93-64-33-15-67-23-101-23-37 0-68 7-93 20-25 13-45 30-60 52-15 23-26 49-33 78-7 30-10 62-10 96 0 50 2 101 7 155 6 54 11 106 18 157 6 50 11 96 16 138 6 43 8 78 8 105 0 12 0 23-1 33-1 11-3 21-7 29-4 8-9 14-16 19-6 5-15 7-27 7-11 0-22-3-33-10-12-6-23-16-35-31-11-14-22-33-33-56-11-23-21-52-31-85l-52 11c4 22 12 49 23 79 12 30 27 59 46 87 20 28 43 52 71 71 28 19 61 29 99 29 50 0 87-16 113-47 26-31 40-76 40-136 0-27-2-59-4-94-3-34-6-70-10-107-4-38-8-76-12-114-4-38-9-75-13-110-4-34-7-65-9-93-3-28-4-51-4-69 0-14 1-28 4-42 2-13 7-25 13-35 6-11 14-20 25-26 10-7 23-10 39-10 40 0 80 14 120 44 39 29 74 72 104 128 32 55 57 124 76 205 19 81 29 174 29 277 0 33-1 66-3 100-2 35-5 71-10 108l161 0c1-6 2-12 3-20 1-8 2-15 3-23 0-8 0-16 0-24 1-8 1-13 1-18 0-63-3-123-10-182-6-57-13-112-21-165-8-52-15-102-22-150-6-48-9-93-9-136 0-18 1-36 4-54 3-18 8-34 15-47 8-14 19-25 32-33 14-8 33-12 55-12 30 0 61 6 92 19 31 14 60 32 89 56 28 24 54 53 78 86 24 33 45 69 63 109 19 41 33 83 42 129 11 46 16 93 16 142 0 24-1 47-4 70-4 23-8 44-15 64-7 19-16 36-29 50-11 15-26 26-43 33-7-16-18-28-32-36-14-7-29-11-45-11-9 0-18 2-27 5-9 3-18 8-25 15-8 6-14 15-19 24-5 11-7 23-7 37 0 11 2 21 5 32 5 11 11 21 20 30 8 9 20 16 34 22 14 6 32 9 54 9 38 0 71-9 99-27 28-17 52-41 70-71 18-30 32-65 41-105 10-40 14-82 14-127 0-42-4-84-12-128-7-43-19-85-34-126l0 0z" horiz-adv-x="1471" />
+
+<glyph glyph-name="liberapay" unicode="&#xe807;" d="M97 850c-54 0-97-43-97-97v-806c0-54 43-97 97-97h806c54 0 97 43 97 97v806c0 54-43 97-97 97z m383-166l-94-392c-2-7-3-15-3-22-1-6 1-13 3-18 4-6 9-10 14-13 7-3 16-5 28-6l-20-83c-33 0-58 4-76 12-19 8-32 20-40 34-8 16-12 33-11 50 0 19 3 39 7 61l87 361z m163-162c25 0 47-4 66-11 18-8 33-19 45-32 12-13 20-29 26-47 6-18 8-37 8-57 0-33-5-64-16-91-10-27-26-51-45-71-20-21-43-36-70-47-26-11-56-16-88-16-15 0-30 1-46 4l-30-124h-101l113 471c18 6 39 10 62 15 25 4 50 6 76 6z m-13-85c-14 0-27-1-41-4l-47-198c7-2 17-3 28-3 18 0 34 4 48 10 15 7 27 16 37 28 11 12 19 26 24 42 6 18 9 36 9 55 0 20-5 36-13 50-9 13-24 20-45 20z" horiz-adv-x="1000" />
+
+<glyph glyph-name="ko-fi" unicode="&#xe808;" d="M995 477c-32 170-202 192-202 192h-763c-25 0-28-34-28-34s-4-305-1-492c7-101 108-112 108-112s344 1 498 2c102 18 112 107 111 156 181-10 309 118 277 288z m-461-146c-52-61-167-166-167-166s-5-5-13-1c-3 3-4 4-4 4-19 18-141 127-168 165-30 40-44 112-4 154 39 42 125 46 182-16 0 0 65 74 144 40 79-35 76-126 30-180z m257-20c-38-5-70-1-70-1v236h74c0 0 82-22 82-109 0-80-41-112-86-126z" horiz-adv-x="1000" />
+
+<glyph glyph-name="telegram" unicode="&#xe809;" d="M484 834c-267 0-484-216-484-484s217-484 484-484 485 216 485 484-217 484-485 484z m238-331l-79-375c-6-27-22-33-44-21l-121 90-58-57c-7-6-12-11-25-11l9 123 224 203c10 8-2 13-15 4l-277-174-120 37c-26 8-26 26 6 39l467 180c21 7 40-6 33-38z" horiz-adv-x="969" />
+
+<glyph glyph-name="pixelfed" unicode="&#xe80a;" d="M462 243h91c86 0 156 67 156 150 0 84-70 151-156 151h-131c-50 0-90-39-90-87v-338z m538 107c0-276-224-500-500-500-276 0-500 224-500 500 0 276 224 500 500 500 276 0 500-224 500-500z" horiz-adv-x="1000" />
+
+<glyph glyph-name="crypto" unicode="&#xe80b;" d="M500-150c-276 0-500 224-500 500s224 500 500 500 500-224 500-500-224-500-500-500z m156 692l26 101-81 21-21-81c-6 2-13 4-20 6-6 2-13 3-20 4l20 81-81 20-25-101c-94-17-173-86-197-182s14-194 88-253l-25-101 81-20 20 80c6-2 13-4 20-6 7-2 14-3 20-4l-20-81 81-20 26 102c66 12 125 50 162 105l-89 22c-40-40-100-59-160-44-90 22-145 111-123 199s113 142 202 119c61-15 105-60 121-114l89-22c-7 66-41 127-94 169z" horiz-adv-x="1000" />
+
+<glyph glyph-name="bat" unicode="&#xe80c;" d="M341 55l462 0-1-1 340-197 1 2 1 0c-3-6-10-9-19-9l-1104 0c-8 0-13 2-17 6l338 197-1 2z m804-193l-2-3 1 0c0 1 1 2 1 3z m-1144-2c-2 5-1 12 3 19l276 479 276 478c4 7 9 11 14 12l0-392 1 0-231-400 0 1-339-197z m804 197l0 1 340-196c1 5 0 11-3 17l-552 957c-4 7-9 11-14 12l0-392-1 0 230-399z" horiz-adv-x="1145" />
+</font>
+</defs>
+</svg>
--- a/assets/fonts/fedicons.ttf
+++ b/assets/fonts/fedicons.ttf
--- a/assets/fonts/fedicons.woff
+++ b/assets/fonts/fedicons.woff
--- a/assets/fonts/fedicons.woff2
+++ b/assets/fonts/fedicons.woff2
--- a/assets/images/banner.jpg
+++ b/assets/images/banner.jpg
--- a/assets/images/banner_old.jpg
+++ b/assets/images/banner_old.jpg
--- a/assets/images/logos/eventi/mobilizon.jpg
+++ b/assets/images/logos/eventi/mobilizon.jpg
--- a/assets/images/logos/file_sharing/jirafeau.jpg
+++ b/assets/images/logos/file_sharing/jirafeau.jpg
--- a/assets/images/logos/gestore_password/bitwarden.jpg
+++ b/assets/images/logos/gestore_password/bitwarden.jpg
--- a/assets/images/logos/gestore_password/keeweb.jpg
+++ b/assets/images/logos/gestore_password/keeweb.jpg
--- a/assets/images/logos/motori_di_ricerca/searchforplanet.jpg
+++ b/assets/images/logos/motori_di_ricerca/searchforplanet.jpg
--- a/assets/images/logos/motori_di_ricerca/searx.jpg
+++ b/assets/images/logos/motori_di_ricerca/searx.jpg
--- a/assets/images/logos/musica/funkwhale.jpg
+++ b/assets/images/logos/musica/funkwhale.jpg
--- a/assets/images/logos/office/cryptpad.png
+++ b/assets/images/logos/office/cryptpad.png
--- a/assets/images/logos/social/image-sharing.jpg
+++ b/assets/images/logos/social/image-sharing.jpg
--- a/assets/images/logos/social/pixelfed.jpg
+++ b/assets/images/logos/social/pixelfed.jpg
--- a/assets/images/logos/social/writefreely.jpg
+++ b/assets/images/logos/social/writefreely.jpg
--- a/assets/images/logos/sondaggi/opensondage_temp.jpg
+++ b/assets/images/logos/sondaggi/opensondage_temp.jpg
--- a/assets/images/logos/testo_e_codice/etherpad.jpg
+++ b/assets/images/logos/testo_e_codice/etherpad.jpg
--- a/assets/images/logos/testo_e_codice/gitea.jpg
+++ b/assets/images/logos/testo_e_codice/gitea.jpg
--- a/assets/images/logos/testo_e_codice/hedgedoc.jpg
+++ b/assets/images/logos/testo_e_codice/hedgedoc.jpg
--- a/assets/images/logos/testo_e_codice/privatebin.jpg
+++ b/assets/images/logos/testo_e_codice/privatebin.jpg
--- a/assets/images/logos/video/alltubedownload.jpg
+++ b/assets/images/logos/video/alltubedownload.jpg
--- a/assets/images/logos/video/invidious.jpg
+++ b/assets/images/logos/video/invidious.jpg
--- a/assets/images/logos/video/peertube.jpg
+++ b/assets/images/logos/video/peertube.jpg
--- a/assets/images/pic01.jpg
+++ b/assets/images/pic01.jpg
--- a/assets/images/pic02.jpg
+++ b/assets/images/pic02.jpg
--- a/assets/images/pic03.jpg
+++ b/assets/images/pic03.jpg
--- a/assets/images/pic04.jpg
+++ b/assets/images/pic04.jpg
--- a/assets/images/pic05.jpg
+++ b/assets/images/pic05.jpg
--- a/assets/images/pic06.jpg
+++ b/assets/images/pic06.jpg
--- a/assets/images/pic07.jpg
+++ b/assets/images/pic07.jpg
--- a/assets/images/pic08.jpg
+++ b/assets/images/pic08.jpg
--- a/assets/images/pic09.jpg
+++ b/assets/images/pic09.jpg
--- a/assets/images/pic10.jpg
+++ b/assets/images/pic10.jpg
--- a/assets/images/pic11.jpg
+++ b/assets/images/pic11.jpg
--- a/assets/images/tiles-covers/eventi.jpg
+++ b/assets/images/tiles-covers/eventi.jpg
--- a/assets/images/tiles-covers/eventi2.jpg
+++ b/assets/images/tiles-covers/eventi2.jpg
--- a/assets/images/tiles-covers/file_sharing.jpg
+++ b/assets/images/tiles-covers/file_sharing.jpg
--- a/assets/images/tiles-covers/gestore_password.jpg
+++ b/assets/images/tiles-covers/gestore_password.jpg
--- a/assets/images/tiles-covers/motori_di_ricerca.jpg
+++ b/assets/images/tiles-covers/motori_di_ricerca.jpg
--- a/assets/images/tiles-covers/musica.jpg
+++ b/assets/images/tiles-covers/musica.jpg
--- a/assets/images/tiles-covers/office.jpg
+++ b/assets/images/tiles-covers/office.jpg
--- a/assets/images/tiles-covers/social.jpg
+++ b/assets/images/tiles-covers/social.jpg
--- a/assets/images/tiles-covers/sondaggi.jpg
+++ b/assets/images/tiles-covers/sondaggi.jpg
--- a/assets/images/tiles-covers/testo_e_codice.jpg
+++ b/assets/images/tiles-covers/testo_e_codice.jpg
--- a/assets/images/tiles-covers/video.jpg
+++ b/assets/images/tiles-covers/video.jpg
--- a/assets/images/tiles-covers/video2.jpg
+++ b/assets/images/tiles-covers/video2.jpg
--- a/elements.md
+++ b/elements.md
@ -1,411 +0,0 @@
---
-layout: page
-title: Elements
-image: assets/images/pic01.jpg
-nav-menu: true
---
-
-<!-- Main -->
-<div id="main" class="alt">
-
-<!-- One -->
-<section id="one">
-	<div class="inner">
-		<header class="major">
-			<h1>Elements</h1>
-		</header>
-
-<!-- Content -->
-<h2 id="content">Sample Content</h2>
-<p>Praesent ac adipiscing ullamcorper semper ut amet ac risus. Lorem sapien ut odio odio nunc. Ac adipiscing nibh porttitor erat risus justo adipiscing adipiscing amet placerat accumsan. Vis. Faucibus odio magna tempus adipiscing a non. In mi primis arcu ut non accumsan vivamus ac blandit adipiscing adipiscing arcu metus praesent turpis eu ac lacinia nunc ac commodo gravida adipiscing eget accumsan ac nunc adipiscing adipiscing.</p>
-<div class="row">
-	<div class="6u 12u$(small)">
-		<h3>Sem turpis amet semper</h3>
-		<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat commodo eu sed ante lacinia. Sapien a lorem in integer ornare praesent commodo adipiscing arcu in massa commodo lorem accumsan at odio massa ac ac. Semper adipiscing varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
-	</div>
-	<div class="6u$ 12u$(small)">
-		<h3>Magna odio tempus commodo</h3>
-		<p>In arcu accumsan arcu adipiscing accumsan orci ac. Felis id enim aliquet. Accumsan ac integer lobortis commodo ornare aliquet accumsan erat tempus amet porttitor. Ante commodo blandit adipiscing integer semper orci eget. Faucibus commodo adipiscing mi eu nullam accumsan morbi arcu ornare odio mi adipiscing nascetur lacus ac interdum morbi accumsan vis mi accumsan ac praesent.</p>
-	</div>
-	<!-- Break -->
-	<div class="4u 12u$(medium)">
-		<h3>Interdum sapien gravida</h3>
-		<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
-	</div>
-	<div class="4u 12u$(medium)">
-		<h3>Faucibus consequat lorem</h3>
-		<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
-	</div>
-	<div class="4u$ 12u$(medium)">
-		<h3>Accumsan montes viverra</h3>
-		<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
-	</div>
-</div>
-
-<hr class="major" />
-
-<!-- Elements -->
-<h2 id="elements">Elements</h2>
-<div class="row 200%">
-	<div class="6u 12u$(medium)">
-
-<!-- Text stuff -->
-<h3>Text</h3>
-<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
-This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
-This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>.
-Finally, this is a <a href="#">link</a>.</p>
-<hr />
-<h2>Heading Level 2</h2>
-<h3>Heading Level 3</h3>
-<h4>Heading Level 4</h4>
-<hr />
-<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
-
-<!-- Lists -->
-<h3>Lists</h3>
-<div class="row">
-	<div class="6u 12u$(small)">
-
-		<h4>Unordered</h4>
-		<ul>
-			<li>Dolor etiam magna etiam.</li>
-			<li>Sagittis lorem eleifend.</li>
-			<li>Felis dolore viverra.</li>
-		</ul>
-
-		<h4>Alternate</h4>
-		<ul class="alt">
-			<li>Dolor etiam magna etiam.</li>
-			<li>Sagittis lorem eleifend.</li>
-			<li>Felis feugiat viverra.</li>
-		</ul>
-
-	</div>
-	<div class="6u$ 12u$(small)">
-
-		<h4>Ordered</h4>
-		<ol>
-			<li>Dolor etiam magna etiam.</li>
-			<li>Etiam vel lorem sed viverra.</li>
-			<li>Felis dolore viverra.</li>
-			<li>Dolor etiam magna etiam.</li>
-			<li>Etiam vel lorem sed viverra.</li>
-			<li>Felis dolore viverra.</li>
-		</ol>
-
-		<h4>Icons</h4>
-		<ul class="icons">
-			<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
-			<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
-			<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
-			<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
-			<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
-			<li><a href="#" class="icon fa-tumblr"><span class="label">Tumblr</span></a></li>
-		</ul>
-		<ul class="icons">
-			<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
-			<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
-			<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
-		</ul>
-
-	</div>
-</div>
-
-<h4>Definition</h4>
-<dl>
-	<dt>Item1</dt>
-	<dd>
-		<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Lorem ipsum dolor.</p>
-	</dd>
-	<dt>Item2</dt>
-	<dd>
-		<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Lorem ipsum dolor.</p>
-	</dd>
-	<dt>Item3</dt>
-	<dd>
-		<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Lorem ipsum dolor.</p>
-	</dd>
-</dl>
-
-<h4>Actions</h4>
-<ul class="actions">
-	<li><a href="#" class="button special">Default</a></li>
-	<li><a href="#" class="button">Default</a></li>
-</ul>
-<ul class="actions small">
-	<li><a href="#" class="button special small">Small</a></li>
-	<li><a href="#" class="button small">Small</a></li>
-</ul>
-<div class="row">
-	<div class="6u 12u$(small)">
-		<ul class="actions vertical">
-			<li><a href="#" class="button special">Default</a></li>
-			<li><a href="#" class="button">Default</a></li>
-		</ul>
-	</div>
-	<div class="6u$ 12u$(small)">
-		<ul class="actions vertical small">
-			<li><a href="#" class="button special small">Small</a></li>
-			<li><a href="#" class="button small">Small</a></li>
-		</ul>
-	</div>
-	<div class="6u 12u$(small)">
-		<ul class="actions vertical">
-			<li><a href="#" class="button special fit">Default</a></li>
-			<li><a href="#" class="button fit">Default</a></li>
-		</ul>
-	</div>
-	<div class="6u$ 12u$(small)">
-		<ul class="actions vertical small">
-			<li><a href="#" class="button special small fit">Small</a></li>
-			<li><a href="#" class="button small fit">Small</a></li>
-		</ul>
-	</div>
-</div>
-
-<!-- Blockquote -->
-<h3>Blockquote</h3>
-<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis.</blockquote>
-
-<!-- Table -->
-<h3>Table</h3>
-
-<h4>Default</h4>
-<div class="table-wrapper">
-	<table>
-		<thead>
-			<tr>
-				<th>Name</th>
-				<th>Description</th>
-				<th>Price</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr>
-				<td>Item1</td>
-				<td>Ante turpis integer aliquet porttitor.</td>
-				<td>29.99</td>
-			</tr>
-			<tr>
-				<td>Item2</td>
-				<td>Vis ac commodo adipiscing arcu aliquet.</td>
-				<td>19.99</td>
-			</tr>
-			<tr>
-				<td>Item3</td>
-				<td> Morbi faucibus arcu accumsan lorem.</td>
-				<td>29.99</td>
-			</tr>
-			<tr>
-				<td>Item4</td>
-				<td>Vitae integer tempus condimentum.</td>
-				<td>19.99</td>
-			</tr>
-			<tr>
-				<td>Item5</td>
-				<td>Ante turpis integer aliquet porttitor.</td>
-				<td>29.99</td>
-			</tr>
-		</tbody>
-		<tfoot>
-			<tr>
-				<td colspan="2"></td>
-				<td>100.00</td>
-			</tr>
-		</tfoot>
-	</table>
-</div>
-
-<h4>Alternate</h4>
-<div class="table-wrapper">
-	<table class="alt">
-		<thead>
-			<tr>
-				<th>Name</th>
-				<th>Description</th>
-				<th>Price</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr>
-				<td>Item1</td>
-				<td>Ante turpis integer aliquet porttitor.</td>
-				<td>29.99</td>
-			</tr>
-			<tr>
-				<td>Item2</td>
-				<td>Vis ac commodo adipiscing arcu aliquet.</td>
-				<td>19.99</td>
-			</tr>
-			<tr>
-				<td>Item3</td>
-				<td> Morbi faucibus arcu accumsan lorem.</td>
-				<td>29.99</td>
-			</tr>
-			<tr>
-				<td>Item4</td>
-				<td>Vitae integer tempus condimentum.</td>
-				<td>19.99</td>
-			</tr>
-			<tr>
-				<td>Item5</td>
-				<td>Ante turpis integer aliquet porttitor.</td>
-				<td>29.99</td>
-			</tr>
-		</tbody>
-		<tfoot>
-			<tr>
-				<td colspan="2"></td>
-				<td>100.00</td>
-			</tr>
-		</tfoot>
-	</table>
-</div>
-
-</div>
-<div class="6u$ 12u$(medium)">
-
-<!-- Buttons -->
-<h3>Buttons</h3>
-<ul class="actions">
-	<li><a href="#" class="button special">Special</a></li>
-	<li><a href="#" class="button">Default</a></li>
-</ul>
-<ul class="actions">
-	<li><a href="#" class="button big">Big</a></li>
-	<li><a href="#" class="button">Default</a></li>
-	<li><a href="#" class="button small">Small</a></li>
-</ul>
-<ul class="actions">
-	<li><a href="#" class="button special big">Big</a></li>
-	<li><a href="#" class="button special">Default</a></li>
-	<li><a href="#" class="button special small">Small</a></li>
-</ul>
-<ul class="actions fit">
-	<li><a href="#" class="button special fit">Fit</a></li>
-	<li><a href="#" class="button fit">Fit</a></li>
-</ul>
-<ul class="actions fit small">
-	<li><a href="#" class="button special fit small">Fit + Small</a></li>
-	<li><a href="#" class="button fit small">Fit + Small</a></li>
-</ul>
-<ul class="actions">
-	<li><a href="#" class="button special icon fa-search">Icon</a></li>
-	<li><a href="#" class="button icon fa-download">Icon</a></li>
-</ul>
-<ul class="actions">
-	<li><span class="button special disabled">Special</span></li>
-	<li><span class="button disabled">Default</span></li>
-</ul>
-
-<!-- Form -->
-<h3>Form</h3>
-
-<form method="post" action="#">
-	<div class="row uniform">
-		<div class="6u 12u$(xsmall)">
-			<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name" />
-		</div>
-		<div class="6u$ 12u$(xsmall)">
-			<input type="email" name="demo-email" id="demo-email" value="" placeholder="Email" />
-		</div>
-		<!-- Break -->
-		<div class="12u$">
-			<div class="select-wrapper">
-				<select name="demo-category" id="demo-category">
-					<option value="">- Category -</option>
-					<option value="1">Manufacturing</option>
-					<option value="1">Shipping</option>
-					<option value="1">Administration</option>
-					<option value="1">Human Resources</option>
-				</select>
-			</div>
-		</div>
-		<!-- Break -->
-		<div class="4u 12u$(small)">
-			<input type="radio" id="demo-priority-low" name="demo-priority" checked>
-			<label for="demo-priority-low">Low</label>
-		</div>
-		<div class="4u 12u$(small)">
-			<input type="radio" id="demo-priority-normal" name="demo-priority">
-			<label for="demo-priority-normal">Normal</label>
-		</div>
-		<div class="4u$ 12u$(small)">
-			<input type="radio" id="demo-priority-high" name="demo-priority">
-			<label for="demo-priority-high">High</label>
-		</div>
-		<!-- Break -->
-		<div class="6u 12u$(small)">
-			<input type="checkbox" id="demo-copy" name="demo-copy">
-			<label for="demo-copy">Email me a copy</label>
-		</div>
-		<div class="6u$ 12u$(small)">
-			<input type="checkbox" id="demo-human" name="demo-human" checked>
-			<label for="demo-human">I am a human</label>
-		</div>
-		<!-- Break -->
-		<div class="12u$">
-			<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
-		</div>
-		<!-- Break -->
-		<div class="12u$">
-			<ul class="actions">
-				<li><input type="submit" value="Send Message" class="special" /></li>
-				<li><input type="reset" value="Reset" /></li>
-			</ul>
-		</div>
-	</div>
-</form>
-
-<!-- Image -->
-<h3>Image</h3>
-
-<h4>Fit</h4>
-<span class="image fit"><img src="{% link assets/images/pic03.jpg %}" alt="" /></span>
-<div class="box alt">
-	<div class="row 50% uniform">
-		<div class="4u"><span class="image fit"><img src="{% link assets/images/pic08.jpg %}" alt="" /></span></div>
-		<div class="4u"><span class="image fit"><img src="{% link assets/images/pic09.jpg %}" alt="" /></span></div>
-		<div class="4u$"><span class="image fit"><img src="{% link assets/images/pic10.jpg %}" alt="" /></span></div>
-		<!-- Break -->
-		<div class="4u"><span class="image fit"><img src="{% link assets/images/pic10.jpg %}" alt="" /></span></div>
-		<div class="4u"><span class="image fit"><img src="{% link assets/images/pic08.jpg %}" alt="" /></span></div>
-		<div class="4u$"><span class="image fit"><img src="{% link assets/images/pic09.jpg %}" alt="" /></span></div>
-		<!-- Break -->
-		<div class="4u"><span class="image fit"><img src="{% link assets/images/pic09.jpg %}" alt="" /></span></div>
-		<div class="4u"><span class="image fit"><img src="{% link assets/images/pic10.jpg %}" alt="" /></span></div>
-		<div class="4u$"><span class="image fit"><img src="{% link assets/images/pic08.jpg %}" alt="" /></span></div>
-	</div>
-</div>
-
-<h4>Left &amp; Right</h4>
-<p><span class="image left"><img src="{% link assets/images/pic09.jpg %}" alt="" /></span>Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget tempus vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis.</p>
-<p><span class="image right"><img src="{% link assets/images/pic10.jpg %}" alt="" /></span>Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget tempus vestibulum ante ipsum primis in faucibus magna blandit adipiscing eu felis iaculis.</p>
-
-<!-- Box -->
-<h3>Box</h3>
-<div class="box">
-	<p>Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum.</p>
-</div>
-
-<!-- Preformatted Code -->
-<h3>Preformatted</h3>
-<pre><code>i = 0;
-
-while (!deck.isInOrder()) {
-    print 'Iteration ' + i;
-    deck.shuffle();
-    i++;
-}
-
-print 'It took ' + i + ' iterations to sort the deck.';
-</code></pre>
-
-</div>
-</div>
-
-</div>
-</section>
-
-</div>
--- a/generic.md
+++ b/generic.md
@ -1,13 +0,0 @@
---
-layout: post
-title: Generic
-description: Lorem ipsum dolor est
-image: assets/images/pic11.jpg
-nav-menu: true
---
-
-Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.
-
-Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.
--- a/index.md
+++ b/index.md
@ -1,11 +1,25 @@
 ---
 layout: home
 title: Home
-landing-title: 'Hi, my name is Forty'
-description: null
+landing-title: 'Siamo Devol'
+description: Forniamo alternative libere e rispettose della privacy
+button-text: Scopri di più
 image: null
-author: null
+section-title: Non abbiamo nulla da nascondere, ma nemmeno nulla da mostrare
 show_tile: false
 ---

-Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet pharetra et feugiat tempus.
+Ogni giorno usiamo internet in tanti modi diversi per renderci la vita più semplice: nella domotica, nella comunicazione, per poter collaborare con amici e colleghi senza essere fisicamente nello stesso posto,…
+
+Tuttavia, internet di per sé è solo la struttura che collega le persone di tutto il mondo: ciò con cui noi ci interfacciamo ogni giorno sono i programmi costruitici sopra che aprono a questa tecnologia le applicazioni più disparate.
+
+Quando nacque nel 1991, il World Wide Web era stato pensato come un posto libero, aperto e indipendente dal controllo di questa o quella nazione. Oggi, però, stiamo assistendo a una progressiva centralizzazione di internet in mano a pochi grandi colossi (le cosiddette Big Tech) che, offrendo servizi apparentemente gratuiti grazie ad un modello di business basato sulla raccolta e la vendita dei dati personali degli utenti, hanno messo da parte alcuni di questi principi originali.
+
+Devol lavora per costruire un web decentralizzato, che sia più privato, affidabile, sicuro e aperto, per ritornare alla visione originale del World Wide Web e di internet.
+Per farlo, forniamo alternative libere, decentralizzate e rispettose della privacy. Niente tracking, niente pubblicità, niente profilazione, niente raccolta dati!
+
+<ul class="actions">
+  <li><a href="{{ site.baseurl }}/it/chi-siamo" class="button">Di più su di noi</a></li>
+  <li><a href="{{ site.baseurl }}/it/degooglizzazione" class="button">Cos'è la Degooglizzazione?</a></li>
+  <li><a href="{{ site.baseurl }}/it/guerrilla-open-access" class="button">"Guerrilla Open Access"</a></li>
+</ul>
--- a/it/chi-siamo.md
+++ b/it/chi-siamo.md
@ -0,0 +1,92 @@
+---
+layout: post
+title: Chi Siamo
+show_tile: false
+---
+
+## Devol è un concetto - e una visione per il futuro nell'era digitale e della rete:
+
+La devoluzione del grande Web centralizzato in un Internet decentralizzata che collega tanti piccoli Web. **Devol** è un progetto con sede a Milano che viene gestito da volontari e dipende dal sostegno della sua comunità. Inizialmente abbiamo creato Devol per necessità personali, cercavamo un software che potessimo usare per comunicare, condividere e organizzare all'interno dei nostri circoli. Alla maggior parte delle soluzioni disponibili mancavano gli elementi chiave che riteniamo importanti; i nostri strumenti dovrebbero essere **aperti, decentralizzati, federati e rispettosi della libertà e della privacy**.
+
+Durante la ricerca di tali strumenti, abbiamo trovato alcuni progetti davvero interessanti, progetti che riteniamo dovrebbero essere disponibili a chiunque abbia a cuore principi simili. Abbiamo quindi deciso di mettere insieme alcune applicazioni e di condividerle con altri. È così che è iniziato **Devol**.
+
+Con **Devol** speriamo di cambiare il modo in cui le persone interagiscono tipicamente sul web. Vogliamo incoraggiare le persone a **liberarsi** dai giardini recintati dei software popolari e a rivolgersi ad alternative aperte ed etiche.
+
+Insieme possiamo formare una rete che sia veramente indipendente, focalizzata sul beneficio delle persone piuttosto che sullo sfruttamento delle stesse.
+
+---
+## Il Grande Web centralizzato
+
+Il Big Web: una griglia di "utenti" sono ospitati nella server farm di MegaCorp e si affitta il proprio spazio su https://mega.corp/you È possibile affittare spazio sui server di Megacorp in cambio della rinuncia alla propria privacy, alla libertà di parola e ad altri diritti umani.
+
+Il Big Web è la ragnatela centralizzata; è una ragnatela nel senso di ragnatela di ragno. I ragni che stanno seduti al suo centro in attesa di risucchiarti sono i Big Tech come Facebook, Google, ecc.
+
+Il Big Web ha "utenti" - un termine che la Silicon Valley ha preso in prestito dagli spacciatori per descrivere le persone di cui sono dipendenti per i loro servizi e che sfruttano - che vengono allevate in server farm. Sul Big Web, possiamo inserire migliaia di utenti in un unico server "scalarli" per far funzionare migliaia e migliaia di server.
+
+Sul Big Web, non si possiede mai la propria casa. È necessario affittare la propria casa da Megacorps. Il più delle volte non devi pagare la tua casa con i soldi. Si paga perdendo la propria privacy, la libertà di parola e gli altri diritti umani. Collettivamente, noi paghiamo rinunciando a un futuro democratico.
+
+La sorveglianza di massa e l'allevamento degli esseri umani su scala globale è il modello di business di Facebook e Google. È il motore principale del sistema socioeconomico che chiamiamo capitalismo della sorveglianza.
+
+## Il piccolo Web
+
+The Small Web: avete il vostro server su https://your.site. Sul Piccolo Web, si possiede la propria casa.
+
+Il Piccolo Web, molto semplicemente, è l'opposto del Grande Web. Applica i principi della Piccola Tecnologia al web.
+
+Il Piccolo Web è il vostro Web
+
+Il Piccolo Web è per le persone (non per le start-up, le imprese o i governi). È anche fatto da persone e piccole organizzazioni indipendenti (non da startup, imprese o governi).
+
+---
+## Federazione e Decentramento
+
+La maggior parte dei servizi internet sono gestiti da punti centralizzati di proprietà e gestiti da aziende. Queste memorizzano i dati privati dei loro utenti e li analizzano utilizzando algoritmi avanzati al fine di creare profili accurati dei loro "utenti". Queste informazioni sono spesso utilizzate per sfruttare le persone per il bene degli inserzionisti. Le informazioni possono essere ottenute anche da istituzioni governative o da hacker malintenzionati. I dati possono essere rimossi senza preavviso per motivi dubbi o per politiche di censura regionale.
+
+Un servizio decentralizzato può risiedere su più macchine, di proprietà di diversi individui, aziende o organizzazioni. Con i protocolli della federazione queste istanze possono interagire e formare un'unica rete di molti nodi (server che ospitano servizi simili). Si può essere in grado di chiudere un nodo ma mai l'intera rete. In una tale configurazione la censura è praticamente impossibile.
+
+Pensate a come usiamo la posta elettronica; si può scegliere qualsiasi fornitore di servizi o impostare il proprio, e comunque scambiare e-mail con persone che utilizzano un altro fornitore di posta elettronica. La posta elettronica si basa su un protocollo decentralizzato e federato.
+
+Questi due principi, insieme, costituiscono lo sfondo di una rete enorme che dipende da un'infrastruttura piuttosto semplice e da costi relativamente bassi. Qualsiasi macchina può diventare un server e partecipare alla rete in modo paritario. Da un piccolo computer desktop a casa vostra a un server dedicato o a rack con più server. Questo approccio offre la possibilità di creare la più grande rete globale di proprietà dell'utente - proprio come Internet era destinato ad essere.
+
+Non vogliamo che Devol diventi un'entità centralizzata, ma piuttosto una parte di una comunità più grande - un nodo su tanti. Speriamo che altri siano ispirati a creare altri progetti con intenzioni simili. Il software può essere creato e modellato in qualsiasi cosa. Ogni pulsante, ogni colore e ogni link che vediamo e usiamo sul web è stato messo lì da qualcuno. Quando usiamo le applicazioni che ci vengono fornite, per lo più non vediamo - e a volte non ci interessa - molto di ciò che accade dietro l'interfaccia che usiamo. Ci colleghiamo con altre persone, memorizziamo i nostri file, organizziamo incontri e festival, mandiamo e-mail o chattiamo per ore e tutto accade magicamente. Negli ultimi decenni le informazioni sono diventate molto preziose e sempre più facili da raccogliere ed elaborare. Siamo abituati ad essere analizzati, ad accettare ciecamente termini e condizioni per "il nostro bene", a fidarci delle autorità e delle aziende multimiliardarie per proteggere i nostri interessi, mentre per tutto il tempo siamo il prodotto nelle loro "people farm".
+
+---
+## Trasparenza e Apertura
+Noi di Devol utilizziamo software libero e open source al 100%. Ciò significa che il codice sorgente (il modo in cui il software funziona) è accessibile al pubblico. Chiunque è in grado di apportare miglioramenti o modifiche al software e può essere verificato e controllato in qualsiasi momento - niente back-door nascoste o altri malware dannosi.
+
+Vogliamo essere completamente trasparenti e aperti nei confronti delle persone che utilizzano i nostri servizi e per questo pubblichiamo informazioni sullo stato attuale del progetto, lo stato finanziario, i nostri piani e le nostre idee. Vorremmo anche ascoltare i vostri suggerimenti e feedback in modo da poter offrire la migliore esperienza possibile a tutti i Devolers
+
+---
+## Dove siamo oggi
+evol.it è uno strumento per aiutarvi a costruire il vostro Piccolo Web.
+
+Il primo passo verso lo Small Web è fornire strumenti per che consentano di sostituire il grande web centralizzato
+
+Ecco perché stiamo realizzando devol.it:
+> "Gli strumenti del padrone non smantelleranno mai la casa del padrone"
+
+In altre parole, gli strumenti della Big Tech non smantelleranno mai la casa della Big Tech. La cosa migliore che possiamo fare è costruire i nostri strumenti in modo da poter costruire le nostre case a modo nostro.
+
+La locazione singola ci offre una grande riduzione della complessità che dobbiamo sfruttare al massimo se vogliamo rendere l'esperienza del Piccolo Web altrettanto buona (se non migliore) di quella del Grande Web.
+
+Il single web è sostenibile e scalabile in modo diverso. Non ha economie di scala. Non scala in verticale come il Big Web. Scala orizzontalmente. Come il Piccolo Web scala, nessuna singola organizzazione o persona scala al suo fianco. Non centralizza la ricchezza e il potere.
+
+## Dove siamo diretti
+Ora che Devol.it sta raggiungendo un livello di maturità, stiamo rivolgendo la nostra attenzione alla creazione di un sistema completo per la creazione e l'hosting di piccoli siti web e applicazioni.
+
+Come parte di ciò, creeremo un servizio in cui potrete entrare in funzione con il vostro sito web Piccolo Web alimentato da devol.it, nel vostro dominio indipendente e sul vostro server in meno di un minuto.
+
+Questo lavoro è iniziato ed è in fase iniziale.
+
+Questo servizio, una volta pronto, sarà ancora inizialmente rivolto agli sviluppatori. Tuttavia, con l'infrastruttura per la distribuzione istantanea di qualsiasi applicazione Small Web o sito web creato, noi (e altri sviluppatori) possiamo poi rivolgere la nostra attenzione alla creazione di cose belle, utili, e forse anche deliziose per le persone di tutti i giorni sullo Small Web che aderiscono ai principi di Small Tech.
+
+Come per tutto il resto che costruiamo, anche tutto questo lavoro sarà libero e aperto e invitiamo e incoraggiamo gli altri a costruire servizi simili e a collaborare con noi per accendere la scintilla dello Small Web.
+
+## La nostra visione per il futuro
+Il Piccolo Web non è un luogo, è una sfera pubblica. Sono le interconnessioni di spazi sovrani di proprietà individuale e controllati su una rete digitale globale.
+
+Si sente parlare molto di blockchain, ma non è di questo che si tratta. Avere un miliardo di copie dello stesso database non è decentralizzazione. Questa è centralizzazione. Se hai un miliardo di persone, avere un miliardo - due miliardi, tre miliardi... - di database unici è decentramento. In altre parole, il decentramento senza decentramento topologico è una stronzata.
+
+(E nel caso in cui parlare di banche dati suoni secco, tecnico e irrilevante per voi, ricordate che ognuna di queste banche dati è un artefatto dell'esplorazione di un'anima di se stessa e del mondo che la circonda).
+
+La nostra visione del futuro è una visione in cui ogni persona possiede e controlla il proprio posto nella nostra rete globale condivisa. Questo è l'unico modo per garantire una sfera pubblica, i diritti umani e la democrazia nell'era delle reti digitali.
--- a/it/degooglizzazione.md
+++ b/it/degooglizzazione.md
@ -0,0 +1,34 @@
+---
+layout: post
+title: Degooglizzazione
+show_tile: false
+---
+
+Il movimento "DeGoogle" in italiano "Degooglizzazione" è una campagna che si è sviluppata dagli attivisti per la privacy per spingere gli utenti a smettere di usare i prodotti Google a causa delle crescenti preoccupazioni sulle violazioni della privacy. Il termine si riferisce all'atto di rimuovere Google dalla tua vita. Poiché la crescente quota di mercato del gigante di internet crea un potere monopolistico per l'azienda negli spazi digitali, un numero crescente di attivisti ha notato la difficoltà di trovare alternative ai prodotti dell'azienda Devol è il primo gruppo di attivisti nato per sensibilizzare anche in Italia il problema della pervasività di Google nelle nostre vite, mantiene e gestisce una serie di progetti web vpèc consultabili in home page e una lista aggiornata di servizi terzi per il degoogling
+
+## DeGooglizza la tua vita: vale la pena preoccuparsi se tieni alla tua privacy
+La privacy dei dati può sembrare un concetto distante e astratto, ma cosa c'è di più personale delle informazioni che condividete con Google?
+
+Immaginate di ricevere una lettera nella posta che vi offre acqua gratis. Invece di pagare per la vostra fornitura, un'altra azienda vi promette una generosa quantità di acqua gratuita. Il tranello? Invece di contatori d'acqua, l'azienda vuole installare dei contatori che misurino l'andirivieni e l'andirivieni a casa tua. Registreranno anche chi conosci, con chi comunichi e quanto spesso. Memorizzeranno informazioni su ciò che guardate in televisione, quali siti web visitate sul vostro computer, dove andate in vacanza, cosa comprate e dove. La stessa azienda vi permette di avere acqua gratis fuori casa, ma solo dopo aver permesso loro di misurare il vostro smartphone per registrare dove andate, chi chiamate o inviate SMS, quali siti web visitate, anche dove voi - e il vostro telefono - passate la notte. È un ottimo servizio e, certo, non hai nulla da nascondere, vero? L'acqua gratis è acqua gratis, dopotutto. In un mondo in cui i servizi digitali sono ormai considerati cruciali quasi quanto l'acqua, Google ha preso d'assalto il mondo per i suoi grandi servizi e per la sua convincente proposta commerciale. Il motore di ricerca, la posta elettronica e altri prodotti di Google sono veloci, intuitivi e affidabili, ma non sono gratuiti. Invece che in contanti, le persone pagano Google in natura: con la loro identità, il loro comportamento, le loro abitudini e le loro preferenze. Google raccoglie e analizza questi dati degli utenti su scala globale, li vende agli inserzionisti e, secondo Edward Snowden, più che occasionalmente li regala agli Stati Uniti e ad altri servizi di intelligence. Visto a distanza, Google gestisce il più grande piano di rateazione nella storia dell'umanità. Più il piano è lungo, più le raccolte di dati dei clienti di Google diventano preziose. Potreste già ora essere più preziosi per Google che non il costo per loro dell'offerta dei loro servizi. Dati i miliardi di clienti soddisfatti di Google, la degooglizzazione della tua vita è come combattere contro i mulini a vento dell'era digitale?
+
+Chiunque la pensi così probabilmente cambierà idea quando inizierà. Molto rapidamente, Google comincia ad assomigliare all'Hotel California degli Eagles, dove si può fare il check-out quando si vuole ma non si può mai uscire. O almeno questo è quello che la società californiana vorrebbe farvi credere.
+
+Passo 1 Diffondi i tuoi dati Fate un compromesso tra convenienza e privacy ed esplorate alcuni dei servizi alternativi, molti dei quali hanno sede in Europa, dove siete coperti dalle leggi europee sulla privacy.
+
+Fase 2 Cerca in modo diverso È difficile fare a meno della ricerca su Google completamente, ma non è necessario che sia la scelta predefinita del browser. Prova DuckDuckGo, un motore di ricerca che non ti rintraccia. Se hai ancora bisogno di usare Google, prova a farlo mentre sei disconnesso dagli altri servizi. Puoi anche utilizzare Searx per una ricerca personalizzata priva di pubblicità e traccianti
+
+Passo 3 Sbriciolare i biscotti I cookie hanno anche una vita segreta, permettendo a Google e alle aziende di cui non hai mai sentito parlare di seguirti ovunque tu vada online. Per porre fine a questa pratica, installate un tracker blocker come Ghostery nel vostro browser. È facile da fare e una volta installato ti informa di quanti ganci pubblicitari ha smesso di essere alloggiato sul tuo computer. Un altro servizio, privacyfix.com di AVG, guida l'utente attraverso tutte le impostazioni sulla privacy del computer e i servizi Internet utilizzati, mostrando le caselle che ha dimenticato di selezionare. Il servizio offre una stima divertente e illuminante di quanto valete per Google e altre società Internet.
+
+Passo 4 Gmail Anche se Google insiste sul fatto che gli utenti di Gmail mantengono la proprietà della loro proprietà intellettuale, i suoi termini di servizio stabiliscono che il caricamento di contenuti sui server di Google dà alla società una "licenza mondiale per utilizzare, ospitare, archiviare, riprodurre, modificare, comunicare, pubblicare, eseguire pubblicamente, visualizzare pubblicamente e distribuire tali contenuti". Questa licenza continua anche dopo che l'utente ha smesso di utilizzare i servizi di Google.
+
+Sapete quali sono le implicazioni per il futuro? Nemmeno io. Quindi forse Gmail o Google Drive non sono il posto migliore per conservare notizie confidenziali, nuovi emozionanti copioni di film o l'intera corrispondenza scritta della tua vita. Esistono buone alternative. Con il minimo fastidio si può passare a mailbox.org, che offre la posta elettronica come parte di una suite completa per l'ufficio online, con calendario e cloud storage, a partire da 1 euro al mese. L'azienda non scansiona i vostri messaggi e può archiviare le vostre mail - crittografate - sui propri server a Berlino. Mailbox.org si è aggiudicata il primo posto in un sondaggio sui servizi di posta elettronica condotto dalla rivista tedesca Stiftung Warentest, leader nel settore dei consumatori. Anche se è difficile lasciare il proprio indirizzo Gmail, è possibile una leggera separazione. Per prima cosa, inoltrate i messaggi al vostro nuovo indirizzo fino a quando non siete pronti a chiudere Gmail. Poi scaricate una copia dei vostri messaggi tramite Google Takeout, che potrete poi aprire offline in qualsiasi programma di posta elettronica. Dopo aver tagliato i legami, Google continuerà ad avere una copia degli scambi con amici e familiari che rimangono con Gmail.
+
+Passo 5 Cloud storage Il suo slogan, "One Account. All of Google", assicura che tutto fluisca senza soluzione di continuità dal computer al tablet e allo smartphone. Solo quando si parte, le sfide iniziano. Lasciare Gmail è stata una passeggiata rispetto al compito di mantenere i miei contatti e il mio calendario sincronizzati su più dispositivi senza il cloud di Google (o Apple). Gli esperti di tecnologia indipendenti dicono che i grandi giocatori armeggiano deliberatamente con gli standard dei file per le loro offerte di calendari e rubriche per non rendere possibile la migrazione e tenervi nella loro gabbia dorata. È una pratica subdola ed efficace, ma sentire questo non fa altro che rafforzare la determinazione a liberarsi.
+
+Preparatevi alle frustrazioni ma se superate questo ostacolo, siete liberi. Per quelli di voi che hanno usato i servizi cloud gratuiti come Google Drive, prendete in considerazione l'utilizzo di Nextcloud.
+
+Passo 6 Smartphone Mela Google acquistò Android e lo presentò come un'alternativa "open source" all'iOS proprietario di Apple. Ma negli ultimi anni Google ha acceso il raggio traente aziendale, attirando gli sviluppatori di applicazioni, i produttori di cellulari e i loro clienti all'interno del sistema solare di Google, il suo angolo privato dell'universo Android. Usare un telefono Android senza che Google ti guardi è possibile, ma meno divertente. Se siete tecnicamente preparati potete pulire il vostro telefono Android e installare CyanogenMod - una versione completamente funzionale del sistema operativo potato dei tentacoli di Google. Oppure potete unirvi all'avant garde nordico a bordo della buona nave Jolla o di e/OS.
+
+Conclusione Se la degooglizzazione della vostra vita suona come un sacco di fastidio, lo è - all'inizio. L'apatia è molto più facile. Peer Heinlein del mail provider berlinese mailbox.org suggerisce che essere più attenti ai dati è come essere attenti alla salute: conoscere non è la stessa cosa che fare. "Non si possono forzare le persone in queste cose, e farle sentire colpevoli non funziona", dice. "Ma si possono rendere le alternative così appetitose che le persone non si sentono di farne a meno". Anche dopo le rivelazioni di Snowden, le persone con priorità diverse dalla raccolta di grandi dati hanno adottato una comprensibile risposta "perché preoccuparsi, chi se ne frega". Per il sostenitore della privacy Glenn Greenwald, l'uomo che ha rivelato le rivendicazioni di Snowden sulla sorveglianza di massa contro la National Security Agency, la risposta più comune che sente per strada è quella che lui chiama l'argomentazione "non ho niente da nascondere". A questo ha una risposta semplice.
+
+"Ogni volta che sento qualcuno dire 'Non ho niente da nascondere'", ha detto Greenwald a Berlino l'anno scorso, "chiedo sempre a quella persona la sua password per le e-mail in modo da poter leggere i suoi messaggi. Nessuno ha mai accettato la mia offerta". La gente non ha nulla da nascondere quando sente che la sorveglianza è lontana e astratta. Le cose cambiano quando l'idea di sorveglianza è concreta e personale. Ma cosa c'è di più personale delle informazioni che si condividono con Google? Come cominciano a rivelarsi le implicazioni dei grandi dati, così anche gli argomenti a favore del de-Googling della tua vita. Ad esempio: vorreste che una compagnia aerea o una compagnia di assicurazioni vi facessero pagare di più per i loro prodotti o servizi perché hanno accesso a dati sulla vostra vita privata o sulla vostra salute che non ricordate di aver condiviso - o che non vi siete accorti di aver condiviso - con Google? La privacy è una norma sociale flessibile, ma le nuove norme sulla privacy non sono inevitabili solo perché vengono promosse da società a scopo di lucro che offrono "gratis" prodotti digitali ad un costo incerto. Non devi essere paranoico per de-Google la tua vita, ma aiuta.
--- a/it/fediverso.md
+++ b/it/fediverso.md
@ -0,0 +1,7 @@
+---
+layout: post
+title: Fediverso
+show_tile: false
+---
+
+AGGIUNGERE QUI IL CONTENUTO DI https://devol.it/it/fediverso
--- a/it/guerrilla-open-access.md
+++ b/it/guerrilla-open-access.md
@ -0,0 +1,34 @@
+---
+layout: post
+title: Guerrilla Open Access
+show_tile: false
+---
+
+Il "Guerilla Open Access Manifesto" è stato presumibilmente scritto da quattro persone, ma pubblicato esclusivamente sotto il nome dell'attivista pioniere di Internet, Aaron Swartz. Swartz si è suicidato nel 2013, mentre rischiava fino a 35 anni di carcere e 1 milione di dollari di multe per accuse di reato legate al download di un gran numero di articoli di ricerca dal database JSTOR attraverso la rete informatica del MIT. Nonostante il fatto che Swartz avesse accesso legale ai contenuti di JSTOR attraverso la sua borsa di studio di ricerca ad Harvard e nonostante il fatto che JSTOR abbia scelto di non perseguire Swartz per questo presunto crimine, è stato comunque incriminato dai procuratori federali in un caso considerato da molti esagerato, eccessivamente zelante e ingiusto. Si dice che questo manifesto abbia contribuito al vigoroso perseguimento di Swartz da parte dell'accusa. Potete saperne di più su Aaron Swartz nel documentario [The Internet's Own Boy: The Story of Aaron Swartz](https://peertube.uno/videos/watch/db322ccb-3fb0-47b9-9017-ff8b0587ddff)
+
+## Il manifesto della Guerriglia per l'Accesso Libero di Aaron Swartz
+*L’informazione è potere. Ma come con ogni tipo di potere, ci sono quelli che se ne vogliono impadronire. L’intero patrimonio scientifico e culturale, pubblicato nel corso dei secoli in libri e riviste, è sempre più digitalizzato e tenuto sotto chiave da una manciata di società private. Vuoi leggere le riviste con i più famosi risultati scientifici? Dovrai pagare enormi somme a editori come Reed Elsevier.*
+
+*C’è chi lotta per cambiare tutto questo. Il movimento Open Access ha combattuto valorosamente perché gli scienziati non cedano i loro diritti d’autore ma pubblichino invece su Internet, a condizioni che consentano l’accesso a tutti. Ma anche nella migliore delle ipotesi, il loro lavoro varrà solo per le cose pubblicate in futuro. Tutto ciò che è stato pubblicato fino ad oggi sarà perduto.*
+
+*Questo è un prezzo troppo alto da pagare. Forzare i ricercatori a pagare per leggere il lavoro dei loro colleghi? Scannerizzare intere biblioteche, ma consentire solo alla gente che lavora per Google di leggerne i libri? Fornire articoli scientifici alle università di élite del Primo Mondo, ma non ai bambini del Resto del Mondo? È oltraggioso e inaccettabile.*
+
+*“Sono d’accordo,” dicono in molti, “ma cosa possiamo fare? Le società detengono i diritti d’autore, guadagnano enormi somme di denaro, facendo pagare l’accesso, ed è tutto perfettamente legale — non c’è niente che possiamo fare per fermarli”. Ma qualcosa che possiamo fare c’è, qualcosa che è già stato fatto: possiamo contrattaccare.*
+
+*Tutti voi che avete accesso a queste risorse, studenti, bibliotecari, scienziati, avete ricevuto un privilegio. Potete nutrirvi al banchetto della conoscenza mentre il resto del mondo rimane chiuso fuori. Ma non dovete — anzi, moralmente, non potete — conservare questo privilegio solo per voi. Avete il dovere di condividerlo con il mondo. E lo avete fatto: vi siete scambiati le password con i colleghi, avete scaricato gli articoli richiesti per gli amici.*
+
+*Intanto coloro che sono stati chiusi fuori non sono stati a guardare. Vi siete intrufolati attraverso i buchi, e scavalcato recinzioni, liberando le informazioni che gli editori hanno chiuso, e le condividete con i vostri amici.*
+
+*Ma tutte queste azioni avvengono nella clandestinità, al buio e nascosti. Sono chiamate “furto” o “pirateria”, come se condividere conoscenza fosse l’equivalente morale di saccheggiare una nave e assassinarne l’equipaggio, ma condividere non è immorale — è un imperativo morale. Solo chi fosse accecato dall’avidità rifiuterebbe di concedere una copia a un amico.*
+
+*Le grandi multinazionali, ovviamente, sono accecate dall’avidità. Le stesse leggi a cui sono sottoposte lo richiedono — se così non fosse i loro azionisti si rivolterebbero. E i politici, corrotti dalle grandi aziende, le supportano approvando leggi che danno loro il potere esclusivo di decidere chi può fare copie.*
+
+*Non c’è giustizia nel rispettare leggi ingiuste. È tempo di uscire allo scoperto e, nella grande tradizione della disobbedienza civile, dichiarare la nostra opposizione a questo furto privato della cultura pubblica.*
+
+*Dobbiamo acquisire le informazioni, ovunque siano archiviate, farne copie e condividerle con il mondo. Dobbiamo prendere ciò che è fuori dal diritto d’autore e caricarlo sull’archive del web. Dobbiamo acquistare banche dati segrete e metterle sul web. Dobbiamo scaricare riviste scientifiche e caricarle sul web in file-sharing. Dobbiamo lottare per un Guerrilla Open Access.*
+
+*Se in tutto il mondo saremo abbastanza, non solo manderemo un forte messaggio contro la privatizzazione della conoscenza, ma la renderemo un ricordo del passato.*
+
+*Vuoi essere dei nostri?*
+
+ -Aaron Swartz Luglio 2008 Eremo, Italia
--- a/it/mastodon.md
+++ b/it/mastodon.md
@ -0,0 +1,7 @@
+---
+layout: post
+title: Mastodon
+show_tile: false
+---
+
+AGGIUNGERE QUI IL CONTENUTO DI https://devol.it/it/mastodon
--- a/it/peertube.md
+++ b/it/peertube.md
@ -0,0 +1,7 @@
+---
+layout: post
+title: Peertube
+show_tile: false
+---
+
+AGGIUNGERE QUI IL CONTENUTO DI https://devol.it/it/peertube
--- a/it/searx.md
+++ b/it/searx.md
@ -0,0 +1,7 @@
+---
+layout: post
+title: Searx
+show_tile: false
+---
+
+AGGIUNGERE QUI IL CONTENUTO DI https://devol.it/it/searx
--- a/landing.md
+++ b/landing.md
@ -1,87 +0,0 @@
---
-title: Landing
-layout: landing
-description: 'Lorem ipsum dolor sit amet nullam consequa<br />sed veroeros. tempus adipiscing nulla.'
-image: assets/images/pic07.jpg
-nav-menu: true
---
-
-<!-- Main -->
-<div id="main">
-
-<!-- One -->
-<section id="one">
-	<div class="inner">
-		<header class="major">
-			<h2>Sed amet aliquam</h2>
-		</header>
-		<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna.</p>
-	</div>
-</section>
-
-<!-- Two -->
-<section id="two" class="spotlights">
-	<section>
-		<a href="generic.html" class="image">
-			<img src="{% link assets/images/pic08.jpg %}" alt="" data-position="center center" />
-		</a>
-		<div class="content">
-			<div class="inner">
-				<header class="major">
-					<h3>Orci maecenas</h3>
-				</header>
-				<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.</p>
-				<ul class="actions">
-					<li><a href="generic.html" class="button">Learn more</a></li>
-				</ul>
-			</div>
-		</div>
-	</section>
-	<section>
-		<a href="generic.html" class="image">
-			<img src="{% link assets/images/pic09.jpg %}" alt="" data-position="top center" />
-		</a>
-		<div class="content">
-			<div class="inner">
-				<header class="major">
-					<h3>Rhoncus magna</h3>
-				</header>
-				<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.</p>
-				<ul class="actions">
-					<li><a href="generic.html" class="button">Learn more</a></li>
-				</ul>
-			</div>
-		</div>
-	</section>
-	<section>
-		<a href="generic.html" class="image">
-			<img src="{% link assets/images/pic10.jpg %}" alt="" data-position="25% 25%" />
-		</a>
-		<div class="content">
-			<div class="inner">
-				<header class="major">
-					<h3>Sed nunc ligula</h3>
-				</header>
-				<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.</p>
-				<ul class="actions">
-					<li><a href="generic.html" class="button">Learn more</a></li>
-				</ul>
-			</div>
-		</div>
-	</section>
-</section>
-
-<!-- Three -->
-<section id="three">
-	<div class="inner">
-		<header class="major">
-			<h2>Massa libero</h2>
-		</header>
-		<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet pharetra et feugiat tempus.</p>
-		<ul class="actions">
-			<li><a href="generic.html" class="button next">Get Started</a></li>
-		</ul>
-	</div>
-</section>
-
-</div>
--- a/tiles/eventi.md
+++ b/tiles/eventi.md
@ -0,0 +1,51 @@
+---
+layout: landing
+title: Eventi
+description:
+image: assets/images/tiles-covers/eventi2.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+  <section>
+    <img src="{{ site.baseurl }}/assets/images/logos/eventi/mobilizon.jpg" alt="">
+    <div class="content">
+      <div class="inner">
+        <header class="major">
+          <h3>Mobilizon</h3>
+        </header>
+        <p>Organizzare un evento, sia esso piccolo o grande, può essere molto faticoso ed è fondamentale, quindi, riuscire ad attirare più gente possibile. Per farlo, è utile promuovere il proprio evento online e, al giorno d’oggi, farlo su Facebook è probabilmente la soluzione più popolare.<br>
+        Ma se invece abbiamo a cuore la privacy anche dei partecipanti al nostro evento? Allora ci viene incontro Mobilizon: l’alternativa agli eventi Facebook sviluppata da <a href="https://framasoft.org/it">Framasoft</a>, libera, decentralizzata e federata con il resto del <a href="https://devol.it/tiles/social.html">Fediverso</a>!<br>
+        Essendo un software open-source e decentralizzato, non si basa su un server centrale ma esistono più istanze che comunicano tra di loro, e noi Devol abbiamo deciso di metterne a disposizione una tutta italiana!</p>
+        <ul class="actions">
+          <li><a href="https://mobilizon.it" class="button">Mobilizon.it</a></li>
+        </ul>
+      </div>
+    </div>
+  </section>
+  <section>
+    <img src="{{ site.baseurl }}/assets/images/logos/sondaggi/opensondage_temp.jpg" alt="">
+    <div class="content">
+      <div class="inner">
+        <header class="major">
+          <h3>OpenSondage</h3>
+        </header>
+        <p>
+          Stavi pensando di organizzare un piccolo evento tra amici e Mobilizon
+          ti sembra un tantino esagerato? Allora prova OpenSondage, un software
+          open-source che ti permette di creare semplici sondaggi per trovare
+          velocemente la soluzione migliore per il vostro gruppo.
+        </p>
+        <ul class="actions">
+          <li><a href="https://opensondage.devol.it" class="button">Opensondage Devol</a></li>
+        </ul>
+      </div>
+    </div>
+  </section>
+</section>
+
+</div>
--- a/tiles/file_sharing.md
+++ b/tiles/file_sharing.md
@ -0,0 +1,34 @@
+---
+layout: landing
+title: Condivisione File
+description:
+image: assets/images/tiles-covers/file_sharing.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+<section>
+  <img src="{{ site.baseurl }}/assets/images/logos/file_sharing/jirafeau.jpg" alt="">
+  <div class="content">
+    <div class="inner">
+      <header class="major">
+        <h3>Jirafeau</h3>
+      </header>
+      <p><i>“La dimensione dell’allegato supera il limite massimo consentito”<br>
+        “Impossibile condividere il file selezionato: assicurati che le sue dimensioni non superino i 16MB”</i><br>
+        Quante volte ti è capitato di ricevere errori simili? Se ci sei passato almeno una volta, avrai anche letto che la soluzione più semplice è caricare il tuo file su servizi come WeTransfer e poi condividere un link per scaricarlo.<br>
+        Ma ti sei mai chiesto che fine fa il tuo file dopo che è stato scaricato? Noi si, e per questo abbiamo deciso di mettere a disposizione un’istanza di Jirafeau: un software open-source che ti permette di condividere file fino a un massimo di 5GB in tutta sicurezza, potendo essere certo (grazie al software libero) che verranno eliminati dopo il periodo da te prestabilito.
+      </p>
+      <ul class="actions">
+        <li><a href="https://jirafeau.devol.it" class="button">Jirafeau Devol</a></li>
+      </ul>
+    </div>
+  </div>
+</section>
+</section>
+
+</div>
--- a/tiles/gestore_password.md
+++ b/tiles/gestore_password.md
@ -0,0 +1,61 @@
+---
+title: Gestore Password
+layout: landing
+description:
+image: assets/images/tiles-covers/gestore_password.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- One -->
+<section id="one">
+	<div class="inner">
+		<header class="major">
+			<h2>Perché usare un gestore di password?</h2>
+		</header>
+		<p>
+			Immagina una password come la chiave che ti permette di aprire una “serratura virtuale”, finché le serrature in questione sono poche le chiavi si possono portare sempre appresso, custodite nelle nostre tasche, ma quando le chiavi iniziano ad essere 20, 50, 100, 200, allora diventa necessario trovare un’altra soluzione.<br>
+			La prima che ti potrebbe venire in mente è usare un’unica chiave per tutte le tue serrature, solo che diventerebbe rischioso: e se qualcuno trovasse quella chiave?<br>
+			Bene, allora devono essere chiavi tutte diverse e, essendo troppe per portarle sempre con noi, conservate in un posto sicuro: tipo una cassaforte.<br>
+			Però aspetta. Tu hai bisogno di queste chiavi non solo quando sei a casa, ma anche a lavoro, in treno, al bar, a casa di un amico,… Quindi? Quindi servirebbe qualcuno che porti in giro la tua cassaforte affinché tu possa accedervi in qualsiasi momento.<br>
+			Ecco, sebbene parlando di chiavi questo sembri un po’ assurdo, parlando di password non lo è affatto! La cassaforte non è altro che il gestore password mentre noi Devol siamo il fattorino che te la rende accessibile ovunque.<br>
+			Ultimo consiglio: scegli con cura la tua cassaforte. Mentre con i gestori “chiusi” (come quelli di Google o Apple) non puoi fare altro che fidarti di quello che sostiene l’azienda, con un gestore open source la sicurezza del codice è verificabile da chiunque.
+		</p>
+	</div>
+</section>
+
+<!-- Two -->
+<section id="two" class="spotlights">
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/gestore_password/bitwarden.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Bitwarden</h3>
+				</header>
+				<p>Il Gestore di Password open source più famoso, in un'istanza completa di tutte le sue funzionalità ospitata da noi Devol.</p> <!-- cambiare-->
+				<ul class="actions">
+					<li><a href="https://bitwarden.devol.it" class="button">Bitwarden Devol</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/gestore_password/keeweb.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Keeweb</h3>
+				</header>
+				<p>Un client open-source per il noto gestore di password KeePass.</p> <!-- cambiare -->
+				<ul class="actions">
+					<li><a href="https://keeweb.devol.it" class="button">Keeweb Devol</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+</section>
+
+</div>
--- a/tiles/motori_di_ricerca.md
+++ b/tiles/motori_di_ricerca.md
@ -0,0 +1,45 @@
+---
+title: Motori di Ricerca
+layout: landing
+description:
+image: assets/images/tiles-covers/motori_di_ricerca.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/motori_di_ricerca/searx.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>SearX</h3>
+				</header>
+				<p>Un meta-motore di ricerca che rispetta la privacy: searx è un metamotore di ricerca gratuito su internet che aggrega i risultati di oltre 70 servizi di ricerca. Gli utenti non sono né tracciati né profilati. Il collettivo devol ha reso disponibile l’istanza italiana Searx, la migliore alternativa a Google in quanto aggrega tutti i risultati dei migliori motori di ricerca alternativi localizzati in italiano: Duckduckgo, Qwant, Yahoo, Bing e altri attivabili su “preferenze”.</p>
+				<ul class="actions">
+					<li><a href="https://searx.devol.it" class="button">SearX Devol</a></li>
+					<li><a href="{{ site.baseurl }}/it/searx" class="button">Di più su SearX</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/motori_di_ricerca/searchforplanet.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Search For Planet</h3>
+				</header>
+				<p>Motore di ricerca che finanzia cause etiche, ambientali e umanitarie searchforplanet.org E’ un meta-motore che ti permette di cercare informazioni su tutti quei motori di ricerca che utilizzano i proventi pubblicitari per finanziare campagne a sostegno dell’ambiente. E’ un progetto open source indipendente, sviluppato da Selectallfromdual nato da una discussione su mastodon.uno. I motori utilizzati sono: Ecosia, Lilo, Givero, giveWater, Elliot for Water.</p>
+				<ul class="actions">
+					<li><a href="https://www.searchforplanet.org/" class="button">SearchForPlanet.org</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+</section>
+
+</div>
--- a/tiles/musica.md
+++ b/tiles/musica.md
@ -0,0 +1,33 @@
+---
+layout: landing
+title: Musica e Podcast
+description:
+image: assets/images/tiles-covers/musica.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+  <section>
+    <img src="{{ site.baseurl }}/assets/images/logos/musica/funkwhale.jpg" alt="">
+    <div class="content">
+      <div class="inner">
+        <header class="major">
+          <h3>Funkwhale</h3>
+        </header>
+        <p>
+          Ti piace comporre musica nel tempo libero? Hai qualcosa da raccontare ma non ti va che il tuo podcast finisca su piattaforme poco attente alla privacy dei loro utenti? Allora arriva in tuo soccorso Funkwhale: l’alternativa open-source e <a href="https://devol.it/tiles/social.html">federata</a> ai servizi di streaming audio tradizionali.<br>
+          Funkwhale è infatti un software libero che permette agli utenti di pubblicare la loro musica e i loro podcast gratuitamente, senza pubblicità e senza traccianti, rendendoli disponibili a tutti gli utenti disseminati nelle diverse istanze, tra cui quella messa a disposizione da noi Devol.
+        </p>
+        <ul class="actions">
+          <li><a href="https://funkwhale.it" class="button">Funkwhale.it</a></li>
+        </ul>
+      </div>
+    </div>
+  </section>
+</section>
+
+</div>
--- a/tiles/office.md
+++ b/tiles/office.md
@ -0,0 +1,49 @@
+---
+title: Office
+layout: landing
+description:
+image: assets/images/tiles-covers/office.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+  <section>
+    <img src="{{ site.baseurl }}/assets/images/logos/office/cryptpad.png" alt="">
+    <div class="content">
+      <div class="inner">
+        <header class="major">
+          <h3>CryptPad</h3>
+        </header>
+        <p>Una suite office completa, criptata e open-source! Inizia subito a usarla con 5GB di spazio gratuiti messi a disposizione da noi Devol</p>
+        <ul class="actions">
+          <li><a href="https://cryptpad.devol.it" class="button">CryptPad Devol</a></li>
+          <li><a href="https://cryptpad.devol.it/what-is-cryptpad.html" class="button">Informazioni su CryptPad</a></li>
+        </ul>
+      </div>
+    </div>
+  </section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/etherpad.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Etherpad MyPad e EtherCalc</h3>
+				</header>
+				<p>
+					Le idee migliori non nascono da un singolo, c’è bisogno che più menti collaborino insieme.<br>
+					Con le nostre istanze Etherpad MyPad (per i documenti) e EtherCalc (per i fogli di calcolo), noi Devol vi offriamo lo spazio per farlo liberamente, con la comodità di un editor collaborativo e la sicurezza dell’open-source.
+				</p>
+				<ul class="actions">
+					<li><a href="https://etherpad.devol.it" class="button">Etherpad Devol</a></li>
+          <li><a href="https://ethercalc.devol.it" class="button">EtherCalc Devol</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+</section>
+
+</div>
--- a/tiles/social-fediverso.md
+++ b/tiles/social-fediverso.md
@ -0,0 +1,141 @@
+---
+title: Social e Fediverso
+layout: landing
+description:
+image: assets/images/tiles-covers/social.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- One -->
+<section id="one">
+	<div class="inner">
+		<header class="major">
+			<h2>Cos'è il Fediverso?</h2>
+		</header>
+		<p>
+		Quando sentiamo parlare di Social Network, vengono subito in mente Facebook, Twitter, Instagram e altri ancora, ognuno con caratteristiche diverse: magari sei un tipo da “massimo 280 caratteri” ma il tuo amico “fotografo della domenica” insiste affinché usiate Instagram e non Twitter, come vorresti tu.<br>
+		A questo enorme e apparentemente irrisolvibile problema, se ne affianca un’altro: avrai sentito, almeno una volta, parlare della profilazione degli utenti che i social network più famosi usano per continuare a offrire i loro servizi gratuitamente e questa cosa che Instagram sappia più cose sul tuo amico di quante ne sappia tu non ti va molto a genio vero?<br>
+		Per fortuna, esiste un’unica soluzione a questi 2 fastidiosi problemi ed è proprio il Fediverso!<br>
+		Il Fediverso, infatti, è un universo online in cui coesistono più social network diversi (uno per te a cui piacciono i post brevi, uno per il tuo amico fotografo, perfino uno per il tuo vicino di casa chitarrista) che però tra loro parlano la stessa lingua, così che tu possa seguire il tuo amico pur usando 2 social differenti! E c’è di più: tutto il codice che sta dietro al fediverso è open-source e chiunque può decidere di ospitare un’istanza del suo social preferito, mantenedo così il controllo su ciò che viene condiviso.<br>
+		Il web federato oggi sta crescendo molto velocemente. Ci sono probabilmente molte ragioni per questo. La sfiducia nelle piattaforme commerciali centralizzate e le fughe di dati che hanno subito. Apparizione di più piattaforme federate costruite intorno al nuovo protocollo ActivityPub sostenuto dal World Wide Web Consortium è stato poi fondamentale per costruire un ecosistema alternativo.
+		</p>
+		<p> Vuoi saperne di più sul Fediverso? Dai un'occhiata a <a href="{{ site.baseurl }}/it/fediverso">questo articolo</a></p>
+	</div>
+</section>
+
+<!-- Two -->
+<section id="two" class="spotlights">
+	<section>
+		<iframe width="916" height="515" sandbox="allow-same-origin allow-scripts allow-popups" src="https://peertube.uno/videos/embed/d3ae46fe-fd9a-448c-8c94-8fda9b73b54f?start=0s&subtitle=it" frameborder="0" allowfullscreen></iframe>
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Micro-blogging: Mastodon</h3>
+				</header>
+				<p>
+					È il social network più popolato del fediverso e costituisce un validissimo sostituto al suo predecessore più famoso: Twitter.<br>
+					Permette di condividere post da massimo 500 caratteri (a cui è possibile allegare foto, video, sondaggi e link) che verranno visualizzati in ordine cronologico nel feed.<br>
+					Oltre al tuo feed personale, potrai esplorare anche quello “locale” (con gli ultimi post nella tua istanza) e quello “federato” (con post provenienti da altre istanze federate con la tua).<br>
+					Ti abbiamo incuriosito? Dai un’occhiata al video qui a fianco e tuffati subito nella nostra istanza!</p>
+				<ul class="actions">
+					<li><a href="https://mastodon.uno" class="button">Mastodon.uno</a></li>
+					<li><a href="https://joinmastodon.org/apps" class="button">App per Mastodon</a></li>
+					<li><a href="{{ site.baseurl }}/it/mastodon" class="button">Di più su Mastodon</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/social/pixelfed.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Image Sharing: Pixelfed</h3>
+				</header>
+				<p>
+					Parlando di condivisione di immagini, invece, non si può non citare Pixelfed: la risposta del fediverso a Instagram.<br>
+					Pixelfed è un progetto recente, quindi non può ancora contare su una community come quella di Mastodon, ma gli aggiornamenti frequenti e le già numerose funzionalità gli conferiscono un utilizzo molto piacevole e dalle grandi potenzialità.</p>
+				<ul class="actions">
+					<li><a href="https://pixelfed.uno" class="button">Pixelfed.uno</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/social/writefreely.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Blogging: Noblogo</h3>
+				</header>
+				<p>
+					Non sei un tipo di poche parole e ti piacerebbe avere uno spazio per scrivere la tua senza essere limitato dai 500 caratteri di Mastodon? Allora Noblogo è quello che fa per te! Istanza di <a href="https://writefreely.org">WriteFreely</a>, ti permette di avere un tuo blog personale minimalista per permettere a te e ai tuoi lettori di concentrarsi solo sul contenuto dei tuoi articoli.
+				</p>
+				<ul class="actions">
+					<li><a href="https://noblogo.org" class="button">Noblogo.org</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<iframe width="916" height="515" sandbox="allow-same-origin allow-scripts allow-popups" src="https://peertube.uno/videos/embed/c79e7ec9-40c6-4f28-bda4-ca043946a236?start=2s&subtitle=it" frameborder="0" allowfullscreen></iframe>
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Condivisione Video: Peertube</h3>
+				</header>
+				<p>
+					Quando si pensa a condivisione di video online, sicuramente una piattaforma viene in mente prima delle altre: Youtube.<br>
+					Tutti conoscono Youtube e moltissimi lo usano ogni giorno per i motivi più vari: se hai bisogno di qualcosa sicuramente ci sarà un video che fa al caso tuo.<br>
+					Ma questo significa moltissimi video da conservare su dei server il cui mantenimento diventa di conseguenza sempre più costoso.<br>
+					E come vengono coperte le spese di questi grandi server se il servizio è gratuito? Con pubblicità e profilazione, come abbiamo (purtroppo) già visto in tanti altri campi.<br>
+					Peertube è un software open-source sviluppato da Framasoft che si propone di risolvere questo problema con la decentralizzazione restituendo agli utenti il ruolo di protagonisti e non di prodotti.<br>
+					Vorresti saperne di più? Dai un’occhiata al video qui a fianco o prova subito le nostre istanze:
+				</p>
+				<ul class="actions">
+					<li><a href="https://peertube.uno" class="button">Peertube.uno</a></li>
+					<li><a href="https://peertube.devol.it" class="button">Peertube Devol</a></li>
+					<li><a href="{{ site.baseurl }}/it/peertube" class="button">Di più su Peertube</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+    <img src="{{ site.baseurl }}/assets/images/logos/eventi/mobilizon.jpg" alt="">
+    <div class="content">
+      <div class="inner">
+        <header class="major">
+          <h3>Gruppi ed Eventi: Mobilizon</h3>
+        </header>
+        <p>Organizzare un evento, sia esso piccolo o grande, può essere molto faticoso ed è fondamentale, quindi, riuscire ad attirare più gente possibile. Per farlo, è utile promuovere il proprio evento online e, al giorno d’oggi, farlo su Facebook è probabilmente la soluzione più popolare.<br>
+        Ma se invece abbiamo a cuore la privacy anche dei partecipanti al nostro evento? Allora ci viene incontro Mobilizon: l’alternativa agli eventi Facebook sviluppata da <a href="https://framasoft.org/it">Framasoft</a>, libera, decentralizzata e federata con il resto del <a href="https://devol.it/tiles/social.html">Fediverso</a>!<br>
+        Essendo un software open-source e decentralizzato, non si basa su un server centrale ma esistono più istanze che comunicano tra di loro, e noi Devol abbiamo deciso di metterne a disposizione una tutta italiana!</p>
+        <ul class="actions">
+          <li><a href="https://mobilizon.it" class="button">Mobilizon.it</a></li>
+        </ul>
+      </div>
+    </div>
+  </section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/musica/funkwhale.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Condivisione di Musica e Podcast: Funkwhale</h3>
+				</header>
+				<p>
+					Ti piace comporre musica nel tempo libero? Hai qualcosa da raccontare ma non ti va che il tuo podcast finisca su piattaforme poco attente alla privacy dei loro utenti? Allora arriva in tuo soccorso Funkwhale: l’alternativa open-source e <a href="https://devol.it/tiles/social.html">federata</a> ai servizi di streaming audio tradizionali.<br>
+					Funkwhale è infatti un software libero che permette agli utenti di pubblicare la loro musica e i loro podcast gratuitamente, senza pubblicità e senza traccianti, rendendoli disponibili a tutti gli utenti disseminati nelle diverse istanze, tra cui quella messa a disposizione da noi Devol.
+				</p>
+				<ul class="actions">
+					<li><a href="https://funkwhale.it" class="button">Funkwhale.it</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+</section>
+
+</div>
--- a/tiles/sondaggi.md
+++ b/tiles/sondaggi.md
@ -0,0 +1,34 @@
+---
+layout: landing
+title: Sondaggi
+description:
+image: assets/images/tiles-covers/sondaggi.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+  <section>
+    <img src="{{ site.baseurl }}/assets/images/logos/sondaggi/opensondage_temp.jpg" alt="">
+    <div class="content">
+      <div class="inner">
+        <header class="major">
+          <h3>OpenSondage</h3>
+        </header>
+        <p>
+          <i>“Quindi? Quando ci troviamo per la serata film?”</i><br>
+          Domanda semplice seguita da una decisamente meno semplice discussione per scegliere la data più congeniale a tutti.<br>
+          Vuoi semplificarti la vita? Opensondage è un software open-source che ti permette di creare semplici sondaggi per trovare velocemente la soluzione migliore per il vostro gruppo.
+        </p>
+        <ul class="actions">
+          <li><a href="https://opensondage.devol.it" class="button">Opensondage Devol</a></li>
+        </ul>
+      </div>
+    </div>
+  </section>
+</section>
+
+</div>
--- a/tiles/testo_e_codice.md
+++ b/tiles/testo_e_codice.md
@ -0,0 +1,78 @@
+---
+title: Condivisione Testo e Codice
+layout: landing
+description:
+image: assets/images/tiles-covers/testo_e_codice.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/etherpad.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Etherpad MyPad</h3>
+				</header>
+				<p>
+					Le idee migliori non nascono da un singolo, c’è bisogno che più menti collaborino insieme.<br>
+					Con la nostra istanza Etherpad MyPad, noi Devol vi offriamo lo spazio per farlo liberamente, con la comodità di un editor collaborativo e la sicurezza dell’open-source.
+				</p>
+				<ul class="actions">
+					<li><a href="https://etherpad.devol.it" class="button">Etherpad Devol</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/hedgedoc.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>HedgeDoc</h3>
+				</header>
+				<p>Un editor collaborativo tradizionale non ti basta? Allora prova la nostra istanza Hedgedoc poter sfruttare assieme ai tuoi collaboratori la velocità del linguaggio Markdown</p>
+				<ul class="actions">
+					<li><a href="https://hedgedoc.devol.it" class="button">HedgeDoc Devol</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/privatebin.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>PrivateBin</h3>
+				</header>
+				<p>
+					Una alternativa sicura e open-source al famoso Pastebin.<br>
+					PrivateBin è un modo semplice e veloce per condividere in modo sicuro e temporaneo un testo online con chiunque. Il testo è memorizzato in modo crittografato sul server per una maggiore privacy e sicurezza.
+				</p>
+				<ul class="actions">
+					<li><a href="https://privatebin.devol.it" class="button">PrivateBin Devol</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/gitea.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Gitea</h3>
+				</header>
+				<p>Parlando di collaborazione, i programmatori qui tra noi sapranno che questa è fondamentale anche per lo sviluppo di un qualsiasi software. Per questo noi Devol abbiamo deciso di offrire anche un’istanza Gitea: la miglior piattaforma libera per rendere il tuo codice accessibile ovunque e da chiunque tu voglia.</p>
+				<ul class="actions">
+					<li><a href="https://gitea.it" class="button">Gitea.it</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+</section>
+
+</div>
--- a/tiles/video.md
+++ b/tiles/video.md
@ -0,0 +1,56 @@
+---
+title: Video
+layout: landing
+description:
+image: assets/images/tiles-covers/video2.jpg
+nav-menu: true
+---
+
+<!-- Main -->
+<div id="main">
+
+<!-- Two -->
+<section id="two" class="spotlights">
+	<section>
+		<iframe width="916" height="515" sandbox="allow-same-origin allow-scripts allow-popups" src="https://peertube.uno/videos/embed/c79e7ec9-40c6-4f28-bda4-ca043946a236?start=2s&subtitle=it" frameborder="0" allowfullscreen></iframe>
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>Peertube</h3>
+				</header>
+				<p>
+					Quando si pensa a condivisione di video online, sicuramente una piattaforma viene in mente prima delle altre: Youtube.<br>
+					Tutti conoscono Youtube e moltissimi lo usano ogni giorno per i motivi più vari: se hai bisogno di qualcosa sicuramente ci sarà un video che fa al caso tuo.<br>
+					Ma questo significa moltissimi video da conservare su dei server il cui mantenimento diventa di conseguenza sempre più costoso.<br>
+					E come vengono coperte le spese di questi grandi server se il servizio è gratuito? Con pubblicità e profilazione, come abbiamo (purtroppo) già visto in tanti altri campi.<br>
+					Peertube è un software open-source sviluppato da Framasoft che si propone di risolvere questo problema con la decentralizzazione restituendo agli utenti il ruolo di protagonisti e non di prodotti.<br>
+					Vorresti saperne di più? Dai un’occhiata al video qui a fianco o prova subito le nostre istanze:
+				</p>
+				<ul class="actions">
+					<li><a href="https://peertube.uno" class="button">Peertube.uno</a></li>
+					<li><a href="https://peertube.devol.it" class="button">Peertube Devol</a></li>
+					<li><a href="{{ site.baseurl }}/it/peertube" class="button">Di più su Peertube</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section>
+		<img src="{{ site.baseurl }}/assets/images/logos/video/alltubedownload.jpg" alt="">
+		<div class="content">
+			<div class="inner">
+				<header class="major">
+					<h3>AllTubeDonwload</h3>
+				</header>
+				<p>
+					Se anche a te capita di dover rinunciare a internet ogni tanto, allora ti sarà sicuramente capitato di voler scaricare un video presente online per poterlo guardare in seguito, per esempio in aereo.<br>
+					La nostra istanza di AllTubeDownload è il modo migliore per scaricare i video dai portali che ti piacciono: gratuitamente, velocemente e in tutta sicurezza.
+				</p>
+				<ul class="actions">
+					<li><a href="https://alltubedownload.peertube.uno" class="button">AllTubeDonwload Devol</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+</section>
+
+</div>
Author	SHA1	Message	Date
filippodb	01291d904e	Merge pull request #1 from LeonardoMantovani/master Impostazione iniziale del sito a partire dal tema "Forty"	2021-11-02 12:39:35 +01:00
LeonardoMantovani	244739d835	Aggiunti Funkwhale e Mobilizon anche alla pagina Social-Fediverso	2021-10-06 22:31:35 +02:00
LeonardoMantovani	e8cedf2945	Aggiunte pagine di approfondimento in cartella /it/ (fediverso, mastodon, peertube e searx ancora da riempire)	2021-09-29 14:02:02 +02:00
LeonardoMantovani	498e382059	Rimosso LSTU (poiché dismesso) e aggiunta sezione 'Office' Aggiunto logo nel banner della HomePage	2021-09-27 14:53:29 +02:00
LeonardoMantovani	664c227ba6	Aggiunti i testi (precedentemente scritti su HedgeDoc)	2021-09-17 13:33:48 +02:00
LeonardoMantovani	531c16e2e3	Corretta Favicon corretti i file relativi alla favicon (che con il commit precedente non compariva)	2021-06-06 19:46:39 +02:00
LeonardoMantovani	23133c1748	Modifiche minori Modificate alcune cover dei 'tiles' Modificato il footer per includere anche il "supportaci con Brave" Aggiunta favicon	2021-06-06 19:40:11 +02:00
LeonardoMantovani	a0df934ec2	Restyling Immagini Sostituite immagini dei tiles con fotografie in bianco e nero per un'esperienza più uniforme Modificate le pagine delle categorie con un solo servizio per usare lo stesso stile delle altre (con logo del servizio affiancato da titolo, breve descrizione e link) Corretto voce per stanza Matrix nel footer (stanza solo su invito) e aggiunto indirizzo email corretto	2021-05-30 18:05:57 +02:00
LeonardoMantovani	5802f2ad99	Ultimata Struttura Sito Ultimato il footer Eliminate le immagini non utilizzate Ridimensionato il riquadro con il video di Peertube per Mastodon (così che abbia dimensioni simili a quelle delle altre immagini)	2021-05-25 19:43:59 +02:00
LeonardoMantovani	83aa7611aa	Inseriti 'tiles' mancanti Aggiunti i 'tiles' per le categorie di servizi mancanti Ridimensionate alcune immagini in modo da avere una esperienza più uniforme tra le varie pagine del sito	2021-05-24 23:08:39 +02:00
LeonardoMantovani	de005ceccd	Correzioni struttura sito Modificato footer aggiungendo modulo di contatto, link per donazioni, matrix, newsletter e profili social (alcuni ancora incompleti). Modificata homepage per lasciare spazio alla "mission" nella sezione più in basso. Risolto il problema delle immagini che non comparivano nelle pagine dei 'tiles'.	2021-05-21 21:08:27 +02:00
LeonardoMantovani	12444272b7	Prime modifiche Prime modifiche (es. cambiato titolo, sottotitolo, footer,...) Iniziata struttura del sito (con tiles diversi per ogni categoria di servizi offerti)	2021-05-19 19:39:52 +02:00