diff --git a/README.md b/README.md
index 0e6d40e..7e0aa36 100644
--- a/README.md
+++ b/README.md
@@ -1,79 +1,85 @@
-## simplyOpen ##
-
-## Screenshot ##
-
-![screenshot](screenshot.png)
-
-
-## Options ##
-
-Theme inspired by the mkdocs default theme, without all the datadealer (Google, Twitter, Facebook) stuff. [Federation Widget](https://github.com/LubuWest/federation-widget) in sidebar (works currently only with Friendica). Social links to Mastodon, Matrix, Friendica, Diaspora, Misskey,...
-EMail and License is displayed in the footer.
-
-Javascript only used for Federation Widget.
-
-Configuration in pelicanconf.py:
-```
- EMAIL='x@y.com'
-
- SOCIAL = (('Diaspora', 'https://diasp.eu/...'),
- ('Friendica', 'https://friendica.eu/profile/...'),
- ('Forgejo', 'https://codeberg.org...'),
- ('Funkwhale', 'https://abc.de/...'),
- ('Gitea', 'https://abc.de/...'),
- ('Github', 'https://github.com/...'),
- ('Gitlab', 'https://gitlab.com/...'),
- ('Gnusocial', 'https://www.gnusocial.no/...'),
- ('Hubzilla', 'https://abc.de/...'),
- ('Mastodon', 'https://mastodon.social/...'),
- ('Matrix', 'https://mastodon.social/...'),
- ('Misskey', 'https://misskey.com/...'),
- ('Movim', 'https://pod.movim.eu/?q=...'),
- ('Peertube', 'https://peertube.com/'),
- ('Pixelfed', 'https://pixelfed.com/...'),
- ('Pleroma', 'https://pleroma.com/...'),
- ('Pixelfed', 'https://pixelfed.com/...'),
- ('Plume', 'http://plume.come/'),
- ('Pixelfed', 'https://pixelfed.com/...'),
- ('Pump.io', 'https://pump.io/...'),
- ('RedMatrix', 'https://red.com/...'),
- ('XMPP', 'abc@jabber.de'))
-
- # License (choose one)
- LICENSE = 'CC-BY-SA', 'CC-BY', 'CC-BY-NC', 'CC-BY-NC-SA', 'ALL RIGHTS RESERVED'
-
- FEDERATION_TIMELINE = (('domain','https://loma.ml'), # CORS headers must be set at the Friendica server, add the following to .htaccess
- # Header add Access-Control-Allow-Origin "https://myblog.com"
- # Header add Access-Control-Allow-Methods: "GET"
-
- ('user','startrek'),
- ('max','5'),
- ('type','user'), # could be 'group' to follow a group
- ('servertype','friendica'),) # could be 'diaspora', 'friendica' or 'hubzilla'
-```
-
-## Project documentation ##
-For displaying project Markdown files as website similar to mkdocs, additional parameters should be set:
-
-```
-CATEGORIES_ON_SIDEBAR = 'left' # 'right' or 'none'
-# If 'left', directory names are used as menu button. If files are not in subdirectories, filenames are used
-
-FILENAME_METADATA = '(?P
.*)' # to retrieve the title from filename, if there is no Title field in te Markdown file
-
-DEFAULT_DATE = 'fs' # to retrieve the date from file savedate of file, if there is no Date field in te Markdown file
-# last saved file will be used as the start page of the website
-
-STATIC_PATHS = ['Screenshots'] # place of image files should be set
-
-SITEDESCRIPTION = 'Lorem ipsum dolor sit ..' # Additional text shown on the start page
-
-DISPLAY_PAGES_ON_MENU = True # Markdown files in the 'pages' directory are shown as links in the header
-```
-
-## Credits ##
-* Icons copyright by their respective owners
-
-## License ##
-In line with Federation Widget (https://git.friendi.ca/lubuwest/Federation-widget) this template is under the [WTF Public License](http://sam.zoy.org/wtfpl/COPYING).
-
+\## simplyOpen ##
+
+## Screenshot
+
+![screenshot](screenshot.png)
+
+## Options
+
+Theme inspired by the mkdocs default theme, without all the datadealer (Google, Twitter, Facebook) stuff. [Federation Widget](https://github.com/LubuWest/federation-widget) in sidebar (works currently only with Friendica). Social links to Mastodon, Matrix, Friendica, Diaspora, Misskey,...
+EMail and License is displayed in the footer.
+
+Javascript only used for Federation Widget.
+
+Configuration in pelicanconf.py:
+
+```
+ EMAIL='x@y.com'
+
+ SOCIAL = (('Diaspora', 'https://diasp.eu/...'),
+ ('Friendica', 'https://friendica.eu/profile/...'),
+ ('Forgejo', 'https://codeberg.org...'),
+ ('Funkwhale', 'https://abc.de/...'),
+ ('Gitea', 'https://abc.de/...'),
+ ('Github', 'https://github.com/...'),
+ ('Gitlab', 'https://gitlab.com/...'),
+ ('Gnusocial', 'https://www.gnusocial.no/...'),
+ ('Hubzilla', 'https://abc.de/...'),
+ ('Mastodon', 'https://mastodon.social/...'),
+ ('Matrix', 'https://mastodon.social/...'),
+ ('Misskey', 'https://misskey.com/...'),
+ ('Movim', 'https://pod.movim.eu/?q=...'),
+ ('Peertube', 'https://peertube.com/'),
+ ('Pixelfed', 'https://pixelfed.com/...'),
+ ('Pleroma', 'https://pleroma.com/...'),
+ ('Pixelfed', 'https://pixelfed.com/...'),
+ ('Plume', 'http://plume.come/'),
+ ('Pixelfed', 'https://pixelfed.com/...'),
+ ('Pump.io', 'https://pump.io/...'),
+ ('RedMatrix', 'https://red.com/...'),
+ ('XMPP', 'abc@jabber.de'))
+
+ # License (choose one)
+ LICENSE = 'CC-BY-SA', 'CC-BY', 'CC-BY-NC', 'CC-BY-NC-SA', 'ALL RIGHTS RESERVED'
+
+ FEDERATION_TIMELINE = (('domain','https://loma.ml'), # Activate Apache headers module:
+
+# a2enmod headers
+
+# CORS headers must be set at the Friendica server, add the following to .htaccess
+ # Header add Access-Control-Allow-Origin "https://myblog.com"
+ # Header add Access-Control-Allow-Methods: "GET"
+
+ ('user','startrek'),
+ ('max','5'),
+ ('type','user'), # could be 'group' to follow a group
+ ('servertype','friendica'),) # could be 'diaspora', 'friendica' or 'hubzilla'
+```
+
+## Project documentation
+
+For displaying project Markdown files as website similar to mkdocs, additional parameters should be set:
+
+```
+CATEGORIES_ON_SIDEBAR = 'left' # 'right' or 'none'
+# If 'left', directory names are used as menu button. If files are not in subdirectories, filenames are used
+
+FILENAME_METADATA = '(?P.*)' # to retrieve the title from filename, if there is no Title field in te Markdown file
+
+DEFAULT_DATE = 'fs' # to retrieve the date from file savedate of file, if there is no Date field in te Markdown file
+# last saved file will be used as the start page of the website
+
+STATIC_PATHS = ['Screenshots'] # place of image files should be set
+
+SITEDESCRIPTION = 'Lorem ipsum dolor sit ..' # Additional text shown on the start page
+
+DISPLAY_PAGES_ON_MENU = True # Markdown files in the 'pages' directory are shown as links in the header
+```
+
+## Credits
+
+* Icons copyright by their respective owners
+
+## License
+
+In line with Federation Widget (https://git.friendi.ca/lubuwest/Federation-widget) this template is under the [WTF Public License](http://sam.zoy.org/wtfpl/COPYING).
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 30de229..ee81e1a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -32,7 +32,6 @@ html {
body {
font-family: 'Verdana', sans-serif;
- font-size: 16px;
line-height: 150%;
text-align: left;
padding: 0;
@@ -45,7 +44,7 @@ header {
[role=banner]{
background-image: linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5);
- height: auto; /*50px;*/
+ height: auto;
line-height: 50px;
padding: 0 1%;
position: fixed;
@@ -171,7 +170,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
- font-size: 2em;
+ font-size: 1.8em;
margin: 0.67em 0;
padding: 0.7em 0 0.3em;
}
@@ -267,38 +266,36 @@ ol.archive li .tags
.social li {
clear: both;
+ margin-bottom: 15px;
}
-.social a {}
-
-.social i {
- float: left;
- margin-right: 3px;
- padding-top: 4px;
+.social a {
+ border-bottom: none;
}
-.social a[id*='Buddycloud'] + i:before {content: url('../images/icons/buddycloud-18px.png'); }
-.social a[id*='Diaspora'] + i:before {content: url('../images/icons/Diaspora-18px.png'); }
-.social a[id*='Friendica'] + i:before {content: url('../images/icons/friendica-18px.png'); }
-.social a[id*='Forgejo'] + i:before {content: url('../images/icons/forgejo-18px.png'); }
-.social a[id*='Funkwhale'] + i:before {content: url('../images/icons/funkwhale-16.png'); }
-.social a[id*='Gitea'] + i:before {content: url('../images/icons/gitea-18px.png'); }
-.social a[id*='Github'] + i:before {content: url('../images/icons/github-18px.png'); }
-.social a[id*='Gitlab'] + i:before {content: url('../images/icons/gitlab-18px.png'); }
-.social a[id*='Gnusocial'] + i:before {content: url('../images/icons/gnusocial-18px.png'); }
-.social a[id*='Hubzilla'] + i:before {content: url('../images/icons/hubzilla-16.png'); }
-.social a[id*='Mastodon'] + i:before {content: url('../images/icons/mastodon-18px.png'); }
-.social a[id*='Matrix'] + i:before {content: url('../images/icons/matrix-16.png'); }
-.social a[id*='Misskey'] + i:before {content: url('../images/icons/misskey-18px.png'); }
-.social a[id*='Movim'] + i:before {content: url('../images/icons/movim-18px.png'); }
-.social a[id*='Peertube'] + i:before {content: url('../images/icons/peertube-18px.png'); }
-.social a[id*='Pixelfed'] + i:before {content: url('../images/icons/pixelfed-18px.png'); }
-.social a[id*='Pleroma'] + i:before {content: url('../images/icons/pleroma-18px.png'); }
-.social a[id*='Plume'] + i:before {content: url('../images/icons/plume-16.png'); }
-.social a[id*='Pump.io'] + i:before {content: url('../images/icons/pumpio-18px.png'); }
-.social a[id*='RedMatrix'] + i:before {content: url('../images/icons/redmatrix-18px.png'); }
-.social a[id*='XMPP'] + i:before {content: url('../images/icons/xmpp-18px.png'); }
-.social a[href*='rss.xml']:before {content: url('../images/icons/feed-18px.png'); }
-.social a[href*='atom.xml']:before {content: url('../images/icons/feed-18px.png'); }
+
+.social a[id*='Buddycloud']::before {content: url('../images/icons/buddycloud-18px.png'); margin-right: 5px; vertical-align: -15%; }
+.social a[id*='Diaspora']::before {content: url('../images/icons/Diaspora-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Friendica']::before {content: url('../images/icons/friendica-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Forgejo']::before {content: url('../images/icons/forgejo-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Funkwhale']::before {content: url('../images/icons/funkwhale-16.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Gitea']::before {content: url('../images/icons/gitea-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Github']::before {content: url('../images/icons/github-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Gitlab']::before {content: url('../images/icons/gitlab-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Gnusocial']::before {content: url('../images/icons/gnusocial-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Hubzilla']::before {content: url('../images/icons/hubzilla-16.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Mastodon']::before {content: url('../images/icons/mastodon-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Matrix']::before {content: url('../images/icons/matrix-16.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Misskey']::before {content: url('../images/icons/misskey-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Movim']::before {content: url('../images/icons/movim-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Peertube']::before {content: url('../images/icons/peertube-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Pixelfed']::before {content: url('../images/icons/pixelfed-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Pleroma']::before {content: url('../images/icons/pleroma-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Plume']::before {content: url('../images/icons/plume-16.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='Pump.io']::before {content: url('../images/icons/pumpio-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='RedMatrix']::before {content: url('../images/icons/redmatrix-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[id*='XMPP']::before {content: url('../images/icons/xmpp-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[href*='rss.xml']:before {content: url('../images/icons/feed-18px.png'); margin-right: 5px; vertical-align: -15%;}
+.social a[href*='atom.xml']:before {content: url('../images/icons/feed-18px.png'); margin-right: 5px; vertical-align: -15%;}
/* Tag cloud */
@@ -447,7 +444,6 @@ background: white;
body {
min-width: 300px;
- max-width: 600px;
}
.container {
diff --git a/static/images/pelican.png b/static/images/pelican.png
new file mode 100644
index 0000000..984737d
Binary files /dev/null and b/static/images/pelican.png differ
diff --git a/templates/article.html b/templates/article.html
index e84d8d0..ef6b750 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -1,8 +1,9 @@
-{% extends "base.html" %}
+{% extends "base.html" %}
{% block title %}{{ article.title }} - {{ SITENAME }}{% endblock %}
{% block extra_meta %}
-
+
+
{% endblock %}
{% block content %}
@@ -15,4 +16,4 @@
{% endif %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/templates/base.html b/templates/base.html
index c4f3033..8d46bec 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,168 +1,165 @@
-
-
+
+
-
- {% block title %}{{ SITENAME }}{%endblock%}
-
-
- {% block extra_meta %}
- {% endblock %}
+
+{% block title %}{{ SITENAME }}{%endblock%}
+
+
+
+
+
+{% block extra_meta %}
+{% endblock %}
-
-
-
- {% block scripts %}
- {% if FRIENDICA_COMMENTS %}
-
- {% endif %}
- {% endblock %}
+
+
+{% block scripts %}
+{% if FRIENDICA_COMMENTS %}
+
+{% endif %}
+{% endblock %}
- {% if FEED_ALL_ATOM %}
-
- {% endif %}
- {% if FEED_ALL_RSS %}
-
- {% endif %}
- {% if FEDERATION_TIMELINE %}
-
- {% endif %}
+{% if FEED_ALL_ATOM %}
+
+{% endif %}
+{% if FEED_ALL_RSS %}
+
+{% endif %}
+{% if FEDERATION_TIMELINE %}
+
+{% endif %}
-
+
{{ FEED_ATOM }}