mirror of
https://github.com/TheAnachronism/docspell.git
synced 2025-06-22 02:18:26 +00:00
Website redesign
This commit is contained in:
eikek
@ -1,51 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Not Found</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
{% include "search-head.html" %}
|
||||
</head>
|
||||
<body>
|
||||
<section class="hero is-info is-small">
|
||||
<div class="hero-head">
|
||||
{% include "navbar.html" %}
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-8">
|
||||
<h1 class="title">
|
||||
Not Found
|
||||
</h1>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div id="search"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% extends "base.html" %}
|
||||
|
||||
<section class="section">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column">
|
||||
<figure class="image is-2by1 feature-image">
|
||||
<img alt="Not Found Ghost" src="/icons/ghost-40.svg"/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h1 class="title">
|
||||
Not Found :(
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
→ <a href="/docs">Documentation</a>?
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% include "footer.html" %}
|
||||
</body>
|
||||
{% include "search-part.html" %}
|
||||
{% include "fathom.html" %}
|
||||
</html>
|
||||
{% block title %}Not Found :({% endblock title %}
|
||||
|
||||
{% block sidebar %}
|
||||
{% endblock sidebar %}
|
||||
{% block rightToc %}
|
||||
{% endblock rightToc %}
|
||||
|
||||
{% block mainContent %}
|
||||
|
||||
<div class="h-full flex flex-col justify-center items-center">
|
||||
<h1><i class="fa fa-ghost"></i>
|
||||
<h1> Not Found </h1>
|
||||
</div>
|
||||
|
||||
{% endblock mainContent %}
|
||||
|
||||
86
website/site/templates/base.html
Normal file
86
website/site/templates/base.html
Normal file
@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
{% if section is defined %}
|
||||
{% set currentTitle = section.title %}
|
||||
{% set currentToc = section.toc %}
|
||||
{% set relative_path = section.relative_path %}
|
||||
{% endif %}
|
||||
{%if page is defined %}
|
||||
{% set currentTitle = page.title %}
|
||||
{% set currentToc = page.toc %}
|
||||
{% set relative_path = page.relative_path %}
|
||||
{% endif %}
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "parts/meta.html" %}
|
||||
|
||||
<title>{% block title %}{% endblock title %}</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
|
||||
{% include "parts/search-head.html" %}
|
||||
|
||||
<script type="application/javascript" src="/js/light-switch.js"></script>
|
||||
|
||||
<link id="syntax-css" rel="stylesheet" href="">
|
||||
</head>
|
||||
<body class="h-full dark:bg-stone-900 bg-white text-stone-600 dark:text-stone-300 antialiased">
|
||||
|
||||
{% include "parts/topnav.html" %}
|
||||
|
||||
<div id="docs-main"
|
||||
class="mt-12 flex md:flex-row flex-col w-full h-screen-12 sm:overflow-y-hidden"
|
||||
>
|
||||
|
||||
{% block sidebar %}
|
||||
<div id="sidebar"
|
||||
class ="mx-1 flex flex-col sm:flex-none w-full md:w-72 min-h-max overflow-none sm:overflow-y-auto transition-opacity transition-duration-200 "
|
||||
>
|
||||
|
||||
{% block sidebarItems %}{% endblock sidebarItems %}
|
||||
|
||||
</div>
|
||||
{% endblock sidebar %}
|
||||
|
||||
<div id="content"
|
||||
class=" w-full px-2 overflow-none sm:overflow-y-auto scrollbar-main scrollbar-thin flex flex-col lg:flex-row justify-center"
|
||||
>
|
||||
<div class="content max-w-screen-md flex flex-col">
|
||||
<div class="flex-grow">
|
||||
{% block mainContent %}{% endblock mainContent %}
|
||||
</div>
|
||||
|
||||
{% include "parts/footer.html" %}
|
||||
</div>
|
||||
|
||||
{% block rightToc %}
|
||||
<div class="hidden pl-2 text-sm font-light mt-2 flex-col w-48 sticky top-4 {% if currentToc | length == 0 %} hidden {% else %} lg:flex {% endif %}">
|
||||
|
||||
{% for header in currentToc %}
|
||||
<div>
|
||||
<i class="fa fa-hashtag mr-1"></i>
|
||||
<a href="{{ header.permalink }}" class="hover:text-stone-900 dark:hover:text-stone-100">
|
||||
{{ header.title }}
|
||||
</a>
|
||||
{% if header.children | length > 0 %}
|
||||
<div class="pl-4 opacity-75">
|
||||
{% for subhead in header.children %}
|
||||
<div class="border-l-2 dark:border-stone-700 pl-1">
|
||||
<a href="{{ subhead.permalink }}" class="hover:text-stone-900 dark:hover:text-stone-100">
|
||||
{{ subhead.title }}
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock rightToc %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "parts/search-part.html" %}
|
||||
{% include "parts/fathom.html" %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
57
website/site/templates/blog.html
Normal file
57
website/site/templates/blog.html
Normal file
@ -0,0 +1,57 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Docspell Blog{% endblock title %}
|
||||
|
||||
{% block sidebar %}
|
||||
{% endblock sidebar %}
|
||||
{% block rightToc %}
|
||||
{% endblock rightToc %}
|
||||
|
||||
{% block mainContent %}
|
||||
{{ section.content | safe }}
|
||||
|
||||
<div class="flex flex-col space-y-4 mt-4">
|
||||
{% for p in section.pages %}
|
||||
{% if not p.extra.hidden %}
|
||||
{% set author = "Unknown" %}
|
||||
{% if p.extra.author is defined %}
|
||||
{% set author = p.extra.author %}
|
||||
{% endif %}
|
||||
<div id="{{ p.slug }}"
|
||||
class="px-4 py-4 box-shadow rounded mx-2 sm:mx-4 hover:ring ring-indigo-400 ring-opacity-50 dark:ring-cyan-400 dark:ring-opacity-50">
|
||||
<div class="border-b pb-2 dark:border-stone-700 opacity-80 ">
|
||||
<h3 class="no-default text-xl font-semibold hidden">
|
||||
{{ p.title }}
|
||||
</h3>
|
||||
<div class="flex flex-row space-x-4 text-sm">
|
||||
<div class="" title="Created on {{ p.date }}">
|
||||
<i class="fa fa-calendar-alt mr-1"></i>
|
||||
{{ p.date }}
|
||||
</div>
|
||||
<div class="" title="{{ p.word_count }} words">
|
||||
<i class="fa fa-pen-fancy mr-1"></i>
|
||||
{{ p.word_count }}
|
||||
</div>
|
||||
<div class="" title="by {{ author }}">
|
||||
<i class="fa fa-user mr-1"></i>
|
||||
{% if p.extra.authorLink is defined %}
|
||||
<a href="{{ p.extra.authorLink }}">{{ author }}</a>
|
||||
{% else %}
|
||||
{{ author }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="italic mt-3 font-light">
|
||||
{{ p.summary | safe }}
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row justify-end">
|
||||
<a class="no-default button1" href="{{ p.permalink }}#continue-reading">Continue Reading</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock mainContent %}
|
||||
53
website/site/templates/blog_page.html
Normal file
53
website/site/templates/blog_page.html
Normal file
@ -0,0 +1,53 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{ currentTitle }} - Docspell Blog{% endblock title %}
|
||||
|
||||
{% block sidebar %}
|
||||
{% endblock sidebar %}
|
||||
|
||||
{% block mainContent %}
|
||||
<div class="flex flex-row space-x-2 -mb-6 mt-6 text-sm opacity-70 font-medium">
|
||||
{% set author = "Unkown" %}
|
||||
{% if page.extra.author is defined %}
|
||||
{% set author = page.extra.author %}
|
||||
{% endif %}
|
||||
<div class="" title="by {{ author }}">
|
||||
by
|
||||
{% if page.extra.authorLink is defined %}
|
||||
<a href="{{ page.extra.authorLink }}">{{ author }}</a>
|
||||
{% else %}
|
||||
{{ author }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="" title="Created on {{ page.date }}">
|
||||
on
|
||||
{{ page.date }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ page.content | safe }}
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 items-center pt-6 mt-14 border-t dark:border-stone-700">
|
||||
|
||||
<div class="flex items-center flex-col sm:flex-row" title="Previous post">
|
||||
{% if page.earlier and not page.earlier.extra.hidden %}
|
||||
{% set p = page.earlier %}
|
||||
<a class="no-default button1 my-auto" href="{{ p.permalink }}">
|
||||
<i class="fa fa-chevron-left"></i>
|
||||
</a>
|
||||
<div class="italic my-2 ml-2"> {{ p.title }} </div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="flex items-center flex-col sm:flex-row justify-end" title="Next post">
|
||||
{% if page.later and not page.later.extra.hidden %}
|
||||
{% set p = page.later %}
|
||||
<div class="italic my-2 mr-2"> {{ p.title }} </div>
|
||||
<a class="no-default button1 my-auto" href="{{ p.permalink }}">
|
||||
<i class="fa fa-chevron-right"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endblock mainContent %}
|
||||
70
website/site/templates/docs.html
Normal file
70
website/site/templates/docs.html
Normal file
@ -0,0 +1,70 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{ currentTitle }} - Docspell Documentatios{% endblock title %}
|
||||
|
||||
{% block sidebarItems %}
|
||||
<div class="flex flex-col mt-2">
|
||||
{% set topSection = get_section(path="docs/_index.md") %}
|
||||
<div class="w-full px-4 py-2 rounded-lg hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800 dark:text-stone-300 font-medium text-lg dark:text-stone-200 {% if current_path == topSection.path %} dark:bg-stone-800 {% endif %} ">
|
||||
<a href="{{topSection.permalink | safe}}"
|
||||
title="{{ topSection.description }}"
|
||||
class="block w-full"
|
||||
>
|
||||
<i class="fa fa-book mr-1"></i>
|
||||
{{ topSection.title | title }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{% for subs in topSection.subsections %}
|
||||
{% set sect = get_section(path=subs) %}
|
||||
{% if not sect.extra.hidden %}
|
||||
|
||||
{# Use the first page of a section with sub pages as the section link target. #}
|
||||
{% if sect.pages | length > 0 %}
|
||||
{% set permlink = sect.pages[0].permalink %}
|
||||
{% else %}
|
||||
{% set permlink = sect.permalink %}
|
||||
{% endif %}
|
||||
|
||||
<div class="w-full px-4 py-2 rounded-lg hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800 dark:text-stone-300 font-medium text-lg dark:text-stone-200 {% if current_path == sect.path %} dark:bg-stone-800 {% endif %}">
|
||||
<a href="{{ permlink }}"
|
||||
title="{{ sect.description }}"
|
||||
class="block w-full"
|
||||
>
|
||||
{{ sect.title | title }}
|
||||
</a>
|
||||
</div>
|
||||
{% if sect.pages | length > 0 %}
|
||||
<div class="mb-2">
|
||||
{% for subpage in sect.pages %}
|
||||
<div class="py-1 px-2 ml-8 hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800 {% if current_path == subpage.path %} dark:bg-stone-800 border-l-2 dark:border-stone-100 border-stone-800 {% else %} border-l dark:border-stone-700 {% endif %}">
|
||||
<a href="{{subpage.permalink | safe}}" class="w-full block">
|
||||
{{ subpage.title | title }}
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% endblock sidebarItems %}
|
||||
|
||||
{% block mainContent %}
|
||||
{% if section is defined %}
|
||||
{{ section.content | safe }}
|
||||
{% endif %}
|
||||
{%if page is defined %}
|
||||
{{ page.content | safe }}
|
||||
{% endif %}
|
||||
|
||||
{% if section is defined and section.extra.page_list %}
|
||||
<ul>
|
||||
{% for p in section.pages %}
|
||||
<li><a href="{{ p.permalink }}">{{ p.title }}</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endblock mainContent %}
|
||||
@ -1,20 +0,0 @@
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="content has-text-centered">
|
||||
<span>
|
||||
Docspell {{ config.extra.version }}
|
||||
</span>
|
||||
<span class="ml-1 mr-1">•</span>
|
||||
<a href="https://spdx.org/licenses/AGPL-3.0-or-later.html" target="_blank">AGPLv3+</a>
|
||||
<span class="ml-1 mr-1">•</span>
|
||||
<a href="https://github.com/eikek/docspell" target="_blank">
|
||||
Source Code
|
||||
</a>
|
||||
<span class="ml-1 mr-1">•</span>
|
||||
<span>
|
||||
Chat on <a href="https://gitter.im/eikek/docspell">Gitter</a>/<a href="https://app.element.io/#/room/#eikek_docspell:gitter.im">Matrix</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{# <pre> {{ __tera_context }} </pre> #}
|
||||
</footer>
|
||||
@ -1,10 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "meta.html" %}
|
||||
{% include "parts/meta.html" %}
|
||||
<title>Docspell – Simple document organizer</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<script type="text/javascript" src="{{ get_url(path="/js/bundle.js") }}"></script>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
<script type="text/javascript" src="/js/bundle.js"></script>
|
||||
</head>
|
||||
<body id="app">
|
||||
|
||||
@ -19,6 +19,6 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
{% include "fathom.html" %}
|
||||
{% include "parts/fathom.html" %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,24 +0,0 @@
|
||||
<nav class="navbar">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/">
|
||||
<span class="icon">
|
||||
<img src="/icons/logo-only-36.svg">
|
||||
</span>
|
||||
<span>
|
||||
Docspell
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-start">
|
||||
<a target="_blank"
|
||||
href="https://github.com/eikek/docspell"
|
||||
class="navbar-item">
|
||||
<span class="icon">
|
||||
<img src="/icons/github-40.svg">
|
||||
</span>
|
||||
<span>
|
||||
Github
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
@ -1,73 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "meta.html" %}
|
||||
<title>{{ section.title }} – Docspell Documentation</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<section class="hero is-info is-small">
|
||||
<div class="hero-head">
|
||||
{% include "navbar.html" %}
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-8">
|
||||
<h1 class="title">
|
||||
Docspell Documentation
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
{{ section.title }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div id="search"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="content is-size-5">
|
||||
This is the documentation for Docspell, version {{ config.extra.version }}.
|
||||
</div>
|
||||
<div class="columns is-multiline">
|
||||
{% for section in section.subsections %}
|
||||
|
||||
{% set sub = get_section(path=section) %}
|
||||
{% if not sub.extra.hidden %}
|
||||
|
||||
<div class="column is-one-third-widescreen is-half-tablet">
|
||||
<div class="card full-height">
|
||||
<a href="{{sub.permalink | safe}}">
|
||||
<div class="card-content">
|
||||
<div class="media">
|
||||
<div class="media-content">
|
||||
<p class="title is-5">
|
||||
{{ sub.title | title }}
|
||||
</p>
|
||||
<p class="has-text">
|
||||
{{ sub.description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{% include "footer.html" %}
|
||||
{% include "search-head.html" %}
|
||||
{% include "search-part.html" %}
|
||||
{% include "fathom.html" %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,104 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "meta.html" %}
|
||||
<title>{{ page.title }} – Docspell Documentation</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<section class="hero is-info is-small">
|
||||
<div class="hero-head">
|
||||
{% include "navbar.html" %}
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-8">
|
||||
<h1 class="title">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
Docspell Documentation
|
||||
</h2>
|
||||
</div>
|
||||
<div class="column">
|
||||
<id id="search"></id>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs"
|
||||
style="position:sticky; top: 0; z-index:10;">
|
||||
<ul>
|
||||
{% for parent in page.ancestors %}
|
||||
{% set s = get_section(path = parent, metadata_only = true) %}
|
||||
<li>
|
||||
<a href="{{ s.permalink }}">{{ s.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<li>
|
||||
<a href="{{ page.permalink }}">{{ page.title }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<section class="section pt-2">
|
||||
<div class="columns is-desktop">
|
||||
<div class="column is-3">
|
||||
<div class="menu"
|
||||
style="position:sticky; top:2rem; z-index:10;">
|
||||
<ul class="menu-list">
|
||||
{% set last = page.ancestors | last %}
|
||||
{% set s = get_section(path=last) %}
|
||||
|
||||
<p class="menu-label">
|
||||
{{ s.title }}
|
||||
</p>
|
||||
{% for sub in s.pages %}
|
||||
{% set sub_is_current = page.permalink == sub.permalink %}
|
||||
<li>
|
||||
<a href="{{ sub.permalink | safe }}"
|
||||
{% if sub_is_current %}class="is-active"{% endif %}>
|
||||
{{ sub.title | title }}
|
||||
</a>
|
||||
{% if sub_is_current %}
|
||||
<ul class="menu-list">
|
||||
{% for header in page.toc %}
|
||||
<li>
|
||||
<a href="{{ header.permalink }}">
|
||||
{{ header.title }}
|
||||
</a>
|
||||
<ul>
|
||||
{% for subhead in header.children %}
|
||||
<li>
|
||||
<a href="{{ subhead.permalink }}">
|
||||
{{ subhead.title }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column is-9">
|
||||
<div class="container">
|
||||
<div class="content doc">
|
||||
{{ page.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include "footer.html" %}
|
||||
{% include "search-head.html" %}
|
||||
{% include "search-part.html" %}
|
||||
{% include "fathom.html" %}
|
||||
</body>
|
||||
</html>
|
||||
@ -1,78 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "meta.html" %}
|
||||
<title>{{ section.title }} – Docspell Documentation</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<section class="hero is-info is-small">
|
||||
<div class="hero-head">
|
||||
{% include "navbar.html" %}
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-8">
|
||||
<h1 class="title">
|
||||
Docspell Documentation
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
{{ section.title }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div id="search"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs"
|
||||
style="position:sticky; top: 0; z-index:10;" >
|
||||
<ul>
|
||||
{% for parent in section.ancestors %}
|
||||
{% set s = get_section(path = parent, metadata_only = true) %}
|
||||
<li>
|
||||
<a href="{{ s.permalink }}">{{ s.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<li>
|
||||
<a href="{{ section.permalink }}">{{ section.title }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column is-3">
|
||||
<aside class="menu"
|
||||
style="position:sticky; top:2rem; z-index:10;">
|
||||
<p class="menu-label">
|
||||
Contents
|
||||
</p>
|
||||
<ul class="menu-list">
|
||||
{% for page in section.pages %}
|
||||
<li>
|
||||
<a href="{{page.permalink | safe}}">
|
||||
{{ page.title | title }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
<div class="column is-9">
|
||||
<div class="content">
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "footer.html" %}
|
||||
|
||||
{% include "search-head.html" %}
|
||||
{% include "search-part.html" %}
|
||||
{% include "fathom.html" %}
|
||||
</body>
|
||||
</html>
|
||||
32
website/site/templates/parts/footer.html
Normal file
32
website/site/templates/parts/footer.html
Normal file
@ -0,0 +1,32 @@
|
||||
<footer class="w-full pt-8 pb-4 px-8 mt-4 bg-stone-50 dark:bg-stone-800 bg-opacity-80 dark:bg-opacity-50">
|
||||
<div class="text-center text-sm">
|
||||
<span>
|
||||
Docspell {{ config.extra.version }}
|
||||
</span>
|
||||
<span class="ml-1 mr-1">•</span>
|
||||
<a href="https://spdx.org/licenses/AGPL-3.0-or-later.html" target="_blank">AGPLv3+</a>
|
||||
<span class="ml-1 mr-1">•</span>
|
||||
<a href="https://github.com/eikek/docspell" target="_blank">
|
||||
Source Code
|
||||
</a>
|
||||
<span class="ml-1 mr-1">•</span>
|
||||
<span>
|
||||
Chat on <a href="https://gitter.im/eikek/docspell" >Gitter</a>/<a href="https://app.element.io/#/room/#eikek_docspell:gitter.im" class="link">Matrix</a>
|
||||
</span>
|
||||
|
||||
|
||||
{% if relative_path is defined %}
|
||||
<div class="flex-grow flex flex-row justify-end items-end text-xs opacity-60">
|
||||
<a href="https://github.com/eikek/docspell/edit/current-docs/website/site/content/{{ relative_path }}"
|
||||
title="Edit this page on Github"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="fa fa-edit "></i>
|
||||
Edit
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{# <pre> {{ __tera_context }} </pre> #}
|
||||
</footer>
|
||||
69
website/site/templates/parts/topnav.html
Normal file
69
website/site/templates/parts/topnav.html
Normal file
@ -0,0 +1,69 @@
|
||||
<div id="top-bar"
|
||||
class="top-0 fixed z-50 w-full flex flex-row justify-start shadow-sm h-12 bg-white dark:bg-stone-900 text-stone-800 dark:text-stone-200 antialiased border-b dark:border-stone-800"
|
||||
>
|
||||
|
||||
<a class="inline-flex px-4 items-center hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800" href="/">
|
||||
<div class="">
|
||||
<img src="/icons/logo-only-36.svg">
|
||||
</div>
|
||||
<span class="ml-1 text-xl font-bold font-serif hidden sm:inline">
|
||||
Docspell
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="flex items-center">
|
||||
<div class="text-xs py-1 px-1 rounded-full border opacity-50">
|
||||
{{ config.extra.version }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex-grow place-items-end">
|
||||
|
||||
|
||||
</div>
|
||||
<div id="search"></div>
|
||||
<a href="/docs" class="inline-flex px-4 items-center hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800"
|
||||
title="Documentation"
|
||||
>
|
||||
<i class="fa fa-book">
|
||||
</i>
|
||||
</a>
|
||||
<a href="/blog" class="inline-flex px-4 items-center hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800"
|
||||
title="Blog"
|
||||
>
|
||||
<i class="fa fa-blog">
|
||||
</i>
|
||||
</a>
|
||||
<a target="_blank" href="https://github.com/eikek/docspell"
|
||||
class="inline-flex px-4 items-center hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800"
|
||||
title="Github"
|
||||
>
|
||||
<i class="fab fa-github-alt">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
<div class="lights-container relative inline-flex px-4 items-center hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-800 ">
|
||||
<a href="#"
|
||||
class="lights-switch h-full w-full inline-flex items-center"
|
||||
title="Lights on/off" >
|
||||
<i class="fa fa-adjust">
|
||||
</i>
|
||||
</a>
|
||||
<div class="lights-menu text-sm flex flex-col shadow bg-white dark:bg-stone-800 border dark:border-stone-800 absolute top-12 right-2 divide-y dark:divide-stone-700 hidden">
|
||||
<a class="lights-to-dark flex flex-row items-center py-2 px-4 hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-700 cursor-pointer">
|
||||
<i class="fa fa-moon mr-2"></i>
|
||||
<span>Dark</span>
|
||||
</a>
|
||||
<a class="lights-to-light flex flex-row items-center py-2 px-4 hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-700 cursor-pointer">
|
||||
<i class="fa fa-sun font-thin mr-2"></i>
|
||||
<span>Light</span>
|
||||
</a>
|
||||
<a class="lights-to-system flex flex-row items-center py-2 px-4 hover:bg-amber-600 hover:bg-opacity-10 dark:hover:bg-stone-700 cursor-pointer">
|
||||
<i class="fa fa-laptop mr-2"></i>
|
||||
<span>System</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -1,95 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% include "meta.html" %}
|
||||
<title>{{ section.title }} – Docspell Documentation</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
{% include "search-head.html" %}
|
||||
</head>
|
||||
<body>
|
||||
<section class="hero is-info is-small">
|
||||
<div class="hero-head">
|
||||
{% include "navbar.html" %}
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column is-8">
|
||||
<h1 class="title">
|
||||
{{ section.title }}
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
Docspell Documentation
|
||||
</h2>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div id="search"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs"
|
||||
style="position:sticky; top: 0; z-index:10;">
|
||||
<ul>
|
||||
{% for parent in section.ancestors %}
|
||||
{% set s = get_section(path = parent, metadata_only = true) %}
|
||||
<li>
|
||||
<a href="{{ s.permalink }}">{{ s.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<li>
|
||||
<a href="{{ section.permalink }}">{{ section.title }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% if section.extra.mktoc %}
|
||||
<section class="section pt-2">
|
||||
<div class="columns is-desktop">
|
||||
<div class="column is-3">
|
||||
<div class="menu"
|
||||
style="position:sticky; top:2rem; z-index:10;">
|
||||
<ul class="menu-list">
|
||||
{% for header in section.toc %}
|
||||
<li>
|
||||
<a href="{{ header.permalink }}">
|
||||
{{ header.title }}
|
||||
</a>
|
||||
<ul>
|
||||
{% for subhead in header.children %}
|
||||
<li>
|
||||
<a href="{{ subhead.permalink }}">
|
||||
{{ subhead.title }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="column is-9">
|
||||
<div class="container">
|
||||
<div class="content doc">
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% if not section.extra.mktoc %}
|
||||
<section class="section pt-2">
|
||||
<div class="container">
|
||||
<div class="content doc">
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% include "footer.html" %}
|
||||
{% include "search-part.html" %}
|
||||
{% include "fathom.html" %}
|
||||
</body>
|
||||
</html>
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="is-clearfix">
|
||||
<a class="button is-pulled-right {{ classes }}" href="{{ href }}">
|
||||
<div class="flex flex-row justify-end items-center">
|
||||
<a class="no-default button1" href="{{ href }}">
|
||||
{{ text }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<figure class="image">
|
||||
<figure>
|
||||
{% if page is defined %}
|
||||
{% set len = page.components | length %}
|
||||
{% set p = page.components | slice(end=len - 1) | join(sep='/') %}
|
||||
@ -6,5 +6,5 @@
|
||||
{% set p = section.components | join(sep='/') %}
|
||||
{% endif %}
|
||||
|
||||
<img src="{{ get_url(path=p ~ "/" ~ file) }}">
|
||||
<img src="{{ get_url(path=p ~ "/" ~ file) }}" >
|
||||
</figure>
|
||||
|
||||
14
website/site/templates/shortcodes/figure2.html
Normal file
14
website/site/templates/shortcodes/figure2.html
Normal file
@ -0,0 +1,14 @@
|
||||
{% if page is defined %}
|
||||
{% set len = page.components | length %}
|
||||
{% set p = page.components | slice(end=len - 1) | join(sep='/') %}
|
||||
{% else %}
|
||||
{% set p = section.components | join(sep='/') %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
<figure class="dark-block" title="{{ dark }}">
|
||||
<img src="{{ get_url(path=p ~ "/" ~ dark) }}">
|
||||
</figure>
|
||||
<figure class="light-block" title="{{ light }}">
|
||||
<img src="{{ get_url(path=p ~ "/" ~ light) }}" >
|
||||
</figure>
|
||||
4
website/site/templates/shortcodes/imgnormal2.html
Normal file
4
website/site/templates/shortcodes/imgnormal2.html
Normal file
@ -0,0 +1,4 @@
|
||||
{% set len = page.components | length %}
|
||||
{% set p = page.components | slice(end=len - 1) | join(sep='/') %}
|
||||
<img class="light-block" src="{{ get_url(path=p ~ "/" ~ light) }}" width="{{ width }}">
|
||||
<img class="dark-block" src="{{ get_url(path=p ~ "/" ~ dark) }}" width="{{ width }}">
|
||||
4
website/site/templates/shortcodes/imgright2.html
Normal file
4
website/site/templates/shortcodes/imgright2.html
Normal file
@ -0,0 +1,4 @@
|
||||
{% set len = page.components | length %}
|
||||
{% set p = page.components | slice(end=len - 1) | join(sep='/') %}
|
||||
<img class="light-block" style="float:right; padding-left:0.25em;" src="{{ get_url(path=p ~ "/" ~ light) }}">
|
||||
<img class="dark-block" style="float:right; padding-left:0.25em;" src="{{ get_url(path=p ~ "/" ~ dark) }}">
|
||||
@ -1,10 +1,10 @@
|
||||
<div class="notification is-{{ mode }} is-light" style="z-index: 0">
|
||||
<div class="content ">
|
||||
<p class="title is-5">
|
||||
{{ title }}
|
||||
</p>
|
||||
<div>
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
<div class="my-3 rounded border border-indigo-200 bg-indigo-100 bg-opacity-40 text-indigo-400 shadow shadow-indigo-200 dark:bg-cyan-500 dark:bg-opacity-30 dark:text-cyan-100 dark:border-cyan-700 dark:shadow-none">
|
||||
<div class="px-1 py-1 border-b border-indigo-200 font-medium w-full bg-indigo-200 bg-opacity-60 dark:bg-cyan-700 dark:border-cyan-700">
|
||||
<i class="fa fa-info mx-2" ></i>
|
||||
{{ title }}
|
||||
</div>
|
||||
|
||||
<div class="px-2">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
10
website/site/templates/shortcodes/warningbubble.html
Normal file
10
website/site/templates/shortcodes/warningbubble.html
Normal file
@ -0,0 +1,10 @@
|
||||
<div class="my-3 rounded border border-yellow-300 bg-yellow-200 bg-opacity-40 text-yellow-600 shadow shadow-yellow-200 dark:bg-amber-500 dark:bg-opacity-30 dark:text-amber-100 dark:border-amber-700 dark:shadow-none">
|
||||
<div class="px-1 py-1 border-b border-yellow-300 text-yellow-600 dark:text-amber-300 font-medium w-full bg-yellow-300 bg-opacity-50 dark:bg-amber-700 dark:border-amber-700">
|
||||
<i class="fa fa-info mx-2" ></i>
|
||||
{{ title }}
|
||||
</div>
|
||||
|
||||
<div class="px-2">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user