Commit 5b3d78a1 authored by Daniel Brötzmann's avatar Daniel Brötzmann
Browse files

Add feature block and simplify shortcodes

parent 6bf514be
Pipeline #4983 passed with stage
in 12 seconds
......@@ -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).">}}
......@@ -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.
......
{{ 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 }}
......
<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>
......
<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>
<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>
<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
......@@ -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>
......
......@@ -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
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment