pidgin/nest

Adds dowload button

2019-01-21, Jason
16ecdf3ebd6c
Parents 1e8c82ab4b35
Children aa480b2d5a9d
Adds dowload button
--- a/content/_index.es.md Sun Jan 20 23:13:33 2019 +0000
+++ b/content/_index.es.md Mon Jan 21 21:41:43 2019 +0000
@@ -2,4 +2,6 @@
title: "About"
---
+{{< download-now >}}
+
This is just a simple page to make sure language selection is working.
--- a/content/_index.md Sun Jan 20 23:13:33 2019 +0000
+++ b/content/_index.md Mon Jan 21 21:41:43 2019 +0000
@@ -14,6 +14,8 @@
Pidgin is free and contains no ads. All our code is open source and licensed under the GNU General Public License. This means you can get Pidgin's underlying code and modify it to suit your needs, as long as you publish the changes you make for everyone to benefit from as well.
+{{< download-now >}}
+
## Supported Languages
Pidgin is translated into many different languages, thanks to the generous contributions of our volunteer translators.
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/i18n/en.toml Mon Jan 21 21:41:43 2019 +0000
@@ -0,0 +1,2 @@
+[Download]
+other = "Download"
\ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/layouts/shortcodes/download-now.html Mon Jan 21 21:41:43 2019 +0000
@@ -0,0 +1,66 @@
+<div class="download-now">
+ <a class="download-btn" href="/drafts/download">
+ <span style="vertical-align: middle;">
+ <i class="fas fa-download dl-icon"></i> {{ T "Download" }}
+ </span>
+ </a>
+ <b>Platforms:</b>
+ <a href="/drafts/download#windows"><i class="fab fa-windows"></i></a>
+ <a href="/drafts/download#macos"><i class="fab fa-apple"></i></a>
+ <a href="/drafts/download#linux"><i class="fab fa-linux"></i></a>
+ <a href="/drafts/download#bsd"><i class="fab fa-freebsd"></i></a>
+ <a href="/drafts/download#source"><i class="fas fa-code"></i></a>
+</div>
+
+<style>
+ .download-now {
+ display: block;
+ text-align: center;
+ width: 250px;
+ border-radius: 6px;
+ background-color: lightgrey;
+ margin: 0 auto;
+ }
+ .download-now .download-btn {
+ border-radius: 6px;
+ background-color: #8451a1;
+ color: white;
+ width: 100%;
+ padding: 15px;
+ font-size: large;
+ text-align: center;
+ display: block;
+ }
+ .download-now .download-btn:hover {
+ background-color: #322a38;
+ text-decoration: none !important;
+ }
+ .download-now .download-btn::after {
+ content: none !important;
+ }
+ .download-now .dowloand-thing {
+ display: table-cell;
+ text-align: center;
+ vertical-align: middle;
+ }
+ .download-now .dl-icon {
+ display: inline-block;
+ vertical-align: middle;
+ }
+ .download-now .dl-text {
+ display: inline-block;
+ vertical-align: middle;
+ }
+ .download-now ul {
+ display: block;
+ list-style-type: disc;
+ margin-block-start: 0;
+ margin-block-end: 0;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
+ padding-inline-start: 0;
+ }
+ .download-now a {
+ color: #8451a1;
+ }
+</style>