Fix scroll, fix favicon, closes #23

This commit is contained in:
lostinlight 2018-11-18 20:26:14 +03:00
parent b23e6f049b
commit d345981044
5 changed files with 17 additions and 9 deletions

View file

@ -23,14 +23,14 @@
<link rel="apple-touch-icon" sizes="120x120" href="/img/touch/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="120x120" href="/img/touch/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/touch/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="144x144" href="/img/touch/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/touch/apple-icon-180x180.png"> <link rel="apple-touch-icon" sizes="180x180" href="/img/touch/apple-icon-180x180.png">
<link rel="mask-icon" href="ahoyhexo.svg" color="#ffffff">
<meta name="msapplication-tap-highlight" content="no" /> <meta name="msapplication-tap-highlight" content="no" />
<meta name="msapplication-TileImage" content="/img/touch/ms-touch-icon-144x144-precomposed.png"> <meta name="msapplication-TileImage" content="/img/touch/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileColor" content="#ffffff">
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#f4f4f4"> <meta name="theme-color" content="#f4f4f4">
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="/favicon.ico">
<meta property="og:title" content="Fediverse"> <meta property="og:title" content="Fediverse">
<meta property="og:description" content="<%= config.description %>"> <meta property="og:description" content="<%= config.description %>">
<meta property="og:image" content="<%= config.url %>/<% if (page.path.match(/post/) && page.banner) { %><%=page.path%><%=page.banner%><% } else { %><%=config.ogImage%><% } %>" /> <meta property="og:image" content="<%= config.url %>/<% if (page.path.match(/post/) && page.banner) { %><%=page.path%><%=page.banner%><% } else { %><%=config.ogImage%><% } %>" />

View file

@ -1,10 +1,12 @@
<% <%
let contType = ''; let contType = '';
let indexBody = '';
let ball = false; let ball = false;
let misc; let misc;
if (is_root()) { if (is_root()) {
contType = 'main__container'; contType = 'main__container';
indexBody = 'main';
} }
if (page.layout == 'crystalball') { if (page.layout == 'crystalball') {
ball = true; ball = true;
@ -18,7 +20,7 @@
<html lang="en"> <html lang="en">
<%- partial('_partial/head') %> <%- partial('_partial/head') %>
<body> <body class="<%= indexBody %>">
<main class="container-wrapper"> <main class="container-wrapper">
<!--[if lt IE 11]> <!--[if lt IE 11]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please, upgrade</a>.</p> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please, upgrade</a>.</p>
@ -29,7 +31,6 @@
<noscript><small class="no-js">You disabled Javascript. Some things won't work.</small></noscript> <noscript><small class="no-js">You disabled Javascript. Some things won't work.</small></noscript>
<%- body %> <%- body %>
</div> </div>
<h1><%=page.title%></h1>
</main> </main>
<!-- temporary https redirect hack --> <!-- temporary https redirect hack -->
<script> <script>

View file

@ -232,6 +232,10 @@ $taglist: (diaspora, $diaspora),
padding-top: 7em; padding-top: 7em;
} }
.post__preview:not(.wanted):not(.featured) {
height: 230px;
}
.page-number { .page-number {
margin: 0 .9em; margin: 0 .9em;
} }

View file

@ -1,5 +1,8 @@
.main__container { .main__container {
position: absolute;
bottom: 0;
right: 0;
padding-top: 2em; padding-top: 2em;
padding-bottom: 1.5em; padding-bottom: 1.5em;
background: $black url(/img/index-bg.jpg) center center no-repeat; background: $black url(/img/index-bg.jpg) center center no-repeat;

View file

@ -14,13 +14,13 @@
html, html,
body { body {
width: 100%; width: 100%;
height: 100%;
} }
html { html {
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
height: 100%;
font-size: 100%; font-size: 100%;
} }
@ -34,6 +34,10 @@ body {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
body.main {
height: 100%;
}
*::-moz-selection { *::-moz-selection {
color: $black; color: $black;
background: $golden; background: $golden;
@ -152,13 +156,9 @@ dfn {
.container-wrapper { .container-wrapper {
height: inherit; height: inherit;
width: inherit; width: inherit;
overflow-y: scroll;
} }
.container { .container {
position: absolute;
bottom: 0;
right: 0;
background-color: $white; background-color: $white;
} }