[gimp-web] themes: move download button CSS to gimp.css.
- From: Jehan <jehanp src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gimp-web] themes: move download button CSS to gimp.css.
- Date: Fri, 17 Jun 2022 21:59:26 +0000 (UTC)
commit 3a7383634ceedb3f497a975817c35adcf413b6b1
Author: Jehan <jehan girinstud io>
Date: Fri Jun 17 23:00:32 2022 +0200
themes: move download button CSS to gimp.css.
This will allow using the download button style in other parts of the
website, such as news.
Also I am renaming "win-button" to "download-button", since we obviously
now use this button style for all platforms.
And I'm renaming "win-torrent" and "osx-torrent" to "download-torrent"
as we don't differenciate these button styles per-platform either.
content/js/downloads.js | 2 +-
themes/newgimp/static/css/downloads.css | 24 ----------------------
themes/newgimp/static/css/gimp.css | 24 ++++++++++++++++++++++
themes/newgimp/templates/downloads-comments.html | 12 +++++------
.../newgimp/templates/downloads-development.html | 16 +++++++--------
themes/newgimp/templates/downloads-oldstable.html | 12 +++++------
themes/newgimp/templates/downloads.html | 12 +++++------
7 files changed, 51 insertions(+), 51 deletions(-)
---
diff --git a/content/js/downloads.js b/content/js/downloads.js
index bbb43122..438acb80 100644
--- a/content/js/downloads.js
+++ b/content/js/downloads.js
@@ -15,7 +15,7 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
-var buttons = document.getElementsByClassName('win-button');
+var buttons = document.getElementsByClassName('download-button');
for (var i = 0, len = buttons.length | 0; i < len; i= i + 1) {
buttons[i].onclick = function(e) {
diff --git a/themes/newgimp/static/css/downloads.css b/themes/newgimp/static/css/downloads.css
index 46104e87..830d497c 100644
--- a/themes/newgimp/static/css/downloads.css
+++ b/themes/newgimp/static/css/downloads.css
@@ -36,35 +36,11 @@
cursor: pointer;
}
- .win-button {
- display: inline-block;
- border: solid 1px #666;
- background-color: #f57900;
- margin: 0.5rem 0;
- border-radius: 10px;
- box-shadow: 1px 1px 2px;
- text-align: center;
- font-family: Questrial;
- font-weight: 400;
- width: 49%;
- }
-
- #win-torrent, #osx-torrent {
- background-color: #008080;
- }
-
#download-comment {
border: dashed 1px #555;
padding: 0.5rem;
}
- .win-button a {
- color: white;
- font-weight: bold;
- display: inline-block;
- padding: 1rem;
- }
-
.mirrors {
display: none;
}
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index e6eb594c..6171b3fe 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -756,6 +756,30 @@ a.donate-orange {
color: white;
}
+.download-button {
+ display: inline-block;
+ border: solid 1px #666;
+ background-color: #f57900;
+ margin: 0.5rem 0;
+ border-radius: 10px;
+ box-shadow: 1px 1px 2px;
+ text-align: center;
+ font-family: Questrial;
+ font-weight: 400;
+ width: 49%;
+}
+
+#download-torrent {
+ background-color: #008080;
+}
+
+.download-button a {
+ color: white;
+ font-weight: bold;
+ display: inline-block;
+ padding: 1rem;
+}
+
/* List of data checksum hashes. */
details.hashes {
diff --git a/themes/newgimp/templates/downloads-comments.html
b/themes/newgimp/templates/downloads-comments.html
index 4c206209..135f7303 100644
--- a/themes/newgimp/templates/downloads-comments.html
+++ b/themes/newgimp/templates/downloads-comments.html
@@ -65,7 +65,7 @@
</p>
<p>
- <span class='win-button'>
+ <span class='download-button'>
<a href="https://flathub.org/repo/appstream/org.gimp.GIMP.flatpakref";>
Install GIMP flatpak
</a>
@@ -143,13 +143,13 @@
{% endif %}
<p>
- <span class='win-button' id='osx-torrent'>
+ <span class='download-button' id='download-torrent'>
<a href="//download.gimp.org/pub/gimp/v{{ MACOS_MAJOR_MINOR_VER }}/osx/{{ MACOS_FILE
}}.torrent">
Download GIMP {{ MACOS_VER }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a href="//download.gimp.org/mirror/pub/gimp/v{{ MACOS_MAJOR_MINOR_VER }}/osx/{{ MACOS_FILE
}}">
Download GIMP {{ MACOS_VER }}<br/>
directly
@@ -279,15 +279,15 @@
{% endif %}
<p>
- <span class='win-button' id='win-torrent'>
+ <span class='download-button' id='download-torrent'>
<a
href="//download.gimp.org/pub/gimp/v{{ WINDOWS_MAJOR_MINOR_VER }}/windows/{{ WINDOWS_FILE
}}.torrent"
- title="Download GIMP via BitTorrent" id="win-torrent-link">
+ title="Download GIMP via BitTorrent" id="download-torrent-link">
Download GIMP {{ WINDOWS_VER }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a
href="//download.gimp.org/mirror/pub/gimp/v{{ WINDOWS_MAJOR_MINOR_VER }}/windows/{{ WINDOWS_FILE
}}"
title="Download GIMP via HTTP" id='win-download-link' >
diff --git a/themes/newgimp/templates/downloads-development.html
b/themes/newgimp/templates/downloads-development.html
index 31f4b863..636dfc59 100644
--- a/themes/newgimp/templates/downloads-development.html
+++ b/themes/newgimp/templates/downloads-development.html
@@ -73,12 +73,12 @@
work-in-progress code.</p>
<p class='buttons'>
- <span class='win-button'>
+ <span class='download-button'>
<a href="https://flathub.org/beta-repo/appstream/org.gimp.GIMP.flatpakref";>
Install GIMP development flatpak (unstable)
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a href="https://nightly.gnome.org/repo/appstream/org.gimp.GIMP.flatpakref";>
Install GIMP nightly flatpak (very unstable)
</a>
@@ -147,7 +147,7 @@
<p class='buttons'>
{% for arch, file in FLATPAK_FILE_DEVELOPMENT.iteritems() %}
- <span class='win-button'>
+ <span class='download-button'>
<a
href="//download.gimp.org/mirror/pub/gimp/v{{FLATPAK_VER_DEVELOPMENT.split('.')[0]}}.{{FLATPAK_VER_DEVELOPMENT.split('.')[1]}}/linux/{{file}}">
Download GIMP {{ FLATPAK_VER_DEVELOPMENT }} flatpak for {{ arch }}<br/>
@@ -213,13 +213,13 @@
{% endif %}
<p class='buttons'>
- <span class='win-button' id='osx-torrent'>
+ <span class='download-button' id='download-torrent'>
<a href="//download.gimp.org/pub/gimp/v{{ MACOS_VER_DEVELOPMENT.split('.')[0]}}.{{
MACOS_VER_DEVELOPMENT.split('.')[1]}}/macos/{{ MACOS_FILE_DEVELOPMENT }}.torrent">
Download GIMP {{ MACOS_VER_DEVELOPMENT }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a href="//download.gimp.org/mirror/pub/gimp/v{{ MACOS_VER_DEVELOPMENT.split('.')[0]}}.{{
MACOS_VER_DEVELOPMENT.split('.')[1]}}/macos/{{ MACOS_FILE_DEVELOPMENT }}">
Download GIMP {{ MACOS_VER_DEVELOPMENT }}<br/>
directly
@@ -297,13 +297,13 @@
{% endif %}
<p class='buttons'>
- <span class='win-button' id='win-torrent'>
- <a href="//download.gimp.org/pub/gimp/v{{ WINDOWS_VER_DEVELOPMENT.split('.')[0] }}.{{
WINDOWS_VER_DEVELOPMENT.split('.')[1] }}/windows/{{ WINDOWS_FILE_DEVELOPMENT }}.torrent" title="Download GIMP
via BitTorrent" id="win-torrent-link">
+ <span class='download-button' id='download-torrent'>
+ <a href="//download.gimp.org/pub/gimp/v{{ WINDOWS_VER_DEVELOPMENT.split('.')[0] }}.{{
WINDOWS_VER_DEVELOPMENT.split('.')[1] }}/windows/{{ WINDOWS_FILE_DEVELOPMENT }}.torrent" title="Download GIMP
via BitTorrent" id="download-torrent-link">
Download GIMP {{ WINDOWS_VER_DEVELOPMENT }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a href="//download.gimp.org/mirror/pub/gimp/v{{ WINDOWS_VER_DEVELOPMENT.split('.')[0] }}.{{
WINDOWS_VER_DEVELOPMENT.split('.')[1] }}/windows/{{ WINDOWS_FILE_DEVELOPMENT }}" title="Download GIMP via
HTTP" id='win-download-link' >
Download GIMP {{ WINDOWS_VER_DEVELOPMENT }}<br/>
directly
diff --git a/themes/newgimp/templates/downloads-oldstable.html
b/themes/newgimp/templates/downloads-oldstable.html
index 920c91bd..edab9952 100644
--- a/themes/newgimp/templates/downloads-oldstable.html
+++ b/themes/newgimp/templates/downloads-oldstable.html
@@ -51,7 +51,7 @@
<div id='linux' class="os linux" markdown='1'>
<h2>GIMP for Unix-like systems</h2>
<p>
- <span class='win-button'>
+ <span class='download-button'>
<a href="https://flathub.org/repo/appstream/org.gimp.GIMP.flatpakref";>
Install GIMP flatpak
</a>
@@ -80,13 +80,13 @@
{% if MACOS_FILE_OLDSTABLE is defined %}
<p>
- <span class='win-button' id='osx-torrent'>
+ <span class='download-button' id='download-torrent'>
<a href="//download.gimp.org/pub/gimp/v{{ MACOS_MAJOR_MINOR_VER_OLDSTABLE }}/osx/{{
MACOS_FILE_OLDSTABLE }}.torrent">
Download GIMP {{ MACOS_VER_OLDSTABLE }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a href="//download.gimp.org/mirror/pub/gimp/v{{ MACOS_MAJOR_MINOR_VER_OLDSTABLE }}/osx/{{
MACOS_FILE_OLDSTABLE }}">
Download GIMP {{ MACOS_VER_OLDSTABLE }}<br/>
directly
@@ -184,15 +184,15 @@
{% if WINDOWS_FILE_OLDSTABLE is defined %}
<p>
- <span class='win-button' id='win-torrent'>
+ <span class='download-button' id='download-torrent'>
<a
href="//download.gimp.org/pub/gimp/v{{ WINDOWS_MAJOR_MINOR_VER_OLDSTABLE }}/windows/{{
WINDOWS_FILE_OLDSTABLE }}.torrent"
- title="Download GIMP via BitTorrent" id="win-torrent-link">
+ title="Download GIMP via BitTorrent" id="download-torrent-link">
Download GIMP {{ WINDOWS_VER_OLDSTABLE }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a
href="//download.gimp.org/mirror/pub/gimp/v{{ WINDOWS_MAJOR_MINOR_VER_OLDSTABLE }}/windows/{{
WINDOWS_FILE_OLDSTABLE }}"
title="Download GIMP via HTTP" id='win-download-link' >
diff --git a/themes/newgimp/templates/downloads.html b/themes/newgimp/templates/downloads.html
index 56e0e0f2..0f9ebedf 100644
--- a/themes/newgimp/templates/downloads.html
+++ b/themes/newgimp/templates/downloads.html
@@ -48,7 +48,7 @@
<h2>GIMP for Unix-like systems</h2>
<p class='buttons'>
- <span class='win-button'>
+ <span class='download-button'>
<a href="https://flathub.org/repo/appstream/org.gimp.GIMP.flatpakref";>
Install GIMP flatpak
</a>
@@ -154,13 +154,13 @@
{% endif %}
<p class='buttons'>
- <span class='win-button' id='osx-torrent'>
+ <span class='download-button' id='download-torrent'>
<a href="//download.gimp.org/pub/gimp/v{{ MACOS_MAJOR_MINOR_VER }}/osx/{{ MACOS_FILE
}}.torrent">
Download GIMP {{ MACOS_VER }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a href="//download.gimp.org/mirror/pub/gimp/v{{ MACOS_MAJOR_MINOR_VER }}/osx/{{ MACOS_FILE
}}">
Download GIMP {{ MACOS_VER }}<br/>
directly
@@ -318,15 +318,15 @@
{% endif %}
<p class='buttons'>
- <span class='win-button' id='win-torrent'>
+ <span class='download-button' id='download-torrent'>
<a
href="//download.gimp.org/pub/gimp/v{{ WINDOWS_MAJOR_MINOR_VER }}/windows/{{ WINDOWS_FILE
}}.torrent"
- title="Download GIMP via BitTorrent" id="win-torrent-link">
+ title="Download GIMP via BitTorrent" id="download-torrent-link">
Download GIMP {{ WINDOWS_VER }}<br/>
via BitTorrent
</a>
</span>
- <span class='win-button'>
+ <span class='download-button'>
<a
href="//download.gimp.org/mirror/pub/gimp/v{{ WINDOWS_MAJOR_MINOR_VER }}/windows/{{ WINDOWS_FILE
}}"
title="Download GIMP via HTTP" id='win-download-link' >
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
