mirror of
https://github.com/offen/website.git
synced 2024-11-22 09:00:28 +01:00
tweak summary layout
This commit is contained in:
parent
80d84a7526
commit
d4ad06e83e
@ -9,9 +9,13 @@ sm_image_url: /theme/images/offen-blog-0070-budget.jpg
|
|||||||
<img alt="Hosting on a budget" src="/theme/images/offen-blog-0070-budget.jpg"/>
|
<img alt="Hosting on a budget" src="/theme/images/offen-blog-0070-budget.jpg"/>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
|
<!-- PELICAN_BEGIN_SUMMARY -->
|
||||||
|
|
||||||
###### 30 Jun 2020, Frederik Ring
|
###### 30 Jun 2020, Frederik Ring
|
||||||
# [Hosting Offen on a budget](/blog/hosting-offen-on-budget/)
|
# [Hosting Offen on a budget](/blog/hosting-offen-on-budget/)
|
||||||
|
|
||||||
|
<!-- PELICAN_END_SUMMARY -->
|
||||||
|
|
||||||
Using self-hosted software like Offen when you're on a budget can seem daunting as you usually don't know too much about the performance requirements of the software you are planning to use beforehand. Once you do know, you might have locked in yourself already.
|
Using self-hosted software like Offen when you're on a budget can seem daunting as you usually don't know too much about the performance requirements of the software you are planning to use beforehand. Once you do know, you might have locked in yourself already.
|
||||||
|
|
||||||
In this article we collect a few real world options and scenarios for hosting Offen on a budget and compare how they relate in terms of ease of deployment, performance and pricing.
|
In this article we collect a few real world options and scenarios for hosting Offen on a budget and compare how they relate in terms of ease of deployment, performance and pricing.
|
||||||
|
@ -65,15 +65,20 @@ DECORATE_CONTENT = {
|
|||||||
'[data-button="outline"]': ['b--gray', 'gray'],
|
'[data-button="outline"]': ['b--gray', 'gray'],
|
||||||
'[data-button="full"]': ['cclr-brd-black-mid', 'white', 'cclr-bg-black-mid'],
|
'[data-button="full"]': ['cclr-brd-black-mid', 'white', 'cclr-bg-black-mid'],
|
||||||
'[data-button-mb5="full"]': ['cclr-brd-black-mid', 'white', 'cclr-bg-black-mid'],
|
'[data-button-mb5="full"]': ['cclr-brd-black-mid', 'white', 'cclr-bg-black-mid'],
|
||||||
'a': ['link', 'b', 'dim'],
|
'figure a': ['link'],
|
||||||
'a:not([data-button])': ['gray'],
|
'p a': ['link', 'b', 'dim'],
|
||||||
|
'h1 a': ['link', 'b', 'dim'],
|
||||||
|
'h2 a': ['link', 'b', 'dim'],
|
||||||
|
'h3 a': ['link', 'b', 'dim'],
|
||||||
|
'h4 a': ['link', 'b', 'dim'],
|
||||||
'h5 a': ['normal', 'moon-gray'],
|
'h5 a': ['normal', 'moon-gray'],
|
||||||
'h1': ['f2', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'],
|
'a:not([data-button])': ['gray'],
|
||||||
|
'h1': ['f2', 'normal', 'lh-title', 'mt3', 'ma0', 'mb3', 'light-silver'],
|
||||||
'h2': ['f25', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'],
|
'h2': ['f25', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'],
|
||||||
'h3': ['f5', 'normal', 'mt5', 'ma0', 'mb3', '.cclr-fnt-black-mid'],
|
'h3': ['f5', 'normal', 'mt5', 'ma0', 'mb3', '.cclr-fnt-black-mid'],
|
||||||
'h4': ['f5', 'b', 'mt4', 'ma0', 'mb1'], # text over button
|
'h4': ['f5', 'b', 'mt4', 'ma0', 'mb1'], # text over button
|
||||||
'h5': ['f7', 'normal', 'ma0', 'nt5', 'mb5', 'moon-gray'], # image credits
|
'h5': ['f7', 'normal', 'ma0', 'nt5', 'mb5', 'moon-gray'], # image credits
|
||||||
'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'mb3', 'light-silver'], # date
|
'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'light-silver'], # date
|
||||||
'p': ['ma0', 'pb3'],
|
'p': ['ma0', 'pb3'],
|
||||||
'blockquote': ['f5', 'i', 'ma0', 'ml4-ns', 'ml3'],
|
'blockquote': ['f5', 'i', 'ma0', 'ml4-ns', 'ml3'],
|
||||||
'hr': ['mt5', 'mb3', 'b--black-05'],
|
'hr': ['mt5', 'mb3', 'b--black-05'],
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% set title = 'Fair analytics blog | Offen' %}
|
{% set title = 'Fair analytics blog | Offen' %}
|
||||||
{% set description = 'Developing Offen. A free and open source analytics software for websites and web applications that allows respectful handling of data.' %}
|
{% set description = 'Developing an open alternative to common web analytics tools. Gain insights while your users have full access to their data. Lightweight, self hosted and free.' %}
|
||||||
{% set href = 'blog/' %}
|
{% set href = 'blog/' %}
|
||||||
{% set no_stats = False %}
|
{% set no_stats = False %}
|
||||||
{% set template = 'archives' %}
|
{% set template = 'archives' %}
|
||||||
@ -14,7 +14,15 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
<div class="w-100 mt5-ns gray">
|
<div class="w-100 mt5-ns gray">
|
||||||
<div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
|
<div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
|
||||||
|
<figure class="larger-image mb4">
|
||||||
|
<a href="{{ article.slug }}">
|
||||||
|
<img alt="{{ article.title }}" src="{{ article.sm_image_url }}"/>
|
||||||
|
</a>
|
||||||
|
</figure>
|
||||||
{{ article.summary }}
|
{{ article.summary }}
|
||||||
|
<p class="">
|
||||||
|
{{ article.description }} <a href="{{ article.slug }}" class="link b dim gray">Read more</a>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
Loading…
Reference in New Issue
Block a user