diff options
| author | Yuval Adam <_@yuv.al> | 2017-08-07 22:14:17 +0300 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2017-08-07 22:14:17 +0300 |
| commit | 31c71c67a5cf94a1322d6c5fbefe102156520305 (patch) | |
| tree | 0327535c62f7ba59c71b76c4aba094e2752f131c | |
| parent | 0c1370b5f1b3e8abc934ea913a4377f05f32e4a9 (diff) | |
Add banner image margin
| -rw-r--r-- | docs/index.html | 2 | ||||
| -rw-r--r-- | docs/static/css/main.css | 4 | ||||
| -rw-r--r-- | static/css/main.css | 4 | ||||
| -rw-r--r-- | templates/index.html | 2 |
4 files changed, 10 insertions, 2 deletions
diff --git a/docs/index.html b/docs/index.html index 40bd2d6..574158b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -36,7 +36,7 @@ </div> <div class="fl w-100 w-50-ns pa2"> - <img src="/static/img/banner.jpg"></img> + <img class="banner" src="/static/img/banner.jpg"></img> </div> <div class="fl w-100 w-50-ns pa2"> <p class="intro">postmarketOS (<i>pmOS</i>), is a touch-optimized, pre-configured <a href="https://alpinelinux.org">Alpine Linux</a> that can be installed on smartphones and other mobile devices. The project is at very early stages of development and is not yet usable for most users.</p> diff --git a/docs/static/css/main.css b/docs/static/css/main.css index 4560790..0a01eae 100644 --- a/docs/static/css/main.css +++ b/docs/static/css/main.css @@ -27,6 +27,10 @@ div.menu ul li a { text-decoration: none; } +img.banner { + margin-top: 8px; +} + p.intro { font-size: 1.3em; line-height: 1.3em; diff --git a/static/css/main.css b/static/css/main.css index 4560790..0a01eae 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -27,6 +27,10 @@ div.menu ul li a { text-decoration: none; } +img.banner { + margin-top: 8px; +} + p.intro { font-size: 1.3em; line-height: 1.3em; diff --git a/templates/index.html b/templates/index.html index fd11861..1d51734 100644 --- a/templates/index.html +++ b/templates/index.html @@ -2,7 +2,7 @@ {% block body %} <div class="fl w-100 w-50-ns pa2"> - <img src="{{ url_for('static', filename='img/banner.jpg') }}"></img> + <img class="banner" src="{{ url_for('static', filename='img/banner.jpg') }}"></img> </div> <div class="fl w-100 w-50-ns pa2"> <p class="intro">postmarketOS (<i>pmOS</i>), is a touch-optimized, pre-configured <a href="https://alpinelinux.org">Alpine Linux</a> that can be installed on smartphones and other mobile devices. The project is at very early stages of development and is not yet usable for most users.</p> |