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<title>.*)' # 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 %} <meta name="description" content="{{ article.summary|striptags }}"> - +<meta property=og:description content="{{ article.summary|striptags }}" /> +<meta property=og:title content="{{ article.title }}" /> {% endblock %} {% block content %} <article class="full"> @@ -15,4 +16,4 @@ </div> <script type="text/javascript" src=./theme/js/friendica_comments.js></script> {% 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 @@ -<!DOCTYPE html> -<html lang="{{ HTML_LANG }}"> +<!DOCTYPE html> +<html lang="{{ DEFAULT_LANG }}"> <head> - <meta charset="utf-8"/> - <title>{% 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 }}
-
- {% if FEED_ALL_ATOM %} - atom feed - {% endif %} - {% if FEED_ALL_RSS %} - rss feed - {% endif %} -
- {{ SITENAME }} - {% if pages %} - - {% endif %} +
+ {% if FEED_ALL_ATOM %} + atom feed + {% endif %} + {% if FEED_ALL_RSS %} + rss feed + {% endif %} +
+ {{ SITENAME }} + {% if pages %} + + {% endif %} +
+
+ {% if CATEGORIES_ON_SIDEBAR =='left' %} + + {% endif %} +
+ {% block content %}{% endblock %} +
+ -
- - - -
- - + diff --git a/templates/category.html b/templates/category.html index 6d096dc..2c5e349 100644 --- a/templates/category.html +++ b/templates/category.html @@ -1,6 +1,8 @@ {% extends "base.html" %} {% block title %}{{ category }} - {{ SITENAME }}{% endblock %} - +{% block extra_meta %} + +{% endblock %} {% block content %}

Category: {{ category }}

diff --git a/templates/index.html b/templates/index.html index a54fab0..06a1ecd 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,12 +1,17 @@ -{% extends "base.html" %} +{% extends "base.html" %} {% block content_title %}{% endblock %} {℅ block meta_other %} - -{℅ endblock %} + + {% if SITEDESCRIPTION %} -

{{ SITEDESCRIPTION }}

+ {% endif %} +{℅ endblock %} + {% block content %} +{% if SITEDESCRIPTION %} +

{{ SITEDESCRIPTION }}

+{% endif %} {% for article in articles %} {% if loop.index == 1 %}
diff --git a/templates/page.html b/templates/page.html index 220266d..83c940c 100644 --- a/templates/page.html +++ b/templates/page.html @@ -1,9 +1,11 @@ {% extends "base.html" %} {% block title %}{{ page.title }}- {{ SITENAME }}{% endblock %} - +{% block extra_meta %} + +{% endblock %} {% block content %}

{{ page.title }}

{{ page.content }} -{% endblock %} \ No newline at end of file +{% endblock %}