forked from qwik/qwik-site
Please comply XHTML uwu
kiw-q
parent
88f8e86bb0
commit
62b7b698b9
|
|
@ -5,12 +5,12 @@ article {
|
|||
grid-template-rows: repeat(3, auto);
|
||||
}
|
||||
|
||||
article > header {
|
||||
article > #header {
|
||||
grid-area: header;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
article > header > i {
|
||||
article > #header > i {
|
||||
color: var(--accent);
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
|
|
|
|||
|
|
@ -2,24 +2,24 @@ body {
|
|||
width: min(95vw, 52rem);
|
||||
}
|
||||
|
||||
header > img {
|
||||
#header > img {
|
||||
height: 15vh;
|
||||
margin: .5rem auto;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
header > h1,
|
||||
header > p {
|
||||
#header > h1,
|
||||
#header > p {
|
||||
margin-top: 0;
|
||||
font-family: 'Manrope XLight';
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
header > h1 > span {
|
||||
#header > h1 > span {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
nav {
|
||||
#nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -28,7 +28,7 @@ nav {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
#nav > a {
|
||||
color: var(--text);
|
||||
border-bottom: .05rem solid var(--text);
|
||||
|
||||
|
|
@ -41,7 +41,7 @@ nav > a {
|
|||
transition: color .3s, border-bottom .3s, padding .3s;
|
||||
}
|
||||
|
||||
nav > a:hover {
|
||||
#nav > a:hover {
|
||||
color: var(--primary);
|
||||
border-bottom: .05rem solid var(--primary);
|
||||
}
|
||||
|
|
@ -177,7 +177,7 @@ nav > a:hover {
|
|||
color: var(--accent);
|
||||
}
|
||||
|
||||
footer {
|
||||
#footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -190,8 +190,8 @@ footer {
|
|||
border-top: .1rem solid var(--accent);
|
||||
}
|
||||
|
||||
footer > p,
|
||||
footer > p > a {
|
||||
#footer > p,
|
||||
#footer > p > a {
|
||||
font-size: .65rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ body {
|
|||
color: var(--text);
|
||||
}
|
||||
|
||||
header {
|
||||
#header {
|
||||
color: var(--primary);
|
||||
font-size: 3rem;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
|
||||
<head>
|
||||
{% include "templates/defaultTags.njk" %}
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/sitemap.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/sitemap.css" />
|
||||
<title>Site Map</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div id="header">
|
||||
All Articles
|
||||
</header>
|
||||
</div>
|
||||
<p class="centered">
|
||||
Here's a list of all articles:
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -3,12 +3,12 @@
|
|||
{% import "components/color.njk" as color with context %}
|
||||
|
||||
{% block head %}
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/graphical-profile.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/graphical-profile.css" />
|
||||
<title>qwik - colours</title>
|
||||
{% endblock %}
|
||||
|
||||
{% block header %}
|
||||
<img src="/assets/images/design-colors-showcase.svg" alt="A promotional image for our colour scheme.">
|
||||
<img src="/assets/images/design-colors-showcase.svg" alt="A promotional image for our colour scheme." />
|
||||
Colours
|
||||
<i>Last updated 10th August 2021</i>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block header %}
|
||||
<img src="/assets/images/design-res-promo.svg" alt="A promotional image for our graphical resources.">
|
||||
<img src="/assets/images/design-res-promo.svg" alt="A promotional image for our graphical resources." />
|
||||
Graphical Resources
|
||||
<i>Last updated 10th August 2021</i>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
|
||||
<head>
|
||||
{% include "templates/defaultTags.njk" %}
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/landing.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/landing.css" />
|
||||
<title>qwik</title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -27,24 +27,26 @@
|
|||
</p>
|
||||
</div> #}
|
||||
|
||||
<header>
|
||||
<img class="logo" src="/assets/images/logo.svg" alt="qwik logo">
|
||||
<div id="header">
|
||||
<img class="logo" src="/assets/images/logo.svg" alt="qwik logo" />
|
||||
<h1>
|
||||
Welcome to <span style="color: var(--primary)">qwik</span><span style="color: var(--accent)">.</span><span style="color: var(--primary)">space</span>!
|
||||
</h1>
|
||||
<p>
|
||||
"A comfy little corner of the internet..."
|
||||
</p>
|
||||
<nav>
|
||||
<div id="nav">
|
||||
<a href="#toolbox">TOOLBOX</a>
|
||||
<a href="#services">SERVICES</a>
|
||||
<a href="#contact">CONTACT</a>
|
||||
</nav>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a name="toolbox"></a>
|
||||
<div class="box">
|
||||
<h1>TOOLBOX</h1>
|
||||
<h1>
|
||||
<a id="toolbox"></a>
|
||||
TOOLBOX
|
||||
</h1>
|
||||
|
||||
<div class="card">
|
||||
<h2>Nitter</h2>
|
||||
|
|
@ -81,9 +83,11 @@
|
|||
|
||||
<div class="separator"></div>
|
||||
|
||||
<a name="services"></a>
|
||||
<div class="box">
|
||||
<h1>SERVICES</h1>
|
||||
<h1>
|
||||
<a id="services"></a>
|
||||
SERVICES
|
||||
</h1>
|
||||
<p>
|
||||
These services requires an account, which you can create <a href="https://qam.qwik.space">here</a>.
|
||||
</p>
|
||||
|
|
@ -132,9 +136,11 @@
|
|||
|
||||
<div class="separator"></div>
|
||||
|
||||
<a name="contact"></a>
|
||||
<div class="box">
|
||||
<h1>CONTACT</h1>
|
||||
<h1>
|
||||
<a id="contact"></a>
|
||||
CONTACT
|
||||
</h1>
|
||||
<p>
|
||||
If you have any questions, feedback, ideas, or anything else, feel free to contact us.
|
||||
</p>
|
||||
|
|
@ -156,7 +162,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p class="love">
|
||||
Made with <span class="heart"> <3 </span> by team qwik!
|
||||
</p>
|
||||
|
|
@ -188,6 +194,6 @@
|
|||
<p>
|
||||
Coming soon...
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
|
||||
<head>
|
||||
{% include "./defaultTags.njk" %}
|
||||
<link rel="stylesheet" href="/assets/css/article.css">
|
||||
<link rel="stylesheet" href="/assets/css/syntax.css">
|
||||
<link rel="stylesheet" href="/assets/css/article.css" />
|
||||
<link rel="stylesheet" href="/assets/css/syntax.css" />
|
||||
{% block head %}
|
||||
<title>{{ serverName }}</title>
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<article>
|
||||
<header>
|
||||
<div id="header">
|
||||
{% block header %}{% endblock %}
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="toc-container">
|
||||
<div class="toc">
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
|
||||
<head>
|
||||
{% include "./defaultTags.njk" %}
|
||||
<link rel="stylesheet" href="/assets/css/article.css">
|
||||
<link rel="stylesheet" href="/assets/css/syntax.css">
|
||||
<link rel="stylesheet" href="/assets/css/article.css" />
|
||||
<link rel="stylesheet" href="/assets/css/syntax.css" />
|
||||
{% block head %}
|
||||
<title>{{ serverName }}</title>
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<article>
|
||||
<header>
|
||||
<div id="header">
|
||||
{% block header %}{% endblock %}
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="toc-container">
|
||||
<div class="toc">
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
|
||||
<link rel="manifest" href="/assets/favicons/site.webmanifest">
|
||||
<link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#3ddf89">
|
||||
<link rel="shortcut icon" href="/assets/favicons/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#181833">
|
||||
<meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#3ddf89">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png" />
|
||||
<link rel="manifest" href="/assets/favicons/site.webmanifest" />
|
||||
<link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#3ddf89" />
|
||||
<link rel="shortcut icon" href="/assets/favicons/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#181833" />
|
||||
<meta name="msapplication-config" content="/assets/favicons/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#3ddf89" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/scaling.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/theme.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/scaling.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/colors.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/fonts.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/theme.css" />
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
|
||||
<head>
|
||||
{% include "templates/defaultTags.njk" %}
|
||||
<link rel="stylesheet" href="/assets/css/article.css">
|
||||
<link rel="stylesheet" href="/assets/css/syntax.css">
|
||||
<link rel="stylesheet" href="/assets/css/article.css" />
|
||||
<link rel="stylesheet" href="/assets/css/syntax.css" />
|
||||
<title>{{ externalMeta.title if externalMeta.title else serverName }}</title>
|
||||
</head>
|
||||
<body>
|
||||
<article>
|
||||
<header>
|
||||
<div id="header">
|
||||
{{ externalMeta.header }}
|
||||
<i>{{ externalMeta.date }}</i>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="toc-container">
|
||||
<div class="toc">
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ function generateToc(dom) {
|
|||
|
||||
// Generate links to lead to those anvhors.
|
||||
let tocLinks = []
|
||||
tocAnchors.forEach(anchor => tocLinks.push(`<a href="#${anchor.name}" class="${anchor.classList[1].replace("-anchor", "")}">${anchor.getAttribute('data-orig-text')}</a>`))
|
||||
tocAnchors.forEach(anchor => tocLinks.push(`<a href="#${anchor.id}" class="${anchor.classList[1].replace("-anchor", "")}">${anchor.getAttribute('data-orig-text')}</a>`))
|
||||
|
||||
return tocLinks
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ export const markedRenderer = {
|
|||
// Rendering of headings (add an anchor above all headings).
|
||||
heading(text, level) {
|
||||
return `
|
||||
<a name="${text.replace(/\s/g, "-")}" data-orig-text="${text}" class="toc-anchor toc-anchor-h${level}"></a>
|
||||
<a id="${text.replace(/\s/g, "-")}" data-orig-text="${text}" class="toc-anchor toc-anchor-h${level}"></a>
|
||||
<h${level}>
|
||||
${text}
|
||||
</h${level}>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,8 @@ export function nunjacksConfig(njk, express, Config) {
|
|||
// Configure marked (markdown parser)
|
||||
marked.use({
|
||||
gfm: true, // Use GitHub formatting?
|
||||
renderer: markedRenderer // Use my own custom rendering for som tags
|
||||
renderer: markedRenderer, // Use my own custom rendering for som tags
|
||||
xhtml: true // Use XHTML for extra GAINZ!
|
||||
})
|
||||
|
||||
// Let nunjucks use markdown.
|
||||
|
|
|
|||
Loading…
Reference in New Issue