Prime modifiche
Prime modifiche (es. cambiato titolo, sottotitolo, footer,...) Iniziata struttura del sito (con tiles diversi per ogni categoria di servizi offerti)
1
Gemfile
@ -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'
|
||||
|
38
_config.yml
@ -1,17 +1,17 @@
|
||||
# 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
|
||||
title: Devol
|
||||
subtitle: .it
|
||||
email: youremailaddress@protonmail.com
|
||||
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
|
||||
author:
|
||||
street_address: 1234 Somewhere Road
|
||||
city: Nashville
|
||||
state: TN
|
||||
zip_code: 55555
|
||||
country: United States of America
|
||||
phone: (716) 555-5555
|
||||
street_address:
|
||||
city:
|
||||
state:
|
||||
zip_code:
|
||||
country: Italia
|
||||
phone:
|
||||
|
||||
# homepage tiles
|
||||
tiles-source: pages # accepts "posts" or "pages"
|
||||
@ -22,14 +22,10 @@ tiles-count: 6
|
||||
# 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
|
||||
Mastodon: https://mastodon.uno/web/accounts/31114
|
||||
Envelope: https://buttowndown.email/devol
|
||||
Telegram: https://t.me/devolitalia
|
||||
|
||||
# build settings
|
||||
markdown: kramdown
|
||||
@ -41,4 +37,4 @@ exclude:
|
||||
- "*.gemspec"
|
||||
- LICENSE.md
|
||||
- CONTRIBUTING.md
|
||||
- README.md
|
||||
- README.md
|
||||
|
@ -1,5 +1,5 @@
|
||||
<!-- Contact -->
|
||||
<section id="contact">
|
||||
<!-- <section id="contact">
|
||||
<div class="inner">
|
||||
<section>
|
||||
<form action="https://formspree.io/{{ site.email }}" method="POST">
|
||||
@ -48,7 +48,7 @@
|
||||
{{ site.city }},
|
||||
{% endif %}
|
||||
{% if site.state %}
|
||||
{{ site.state }}
|
||||
{{ site.state }}
|
||||
{% endif %}
|
||||
{% if site.zip_code %}
|
||||
{{ site.zip_code }}<br />
|
||||
@ -61,7 +61,7 @@
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
|
@ -21,7 +21,7 @@
|
||||
<div class="content">
|
||||
<p style="text-transform: uppercase;">{{ site.description }}</p>
|
||||
<ul class="actions">
|
||||
<li><a href="#one" class="button next scrolly">Get Started</a></li>
|
||||
<li><a href="#one" class="button next scrolly">Scopri Come</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -37,12 +37,12 @@
|
||||
<section id="two">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2>Massa libero</h2>
|
||||
<h2>Non ho nulla da nascondere, ma neache nulla da mostrare</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>
|
||||
|
||||
|
@ -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
|
||||
|
BIN
assets/images/alltubedownload.png
Normal file
After Width: | Height: | Size: 137 KiB |
BIN
assets/images/fediverse.jpg
Normal file
After Width: | Height: | Size: 131 KiB |
BIN
assets/images/image-sharing-temp.jpg
Normal file
After Width: | Height: | Size: 87 KiB |
BIN
assets/images/invidious.png
Normal file
After Width: | Height: | Size: 5.6 KiB |
BIN
assets/images/mobilizon.jpg
Normal file
After Width: | Height: | Size: 241 KiB |
BIN
assets/images/music.jpg
Normal file
After Width: | Height: | Size: 76 KiB |
BIN
assets/images/peertube.jpg
Normal file
After Width: | Height: | Size: 73 KiB |
22
elements.md
@ -1,8 +1,10 @@
|
||||
---
|
||||
layout: page
|
||||
title: Elements
|
||||
image: assets/images/pic01.jpg
|
||||
nav-menu: true
|
||||
description:
|
||||
image: assets/images/pic03.jpg
|
||||
nav-menu: false
|
||||
show_tile: false
|
||||
---
|
||||
|
||||
<!-- Main -->
|
||||
@ -12,20 +14,22 @@ nav-menu: true
|
||||
<section id="one">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h1>Elements</h1>
|
||||
<h1>Social</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>
|
||||
<h2 id="content">Cos'è il Fediverso</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</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>
|
||||
<h3>Micro-blogging: Mastodon</h3>
|
||||
<p>Mastodon è l'alternativa a Twitter del Fediverso bla bla</p>
|
||||
<ul>
|
||||
<li>Mastodon: <a href='https://mastodon.uno/'>https://mastodon.uno</a></li>
|
||||
</ul>
|
||||
</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>
|
||||
<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://peertube.uno/videos/embed/d3ae46fe-fd9a-448c-8c94-8fda9b73b54f?start=5s&subtitle=it" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<!-- Break -->
|
||||
<div class="4u 12u$(medium)">
|
||||
|
13
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.
|
4
index.md
@ -1,11 +1,11 @@
|
||||
---
|
||||
layout: home
|
||||
title: Home
|
||||
landing-title: 'Hi, my name is Forty'
|
||||
landing-title: 'Siamo Devol'
|
||||
description: null
|
||||
image: null
|
||||
author: null
|
||||
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.
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
87
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>
|
17
tiles/eventi.md
Normal file
@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: post
|
||||
title: Eventi
|
||||
description:
|
||||
image: assets/images/mobilizon.jpg
|
||||
nav-menu: true
|
||||
---
|
||||
|
||||
<img src="{% link assets/images/mobilizon.jpg %}" alt="" data-position="center center" />
|
||||
|
||||
## Mobilizon
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
<ul class="actions">
|
||||
<li><a href="https://mobilizon.it" class="button">Mobilizon.it</a></li>
|
||||
</ul>
|
17
tiles/musica.md
Normal file
@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: post
|
||||
title: Musica
|
||||
description:
|
||||
image: assets/images/music.jpg
|
||||
nav-menu: true
|
||||
---
|
||||
|
||||
<img src="{% link assets/images/music.jpg %}" alt="" data-position="center center" />
|
||||
|
||||
## Funkwhale
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
<ul class="actions">
|
||||
<li><a href="https://funkwhale.it" class="button">Funkwhale.it</a></li>
|
||||
</ul>
|
87
tiles/social.md
Normal file
@ -0,0 +1,87 @@
|
||||
---
|
||||
title: Social
|
||||
layout: landing
|
||||
description:
|
||||
image: assets/images/fediverse.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>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</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> -->
|
||||
<iframe width="560" height="315" 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>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<ul class="actions">
|
||||
<li><a href="https://mastodon.uno" class="button">Mastodon.uno</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<img src="{% link assets/images/image-sharing-temp.jpg %}" alt="" data-position="center center" />
|
||||
<div class="content">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h3>Image Sharing: Pixelfed e Bibliogram</h3>
|
||||
</header>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<ul class="actions">
|
||||
<li><a href="https://pixelfed.uno" class="button">Pixelfed.uno</a></li>
|
||||
<li><a href="https://bibliogram.pixelfed.uno" class="button">Bibliogram</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- <section>
|
||||
<a href="generic.html" class="image">
|
||||
<img src="{% link assets/images/pic10.jpg %}" alt="" data-position="center center" />
|
||||
</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>
|
83
tiles/video.md
Normal file
@ -0,0 +1,83 @@
|
||||
---
|
||||
title: Video
|
||||
layout: landing
|
||||
description:
|
||||
image: assets/images/peertube.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>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="spotlights">
|
||||
<section>
|
||||
<img src="{% link assets/images/peertube.jpg %}" alt="" data-position="center center" />
|
||||
<div class="content">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h3>Peertube</h3>
|
||||
</header>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</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="https://sepiasearch.peertube.uno" class="button">Sepia Search</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<img src="{% link assets/images/invidious.png %}" alt="" data-position="center center" />
|
||||
<div class="content">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h3>Il Tubo</h3>
|
||||
</header>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<ul class="actions">
|
||||
<li><a href="https://tubo.peertube.uno" class="button">Tubo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<img src="{% link assets/images/alltubedownload.png %}" alt="" data-position="center center" />
|
||||
<div class="content">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h3>AllTubeDonwload</h3>
|
||||
</header>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<ul class="actions">
|
||||
<li><a href="https://alltubedownload.peertube.uno" class="button">AllTubeDonwload</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>
|