Refresh the layout, simplify start page, add screenshot

ndias · Mar 24, 2022 · 849bba2 · 849bba2
1 parent 240cb8f
commit 849bba2
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 29 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -14,28 +14,27 @@
   <meta name="viewport" content="initial-scale=1.0" />
   <link rel="shortcut icon" href="/gpodder.png">
   <link href='https://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
-  <link href='{{ "/assets/main.css" | relative_url }}' rel='stylesheet'>
+  <link href='{{ "/assets/main.css" | relative_url }}?nocache=20220324' rel='stylesheet'>
 
   {% if jekyll.environment == 'production' and site.google_analytics %}
   {% include google-analytics.html %}
   {% endif %}
 </head>
 
 <body>
-  <a href="https://github.com/gpodder"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
   <div id="root">
-    <img alt="" src="{{page.logo}}" style="height: 80px; float: right;">
-    <h2>{{page.title}}
-      {% if page.subtitle %}
-      <span style="font-size: 10pt; color: #aaa;">// {{page.subtitle}}</span>
-      {% endif %}
-    </h2>
+    <img alt="" src="{{page.logo}}" style="height: 3em; float: left; padding-right: 10px;">
+    <h2>{{page.title}}</h2>
+    {% if page.subtitle %}
+    <div style="font-size: 10pt; margin-top: -20px;">{{page.subtitle}}</div>
+    {% endif %}
+    <div style="clear: left;"></div>
 
     {{ content }}
 
     <address>
-      ©&nbsp;2005-2020 The&nbsp;gPodder&nbsp;Team<br>
-      <a href="https://github.com/gpodder/gpodder.github.io/edit/master/{{page.path}}">Edit this page on GitHub</a>
+      ©&nbsp;2005-2022 The&nbsp;gPodder&nbsp;Team
+      &middot; <a href="https://github.com/gpodder/gpodder.github.io/edit/master/{{page.path}}">Edit this page on GitHub</a>
     </address>
   </div>
 </body>

diff --git a/assets/main.css b/assets/main.css
@@ -1,7 +1,7 @@
 body {
     font-family: 'Roboto', sans-serif;
-    background-color: #a8a;
-    color: #666;
+    background-color: #868;
+    color: #333;
 }
 
 small {
@@ -38,7 +38,6 @@ address {
     font-style: normal;
     text-align: right;
     color: #aaa;
-    font-size: small;
 }
 
 #root {
@@ -47,7 +46,8 @@ address {
     max-width: 600px;
     padding: 30px;
     background-color: white;
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+    border-radius: 10px;
 }
 
 table {

diff --git a/assets/screenshot-2022-03-24-crop.png b/assets/screenshot-2022-03-24-crop.png
diff --git a/index.md b/index.md
@@ -16,25 +16,23 @@ ul li {
 }
 </style>
 
-gPodder is a simple, open source [podcast](https://en.wikipedia.org/wiki/Podcast) client written in Python using GTK+. In development since 2005 with a proven, mature codebase.
+gPodder is a simple, open source [podcast](https://en.wikipedia.org/wiki/Podcast) client written in Python.
+
+In development since 2005 with a proven, mature codebase.
 
 {% assign version = site.data.gpodder.version %}
-The latest version is <span id="latest-version">{{version}}</span>, released <span id="release-date">{{site.data.gpodder.date}}</span>. Read the [release notes](https://github.com/gpodder/gpodder/releases).
+Latest version: <span id="latest-version">{{version}}</span>,
+released <span id="release-date">{{site.data.gpodder.date}}</span>.
+([release notes](https://github.com/gpodder/gpodder/releases))
 
-### Get it
+### Downloads
 
--   Windows: [gPodder {{site.data.windows.version}} installer][win] (also as [portable app][win-portable])<br>
-    <small>Already includes Python 3, Gtk 3</small>
--   macOS: [gPodder {{site.data.macos.version}}][mac]<br>
-    <small>Already includes Python 3, Gtk 3</small>
--   Linux/BSD: In your distro, as [Flatpak][flatpak], [Ubuntu ppa][ppa] or [run from Git](docs/run-from-git.md)<br>
-    <small>Available in Debian, Ubuntu, Fedora, FreeBSD Ports, Arch Linux, ...</small>
--   Sailfish OS: from [OpenRepos](https://openrepos.net/content/keeperofthekeys/gpodder)<br>
-    <small>a flavor of gPodder for mobiles running Sailfish OS 1.0.4.20 or later.</small>
--   Source code: [github.com/gpodder/gpodder](https://github.com/gpodder/gpodder)
--   Older releases are available from [github][releases].
+-   Windows: [gPodder {{site.data.windows.version}} installer][win], [portable app][win-portable]
+-   macOS: [gPodder {{site.data.macos.version}}][mac]
+-   Linux/BSD: [Flatpak][flatpak], [distributions][repology] or [run from Git](docs/run-from-git.md)
+-   Others: [Sailfish OS][sailfish], [Ubuntu PPA][ppa], [Source code][source]
 
-### Get help
+### Support
 
 - Read the [documentation](docs/)
 - Ask on the [mailing list](http://www.freelists.org/list/gpodder)
@@ -43,6 +41,10 @@ The latest version is <span id="latest-version">{{version}}</span>, released <sp
 [win]: https://github.com/gpodder/gpodder/releases/download/{{site.data.windows.version}}/windows-gpodder-{{site.data.windows.version}}-installer.exe
 [win-portable]: https://github.com/gpodder/gpodder/releases/download/{{site.data.windows.version}}/windows-gpodder-{{site.data.windows.version}}-portable.exe
 [mac]: https://github.com/gpodder/gpodder/releases/download/{{site.data.macos.version}}/macOS-gPodder-{{site.data.macos.version}}.zip
-[releases]: https://github.com/gpodder/gpodder/releases
 [ppa]: https://launchpad.net/~gpodder/+archive/ubuntu/ppa
 [flatpak]: https://flathub.org/apps/details/org.gpodder.gpodder
+[source]: https://github.com/gpodder/gpodder
+[repology]: https://repology.org/project/gpodder/versions
+[sailfish]: https://openrepos.net/content/keeperofthekeys/gpodder
+
+![Screenshot of gPodder](assets/screenshot-2022-03-24-crop.png)