docs: Add favicon, twitteer cards etc, theme colour, hyperlink to title

This commit is contained in:
Starbeamrainbowlabs 2021-06-21 00:52:29 +01:00
parent 10677e279e
commit 96a645c546
No known key found for this signature in database
GPG Key ID: 1BE5172E637709C2
2 changed files with 23 additions and 3 deletions

@ -5,13 +5,33 @@
<title>{{ title }} • WorldEditAdditions</title> <title>{{ title }} • WorldEditAdditions</title>
<link rel="stylesheet" href="/theme.css" /> <link rel="stylesheet" href="/theme.css" />
<link rel="icon" href="{% image_urlpass '../worldeditadditions-64.png' %}" type="image/png" sizes="64x64" />
<link rel="icon" href="{% image_urlpass '../worldeditadditions.png' %}" type="image/png" sizes="540x540" />
<meta name="theme-color" content="#61b4f4" />
<!-- OpenGraph -->
<meta property="og:title" content="WorldEditAdditions" />
<meta property="og:type" content="website" />
<!-- We wanted pepperminty.wiki, but it's too expensive :-( -->
<meta property="og:url" content="https://worldeditadditions.mooncarrot.space/" />
<meta property="og:image" content="https://worldeditadditions.mooncarrot.space{% image_url 'images/banner-main.jpeg' %}" />
<meta property="og:description" content="WorldEditAdditions: Extra tools and commands to extend WorldEdit for Minetest. If you can dream of it, it probably belongs here!" />
<!-- Twitter Cards -->
<meta property="twitter:card" content="summary" />
<meta property="twitter:site" content="@SBRLabs" />
<meta property="twitter:title" content="WorldEditAdditions" />
<meta property="twitter:description" content="WorldEditAdditions: Extra tools and commands to extend WorldEdit for Minetest. If you can dream of it, it probably belongs here!" />
<meta property="twitter:image" content="https://worldeditadditions.mooncarrot.space{% image_url 'images/banner-main.jpeg' %}" />
</head> </head>
<body> <body>
<nav class="shadow-bottom"> <nav class="shadow-bottom">
<h1> <h1><a href="/" class="invisilink">
<img src="{% image_urlpass '../worldeditadditions.png' %}" alt="" class="icon logo" /> <img src="{% image_urlpass '../worldeditadditions.png' %}" alt="" class="icon logo" />
WorldEditAdditions WorldEditAdditions
</h1> </a></h1>
<ul> <ul>
{% for navitem in collections.navigable %} {% for navitem in collections.navigable %}
<li {% if page.url == navitem.url %}aria-current="page"{% endif %}> <li {% if page.url == navitem.url %}aria-current="page"{% endif %}>

@ -103,7 +103,7 @@ nav ul {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
} }
nav a { nav > ul a {
background: var(--bg-transcluscent-slight); background: var(--bg-transcluscent-slight);
display: inline-block; display: inline-block;
padding: 1.2em 2em; padding: 1.2em 2em;