filesafe/views/_layout.njk
Bobby Wibowo 1f6dfae78e
Updates
* Updated screenshot in README.md, as well as replaced fb_share.png with the same image.

* Removed 512px.png and replaced it with 512pxr.png (a round version) in manifest.json.

* globals.v is now split into globals.v1 and globals.v2. The former for CSS and JS files, the latter for images and config files (manifest.json, etcetera).

* All static images that are part of the layout will now have their URLs appended with globals.v2 (which means this does not include dynamically generated images such as thumbnails of uploaded files).
2018-04-26 19:53:19 +07:00

59 lines
2.9 KiB
Plaintext

{% import '_globals.njk' as globals %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="{{ globals.description }}">
<meta name="keywords" content="upload,{{ globals.name }},file,images,hosting">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ title | default(globals.name + ' &#8211; ' + globals.motto) | safe }}</title>
{% block stylesheets %}
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v={{ globals.v1 }}">
<link rel="stylesheet" type="text/css" href="css/style.css?v={{ globals.v1 }}">
{% endblock %}
{% block opengraph %}
<!-- Open Graph tags -->
<meta property="og:url" content="{{ globals.root }}" />
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ globals.name }} &#8211; {{ globals.motto }}" />
<meta property="og:description" content="{{ globals.description }}" />
<meta property="og:image" content="{{ globals.root }}/icons/600px.png?v={{ globals.v2 }}" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="600" />
<meta property="og:image" content="{{ globals.root }}/images/fb_share.png?v={{ globals.v2 }}" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:locale" content="en_US" />
<!-- Twitter Card tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{ globals.name }} &#8211; {{ globals.motto }}">
<meta name="twitter:description" content="{{ globals.description }}">
<meta name="twitter:image" content="{{ globals.root }}/icons/600px.png?v={{ globals.v2 }}">
{% endblock %}
<!-- Icons, configs, etcetera -->
<link rel="icon" type="image/png" href="{{ globals.root }}/icons/32pxr.png" sizes="32x32">
<link rel="icon" type="image/png" href="{{ globals.root }}/icons/96pxr.png" sizes="96x96">
<link rel="apple-touch-icon" href="{{ globals.root }}/icons/120px.png" sizes="120x120">
<link rel="apple-touch-icon" href="{{ globals.root }}/icons/152px.png" sizes="152x152">
<link rel="apple-touch-icon" href="{{ globals.root }}/icons/167px.png" sizes="167x167">
<link rel="apple-touch-icon" href="{{ globals.root }}/icons/180px.png" sizes="180x180">
<link rel="manifest" href="{{ globals.root }}/icons/manifest.json?v={{ globals.v2 }}">
<meta name="apple-mobile-web-app-title" content="{{ globals.name }}">
<meta name="application-name" content="{{ globals.name }}">
<meta name="msapplication-config" content="{{ globals.root }}/icons/browserconfig.xml?v={{ globals.v2 }}">
<meta name="theme-color" content="#232629">
</head>
<body>
{% block content %}{% endblock %}
{% block scripts %}
<!-- Scripts -->
{% endblock %}
</body>
</html>