'+ escapeHtml(title) + '
' + escapeHtml(summary) +'
diff --git a/docs/assets/avatar.png b/docs/assets/avatar.png new file mode 100644 index 0000000..f97cf6f Binary files /dev/null and b/docs/assets/avatar.png differ diff --git a/docs/assets/background.png b/docs/assets/background.png new file mode 100644 index 0000000..1b06c76 Binary files /dev/null and b/docs/assets/background.png differ diff --git a/docs/assets/favicon.png b/docs/assets/favicon.png new file mode 100644 index 0000000..ae29c56 Binary files /dev/null and b/docs/assets/favicon.png differ diff --git a/docs/branding/Landing.afpalette b/docs/branding/Landing.afpalette new file mode 100644 index 0000000..4647767 Binary files /dev/null and b/docs/branding/Landing.afpalette differ diff --git a/docs/branding/dark/favicon-mono.png b/docs/branding/dark/favicon-mono.png new file mode 100644 index 0000000..1397727 Binary files /dev/null and b/docs/branding/dark/favicon-mono.png differ diff --git a/docs/branding/dark/favicon-mono.svg b/docs/branding/dark/favicon-mono.svg new file mode 100644 index 0000000..eea922b --- /dev/null +++ b/docs/branding/dark/favicon-mono.svg @@ -0,0 +1,12 @@ + + + diff --git a/docs/branding/dark/favicon-mono@2x.png b/docs/branding/dark/favicon-mono@2x.png new file mode 100644 index 0000000..b88ea67 Binary files /dev/null and b/docs/branding/dark/favicon-mono@2x.png differ diff --git a/docs/branding/dark/favicon.png b/docs/branding/dark/favicon.png new file mode 100644 index 0000000..b3c6d3f Binary files /dev/null and b/docs/branding/dark/favicon.png differ diff --git a/docs/branding/dark/favicon.svg b/docs/branding/dark/favicon.svg new file mode 100644 index 0000000..1582c2c --- /dev/null +++ b/docs/branding/dark/favicon.svg @@ -0,0 +1,15 @@ + + + diff --git a/docs/branding/dark/favicon@2x.png b/docs/branding/dark/favicon@2x.png new file mode 100644 index 0000000..ddb6f31 Binary files /dev/null and b/docs/branding/dark/favicon@2x.png differ diff --git a/docs/branding/dark/logo-mono.png b/docs/branding/dark/logo-mono.png new file mode 100644 index 0000000..c49f16e Binary files /dev/null and b/docs/branding/dark/logo-mono.png differ diff --git a/docs/branding/dark/logo-mono.svg b/docs/branding/dark/logo-mono.svg new file mode 100644 index 0000000..5adcd1b --- /dev/null +++ b/docs/branding/dark/logo-mono.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/dark/logo-mono@2x.png b/docs/branding/dark/logo-mono@2x.png new file mode 100644 index 0000000..f8279a5 Binary files /dev/null and b/docs/branding/dark/logo-mono@2x.png differ diff --git a/docs/branding/dark/logo.png b/docs/branding/dark/logo.png new file mode 100644 index 0000000..c513cf0 Binary files /dev/null and b/docs/branding/dark/logo.png differ diff --git a/docs/branding/dark/logo.svg b/docs/branding/dark/logo.svg new file mode 100644 index 0000000..29b769a --- /dev/null +++ b/docs/branding/dark/logo.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/dark/logo@2x.png b/docs/branding/dark/logo@2x.png new file mode 100644 index 0000000..5daa759 Binary files /dev/null and b/docs/branding/dark/logo@2x.png differ diff --git a/docs/branding/dark/logotext-mono.png b/docs/branding/dark/logotext-mono.png new file mode 100644 index 0000000..5507b9f Binary files /dev/null and b/docs/branding/dark/logotext-mono.png differ diff --git a/docs/branding/dark/logotext-mono.svg b/docs/branding/dark/logotext-mono.svg new file mode 100644 index 0000000..4c9d4b9 --- /dev/null +++ b/docs/branding/dark/logotext-mono.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/dark/logotext-mono@2x.png b/docs/branding/dark/logotext-mono@2x.png new file mode 100644 index 0000000..ac33e6a Binary files /dev/null and b/docs/branding/dark/logotext-mono@2x.png differ diff --git a/docs/branding/dark/logotext.png b/docs/branding/dark/logotext.png new file mode 100644 index 0000000..c556e0d Binary files /dev/null and b/docs/branding/dark/logotext.png differ diff --git a/docs/branding/dark/logotext.svg b/docs/branding/dark/logotext.svg new file mode 100644 index 0000000..b6a5a8e --- /dev/null +++ b/docs/branding/dark/logotext.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/dark/logotext@2x.png b/docs/branding/dark/logotext@2x.png new file mode 100644 index 0000000..c3a8abd Binary files /dev/null and b/docs/branding/dark/logotext@2x.png differ diff --git a/docs/branding/favicon-mono.png b/docs/branding/favicon-mono.png new file mode 100644 index 0000000..ba5b523 Binary files /dev/null and b/docs/branding/favicon-mono.png differ diff --git a/docs/branding/favicon-mono.svg b/docs/branding/favicon-mono.svg new file mode 100644 index 0000000..d37e8c9 --- /dev/null +++ b/docs/branding/favicon-mono.svg @@ -0,0 +1,15 @@ + + + diff --git a/docs/branding/favicon-mono@2x.png b/docs/branding/favicon-mono@2x.png new file mode 100644 index 0000000..e36f45b Binary files /dev/null and b/docs/branding/favicon-mono@2x.png differ diff --git a/docs/branding/favicon.png b/docs/branding/favicon.png new file mode 100644 index 0000000..a3551ec Binary files /dev/null and b/docs/branding/favicon.png differ diff --git a/docs/branding/favicon.svg b/docs/branding/favicon.svg new file mode 100644 index 0000000..3c4cff3 --- /dev/null +++ b/docs/branding/favicon.svg @@ -0,0 +1,13 @@ + + + diff --git a/docs/branding/favicon@2x.png b/docs/branding/favicon@2x.png new file mode 100644 index 0000000..b7a9f4d Binary files /dev/null and b/docs/branding/favicon@2x.png differ diff --git a/docs/branding/logo-mono.png b/docs/branding/logo-mono.png new file mode 100644 index 0000000..c88d196 Binary files /dev/null and b/docs/branding/logo-mono.png differ diff --git a/docs/branding/logo-mono.svg b/docs/branding/logo-mono.svg new file mode 100644 index 0000000..2c1e37f --- /dev/null +++ b/docs/branding/logo-mono.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/logo-mono@2x.png b/docs/branding/logo-mono@2x.png new file mode 100644 index 0000000..44ffb73 Binary files /dev/null and b/docs/branding/logo-mono@2x.png differ diff --git a/docs/branding/logo.png b/docs/branding/logo.png new file mode 100644 index 0000000..700c661 Binary files /dev/null and b/docs/branding/logo.png differ diff --git a/docs/branding/logo.svg b/docs/branding/logo.svg new file mode 100644 index 0000000..887677a --- /dev/null +++ b/docs/branding/logo.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/logo@2x.png b/docs/branding/logo@2x.png new file mode 100644 index 0000000..c8087c3 Binary files /dev/null and b/docs/branding/logo@2x.png differ diff --git a/docs/branding/logos.afdesign b/docs/branding/logos.afdesign new file mode 100644 index 0000000..81573fd Binary files /dev/null and b/docs/branding/logos.afdesign differ diff --git a/docs/branding/logotext-mono.png b/docs/branding/logotext-mono.png new file mode 100644 index 0000000..1cfe8e0 Binary files /dev/null and b/docs/branding/logotext-mono.png differ diff --git a/docs/branding/logotext-mono.svg b/docs/branding/logotext-mono.svg new file mode 100644 index 0000000..bab853b --- /dev/null +++ b/docs/branding/logotext-mono.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/logotext-mono@2x.png b/docs/branding/logotext-mono@2x.png new file mode 100644 index 0000000..e4710df Binary files /dev/null and b/docs/branding/logotext-mono@2x.png differ diff --git a/docs/branding/logotext.png b/docs/branding/logotext.png new file mode 100644 index 0000000..12bed19 Binary files /dev/null and b/docs/branding/logotext.png differ diff --git a/docs/branding/logotext.svg b/docs/branding/logotext.svg new file mode 100644 index 0000000..1132d4d --- /dev/null +++ b/docs/branding/logotext.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/logotext@2x.png b/docs/branding/logotext@2x.png new file mode 100644 index 0000000..01d713a Binary files /dev/null and b/docs/branding/logotext@2x.png differ diff --git a/docs/configuration/index.html b/docs/configuration/index.html new file mode 100644 index 0000000..ca92740 --- /dev/null +++ b/docs/configuration/index.html @@ -0,0 +1,232 @@ + + + +
+favicon
Image in the browser tab, should be a path to an image file, ideally a 16x16px .png file.
+avatar
Image of yourself, this will appear in the heading of the main page.
+footer
Markdown content to include in the page footer
+socials
List of social links to include, should be in the format:
+- label: <text to display if the icon doesn't load>
+ link: <url to link to when clicked>
+ icon: <name of the icon to use, from fontawesome>
+
+All of the free fontawesome icons are supported, you can also use ["brands", <icon name>]
to use a brand logo instead (such as GitHub, Facebook, BlueSky, etc.)
header_layout
This defines the order in which elements in the header are laid out. Elements available are:
+You can also include a blank element to put an empty div tag to fill a slot
+background
Background for the whole page, this will be behind the content box. Syntax is the same as the CSS background
property.
background_color
Color override for background
. Whatever value is in here will be used for the CSS background-color
property (which overrides any color set in background
)
background_image
Image override for background
. Whatever value is in here will be used for the CSS background-image
property (which overrides any color set in background
). Unlike background
, you do not need to include the url(...)
wrapper - just a file path will suffice.
content_box_opacity
The box containing your site content will be your base color, this parameter controls how opaque it is over the background.
+content_box_padding
The distance between the horizontal edges of your content and the edges of the content box.
+avatar_size
The width of the avatar, default is 8rem.
+round_avatar
If True, then the avatar will be cropped into a circle.
+border_left
/ border_right
The border on either side of the content box (defined using the same syntax as in border-left
/border-right
in CSS)
The theme has an attribute colors
, which has the following sub-attributes.
These are the colors which define your theme, ordered by importance.
+primary
The first scheme color, this will be used for the footer and the tagline.
+secondary
The second scheme color, this will be used for links.
+tertiary
The third scheme color, this will be used for links when hovered.
+Various shades of white to use for backgrounds
+base
The base color, the background of the content box.
+mantle
Slightly darker than the base color, used for subtle highlights
+crust
Slighter darker than the mantle color, used for second-level highlights
+overlay
Significantly darker than the crust color, used for subtle outlines which need to stand out
+text
Basic text color
+hltext
Basic text color for display against dark backgrounds
+Each of the colors above has a matching parameter which is its name followed by _text
(e.g. primary_text
rather than primary
), which defines the color for text when against that background color. These default to being either text
or hltext
, with the following defaults:
To define the colors which are used in darkmode, use colors_dark
in place of colors
. Other names are all the same.
The theme has an attribtue fonts
, which has the following sub-attributes. Each of these can be the name of any font from Google Fonts
heading
Font to use for headings, default is Poppins
+body
Font to use for most text, default is Hind
+mono
Monospace font to use for code, default is JetBrains Mono
+ +Landing is an mkdocs theme geared towards making a personal landing page, with simpler navigation and heavily customisable style options.
+With Landing I've tried to expose as much of the styling as possible to mkdocs, so that you can change up the theme to your own personal style as much as possible. Of course, there's nothing more flexible than writing your own css, so if you hit a wall with the config file I've also tried to make the html as simple as possible so you can easily add your own custom CSS.
+Click here for a full list of configuration options available.
+Landing came out of me wanting to use mkdocs for my own personal landing page - I made a custom .css file to sit alongside a generic mkdocs file and style it the way I wanted it. When implementing a similar page for a friend I realised that this basic structure could be fairly easily modified with a few key parameters to match a variety of different aesthetics.
+ +' + escapeHtml(summary) +'
' + noResultsText + '
'); + } +} + +function doSearch () { + var query = document.getElementById('mkdocs-search-query').value; + if (query.length > min_search_length) { + if (!window.Worker) { + displayResults(search(query)); + } else { + searchWorker.postMessage({query: query}); + } + } else { + // Clear results for short queries + displayResults([]); + } +} + +function initSearch () { + var search_input = document.getElementById('mkdocs-search-query'); + if (search_input) { + search_input.addEventListener("keyup", doSearch); + } + var term = getSearchTermFromLocation(); + if (term) { + search_input.value = term; + doSearch(); + } +} + +function onWorkerMessage (e) { + if (e.data.allowSearch) { + initSearch(); + } else if (e.data.results) { + var results = e.data.results; + displayResults(results); + } else if (e.data.config) { + min_search_length = e.data.config.min_search_length-1; + } +} + +if (!window.Worker) { + console.log('Web Worker API not supported'); + // load index in main thread + $.getScript(joinUrl(base_url, "search/worker.js")).done(function () { + console.log('Loaded worker'); + init(); + window.postMessage = function (msg) { + onWorkerMessage({data: msg}); + }; + }).fail(function (jqxhr, settings, exception) { + console.error('Could not load worker.js'); + }); +} else { + // Wrap search in a web worker + var searchWorker = new Worker(joinUrl(base_url, "search/worker.js")); + searchWorker.postMessage({init: true}); + searchWorker.onmessage = onWorkerMessage; +} diff --git a/docs/search/search_index.json b/docs/search/search_index.json new file mode 100644 index 0000000..289cf84 --- /dev/null +++ b/docs/search/search_index.json @@ -0,0 +1 @@ +{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Landing is an mkdocs theme geared towards making a personal landing page, with simpler navigation and heavily customisable style options. Configuration With Landing I've tried to expose as much of the styling as possible to mkdocs, so that you can change up the theme to your own personal style as much as possible. Of course, there's nothing more flexible than writing your own css, so if you hit a wall with the config file I've also tried to make the html as simple as possible so you can easily add your own custom CSS. Click here for a full list of configuration options available. History Landing came out of me wanting to use mkdocs for my own personal landing page - I made a custom .css file to sit alongside a generic mkdocs file and style it the way I wanted it. When implementing a similar page for a friend I realised that this basic structure could be fairly easily modified with a few key parameters to match a variety of different aesthetics.","title":"Home"},{"location":"#configuration","text":"With Landing I've tried to expose as much of the styling as possible to mkdocs, so that you can change up the theme to your own personal style as much as possible. Of course, there's nothing more flexible than writing your own css, so if you hit a wall with the config file I've also tried to make the html as simple as possible so you can easily add your own custom CSS. Click here for a full list of configuration options available.","title":"Configuration"},{"location":"#history","text":"Landing came out of me wanting to use mkdocs for my own personal landing page - I made a custom .css file to sit alongside a generic mkdocs file and style it the way I wanted it. When implementing a similar page for a friend I realised that this basic structure could be fairly easily modified with a few key parameters to match a variety of different aesthetics.","title":"History"},{"location":"configuration/","text":"Site information favicon Image in the browser tab, should be a path to an image file, ideally a 16x16px .png file. avatar Image of yourself, this will appear in the heading of the main page. footer Markdown content to include in the page footer socials List of social links to include, should be in the format: - label: