From bfa8c3af904e799a09281a304c3c6fa07ed3e531 Mon Sep 17 00:00:00 2001
From: meaz <meaz@disroot.org>
Date: Sat, 19 Oct 2019 16:27:44 +0200
Subject: [PATCH] update service section of home

---
 pages/01.home/_services/fullbar.en.md  | 100 -------------------------
 pages/01.home/_services/services.en.md |  69 +++++++++++++++++
 2 files changed, 69 insertions(+), 100 deletions(-)
 delete mode 100644 pages/01.home/_services/fullbar.en.md
 create mode 100644 pages/01.home/_services/services.en.md

diff --git a/pages/01.home/_services/fullbar.en.md b/pages/01.home/_services/fullbar.en.md
deleted file mode 100644
index 3276bd26..00000000
--- a/pages/01.home/_services/fullbar.en.md
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: 'Services'
-bgcolor: '#f2f2f2'
-fontcolor: '#000'
-text_align: center
----
-
-<div class="service-parent">
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_email.png">
-<h1>Email</h1>
-<p>
-Free and secure email accounts for your desktop IMAP client
-or via a Web-interface
-</p>
-<a href="https://mail.disroot.org" class="service-btn">Log in</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_cloud.png">
-<h1>Cloud</h1>
-<p>
-Your data under your control! Sync & share your files, calendars, contacts and more.
-</p>
-<a href="https://cloud.disroot.org" class="service-btn">Log in</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_forum.png">
-<h1>Forum</h1>
-<p>
-Participate or create your community, group or collective communication platform.
-</p>
-<a href="https://forum.disroot.org" class="service-btn">Log in</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_xmpp.png">
-<h1>XMPP</h1>
-<p>
-Decentralized instant messaging.
-</p>
-<a href="https://chat.disroot.org" class="service-btn">Log in</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_pads.png">
-<h1>Pads</h1>
-<p>
-Edit documents and spreadsheets collaboratively in real-time directly in the web browser.
-</p>
-<a href="https://pad.disroot.org" class="service-btn">Access</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_pastebin.png">
-<h1>Pastebin</h1>
-<p>
-Encrypted online paste-bin.
-</p>
-<a href="https://bin.disroot.org" class="service-btn">Access</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_upload.png">
-<h1>Upload</h1>
-<p>
-Upload ans share temporary files
-</p>
-<a href="https://upload.disroot.org" class="service-btn">Access</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_search.png">
-<h1>Search</h1>
-<p>
-Anonymous multi search engine platform, aggregating the results of other search engines.
-</p>
-<a href="https://search.disroot.org" class="service-btn">Access</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_polls.png">
-<h1>Polls</h1>
-<p>
-Plan an appointment or take a decision quickly and easily.
-</p>
-<a href="https://poll.disroot.org" class="service-btn">Access</a>
-</div>
-
-<div class="service-item">
-<img src="https://disroot.org/user/themes/disroot/images/logo_project_board.png">
-<h1>Project board</h1>
-<p>
-A project management tool, developed with agile methodology in mind, to handle project and group work.
-</p>
-<a href="https://board.disroot.org" class="service-btn">Log in</a>
-</div>
-</div>
diff --git a/pages/01.home/_services/services.en.md b/pages/01.home/_services/services.en.md
new file mode 100644
index 00000000..844f5803
--- /dev/null
+++ b/pages/01.home/_services/services.en.md
@@ -0,0 +1,69 @@
+---
+title: Services
+section_id: services
+bgcolor: '#FFF'
+bg_img: tent.jpg
+fontcolor: '#555'
+text_align: left
+services:
+    -
+        title: Email
+        icon: email.png
+        link: 'https://disroot.org/services/email'
+        text: 'Free and secure email accounts for your desktop IMAP client or via a Web-interface.'
+        button: 'https://mail.disroot.org'
+    -
+        title: Cloud
+        icon: cloud.png
+        link: 'https://disroot.org/services/nextcloud/'
+        text: 'Your data under your control! Sync & share your files, calendars, contacts and more.'
+        button: 'https://cloud.disroot.org'
+    -
+        title: Forum
+        icon: forum.png
+        link: 'https://disroot.org/services/forum'
+        text: 'A modern approach to discussion forums / mailing-list for your community, group or collective needs.'
+        button: 'https://forum.disroot.org'
+    -
+        title: XMPP Chat
+        icon: xmpp.png
+        link: 'https://disroot.org/services/xmpp'
+        text: 'Decentralized instant messaging.'
+        button: 'https://chat.disroot.org'
+    -
+        title: Pads
+        icon: pads.png
+        link: 'https://disroot.org/services/pads'
+        text: 'Edit documents or spreadsheets collaboratively in real-time directly in the web browser.'
+        button: 'https://pad.disroot.org'
+    -
+        title: 'Paste Bin'
+        icon: pastebin.png
+        link: 'https://disroot.org/services/privatebin'
+        text: 'An open-source, encrypted online paste-bin/discussion board.'
+        button: 'https://bin.disroot.org'
+    -
+        title: Upload
+        icon: upload.png
+        link: 'https://disroot.org/services/upload'
+        text: 'Encrypted, temporary file hosting and sharing software.'
+        button: 'https://upload.disroot.org'
+    -
+        title: Search
+        icon: search.png
+        link: 'https://disroot.org/services/search'
+        text: 'An anonymous multi search engine platform, aggregating the results of other search engines.'
+        button: 'https://search.disroot.org'
+    -
+        title: Polls
+        icon: polls.png
+        link: 'https://disroot.org/services/polls'
+        text: 'Online service for planning an appointment or making a decision quickly and easily.'
+        button: 'https://polls.disroot.org'
+    -
+        title: 'Project Board'
+        icon: project_board.png
+        link: 'https://disroot.org/services/project-board'
+        text: 'A project management tool, developed with agile methodology in mind, for any project or group.'
+        button: 'https://board.disroot.org'
+---