mirror of
https://github.com/jrnl-org/jrnl.git
synced 2025-05-10 08:38:32 +02:00
Make docs site (jrnl.sh) fully meet Web Content Accessibility Guidelines (WCAG) 2.1 (#1105)
* add some attribtutes to docs template for accessbility * fix colors to meet accessibility guidelines (4.5 contrast ratio for text) * Fix last remaining pa11y error (no button on search form) This fix required moving the mkdocs theme out of the docs directory. It's no in the docs_theme directory, and the mkdocs config is updated accordingly. * Re-enable accessibility testing for docs sit Also, move the pa11y script into the gh actions workflow * clean up linting issues in css * fix and standardize link colors across site * fix twitter button opacity making text fail contrast requirements * move buttons on docs site index nav, tweak font weights * fix footer opacity, tweak spacing of the now more visible sections of the page * change font sizes on index page to meet WCAG * udpate font sizes site-wide for accessibility * fix sidebar for accessibility (font sizes and color contrasts) * restyle code blocks to have dark background, and meet accessibility requirements * standardize (accessible) colors across docs site
This commit is contained in:
Jonathan Wren
GitHub
parent
42c222a6c8
commit
558d331d66
29 changed files with 835 additions and 644 deletions
27
.github/workflows/docs.yaml
vendored
27
.github/workflows/docs.yaml
vendored
|
|
@ -5,14 +5,18 @@ on:
|
|||
branches: [ develop, release ]
|
||||
paths:
|
||||
- 'docs/**'
|
||||
- 'docs_theme/**'
|
||||
- 'mkdocs.yml'
|
||||
- 'readthedocs.yml'
|
||||
- '.github/workflows/docs.yaml'
|
||||
pull_request_target:
|
||||
branches: [ develop ]
|
||||
paths:
|
||||
- 'docs/**'
|
||||
- 'docs_theme/**'
|
||||
- 'mkdocs.yml'
|
||||
- 'readthedocs.yml'
|
||||
- '.github/workflows/docs.yaml'
|
||||
|
||||
jobs:
|
||||
accessibility:
|
||||
|
|
@ -47,14 +51,31 @@ jobs:
|
|||
run: poetry run mkdocs serve &
|
||||
|
||||
- name: Accessibility testing (Pa11y)
|
||||
run: poetry run .github/workflows/pa11y.sh
|
||||
env:
|
||||
site_url: http://127.0.0.1:8000
|
||||
exit_code: 0
|
||||
run: |
|
||||
set +e
|
||||
|
||||
poetry run mkdocs build
|
||||
mkdir -p "reports"
|
||||
|
||||
printf -- 'scanning: /\n'
|
||||
./node_modules/.bin/pa11y "$site_url" --reporter junit > "reports/root.xml" || exit_code=2
|
||||
|
||||
for file in $(poetry run xq '.urlset.url[].loc' site/sitemap.xml -r | sed -r 's!https://jrnl.sh/(.*?)/$!\1!'); do
|
||||
printf -- 'scanning: /%s\n' "$file"
|
||||
./node_modules/.bin/pa11y "$site_url/$file" --reporter junit > "reports/$file.xml" || exit_code=2
|
||||
done
|
||||
|
||||
exit $exit_code
|
||||
|
||||
- name: Upload Unit Test Results
|
||||
if: always()
|
||||
uses: actions/upload-artifact@v2
|
||||
with:
|
||||
name: Unit Test Results (pa11y)
|
||||
path: reports/pa11y/*.xml
|
||||
path: reports/*.xml
|
||||
|
||||
publish-test-results:
|
||||
if: success() || failure()
|
||||
|
|
@ -70,7 +91,7 @@ jobs:
|
|||
|
||||
- name: Publish Unit Test Results
|
||||
uses: EnricoMi/publish-unit-test-result-action@v1.4
|
||||
if: always()
|
||||
if: success() || failure()
|
||||
with:
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
check_name: Unit Test Results
|
||||
|
|
|
|||
20
.github/workflows/pa11y.sh
vendored
20
.github/workflows/pa11y.sh
vendored
|
|
@ -1,20 +0,0 @@
|
|||
#! /bin/bash
|
||||
set +e
|
||||
|
||||
reports_dir="reports/pa11y"
|
||||
site_url="http://127.0.0.1:8000"
|
||||
exit_code=0
|
||||
|
||||
mkdocs build
|
||||
mkdir -p "$reports_dir"
|
||||
|
||||
printf -- 'scanning: /\n'
|
||||
./node_modules/.bin/pa11y "$site_url" --reporter junit > "$reports_dir/root.xml" || exit_code=2
|
||||
|
||||
for file in $(xq '.urlset.url[].loc' site/sitemap.xml -r | sed -r 's!https://jrnl.sh/(.*?)/$!\1!'); do
|
||||
printf -- 'scanning: /%s\n' "$file"
|
||||
./node_modules/.bin/pa11y "$site_url/$file" --reporter junit > "$reports_dir/$file.xml" || exit_code=2
|
||||
done
|
||||
|
||||
# exit $exit_code
|
||||
exit 0 # ignore for now since there are so many warnings
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
/*
|
||||
|
||||
Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage
|
||||
|
||||
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
|
||||
|
||||
*/
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
line-height: 1.3em;
|
||||
color: #e2e8f2;
|
||||
background: #383e49;
|
||||
border-radius: 5px;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
.hljs-keyword, .hljs-operator {
|
||||
color: #F92672;
|
||||
}
|
||||
.hljs-pattern-match {
|
||||
color: #F92672;
|
||||
}
|
||||
.hljs-pattern-match .hljs-constructor {
|
||||
color: #61aeee;
|
||||
}
|
||||
.hljs-function {
|
||||
color: #61aeee;
|
||||
}
|
||||
.hljs-function .hljs-params {
|
||||
color: #A6E22E;
|
||||
}
|
||||
.hljs-function .hljs-params .hljs-typing {
|
||||
color: #FD971F;
|
||||
}
|
||||
.hljs-module-access .hljs-module {
|
||||
color: #7e57c2;
|
||||
}
|
||||
.hljs-constructor {
|
||||
color: #e2b93d;
|
||||
}
|
||||
.hljs-constructor .hljs-string {
|
||||
color: #9CCC65;
|
||||
}
|
||||
.hljs-comment, .hljs-quote {
|
||||
color: #b18eb1;
|
||||
font-style: italic;
|
||||
}
|
||||
.hljs-doctag, .hljs-formula {
|
||||
color: #c678dd;
|
||||
}
|
||||
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
|
||||
color: #e06c75;
|
||||
}
|
||||
.hljs-literal {
|
||||
color: #56b6c2;
|
||||
}
|
||||
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
|
||||
color: #98c379;
|
||||
}
|
||||
.hljs-built_in, .hljs-class .hljs-title {
|
||||
color: #e6c07b;
|
||||
}
|
||||
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
|
||||
color: #d19a66;
|
||||
}
|
||||
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
|
||||
color: #61aeee;
|
||||
}
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -1,204 +0,0 @@
|
|||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Overrides for jrnl theme */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
:root {
|
||||
--sidebar: #604385;
|
||||
--sidebar-dark: #604385;
|
||||
--off-white: rgba(255,255,255,.7);
|
||||
}
|
||||
|
||||
body.wy-body-for-nav, section.wy-nav-content-wrap {
|
||||
background-color: rgb(252,252,252);
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
margin: 1em -1em;
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 1em 1.5em !important;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
h1,h2 ,h3, h4, h5, h6 {
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
p, td, tr, div, li {
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
|
||||
font-weight: 00;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1em 0em;
|
||||
}
|
||||
|
||||
/* No-one likes lines that are 400 characters long. */
|
||||
div.rst-content {max-width: 54em;}
|
||||
|
||||
.wy-side-nav-search, .wy-menu-vertical li.current {
|
||||
background-color: transparent;
|
||||
}
|
||||
.wy-nav-top {
|
||||
background-image: linear-gradient(-211deg, #95699C 0%, #604385 100%);
|
||||
}
|
||||
|
||||
.wy-nav-top .fa-bars {
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.wy-side-nav-search a.icon-home {
|
||||
width: 100%;
|
||||
max-width: 250px;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
a.icon-home:before {
|
||||
display: block;
|
||||
width: 84px;
|
||||
height: 70px;
|
||||
content: "";
|
||||
background: url(../img/logo_white.svg) center center no-repeat;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.wy-menu-vertical a, .wy-menu-vertical li ul li a {color: var(--off-white) !important; }
|
||||
|
||||
.wy-menu-vertical a:hover, .wy-menu-vertical li.current a:hover { background-color: transparent !important; color: white !important;}
|
||||
.wy-menu-vertical li.on a, .wy-menu-vertical li.current>a {
|
||||
background: transparent; !important;
|
||||
color: white !important;
|
||||
border: none;
|
||||
position: relative;
|
||||
font-weight: 700 !important;
|
||||
border-right: none !important;
|
||||
}
|
||||
|
||||
.wy-menu-vertical li.on a, .wy-menu-vertical li.current a {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.wy-menu-vertical li.on a, .wy-menu-vertical li.current>a:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0em;
|
||||
top: 0;
|
||||
z-index: 999 !important;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 1em solid transparent;
|
||||
border-bottom: 1em solid transparent;
|
||||
border-right: 1em solid white;
|
||||
}
|
||||
|
||||
.rst-versions, .rst-versions .rst-current-version { display: none; }
|
||||
.wy-menu-vertical span {
|
||||
color: white !important;
|
||||
font-size: 1.2em;
|
||||
font-weight: 300 !important;
|
||||
}
|
||||
.wy-menu-vertical li a {color: var(--off-white) !important; font-weight: 300 !important;}
|
||||
|
||||
|
||||
.wy-nav-side {
|
||||
background-image: linear-gradient(211deg, #95699C 0%, #604385 100%);
|
||||
font-weight: 300 !important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
footer {display: none;}
|
||||
|
||||
.wy-side-nav-search input[type=text], form .search-query {
|
||||
background-color: rgba(0,0,0,.1) !important;
|
||||
border: 1px solid rgba(255,255,255,.3);
|
||||
box-shadow: none;
|
||||
margin-bottom: 1em;
|
||||
color: white !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.wy-side-nav-search input[type=text]::placeholder, form .search-query::placeholder {
|
||||
color: var(--off-white) !important;
|
||||
}
|
||||
|
||||
.toctree-l2 a:first-child {display: none;}
|
||||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Logo: ; */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
.logo {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
vertical-align: middle;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Code blocks in callouts */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
div.admonition {
|
||||
border-radius: 5px;
|
||||
margin: 1em -1em;
|
||||
}
|
||||
div.admonition p.admonition-title {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.admonition > p {
|
||||
padding: 0em .5em;
|
||||
}
|
||||
|
||||
|
||||
div.admonition div.highlight {
|
||||
background: none !important;
|
||||
}
|
||||
div.admonition div.highlight pre {
|
||||
background-color: rgba(255,255,255,.5) !important;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Fancy ordered lists. */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
ol {
|
||||
counter-reset:li;
|
||||
margin-left: 0px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
list-style: none !important;
|
||||
margin-bottom: 1.5em;
|
||||
margin-left: 3em !important;
|
||||
}
|
||||
|
||||
ol > li:before {
|
||||
content:counter(li);
|
||||
counter-increment:li;
|
||||
background-color: var(--sidebar);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: -3em;
|
||||
margin-top: -.3em;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
color: var(--sidebar-dark);
|
||||
text-align: center;
|
||||
line-height: 2em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
|
@ -51,7 +51,8 @@ This format is configurable through these values from your config file (see
|
|||
| This is the sample body text of the first sample entry.
|
||||
|
||||
2020-07-01 20:00 This is the second sample entry
|
||||
| This is the sample body text of the second sample entry, but this one has a @tag.
|
||||
| This is the sample body text of the second sample entry, but
|
||||
| this one has a @tag.
|
||||
|
||||
2020-07-02 09:00 This is the third sample entry
|
||||
| This is the sample body text of the third sample entry.
|
||||
|
|
@ -119,7 +120,7 @@ jrnl --format json
|
|||
|
||||
JSON is a very handy format used by many programs and has support in nearly every
|
||||
programming language. There are many things you could do with JSON data. Maybe you could
|
||||
use [`jq`](https://github.com/stedolan/jq) to filter through the fields in your journal.
|
||||
use `jq` ([project page](https://github.com/stedolan/jq)) to filter through the fields in your journal.
|
||||
Like this:
|
||||
|
||||
``` sh
|
||||
|
|
|
|||
|
|
@ -22,8 +22,8 @@ should be created and whether you wish to encrypt it.
|
|||
|
||||
To make a new entry, just type
|
||||
|
||||
``` sh
|
||||
jrnl yesterday: Called in sick. Used the time to clean the house and spent 4h on writing my book.
|
||||
``` text
|
||||
jrnl yesterday: Called in sick. Used the time to clean, and spent 4h on writing my book.
|
||||
```
|
||||
|
||||
and hit return. `yesterday:` will be interpreted as a time stamp.
|
||||
|
|
|
|||
18
docs/theme/img/sprites.svg
vendored
18
docs/theme/img/sprites.svg
vendored
|
|
@ -1,18 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="400px" height="160px" viewBox="0 0 400 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 55 (78076) - https://sketchapp.com -->
|
||||
<title>sprites</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="sprites" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<path d="M200.001666,7.10542736e-15 C186.746448,7.10542736e-15 176.000667,10.745781 176.000667,24.0009999 C176.000667,28.0531687 177.014042,31.8666609 178.791449,35.2174671 L162.102754,51.9021622 L162.117422,51.9141627 C160.812034,53.1968828 160,54.9729568 160,56.9463723 C160,60.8452014 163.160132,64.0039997 167.057627,64.0039997 C169.028376,64.0039997 170.805783,63.1919658 172.08717,61.8865781 L172.08317,61.882578 L188.765198,45.2018831 C192.117338,46.984624 195.937497,48.0019997 199.999,48.0019997 C213.254219,48.0019997 224,37.2562187 224,24.0009999 C224.002666,10.7471144 213.256885,7.10542736e-15 200.001666,7.10542736e-15 Z M169.589733,59.386474 C168.945706,60.0545018 168.053669,60.4731859 167.057627,60.4731859 C165.108213,60.4731859 163.528147,58.8957869 163.528147,56.9450389 C163.528147,55.9489974 163.948164,55.0596271 164.614859,54.4129335 L164.597525,54.3969328 L180.730197,38.2642607 C182.139589,40.1656733 183.819659,41.8457432 185.718405,43.2604689 L169.589733,59.386474 Z M200.001666,44.0044998 C188.957206,44.0044998 180.000833,35.04546 180.000833,24.0036666 C180.000833,12.9592065 188.957206,4.00283342 200.001666,4.00283342 C211.04346,4.00283342 220.0025,12.9592065 220.0025,24.0036666 C220.0025,35.0467933 211.044793,44.0044998 200.001666,44.0044998 Z M200.001666,10.00175 C200.551023,10.00175 201.001708,10.4497687 201.001708,11.0017917 C201.001708,11.5524813 200.551023,12.0018333 200.001666,12.0018333 C193.37339,12.0018333 188.001166,17.3753905 188.001166,24.0023332 C188.001166,24.5543562 187.553148,25.0023749 187.001125,25.0023749 C186.449102,25.0023749 186.001083,24.5543562 186.001083,24.0023332 C186.001083,16.2686777 192.268011,10.00175 200.001666,10.00175 Z" id="path10" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M42,26 L42,18 C42,8.05733333 33.9426667,0 24,0 C14.0573333,0 6,8.05733333 6,18 L6,26 C2.68533333,26 0,28.6853333 0,32 L0,38 L0,40 L0,44 L0,46 C0,55.9426667 8.05733333,64 18,64 L30,64 C39.9426667,64 48,55.9426667 48,46 L48,44 L48,40 L48,38 L48,32 C48,28.684 45.312,26 42,26 Z M10,18 C10,10.268 16.268,4 24,4 C31.732,4 38,10.268 38,18 L38,26 L34,26 L34,18.004 C34,12.48 29.524,8.004 24,8.004 C18.476,8.004 14,12.48 14,18.004 L14,26 L10,26 L10,18 Z M32,18 L32,18.0066667 L32,26 L16,26 L16,18.004 L16,18 C16,13.5813333 19.5813333,10 24,10 C28.4173333,10 32,13.5826667 32,18 Z M44,38 L44,40 L44,44 L44,46 C44,53.7173333 37.7173333,60 30,60 L18,60 C10.2826667,60 4,53.7173333 4,46 L4,44 L4,40 L4,38 L4,32 C4,30.896 4.896,30 6,30 C7.33466667,30 8.66533333,30 10,30 L38,30 C39.332,30 40.664,30 42,30 C43.1026667,30 44,30.896 44,32 L44,38 Z M24,38 C26.208,38 28,39.7906667 28,42 C28,43.2173333 27.344,45.536 26.668,47.364 C26.1213333,48.84 25.564,49.996 24,49.996 C22.5626667,49.996 21.8786667,48.828 21.3333333,47.344 C20.6666667,45.52 20,43.2133333 20,42 C20,39.7906667 21.792,38 24,38 Z" id="path12" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M56,110.174879 L37.4495142,102.225364 L44.8646072,96.9285223 C41.0009854,92.8572051 35.5547484,90.2992712 29.5,90.2992712 C19.2306123,90.2992712 10.6738014,97.6001925 8.72073517,107.291434 L3.77369603,105.243629 C6.58790907,93.6333303 17.023696,85 29.5,85 C37.336557,85 44.3508342,88.4239389 49.2055642,93.8300944 L56,88.9753644 L56,110.174879 Z M14.1353928,126.072692 C17.9965854,130.142795 23.4452516,132.700729 29.5,132.700729 C39.8082547,132.700729 48.3893574,125.343936 50.2974837,115.594395 L55.2396645,117.709002 C52.4412412,129.342378 41.9945229,138 29.5,138 C21.663443,138 14.6467366,134.576061 9.79443579,129.169906 L3,134.024636 L3,112.823907 L21.5504858,120.773421 L14.1353928,126.072692 Z" id="path6" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M110.666667,136 L110.666667,88 L114.666667,88 L114.666667,136 L124,136 C129.154658,136 133.333333,131.821324 133.333333,126.666667 L133.333333,97.3333333 C133.333333,94.1616732 131.751312,91.3595139 129.333333,89.672919 L129.333333,109.333333 L124,105.333333 L118.666667,109.333333 L118.666667,88 L121.333333,88 L100,88 C94.8453423,88 90.6666667,92.1786757 90.6666667,97.3333333 L90.6666667,126.666667 C90.6666667,131.821324 94.8453423,136 100,136 L110.666667,136 Z M134.130346,88.6638236 C136.127154,90.9949079 137.333333,94.0232615 137.333333,97.3333333 L137.333333,126.666667 C137.333333,129.976739 136.127154,133.005092 134.130346,135.336176 C137.570042,133.9607 140,130.597457 140,126.666667 L140,97.3333333 C140,93.4025432 137.570042,90.0393001 134.130346,88.6638236 Z M89.8696538,135.336176 C87.872846,133.005092 86.6666667,129.976739 86.6666667,126.666667 L86.6666667,97.3333333 C86.6666667,94.0232615 87.872846,90.9949079 89.8696538,88.6638236 C86.4299578,90.0393001 84,93.4025432 84,97.3333333 L84,126.666667 C84,130.597457 86.4299578,133.9607 89.8696538,135.336176 Z M93.3333333,84 L130.666667,84 C138.030463,84 144,89.9695367 144,97.3333333 L144,126.666667 C144,134.030463 138.030463,140 130.666667,140 L93.3333333,140 C85.9695367,140 80,134.030463 80,126.666667 L80,97.3333333 C80,89.9695367 85.9695367,84 93.3333333,84 Z" id="Combined-Shape" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M363.625,2 L363.625,13.625 C363.625,13.625 332.463,13.711 331.708333,47.375 C332.168333,42.2843333 335.715667,22.375 363.625,22.375 L363.625,31.0833333 L384,16.5416667 L363.625,2 Z M328,8.54166667 C323.568,8.54166667 320,12.1096667 320,16.5416667 L320,52.5416667 C320,56.9736667 323.568,60.5416667 328,60.5416667 L369.333333,60.5416667 C373.765333,60.5416667 377.333333,56.9736667 377.333333,52.5416667 L377.333333,29.875 L373.333333,32.5416667 L373.333333,52.5416667 C373.333333,54.7576667 371.549333,56.5416667 369.333333,56.5416667 L328,56.5416667 C325.784,56.5416667 324,54.7576667 324,52.5416667 L324,16.5416667 C324,14.3256667 325.784,12.5416667 328,12.5416667 L344,12.5416667 L353.333333,8.54166667 L328,8.54166667 Z" id="path8" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M272,13 C272.552,13 273,13.448 273,14 C273,14.552 272.549333,15 272,15 C261.345333,15 252,20.608 252,27 C252,27.552 251.552,28 251,28 C250.448,28 250,27.552 250,27 C250,19.412 260.074667,13 272,13 Z M272,3 C254.326667,3 240,13.7453333 240,27 C240,35.2546667 245.557333,42.532 254.016,46.852 C254.016,46.9053333 254,46.9413333 254,47 C254,50.5853333 251.322667,54.4466667 250.144,56.472 C250.146667,56.472 250.148,56.472 250.148,56.472 C250.053333,56.692 250,56.9333333 250,57.188 C250,58.188 250.809333,59 251.812,59 C252,59 252.330667,58.9506667 252.321333,58.972 C258.572,57.948 264.46,52.2053333 265.828,50.5426667 C267.826667,50.836 269.886667,51 272,51 C289.670667,51 304,40.2546667 304,27 C304,13.7453333 289.672,3 272,3 Z M272,47 C270.165333,47 268.284,46.86 266.408,46.5866667 C266.213333,46.5546667 266.02,46.544 265.828,46.544 C264.64,46.544 263.502667,47.072 262.736,48.004 C261.88,49.0466667 259.444,51.372 256.566667,53.0826667 C257.346667,51.292 257.956,49.2866667 257.998667,47.2186667 C258.010667,47.0906667 258.016,46.96 258.016,46.8506667 C258.016,45.3466667 257.174667,43.972 255.836,43.2893333 C248.424,39.504 244,33.4146667 244,27 C244,15.972 256.56,7 272,7 C287.436,7 300,15.972 300,27 C300,38.028 287.438667,47 272,47 Z" id="path16" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M192,80 C174.326667,80 160,94.3266667 160,112 C160,129.673333 174.326667,144 192,144 C209.673333,144 224,129.673333 224,112 C224,94.3266667 209.673333,80 192,80 Z M192,84 C207.463973,84 220,96.536024 220,112 C220,124.684311 211.56628,135.391332 200,138.833333 L200,137.666667 L200,135.375 L200,132.875 C200,130.353667 199.104333,128.479667 197.375,127.291667 C198.459,127.187667 199.469667,127.061667 200.375,126.875 C201.280333,126.688333 202.239333,126.436667 203.25,126.083333 C204.260667,125.73 205.155667,125.281 205.958333,124.791667 C206.761,124.302333 207.553,123.656333 208.291667,122.875 C209.030333,122.093667 209.625,121.239333 210.125,120.25 C210.625,119.260667 211.041333,118.052 211.333333,116.666667 C211.625333,115.281333 211.75,113.75 211.75,112.083333 C211.75,108.854 210.729,106.105333 208.625,103.833333 C209.583667,101.333333 209.458333,98.604 208.291667,95.6666667 L207.5,95.5833333 C206.958667,95.5206667 205.988667,95.7703333 204.583333,96.2916667 C203.178,96.813 201.625667,97.6453333 199.875,98.8333333 C197.396333,98.1453333 194.791667,97.8333333 192.125,97.8333333 C189.437,97.8333333 186.895667,98.1466667 184.458333,98.8333333 C183.354333,98.0826667 182.322667,97.4906667 181.333333,97 C180.344,96.5106667 179.551667,96.1773333 178.958333,96 C178.365,95.8226667 177.802333,95.708 177.291667,95.6666667 C176.781,95.6253333 176.437,95.6036667 176.291667,95.625 C176.146333,95.6463333 176.061333,95.687 176,95.7083333 C174.833333,98.667 174.708,101.354667 175.666667,103.833333 C173.562667,106.104 172.5,108.854 172.5,112.083333 C172.5,113.75 172.666333,115.281333 172.958333,116.666667 C173.250333,118.052 173.625,119.260667 174.125,120.25 C174.625,121.239333 175.26,122.093667 176,122.875 C176.74,123.656333 177.532,124.301 178.333333,124.791667 C179.134667,125.282333 180.031,125.73 181.041667,126.083333 C182.052333,126.436667 182.678,126.688333 183.583333,126.875 C184.488667,127.061667 185.500667,127.229333 186.583333,127.333333 C184.875333,128.5 184,130.333667 184,132.875 L184,135.125 L184,137.75 L184,138.833333 C172.433733,135.391332 164,124.684311 164,112 C164,96.536024 176.53604,84 192,84 Z" id="path22" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M100,1.0658141e-14 C99.0049467,1.0658141e-14 98.0752267,0.350804013 97.3333333,0.958333333 C96.59144,1.56586265 96,2.50111463 96,3.625 L96,5.33333333 L94.6666667,5.33333333 L94.6666667,6.66666667 L87.3333333,6.66666667 C87.264,6.66305333 87.1943867,6.66305333 87.125,6.66666667 C86.1491067,6.76895307 85.32808,7.6854408 85.3333333,8.66666667 L85.3333333,9.33333333 L83.3333333,9.33333333 C82.28616,9.333438 81.33344,10.2861644 81.3333333,11.3333333 L81.3333333,12.125 C80.5629867,12.3974076 80.0044,13.1829169 80,14 L80,18 C80.0001067,19.0471693 80.9528267,19.9998947 82,20 L85.3333333,20 L85.3333333,53.3333333 L83.6666667,54.9166667 C83.05688,55.268736 82.6604,55.962572 82.6666667,56.6666667 L82.6666667,60.6666667 C82.6667733,61.713836 83.6194933,62.6665613 84.6666667,62.6666667 L95.2083333,62.6666667 L104.666667,62.6666667 L104.875,62.6666667 L115.333333,62.6666667 C116.380507,62.6665613 117.333227,61.713836 117.333333,60.6666667 L117.333333,56.6666667 C117.34,55.962572 116.94312,55.268736 116.333333,54.9166667 L114.666667,53.3333333 L114.666667,20 L118,20 C119.047173,19.9998947 119.999893,19.0471693 120,18 L120,14 C119.996,13.1829169 119.437013,12.3974076 118.666667,12.125 L118.666667,11.3333333 C118.66656,10.2861644 117.71384,9.333438 116.666667,9.33333333 L114.666667,9.33333333 L114.666667,8.66666667 C114.66656,7.61949773 113.71384,6.66677133 112.666667,6.66666667 L105.333333,6.66666667 L105.333333,5.33333333 L104,5.33333333 L104,3.625 C104,2.50111463 103.40856,1.56586269 102.666667,0.958333333 C101.924773,0.350803973 100.995053,1.0658141e-14 100,1.0658141e-14 Z M100,2.66666667 C100.274467,2.66666667 100.684267,2.8172396 100.958333,3.04166667 C101.2324,3.26609373 101.333333,3.4793628 101.333333,3.625 L101.333333,5.33333333 L98.6666667,5.33333333 L98.6666667,3.625 C98.6666667,3.4793628 98.7676,3.2660936 99.0416667,3.04166667 C99.3157333,2.81723973 99.7255333,2.66666667 100,2.66666667 Z M88,10.6666667 L112,10.6666667 L112,12 L114.666667,12 C114.596267,12.9827864 114.819853,13.6843969 116,13.4166667 L116,17.3333333 L110.666667,17.3333333 L89.3333333,17.3333333 L84,17.3333333 L84,13.5416667 C85.09188,13.6062785 85.25424,12.8356391 85.3333333,12 L88,12 L88,10.6666667 Z M89.3333333,20 L110.666667,20 L110.666667,56 L113.333333,57.8333333 L113.333333,58.6666667 L86.6666667,58.6666667 L86.6666667,57.8333333 L89.3333333,56 L89.3333333,20 Z M92,22.6666667 L92,28 L94.6666667,28 L94.6666667,22.6666667 L92,22.6666667 Z M96,22.6666667 L96,28 L98.6666667,28 L98.6666667,22.6666667 L96,22.6666667 Z M101.333333,22.6666667 L101.333333,28 L104,28 L104,22.6666667 L101.333333,22.6666667 Z M105.333333,22.6666667 L105.333333,28 L108,28 L108,22.6666667 L105.333333,22.6666667 Z M92,29.3333333 L92,34.6666667 L94.6666667,34.6666667 L94.6666667,29.3333333 L92,29.3333333 Z M96,29.3333333 L96,34.6666667 L98.6666667,34.6666667 L98.6666667,29.3333333 L96,29.3333333 Z M101.333333,29.3333333 L101.333333,34.6666667 L104,34.6666667 L104,29.3333333 L101.333333,29.3333333 Z M105.333333,29.3333333 L105.333333,34.6666667 L108,34.6666667 L108,29.3333333 L105.333333,29.3333333 Z M103.166667,40.8333333 C102.15268,40.8333333 101.333333,41.6526813 101.333333,42.6666667 C101.333333,43.680652 102.15268,44.5 103.166667,44.5 C104.180653,44.5 105,43.680652 105,42.6666667 C105,41.6526813 104.180653,40.8333333 103.166667,40.8333333 Z" id="path3858" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M247.471598,80 L243.471598,115.791667 L247.429931,116.208333 L251.013264,84 L291.929931,84 L295.513264,116.208333 L299.471598,115.791667 L295.471598,80 L247.471598,80 Z M255.471598,88 L255.471598,92 L287.471598,92 L287.471598,88 L255.471598,88 Z M255.471598,96 L255.471598,100 L287.471598,100 L287.471598,96 L255.471598,96 Z M255.471598,104 L255.471598,108 L287.471598,108 L287.471598,104 L255.471598,104 Z M255.471598,112 L255.471598,116 L287.471598,116 L287.471598,112 L255.471598,112 Z M241.471598,120 C240.371598,120 239.748598,120.872667 240.096598,121.916667 L246.846598,142.083333 C247.194598,143.127333 248.371598,144 249.471598,144 L293.471598,144 C294.571598,144 295.748598,143.127333 296.096598,142.083333 L302.846598,121.916667 C303.195931,120.872667 302.571598,120 301.471598,120 L241.471598,120 Z M263.471598,124 L279.471598,124 L279.471598,128 L263.471598,128 L263.471598,124 Z" id="path20" fill="#684688" fill-rule="nonzero"></path>
|
||||
<path d="M384,92.1508074 C381.644441,93.1945738 379.116959,93.9024443 376.461373,94.2184709 C379.172907,92.5947297 381.248518,90.0192484 382.232259,86.9597924 C379.688777,88.4634811 376.881243,89.5553522 373.889761,90.1472486 C371.494254,87.5917412 368.086876,86 364.307523,86 C357.056897,86 351.177986,91.8789116 351.177986,99.1255639 C351.177986,100.15333 351.29396,101.157149 351.51796,102.117046 C340.608034,101.569071 330.933874,96.3420823 324.459092,88.399481 C323.327273,90.3351705 322.683403,92.5906513 322.683403,94.9982892 C322.683403,99.5534862 325.002989,103.572735 328.522367,105.924216 C326.370729,105.852268 324.347092,105.260371 322.575481,104.276527 L322.575481,104.440501 C322.575481,110.799308 327.102652,116.106298 333.105485,117.314143 C332.005667,117.610091 330.845926,117.774065 329.646133,117.774065 C328.798341,117.774065 327.978471,117.690091 327.1746,117.530091 C328.846237,122.749132 333.693408,126.54438 339.436372,126.648432 C334.945175,130.167811 329.282211,132.259422 323.131404,132.259422 C322.071637,132.259422 321.027766,132.195422 320,132.079448 C325.810938,135.8108 332.709668,137.986386 340.124268,137.986386 C364.275732,137.986386 377.477323,117.982065 377.477323,100.633331 L377.433296,98.9336682 C380.012752,97.0938743 382.244285,94.7823411 384,92.1508074 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 15 KiB |
307
docs/theme/index.css
vendored
307
docs/theme/index.css
vendored
|
|
@ -1,307 +0,0 @@
|
|||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
|
||||
|
||||
body
|
||||
{
|
||||
background-color: #FAFDFE;
|
||||
background-color: #f7f8f9;
|
||||
font-family: "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.icon {
|
||||
background-image: url("img/sprites.svg");
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: inline-block;
|
||||
font-size: 40px;
|
||||
background-size: 200px 80px;
|
||||
}
|
||||
|
||||
h3 { font-weight: 400; }
|
||||
|
||||
.icon.secure {
|
||||
background-position: 0em 0em;
|
||||
}
|
||||
|
||||
.icon.future {
|
||||
background-position: -1em 0em;
|
||||
}
|
||||
|
||||
.icon.search {
|
||||
background-position: -2em 0em;
|
||||
}
|
||||
|
||||
.icon.nli {
|
||||
background-position: -3em 0em;
|
||||
}
|
||||
|
||||
.icon.share {
|
||||
background-position: 0em -1em;
|
||||
}
|
||||
|
||||
.icon.sync {
|
||||
background-position: 0em -1em;
|
||||
}
|
||||
|
||||
.icon.dayone {
|
||||
background-position: -1em -1em;
|
||||
}
|
||||
|
||||
.icon.github {
|
||||
background-position: -2em -1em;
|
||||
}
|
||||
|
||||
.icon.folders {
|
||||
background-position: -3em -1em;
|
||||
}
|
||||
|
||||
.icon.twitter {
|
||||
background-position: -4em -1em;
|
||||
}
|
||||
|
||||
header {
|
||||
background-image: linear-gradient(211deg, #95699C 0%, #604385 100%);
|
||||
color: white;
|
||||
border: 0px solid transparent;
|
||||
display: relative;
|
||||
padding-top: 150px;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#terminal {
|
||||
background: #1B1C2E;
|
||||
max-width: 520px;
|
||||
box-shadow: 0 -2px 16px 0 rgba(0,0,0,0.35);
|
||||
border-radius: 6px;
|
||||
min-height: 120px;
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
transform: translateY(75px);
|
||||
color: #f7f8f9;
|
||||
font-family: "Monaco", "Courier New";
|
||||
font-size: 12pt;
|
||||
padding: 45px 20px 0px 20px;
|
||||
line-height: 165%;
|
||||
}
|
||||
|
||||
#terminal b {
|
||||
font-weight: normal;
|
||||
color: #C2CDD9;
|
||||
}
|
||||
|
||||
#terminal i {
|
||||
font-style: normal;
|
||||
color: #BB97BA;
|
||||
}
|
||||
|
||||
#terminal:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
display: inline-block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
background: #3B3B4A;
|
||||
box-shadow: 25px 0 0 #3B3B4A, 50px 0 0 #3B3B4A;
|
||||
}
|
||||
|
||||
#typed:before {
|
||||
content: "$ ";
|
||||
color: #A879A7;
|
||||
}
|
||||
|
||||
#twitter {
|
||||
display: block;
|
||||
position: absolute;
|
||||
text-decoration: none;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
border: 1px solid white;
|
||||
padding: 5px 10px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
#twitter .icon {
|
||||
transform: scale(.5);
|
||||
vertical-align: -18%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#twitter:hover,
|
||||
#twitter:active {
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#title {
|
||||
max-width: 630px;
|
||||
margin: 0 auto;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#prompt {
|
||||
max-width: 700px;
|
||||
margin: 25px auto 100px auto;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
header img {
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav a#twitter-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #684688;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
font-size: 14pt;
|
||||
line-height: 40pt;
|
||||
margin: 0 40px;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #A3629F;
|
||||
}
|
||||
|
||||
nav a.cta {
|
||||
display: inline-block;
|
||||
color: white;
|
||||
background-image: linear-gradient(259deg, #A3629F 0%, #604385 100%);
|
||||
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25);
|
||||
border-radius: 50px;
|
||||
padding: 0px 30pt;
|
||||
white-space: nowrap;
|
||||
transition: all .1s ease;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav a.cta:hover {
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(259deg, #AE57A8 0%, #68419C 100%);
|
||||
box-shadow: 0 4px 16px 0 rgba(0,0,0,0.25);
|
||||
color: #f7f8f9;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 50px 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
max-width: 920px;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px 20px;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
.flex section {
|
||||
/*margin: 20px;*/
|
||||
margin-top: 40px;
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.flex section:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.flex section:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
.flex section i {
|
||||
float: left;
|
||||
left: 0;
|
||||
display: block;
|
||||
margin: 0px auto 10px auto;
|
||||
}
|
||||
|
||||
.flex section h3 {
|
||||
margin-top: 0;
|
||||
font-size: 14pt;
|
||||
color: #684688;
|
||||
margin-bottom: .5em;
|
||||
font-weight: 300;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.flex section p {
|
||||
padding-left: 40px;
|
||||
color: #888;
|
||||
font-size: 12pt;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
max-width: 700px;
|
||||
margin: 20px auto;
|
||||
padding: 0 20px 20px 20px;
|
||||
font-size: 10pt;
|
||||
opacity: .5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 680px) {
|
||||
.flex {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
.flex section {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
nav a,
|
||||
nav a#twitter-nav {
|
||||
display: inline-block;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
nav a.cta {
|
||||
display: block;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
header #twitter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header #logo {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
header #title br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -19,7 +19,7 @@ Composing mode is entered by either starting `jrnl` without any arguments --
|
|||
which will launch an external editor -- or by just writing an entry on the
|
||||
command line:
|
||||
|
||||
```sh
|
||||
```text
|
||||
jrnl today at 3am: I just met Steve Buscemi in a bar! What a nice guy.
|
||||
```
|
||||
|
||||
|
|
|
|||
28
docs_theme/assets/colors.css
Normal file
28
docs_theme/assets/colors.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
:root {
|
||||
/* For dark bg */
|
||||
--white: #fcfcfc;
|
||||
--off-white: #f4f0ff;
|
||||
--purple: #7e57c2;
|
||||
--light-purple: #cf93e6;
|
||||
--blue: #61aeee;
|
||||
--green: #a6e22e;
|
||||
--orange: #fd971f;
|
||||
--red: #eb5567;
|
||||
--pink: #d57699;
|
||||
--yellow: #e2b93d;
|
||||
|
||||
/* For light bg */
|
||||
--teal: #2a8068;
|
||||
--dark-blue: #356eb7;
|
||||
--mid-purple: #92679b;
|
||||
--bright-purple: #af27ad;
|
||||
--dark-purple: #604385;
|
||||
--darkest-purple: #251A32;
|
||||
--grey: #3b3b4a;
|
||||
|
||||
--black-shadow: #0000001A;
|
||||
--blacker-shadow: #00000059;
|
||||
|
||||
/* Special cases */
|
||||
--terminal: #1b1c2e;
|
||||
}
|
||||
130
docs_theme/assets/highlight.css
Normal file
130
docs_theme/assets/highlight.css
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
/*
|
||||
Atom One Dark With support for ReasonML by Gidi Morris, based off work by
|
||||
Daniel Gamage
|
||||
|
||||
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
|
||||
*/
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
line-height: 1.3em;
|
||||
color: var(--off-white);
|
||||
background: #383e49;
|
||||
border-radius: 5px;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
.hljs-keyword,
|
||||
.hljs-operator {
|
||||
color: var(--pink);
|
||||
}
|
||||
.hljs-pattern-match {
|
||||
color: var(--pink);
|
||||
}
|
||||
.hljs-pattern-match .hljs-constructor {
|
||||
color: var(--blue);
|
||||
}
|
||||
.hljs-function {
|
||||
color: var(--blue);
|
||||
}
|
||||
.hljs-function .hljs-params {
|
||||
color: var(--green);
|
||||
}
|
||||
.hljs-function .hljs-params .hljs-typing {
|
||||
color: var(--orange);
|
||||
}
|
||||
.hljs-module-access .hljs-module {
|
||||
color: var(--purple);
|
||||
}
|
||||
.hljs-constructor {
|
||||
color: var(--yellow);
|
||||
}
|
||||
.hljs-constructor .hljs-string {
|
||||
color: var(--green);
|
||||
}
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: var(--light-purple);
|
||||
font-style: italic;
|
||||
}
|
||||
.hljs-doctag,
|
||||
.hljs-formula {
|
||||
color: var(--purple);
|
||||
}
|
||||
.hljs-section,
|
||||
.hljs-name,
|
||||
.hljs-selector-tag,
|
||||
.hljs-deletion,
|
||||
.hljs-subst {
|
||||
color: var(--yellow);
|
||||
}
|
||||
.hljs-literal {
|
||||
color: var(--blue);
|
||||
}
|
||||
.hljs-string,
|
||||
.hljs-regexp,
|
||||
.hljs-addition,
|
||||
.hljs-attribute,
|
||||
.hljs-meta-string {
|
||||
color: var(--green);
|
||||
}
|
||||
.hljs-built_in,
|
||||
.hljs-class .hljs-title {
|
||||
color: var(--orange);
|
||||
}
|
||||
.hljs-attr,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-type,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo,
|
||||
.hljs-number {
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
.rst-content a tt,
|
||||
.rst-content a tt,
|
||||
.rst-content a code {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
.hljs-number,
|
||||
.hljs-literal,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-tag .hljs-attr {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
.hljs-tag {
|
||||
color: var(--pink)
|
||||
}
|
||||
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-link,
|
||||
.hljs-meta,
|
||||
.hljs-selector-id,
|
||||
.hljs-title {
|
||||
color: var(--blue);
|
||||
}
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.rst-content .note .admonition-title {
|
||||
background: var(--dark-blue);
|
||||
}
|
||||
|
||||
.rst-content .tip .admonition-title {
|
||||
background: var(--teal);
|
||||
}
|
||||
317
docs_theme/assets/index.css
Normal file
317
docs_theme/assets/index.css
Normal file
|
|
@ -0,0 +1,317 @@
|
|||
/* reset */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
|
||||
|
||||
body {
|
||||
background-color: var(--white);
|
||||
font-family: "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.icon {
|
||||
background-image: url("img/sprites.svg");
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: inline-block;
|
||||
font-size: 40px;
|
||||
background-size: 200px 80px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.icon.secure {
|
||||
background-position: 0em 0em;
|
||||
}
|
||||
|
||||
.icon.future {
|
||||
background-position: -1em 0em;
|
||||
}
|
||||
|
||||
.icon.search {
|
||||
background-position: -2em 0em;
|
||||
}
|
||||
|
||||
.icon.nli {
|
||||
background-position: -3em 0em;
|
||||
}
|
||||
|
||||
.icon.share {
|
||||
background-position: 0em -1em;
|
||||
}
|
||||
|
||||
.icon.sync {
|
||||
background-position: 0 -1em;
|
||||
}
|
||||
|
||||
.icon.dayone {
|
||||
background-position: -1em -1em;
|
||||
}
|
||||
|
||||
.icon.github {
|
||||
background-position: -2em -1em;
|
||||
}
|
||||
|
||||
.icon.search {
|
||||
background-position: -2em 0;
|
||||
}
|
||||
|
||||
.icon.folders {
|
||||
background-position: -3em -1em;
|
||||
}
|
||||
|
||||
.icon.twitter {
|
||||
background-position: -4em -1em;
|
||||
}
|
||||
|
||||
header {
|
||||
background-image: linear-gradient(211deg, var(--mid-purple) 0%, var(--dark-purple) 100%);
|
||||
color: var(--white);
|
||||
border: 0px solid transparent;
|
||||
display: relative;
|
||||
padding-top: 150px;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#terminal {
|
||||
background: var(--terminal);
|
||||
max-width: 520px;
|
||||
box-shadow: 0 -2px 16px 0 var(--black-shadow);
|
||||
border-radius: 6px;
|
||||
min-height: 120px;
|
||||
margin: 0px auto;
|
||||
position: relative;
|
||||
transform: translateY(75px);
|
||||
color: var(--off-white);
|
||||
font-family: "Monaco", "Courier New";
|
||||
font-size: 18px;
|
||||
padding: 45px 20px 0px 20px;
|
||||
line-height: 165%;
|
||||
}
|
||||
|
||||
#terminal b {
|
||||
font-weight: normal;
|
||||
color: var(--off-white);
|
||||
}
|
||||
|
||||
#terminal i {
|
||||
font-style: normal;
|
||||
color: var(--light-purple);
|
||||
}
|
||||
|
||||
#terminal:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
display: inline-block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
background: var(--grey);
|
||||
box-shadow: 25px 0 0 var(--grey), 50px 0 0 var(--grey);
|
||||
}
|
||||
|
||||
#typed:before {
|
||||
content: "$ ";
|
||||
color: var(--mid-purple);
|
||||
}
|
||||
|
||||
#twitter {
|
||||
display: block;
|
||||
position: absolute;
|
||||
text-decoration: none;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
border: 1px solid var(--white);
|
||||
padding: 5px 10px;
|
||||
color: var(--white);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#twitter .icon {
|
||||
transform: scale(0.5);
|
||||
vertical-align: -18%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#twitter:hover,
|
||||
#twitter:active {
|
||||
text-decoration: none;
|
||||
box-shadow: 0 2px 25px 0 var(--black-shadow);
|
||||
transition: all .5s ease;
|
||||
}
|
||||
|
||||
#title {
|
||||
max-width: 630px;
|
||||
margin: 0 auto;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#prompt {
|
||||
max-width: 700px;
|
||||
margin: 25px auto 100px auto;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
header img {
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--white);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
color: var(--dark-purple);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--bright-purple);
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav a#twitter-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav a, nav a:visited {
|
||||
color: var(--dark-purple);
|
||||
font-size: 20px;
|
||||
line-height: 2.5em;
|
||||
margin: 0 40px;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav a:visited:hover {
|
||||
color: var(--bright-purple);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
nav a.cta {
|
||||
display: inline-block;
|
||||
color: var(--white);
|
||||
background-image: linear-gradient(259deg, var(--mid-purple) 0%, var(--dark-purple) 100%);
|
||||
box-shadow: 0 2px 8px 0 var(--blacker-shadow);
|
||||
border-radius: 50px;
|
||||
padding: 0 2em;
|
||||
white-space: nowrap;
|
||||
transition: all 0.1s ease;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav a.cta:hover {
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(259deg, var(--bright-purple) 0%, var(--dark-purple) 100%);
|
||||
box-shadow: 0 4px 16px 0 var(--black-shadow);
|
||||
color: var(--off-white);
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 60px 0 0 0;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
max-width: 920px;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px 20px;
|
||||
padding-top: 30px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex section {
|
||||
/*margin: 20px;*/
|
||||
margin-top: 40px;
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.flex section:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.flex section:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.flex section i {
|
||||
float: left;
|
||||
left: 0;
|
||||
display: block;
|
||||
margin: 0px auto 10px auto;
|
||||
}
|
||||
|
||||
.flex section h3 {
|
||||
margin-top: 0;
|
||||
font-size: 18px;
|
||||
color: var(--dark-purple);
|
||||
margin-bottom: 0.5em;
|
||||
font-weight: 300;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.flex section p {
|
||||
padding-left: 40px;
|
||||
color: var(--grey);
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: var(--grey);
|
||||
max-width: 700px;
|
||||
margin: 70px auto 20px;
|
||||
padding: 0 20px 20px 20px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 680px) {
|
||||
.flex {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
.flex section {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
nav a,
|
||||
nav a#twitter-nav {
|
||||
display: inline-block;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
nav a.cta {
|
||||
display: block;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
header #twitter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header #logo {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
header #title br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
311
docs_theme/assets/theme.css
Normal file
311
docs_theme/assets/theme.css
Normal file
|
|
@ -0,0 +1,311 @@
|
|||
/* ------------------------------------------------------------ */
|
||||
/* Overrides for jrnl theme */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
body.wy-body-for-nav,
|
||||
section.wy-nav-content-wrap {
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.rst-content pre {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
margin: 1em -1em;
|
||||
}
|
||||
|
||||
.rst-content code {
|
||||
color: var(--darkest-purple);
|
||||
background-color: var(--off-white);
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.rst-content pre code {
|
||||
color: var(--off-white);
|
||||
background: var(--darkest-purple);
|
||||
padding: 1em 1.5em;
|
||||
border-radius: 15px;
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
line-height: 1.5em;
|
||||
font-weight: 200 !important;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.2em;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
p,
|
||||
td,
|
||||
tr,
|
||||
div,
|
||||
li {
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
|
||||
font-weight: 00;
|
||||
font-size: 18px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1em 0em;
|
||||
}
|
||||
|
||||
/* No-one likes lines that are 400 characters long. */
|
||||
div.rst-content {
|
||||
max-width: 54em;
|
||||
}
|
||||
|
||||
.wy-side-nav-search,
|
||||
.wy-menu-vertical li.current {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.wy-nav-top {
|
||||
background-image: linear-gradient(-211deg, var(--light-purple) 0%, var(--dark-purple) 100%);
|
||||
}
|
||||
|
||||
.wy-nav-top .fa-bars {
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.wy-side-nav-search a.icon-home {
|
||||
width: 100%;
|
||||
max-width: 250px;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
a.icon-home:before {
|
||||
display: block;
|
||||
width: 84px;
|
||||
height: 70px;
|
||||
content: "";
|
||||
background: url(../img/logo_white.svg) center center no-repeat;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.wy-menu-vertical a,
|
||||
.wy-menu-vertical li ul li a {
|
||||
font-size: 16px;
|
||||
color: var(--off-white);
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
.wy-menu-vertical a:hover {
|
||||
background-color: var(--black-shadow);
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.wy-menu-vertical li.on a {
|
||||
transition: all .25s ease;
|
||||
background: var(--dark-purple);
|
||||
color: var(--white);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wy-menu-vertical li.current>a {
|
||||
background: var(--darkest-purple);
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.wy-menu-vertical li.current>a:hover {
|
||||
background: var(--darkest-purple);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wy-menu-vertical li.on a,
|
||||
.wy-menu-vertical li.current a {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.wy-menu-vertical li.on a,
|
||||
.wy-menu-vertical li.current>a:after {
|
||||
position: absolute;
|
||||
right: 0em;
|
||||
z-index: 999;
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 1em solid transparent;
|
||||
border-bottom: 1em solid transparent;
|
||||
border-right: 1em solid var(--white);
|
||||
}
|
||||
.wy-menu-vertical li li.toctree-l2 {
|
||||
font-weight: 800 !important;
|
||||
font-size: 50px;
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
.toctree-expand:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.rst-versions,
|
||||
.rst-versions .rst-current-version {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wy-menu-vertical span {
|
||||
color: var(--white);
|
||||
font-size: 1.2em;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.wy-menu-vertical li a {
|
||||
color: var(--off-white) !important;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
||||
.wy-nav-side {
|
||||
background-image: linear-gradient(211deg, var(--mid-purple) 0%, var(--dark-purple) 100%);
|
||||
font-weight: 300;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wy-side-nav-search input[type=text],
|
||||
form .search-query {
|
||||
background-color: var(--black-shadow) !important;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin-bottom: 1em;
|
||||
color: var(--white);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.wy-side-nav-search input[type=text]::placeholder,
|
||||
form .search-query::placeholder {
|
||||
color: var(--off-white);
|
||||
}
|
||||
|
||||
.wy-side-nav-search > a:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.toctree-l2 a:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Logo: ; */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
.logo {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
vertical-align: middle;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Code blocks in callouts */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
div.admonition {
|
||||
border-radius: 5px;
|
||||
margin: 1em -1em;
|
||||
}
|
||||
|
||||
div.admonition p.admonition-title {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
div.admonition>p {
|
||||
padding: 0em .5em;
|
||||
}
|
||||
|
||||
|
||||
div.admonition div.highlight {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Fancy ordered lists. */
|
||||
/* ------------------------------------------------------------ */
|
||||
|
||||
ol {
|
||||
counter-reset: li;
|
||||
margin-left: 0px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
list-style: none !important;
|
||||
margin-bottom: 1.5em;
|
||||
margin-left: 3em !important;
|
||||
}
|
||||
|
||||
ol>li:before {
|
||||
content: counter(li);
|
||||
counter-increment: li;
|
||||
background-color: var(--sidebar);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: -3em;
|
||||
margin-top: -.3em;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
color: var(--dark-purple);
|
||||
text-align: center;
|
||||
line-height: 2em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------------------------------------ */
|
||||
/* Accessibility-related changes */
|
||||
/* ------------------------------------------------------------ */
|
||||
.rst-content div[role="main"] a,
|
||||
.rst-content div[role="main"] a:visited {
|
||||
color: var(--mid-purple);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.rst-content div[role="main"] a:hover {
|
||||
color: var(--bright-purple);
|
||||
}
|
||||
|
||||
.rst-content div[role="navigation"] a,
|
||||
.rst-content div[role="navigation"] a:visited {
|
||||
color: var(--mid-purple);
|
||||
}
|
||||
|
||||
.mkdocs-search {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.wy-side-nav-search input[type="text"] {
|
||||
border-radius: 50px 0 0 50px;
|
||||
height: 32px;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.mkdocs-search button {
|
||||
background-color: var(--black-shadow);
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: var(--white);
|
||||
border-radius: 0 50px 50px 0;
|
||||
height: 32px;
|
||||
width: 2.5em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 224 KiB After Width: | Height: | Size: 224 KiB |
|
Before Width: | Height: | Size: 175 KiB After Width: | Height: | Size: 175 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
1
docs_theme/img/sprites.svg
Normal file
1
docs_theme/img/sprites.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
|
@ -22,7 +22,8 @@
|
|||
<meta name="og:type" content="website">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
<link rel="stylesheet" href="assets/colors.css">
|
||||
<link rel="stylesheet" href="assets/index.css">
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
|
|
@ -34,7 +35,7 @@
|
|||
"operatingSystem": ["macOS", "Windows", "Linux"],
|
||||
"thumbnailUrl": "https://jrnl.sh/img/banner_og.png",
|
||||
"installUrl": "https://jrnl.sh/installation",
|
||||
"softwareVersion": "2.2"
|
||||
"softwareVersion": "2.5"
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
|
@ -45,7 +46,7 @@
|
|||
<a id="twitter" href="https://twitter.com/intent/tweet?text=Collect+your+thoughts+and+notes+without+leaving+the+command+line.+https%3A%2F%2Fjrnl.sh+via+@JrnlSh"><i class="icon twitter"></i>Tell your friends</a>
|
||||
</aside>
|
||||
<div id="title">
|
||||
<img id="logo" src="img/jrnl_white.svg" width="90px" height="98px" title="jrnl" />
|
||||
<img id="logo" src="img/jrnl_white.svg" width="90px" height="98px" title="jrnl" alt="jrnl logo" />
|
||||
<h1>Collect your thoughts and notes <br />without leaving the command line.</h1>
|
||||
</div>
|
||||
<div id="prompt">
|
||||
|
|
@ -57,9 +58,9 @@
|
|||
<main>
|
||||
<nav>
|
||||
<a href="overview">Documentation</a>
|
||||
<a href="http://github.com/jrnl-org/jrnl" title="View on Github">Fork me on GitHub</a>
|
||||
<a href="installation" class="cta">Get Started</a>
|
||||
<a href="http://github.com/jrnl-org/jrnl" title="View on Github">Fork on GitHub</a>
|
||||
<a id="twitter-nav" href="https://twitter.com/intent/tweet?text=Collect+your+thoughts+and+notes+without+leaving+the+command+line.+https%3A%2F%2Fjrnl.sh+via+@JrnlSh"><i class="icon twitter"></i>Tell your friends on Twitter</a>
|
||||
<a href="installation" class="cta">Download</a>
|
||||
</nav>
|
||||
<div class="flex">
|
||||
<section>
|
||||
8
docs_theme/main.html
Normal file
8
docs_theme/main.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block search_button %}
|
||||
<form class="mkdocs-search" action="search.html">
|
||||
<input type="text" name="q" placeholder="Search docs" title="Type search term here">
|
||||
<button class="icon icon-search" aria-label="submit"></button>
|
||||
</form>
|
||||
{% endblock %}
|
||||
|
|
@ -2,11 +2,12 @@ site_name: jrnl
|
|||
site_url: https://jrnl.sh
|
||||
theme:
|
||||
name: readthedocs
|
||||
custom_dir: docs/theme
|
||||
custom_dir: docs_theme
|
||||
static_templates:
|
||||
- index.html
|
||||
extra_css:
|
||||
- https://fonts.googleapis.com/css?family=Open+Sans:300,600
|
||||
- assets/colors.css
|
||||
- assets/theme.css
|
||||
- assets/highlight.css
|
||||
markdown_extensions:
|
||||
|
|
|
|||
|
|
@ -19,4 +19,4 @@ formats:
|
|||
python:
|
||||
version: 3.7
|
||||
install:
|
||||
- requirements: docs/requirements.txt
|
||||
- requirements: docs_theme/requirements.txt
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue