diff options
author | Mark Otto <markdotto@gmail.com> | 2017-08-14 03:50:29 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2017-08-14 03:50:29 +0300 |
commit | 7de266d4ddda1aa8a8949f0b8db25cae75db767b (patch) | |
tree | 166b80eabfc1f2d46afb87e34dd776c975381931 /_layouts | |
parent | 92079290f66ed360060206cdd065714c301b3bf4 (diff) |
fewer inline styles, more styles in head; flexbox it
Diffstat (limited to '_layouts')
-rw-r--r-- | _layouts/redirect.html | 28 |
1 files changed, 22 insertions, 6 deletions
diff --git a/_layouts/redirect.html b/_layouts/redirect.html index fab0ac149b..b3184e40c9 100644 --- a/_layouts/redirect.html +++ b/_layouts/redirect.html @@ -6,15 +6,31 @@ <link rel="canonical" href="{{ page.redirect.to }}"> <meta http-equiv="refresh" content="0; url={{ page.redirect.to }}"> <style> - .title { font-size: 2.8rem; margin-top: 1rem; margin-bottom: .5rem; font-weight: 300; } - body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } + html { + display: flex; + align-items: center; + justify-content: center; + margin: 0; + width: 100vw; + height: 100vh; + text-align: center; + } + body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + } + h1 { + margin-top: 0; + margin-bottom: .5rem; + } + a { + color: #007bff; + text-decoration: none; + } </style> </head> <body> - <div style="width: 500px; margin: 40px auto; text-align: center"> - <h1 class="title">Redirecting…</h1> - <a href="{{ page.redirect.to }}" style="font-size: 0.9rem; color: #7952b3">Click here if you are not redirected.</a> - </div> + <h1>Redirecting…</h1> + <a href="{{ page.redirect.to }}">Click here if you are not redirected</a> <script>location="{{ page.redirect.to }}"</script> </body> </html> |