aboutsummaryrefslogtreecommitdiffstats
path: root/python/fatcat_web/templates/base.html
diff options
context:
space:
mode:
Diffstat (limited to 'python/fatcat_web/templates/base.html')
-rw-r--r--python/fatcat_web/templates/base.html16
1 files changed, 10 insertions, 6 deletions
diff --git a/python/fatcat_web/templates/base.html b/python/fatcat_web/templates/base.html
index ba62eaba..b853f413 100644
--- a/python/fatcat_web/templates/base.html
+++ b/python/fatcat_web/templates/base.html
@@ -2,7 +2,8 @@
<html lang="en" style="position: relative; min-height: 100%; height: auto;">
<head>
<meta charset="utf-8" />
- <meta name="viewport" content="width=device-width">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="referrer" content="origin-when-cross-origin">
<title>{%- block title -%}
{%- if config.FATCAT_DOMAIN.startswith('qa.') -%}
@@ -12,14 +13,17 @@
{%- endif -%}
fatcat!
{%- endblock -%}</title>
- <meta name="referrer" content="origin-when-cross-origin">
- <meta name="viewport" content="width=device-width, initial-scale=1">
+
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.1/dist/semantic.min.css"
crossorigin="anonymous">
<style>
{# bnewbold: fix light grey bars in header #}
.ui.inverted.menu .item:before { background: none; }
+
+ @media only screen and (max-width: 479px) {
+ .mobile-hide{ display: none !important; }
+ }
</style>
{% block extra_head %}{% endblock %}
</head>
@@ -44,9 +48,9 @@
<!-- <img class="logo" src="assets/images/logo.png"> -->
fatcat!
</a>
- <a href="/about" class="item">About</a>
- <a href="https://guide.{{ config.FATCAT_DOMAIN }}/" class="item">Guide</a>
- <a href="/changelog" class="item">Changelog</a>
+ <a href="/about" class="item mobile-hide">About</a>
+ <a href="https://guide.{{ config.FATCAT_DOMAIN }}/" class="item mobile-hide">Guide</a>
+ <a href="/changelog" class="item mobile-hide">Changelog</a>
<div class="right menu">
<div class="item" style="padding: 0;">
<form class="" action="/search" method="get" role="search" aria-label="Papers">