diff options
| -rw-r--r-- | static/css/main.css | 16 | ||||
| -rw-r--r-- | templates/base.html | 14 | ||||
| -rw-r--r-- | templates/index.html | 27 |
3 files changed, 40 insertions, 17 deletions
diff --git a/static/css/main.css b/static/css/main.css index ec3659f..f70346b 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,3 +1,19 @@ +div.menu ul { + list-style: none; + padding-left: 7px; +} + +div.menu ul li { + display: inline-block; + padding-right: 1.3em; +} + +div.menu ul li a { + font-size: 1.2em; + color: #444; + text-decoration: none; +} + p.intro { font-size: 1.3em; line-height: 1.3em; diff --git a/templates/base.html b/templates/base.html index 64d672f..06e79d4 100644 --- a/templates/base.html +++ b/templates/base.html @@ -20,8 +20,18 @@ <body> <div class="mw7 center"> - {% block body %} - {% endblock %} + <div class="cf ph2-ns"> + <h1 class="f2 lh-title">postmarketOS</h1> + <div class="menu"> + <ul> + <li><a href="/">Home</a></li> + <li><a href="/wiki/">Wiki</a></li> + <li><a href="/blog/">Blog</a></li> + </ul> + </div> + {% block body %} + {% endblock %} + </div> </div> </body> </html> diff --git a/templates/index.html b/templates/index.html index a33cada..59c14e9 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,20 +1,17 @@ {% extends 'base.html' %} {% block body %} -<div class="cf ph2-ns"> - <h1 class="f2 lh-title">postmarketOS</h1> - <div class="fl w-100 w-50-ns pa2"> - <img src="{{ url_for('static', filename='img/banner.jpg') }}"></img> - </div> - <div class="fl w-100 w-50-ns pa2"> - <p class="intro">postmarketOS, or <i>pmOS</i> in short, is a touch-optimized, pre-configured <a href="https://alpinelinux.org">Alpine Linux</a> with own packages, that can be installed on smartphones (Not usable for most people yet!).</p> - <p>Find us on:</p> - <ul> - <li><a href="https://github.com/postmarketOS">GitHub</a></li> - <li><a href="https://reddit.com/r/postmarketOS">/r/postmarketOS</a></li> - <li><a href="https://chat.disroot.org/#/room/#postmarketos:disroot.org">#postmarketos:disroot.org</a></li> - <li>#postmarketos on Freenode IRC</li> - </ul> - </div> +<div class="fl w-100 w-50-ns pa2"> + <img src="{{ url_for('static', filename='img/banner.jpg') }}"></img> +</div> +<div class="fl w-100 w-50-ns pa2"> + <p class="intro">postmarketOS, or <i>pmOS</i> in short, is a touch-optimized, pre-configured <a href="https://alpinelinux.org">Alpine Linux</a> with own packages, that can be installed on smartphones (Not usable for most people yet!).</p> + <p>Find us on:</p> + <ul> + <li><a href="https://github.com/postmarketOS">GitHub</a></li> + <li><a href="https://reddit.com/r/postmarketOS">/r/postmarketOS</a></li> + <li><a href="https://chat.disroot.org/#/room/#postmarketos:disroot.org">#postmarketos:disroot.org</a></li> + <li>#postmarketos on Freenode IRC</li> + </ul> </div> {% endblock %} |