Add feature block and simplify shortcodes

content/en/_index.md

@@ -4,19 +4,16 @@ subtitle: Gajim, a fully-featured XMPP client
 comments: false
 ---
 
-{{< start_block name="Download" >}}
+{{< start_block label="Download" >}}
 
-### Features
+{{< feature_item icon="fa-project-diagram" header="Decentralized Messenging" text="Connect to your contacts using a server of your choice. Gajim works well with other [chat clients](https://xmpp.org/software/clients.html) and supports multiple accounts.">}}
 
-* Decentralized messenging: connect to your contacts using a server of your choice
-* Integrates well with [other chat clients](https://xmpp.org/software/clients.html)
-* Supports multiple accounts
-* Chat securely with End-to-End encryption ([OMEMO](https://dev.gajim.org/gajim/gajim-plugins/-/wikis/OmemoGajimPlugin), [PGP](https://dev.gajim.org/gajim/gajim-plugins/-/wikis/pgpplugin), [OpenPGP](https://dev.gajim.org/gajim/gajim-plugins/-/wikis/OpenPGPplugin))
-* Share pictures, videos and other files with friends and groups
-* User profiles including pictures and contact infos
-* Chat history management
-* Wikipedia and Wiktionary integration
-* Automatic spell-checking
-* Extensible via plugins: image previews and more
-* Free [open-source software](https://gajim.org/development/)
-* Available in [29 languages](https://dev.gajim.org/gajim/gajim/-/wikis/development/TranslationsList)
+{{< feature_item icon="fa-users" header="Stay Connected" text="Share pictures, videos, and files with friends and groups. User profiles, status updates, and chat history management included.">}}
+
+{{< feature_item icon="fa-shield-alt" header="End-to-End Encryption" text="Chat securely using [OMEMO](https://dev.gajim.org/gajim/gajim-plugins/-/wikis/OmemoGajimPlugin), [PGP](https://dev.gajim.org/gajim/gajim-plugins/-/wikis/pgpplugin), or [OpenPGP](https://dev.gajim.org/gajim/gajim-plugins/-/wikis/OpenPGPplugin).">}}
+
+{{< feature_item icon="fa-box-open" header="Extensible" text="Wikipedia and Wiktionary integration, automatic spell-checking, and much more via plugins.">}}
+
+{{< feature_item icon="fa-code" header="Open Source" text="Gajim is free [open-source software](https://gajim.org/development/).">}}
+
+{{< feature_item icon="fa-globe-europe" header="Multiple Languages" text="Available in [29 languages](https://dev.gajim.org/gajim/gajim/-/wikis/development/TranslationsList).">}}

content/en/download/_index.md

@@ -5,11 +5,11 @@ type: page
 comments: false
 ---
 
-{{< stable_version name="Latest release">}}
+{{< stable_version label="Latest release">}}
 
 ## Windows
 
-{{< download_btn_windows name="Download" recommended="Recommended download">}}
+{{< download_btn_windows label="Download" recommended="Recommended download">}}
 
 You can either install Gajim on your system or use the portable version. Gajim Portable allows you to take everything with you in just a single folder.
 

themes/beautifulhugo/layouts/index.html

 {{ define "main" }}
   <div role="main" class="container">
+    {{ with .Content }}
+    <div class="jumbotron">
+      {{.}}
+    </div>
+    {{ end }}
     <div class="row">
       <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-        {{ with .Content }}
-          <div class="well">
-            {{.}}
-          </div>
-        {{ end }}
-
         <div class="posts-list">
           {{ $pag := .Paginate (where site.RegularPages "Type" "in" site.Params.mainSections) }}
           {{ range first 3 $pag.Pages }}

themes/beautifulhugo/layouts/shortcodes/download_btn_windows.html

 <div class="dropdown show">
-    <a class="btn btn-success dropdown-toggle" href="#" role="button" id="win_download" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ .Get "name" }}</a>
+    <a class="btn btn-success dropdown-toggle" href="#" role="button" id="win_download" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ .Get "label" }}</a>
     <div class="dropdown-menu" aria-labelledby="win_download">
         <a class="dropdown-item recommended-download" href="{{.Site.Data.Gajim.WinSetup64}}" title="{{ .Get "recommended" }}">Gajim (64 Bit)</a>
         <a class="dropdown-item" href="{{.Site.Data.Gajim.WinSetup32}}">Gajim (32 Bit)</a>

themes/beautifulhugo/layouts/shortcodes/feature_item.html

+<div class="col-12 col-sm-6">
+    <div class="list-item d-flex align-items-start">
+        <div class="feature-icon">
+            <i class="fas {{ .Get "icon" }} fa-3x fa-fw"></i>
+        </div>
+        <div class="feature">
+            <h3>{{ .Get "header" }}</h3>
+            <p>{{ .Get "text" | markdownify }}</p>
+        </div>
+    </div>
+</div>

themes/beautifulhugo/layouts/shortcodes/features_list.html

+<div class="col-12 col-sm-6">
+    <div class="list-item d-flex align-items-start">
+        <div>
+            <i class="icon-checkmark-circle text-primary"></i>
+        </div>
+        <div>
+            <h3>Test</h3>
+            <p>Test 123</p>
+        </div>
+    </div>
+</div>

themes/beautifulhugo/layouts/shortcodes/stable_version.html

-<div class="current-version">{{ .Get "name" }} <span class="label label-primary">{{ .Site.Data.Gajim.StableVersion }}</span></div>
\ No newline at end of file
+<div class="current-version">{{ .Get "label" }} <span class="label label-primary">{{ .Site.Data.Gajim.StableVersion }}</span></div>
\ No newline at end of file

themes/beautifulhugo/layouts/shortcodes/start_block.html

@@ -5,7 +5,7 @@
       </td>
       <td>
         <div class="dropdown show">
-          <a class="btn btn-success dropdown-toggle" href="#" role="button" id="downloadDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ .Get "name" }}</a>
+          <a class="btn btn-success dropdown-toggle" href="#" role="button" id="downloadDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ .Get "label" }}</a>
           <div class="dropdown-menu" aria-labelledby="downloadDropdown">
             <a class="dropdown-item" href="download#windows">Windows</a>
             <a class="dropdown-item" href="download#macos">MacOS</a>

themes/beautifulhugo/static/css/main.css

@@ -801,6 +801,7 @@ input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gs
 /* --- Startpage download button and logo --- */
 .startpage-download {
   width: 100%;
+  margin-bottom: 2rem;
 }
 .startpage-download tr {
   border-top: none;
@@ -812,3 +813,30 @@ input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gs
 .startpage-download tr td img {
   float: right;
 }
+
+.d-flex {
+  display: -webkit-box!important;
+  display: flex!important;
+}
+.list-item {
+  margin-bottom: 3rem;
+}
+.feature p {
+  font-size: 1em;
+  line-height: 1.4em;
+  color: #707070;
+}
+.align-items-start {
+  -webkit-box-align: start!important;
+  -ms-flex-align: start!important;
+  align-items: flex-start!important;
+}
+.feature-icon i {
+  margin-right: 3rem;
+  margin-top: 2.3rem;
+  color: #686868;
+}
+.jumbotron {
+  display: inline-block;
+  background-image: #e4e4e4;
+}
\ No newline at end of file