nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-22 23:37:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

theme: apply Prettier config #947

Browse source
This commit is contained in:
Sören Weber 2024-11-15 23:38:12 +01:00
parent 85d43bcef3
commit 348702d8c2
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
22 changed files with 5976 additions and 6376 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
.grenrc.js
View file

@ -1,51 +1,20 @@
module.exports = { module.exports = {
changelogFilename: "CHANGELOG.md", changelogFilename: 'CHANGELOG.md',
dataSource: "milestones", dataSource: 'milestones',
groupBy: { groupBy: {
"Enhancements": [ 'Enhancements': ['feature'],
"feature", 'Fixes': ['bug'],
], 'Maintenance': ['task'],
"Fixes": [ 'Uncategorised': ['closed'],
"bug"
],
"Maintenance": [
"task",
],
"Uncategorised": [
"closed",
],
}, },
ignoreLabels: [ ignoreLabels: ['asciidoc', 'blocked', 'browser', 'device', 'helpwanted', 'hugo', 'idea', 'mermaid', 'needsfeedback', 'undecided'],
"asciidoc", ignoreIssuesWith: ['discussion', 'documentation', 'duplicate', 'invalid', 'support', 'unresolved', 'update', 'wontchange'],
"blocked", ignoreTagsWith: ['Relearn', 'x'],
"browser", milestoneMatch: '{{tag_name}}',
"device",
"helpwanted",
"hugo",
"idea",
"mermaid",
"needsfeedback",
"undecided",
],
ignoreIssuesWith: [
"discussion",
"documentation",
"duplicate",
"invalid",
"support",
"unresolved",
"update",
"wontchange",
],
ignoreTagsWith: [
"Relearn",
"x",
],
milestoneMatch: "{{tag_name}}",
onlyMilestones: true, onlyMilestones: true,
template: { template: {
changelogTitle: "", changelogTitle: '',
group: "\n### {{heading}}\n", group: '\n### {{heading}}\n',
release: ({ body, date, release }) => `## ${release} (` + date.replace(/(\d+)\/(\d+)\/(\d+)/, '$3-$2-$1') + `)\n${body}`, release: ({ body, date, release }) => `## ${release} (` + date.replace(/(\d+)\/(\d+)\/(\d+)/, '$3-$2-$1') + `)\n${body}`,
}, },
}; };

4
.imgbotconfig
View file

@ -1,7 +1,5 @@
{ {
"schedule": "daily", "schedule": "daily",
"ignoredFiles": [ "ignoredFiles": ["static/*"],
"static/*"
],
"prTitle": "autobot: optimize images" "prTitle": "autobot: optimize images"
} }

27
assets/css/format-print.css
View file

@ -56,15 +56,28 @@ pre:not(.mermaid) {
display: none; display: none;
} }
#R-body h1, #R-body h2, #R-body h3, #R-body .article-subheading, #R-body h4, #R-body h5, #R-body h6 { #R-body h1,
#R-body h2,
#R-body h3,
#R-body .article-subheading,
#R-body h4,
#R-body h5,
#R-body h6 {
/* better contrast for colored elements */ /* better contrast for colored elements */
color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);
} }
#R-body th, #R-body td, #R-body th,
#R-body code, #R-body strong, #R-body b, #R-body td,
#R-body li, #R-body dd, #R-body dt, #R-body code,
#R-body strong,
#R-body b,
#R-body li,
#R-body dd,
#R-body dt,
#R-body p, #R-body p,
#R-body a, #R-body button, #R-body .badge .badge-content { #R-body a,
#R-body button,
#R-body .badge .badge-content {
/* better contrast for colored elements */ /* better contrast for colored elements */
color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);
} }
@ -89,7 +102,7 @@ hr{
#R-body #R-body-inner h1 { #R-body #R-body-inner h1 {
border-bottom: 1px solid rgba(221, 221, 221, 1); border-bottom: 1px solid rgba(221, 221, 221, 1);
margin-bottom: 2rem; margin-bottom: 2rem;
padding-bottom: .75rem; padding-bottom: 0.75rem;
} }
#R-body-inner .chapter h3:first-of-type { #R-body-inner .chapter h3:first-of-type {
margin-top: 2rem; margin-top: 2rem;
@ -108,7 +121,7 @@ hr{
border-top: 1px solid rgba(221, 221, 221, 1); border-top: 1px solid rgba(221, 221, 221, 1);
color: rgba(119, 119, 119, 1); color: rgba(119, 119, 119, 1);
margin-top: 1.5rem; margin-top: 1.5rem;
padding-top: .75rem; padding-top: 0.75rem;
} }
h1 + .footline { h1 + .footline {

7
assets/css/swagger.css
View file

@ -47,7 +47,7 @@ svg{
.relearn-expander { .relearn-expander {
display: block; display: block;
float: right; float: right;
margin: .5rem; margin: 0.5rem;
} }
#relearn-swagger-ui { #relearn-swagger-ui {
clear: both; clear: both;
@ -59,7 +59,8 @@ html {
background-color: var(--INTERNAL-MAIN-BG-color) !important; background-color: var(--INTERNAL-MAIN-BG-color) !important;
color-scheme: var(--INTERNAL-BROWSER-theme) !important; color-scheme: var(--INTERNAL-BROWSER-theme) !important;
} }
html, body { html,
body {
background-color: var(--INTERNAL-MAIN-BG-color); background-color: var(--INTERNAL-MAIN-BG-color);
color: var(--INTERNAL-MAIN-TEXT-color); color: var(--INTERNAL-MAIN-TEXT-color);
} }
@ -80,7 +81,7 @@ select:-webkit-autofill {
::-moz-selection { ::-moz-selection {
color: var(--INTERNAL-MAIN-TEXT-color) !important; color: var(--INTERNAL-MAIN-TEXT-color) !important;
} }
*:not(pre, pre *, code, .far, .fa, .glyphicon, [class*="vjs-"], .fab, .fa-github, .fas, .material-icons, .icofont, .typcn, mu, [class*="mu-"], .glyphicon, .icon) { *:not(pre, pre *, code, .far, .fa, .glyphicon, [class*='vjs-'], .fab, .fa-github, .fas, .material-icons, .icofont, .typcn, mu, [class*='mu-'], .glyphicon, .icon) {
font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings); font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings);
font-family: var(--INTERNAL-MAIN-font) !important; font-family: var(--INTERNAL-MAIN-font) !important;
letter-spacing: var(--INTERNAL-MAIN-letter-spacing) !important; letter-spacing: var(--INTERNAL-MAIN-letter-spacing) !important;

2
assets/css/theme-blue.css
View file

@ -36,6 +36,6 @@
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }

2
assets/css/theme-green.css
View file

@ -36,6 +36,6 @@
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }

2
assets/css/theme-learn.css
View file

@ -36,7 +36,7 @@
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }

15
assets/css/theme-neon.css
View file

@ -30,11 +30,11 @@
--MENU-HOME-LINK-HOVER-color: rgba(208, 208, 208, 1); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(208, 208, 208, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba(248, 248, 248, 1); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(248, 248, 248, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 16, 16, 16, .6 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(16, 16, 16, 0.6); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba(232, 232, 232, 1); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(232, 232, 232, 1); /* border color of search box */
--MENU-SECTIONS-BG-color: linear-gradient( 165deg, rgba( 243, 0, 178, .825 ) 0%, rgba( 28, 144, 243, .7 ) 65%, rgba( 0, 227, 211, .7 ) 100% ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: linear-gradient(165deg, rgba(243, 0, 178, 0.825) 0%, rgba(28, 144, 243, 0.7) 65%, rgba(0, 227, 211, 0.7) 100%); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(0, 0, 0, 0.166); /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba(255, 255, 255, 1); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(255, 255, 255, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba(208, 208, 208, 1); /* hovered link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(208, 208, 208, 1); /* hovered link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba(86, 255, 232, 1); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(86, 255, 232, 1); /* text color of the displayed menu topic */
@ -105,7 +105,8 @@ body h2 {
0 0 10px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color); 0 0 10px var(--INTERNAL-MAIN-TITLES-H2-TEXT-color);
} }
body h3, body .article-subheading { body h3,
body .article-subheading {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
text-shadow: text-shadow:
0 0 1px rgba(255, 255, 255, 1), 0 0 1px rgba(255, 255, 255, 1),
@ -262,7 +263,8 @@ body .box.cstyle.transparent {
@media print { @media print {
#R-body h1, #R-body h1,
#R-body h2, #R-body h2,
#R-body h3, #R-body .article-subheading, #R-body h3,
#R-body .article-subheading,
#R-body h4, #R-body h4,
#R-body h5, #R-body h5,
#R-body h6 { #R-body h6 {
@ -287,7 +289,8 @@ body .box.cstyle.transparent {
above will not apply, so we have to repeat it here */ above will not apply, so we have to repeat it here */
.print #R-body h1, .print #R-body h1,
.print #R-body h2, .print #R-body h2,
.print #R-body h3, .print #R-body .article-subheading, .print #R-body h3,
.print #R-body .article-subheading,
.print #R-body h4, .print #R-body h4,
.print #R-body h5, .print #R-body h5,
.print #R-body h6 { .print #R-body h6 {

2
assets/css/theme-red.css
View file

@ -36,6 +36,6 @@
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* color of the title text */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* color of the content background */
--BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* fixed color of the content text */
} }

4
assets/css/theme-relearn-bright.css
View file

@ -28,7 +28,7 @@
--MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(0, 0, 0, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba(64, 64, 64, 1); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(64, 64, 64, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba( 255, 255, 255, .2 ); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(255, 255, 255, 0.2); /* background color of search box */
--MENU-SEARCH-BORDER-color: transparent; /* border color of search box */ --MENU-SEARCH-BORDER-color: transparent; /* border color of search box */
--MENU-SECTIONS-BG-color: rgba(131, 201, 50, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(131, 201, 50, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
@ -39,7 +39,7 @@
--MENU-SECTION-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* background color of colored boxes */
--BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */
} }

4
assets/css/theme-relearn-light.css
View file

@ -29,13 +29,13 @@
--MENU-SEARCH-BORDER-color: rgba(224, 224, 224, 1); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(224, 224, 224, 1); /* border color of search box */
--MENU-SECTIONS-BG-color: rgba(40, 40, 40, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(40, 40, 40, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: rgba(0, 0, 0, 0.166); /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba(186, 186, 186, 1); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(186, 186, 186, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba(255, 255, 255, 1); /* hovered link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(255, 255, 255, 1); /* hovered link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba(68, 68, 68, 1); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(68, 68, 68, 1); /* text color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(96, 96, 96, 1); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* background color of colored boxes */
--BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */
} }

8
assets/css/theme-zen-dark.css
View file

@ -26,22 +26,22 @@
--MENU-TOPBAR-SEPARATOR-color: rgba(71, 71, 71, 1); /* separator color of vertical line between menu and topbar */ --MENU-TOPBAR-SEPARATOR-color: rgba(71, 71, 71, 1); /* separator color of vertical line between menu and topbar */
--MENU-HEADER-BG-color: transparent; /* background color of menu header */ --MENU-HEADER-BG-color: transparent; /* background color of menu header */
--MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */ --MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */
--MENU-HEADER-SEPARATOR-color: rgba( 71, 71, 71, .66 ); /* separator color between menu header and menu */ --MENU-HEADER-SEPARATOR-color: rgba(71, 71, 71, 0.66); /* separator color between menu header and menu */
--MENU-HOME-LINK-color: rgba(224, 224, 224, 1); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(224, 224, 224, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba(47, 129, 235, 1); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(47, 129, 235, 1); /* hovered home button color if configured */
--MENU-SEARCH-color: rgba(47, 129, 235, 1); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(47, 129, 235, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba(32, 32, 32, 1); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(32, 32, 32, 1); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba( 71, 71, 71, .66 ); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(71, 71, 71, 0.66); /* border color of search box */
--MENU-SECTIONS-BG-color: rgba(39, 39, 39, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(39, 39, 39, 1); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba( 224, 224, 224, .75 ); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(224, 224, 224, 0.75); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba(47, 129, 235, 1); /* hoverd link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(47, 129, 235, 1); /* hoverd link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba(47, 129, 235, 1); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(47, 129, 235, 1); /* text color of the displayed menu topic */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(32, 32, 32, 1); /* background color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(32, 32, 32, 1); /* background color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 71, 71, 71, .66 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(71, 71, 71, 0.66); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba(240, 240, 240, 1); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(240, 240, 240, 1); /* text color of colored box titles */
--BOX-BG-color: rgba(20, 20, 20, 1); /* background color of colored boxes */ --BOX-BG-color: rgba(20, 20, 20, 1); /* background color of colored boxes */

10
assets/css/theme-zen-light.css
View file

@ -26,25 +26,25 @@
--MENU-TOPBAR-SEPARATOR-color: rgba(210, 210, 210, 1); /* separator color of vertical line between menu and topbar */ --MENU-TOPBAR-SEPARATOR-color: rgba(210, 210, 210, 1); /* separator color of vertical line between menu and topbar */
--MENU-HEADER-BG-color: transparent; /* background color of menu header */ --MENU-HEADER-BG-color: transparent; /* background color of menu header */
--MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */ --MENU-HEADER-BORDER-color: transparent; /* border color between menu header and menu */
--MENU-HEADER-SEPARATOR-color: rgba( 210, 210, 210, .66 ); /* separator color between menu header and menu */ --MENU-HEADER-SEPARATOR-color: rgba(210, 210, 210, 0.66); /* separator color between menu header and menu */
--MENU-HOME-LINK-color: rgba(64, 64, 64, 1); /* home button color if configured */ --MENU-HOME-LINK-color: rgba(64, 64, 64, 1); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba(26, 115, 232, 1); /* hoverd home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba(26, 115, 232, 1); /* hoverd home button color if configured */
--MENU-SEARCH-color: rgba(26, 115, 232, 1); /* text and icon color of search box */ --MENU-SEARCH-color: rgba(26, 115, 232, 1); /* text and icon color of search box */
--MENU-SEARCH-BG-color: rgba(255, 255, 255, 1); /* background color of search box */ --MENU-SEARCH-BG-color: rgba(255, 255, 255, 1); /* background color of search box */
--MENU-SEARCH-BORDER-color: rgba( 210, 210, 210, .66 ); /* border color of search box */ --MENU-SEARCH-BORDER-color: rgba(210, 210, 210, 0.66); /* border color of search box */
--MENU-SECTIONS-BG-color: rgba( 134, 134, 134, .066 ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */ --MENU-SECTIONS-BG-color: rgba(134, 134, 134, 0.066); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
--MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */ --MENU-SECTIONS-ACTIVE-BG-color: transparent; /* background color of the active menu section */
--MENU-SECTIONS-LINK-color: rgba(16, 16, 16, 1); /* link color of menu topics */ --MENU-SECTIONS-LINK-color: rgba(16, 16, 16, 1); /* link color of menu topics */
--MENU-SECTIONS-LINK-HOVER-color: rgba(26, 115, 232, 1); /* hoverd link color of menu topics */ --MENU-SECTIONS-LINK-HOVER-color: rgba(26, 115, 232, 1); /* hoverd link color of menu topics */
--MENU-SECTION-ACTIVE-CATEGORY-color: rgba(26, 115, 232, 1); /* text color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-color: rgba(26, 115, 232, 1); /* text color of the displayed menu topic */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(255, 255, 255, 1); /* background color of the displayed menu topic */ --MENU-SECTION-ACTIVE-CATEGORY-BG-color: rgba(255, 255, 255, 1); /* background color of the displayed menu topic */
--MENU-SECTION-SEPARATOR-color: rgba( 210, 210, 210, .66 ); /* separator color between menu sections and menu footer */ --MENU-SECTION-SEPARATOR-color: rgba(210, 210, 210, 0.66); /* separator color between menu sections and menu footer */
--BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */ --BOX-CAPTION-color: rgba(255, 255, 255, 1); /* text color of colored box titles */
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */ --BOX-BG-color: rgba(255, 255, 255, 0.833); /* background color of colored boxes */
--BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */ --BOX-TEXT-color: rgba(16, 16, 16, 1); /* text color of colored box content */
--BOX-GREY-color: rgba(210, 210, 210, 1); /* background color of grey boxes */ --BOX-GREY-color: rgba(210, 210, 210, 1); /* background color of grey boxes */

344
assets/css/theme.css
View file

File diff suppressed because it is too large Load diff

12
exampleSite/makeTransByConentDir.js
View file

@ -73,7 +73,7 @@ function processDirectory(directoryPath, oldDirectory, newDirectory, langs) {
const nonLangRegex = /^(.*?)(\.([^.]+))?$/; const nonLangRegex = /^(.*?)(\.([^.]+))?$/;
const nonLangMatch = file.match(nonLangRegex); const nonLangMatch = file.match(nonLangRegex);
const fileName = nonLangMatch[1]; const fileName = nonLangMatch[1];
const fileExtension = nonLangMatch.length > 3 ? nonLangMatch[3] : ""; const fileExtension = nonLangMatch.length > 3 ? nonLangMatch[3] : '';
Object.keys(langs).forEach((fileLang) => { Object.keys(langs).forEach((fileLang) => {
const langFilePath = path.join(directoryPath, fileName + '.' + fileLang + '.' + fileExtension); const langFilePath = path.join(directoryPath, fileName + '.' + fileLang + '.' + fileExtension);
const langExists = fs.existsSync(langFilePath); const langExists = fs.existsSync(langFilePath);
@ -103,14 +103,12 @@ function processDirectory(directoryPath, oldDirectory, newDirectory, langs) {
return true; return true;
} }
function modifyConfig(configDirectory) { function modifyConfig(configDirectory) {}
}
function runThatShit(contentDirectory) { function runThatShit(contentDirectory) {
const sourceDirectory = contentDirectory; const sourceDirectory = contentDirectory;
const backupDirectory = contentDirectory + ".backup"; const backupDirectory = contentDirectory + '.backup';
const targetDirectory = contentDirectory + ".temp"; const targetDirectory = contentDirectory + '.temp';
// check directories // check directories
try { try {
@ -164,7 +162,7 @@ function runThatShit(contentDirectory) {
} }
// edit the config file accordingly // edit the config file accordingly
modifyConfig(path.join(sourceDirectory, "..")); modifyConfig(path.join(sourceDirectory, '..'));
return true; return true;
} }

2
layouts/partials/version.txt
View file

@ -1 +1 @@
7.1.1+57defcfab75859c444feb8af753a2b764cb6f64c 7.1.1+85d43bcef3403a38c509d04606f2cd8ca91c8bd5

92
static/js/search.js
View file

@ -9,7 +9,7 @@ window.relearn.runInitialSearch = function(){
var value = input.value; var value = input.value;
searchDetail(value); searchDetail(value);
} }
} };
var lunrIndex, pagesIndex; var lunrIndex, pagesIndex;
@ -21,13 +21,13 @@ function initLunrIndex( index ){
this.use(lunr.multiLanguage.apply(null, contentLangs)); this.use(lunr.multiLanguage.apply(null, contentLangs));
this.ref('index'); this.ref('index');
this.field('title', { this.field('title', {
boost: 15 boost: 15,
}); });
this.field('tags', { this.field('tags', {
boost: 10 boost: 10,
}); });
this.field('content', { this.field('content', {
boost: 5 boost: 5,
}); });
this.pipeline.remove(lunr.stemmer); this.pipeline.remove(lunr.stemmer);
@ -59,7 +59,7 @@ function triggerSearch(){
var oldValue = url.searchParams.get('search-by'); var oldValue = url.searchParams.get('search-by');
if (value != oldValue) { if (value != oldValue) {
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
url.searchParams.set('search-by', value); url.searchParams.set('search-by', value);
state.search = url.toString(); state.search = url.toString();
// with normal pages, this is handled by the 'pagehide' event, but this // with normal pages, this is handled by the 'pagehide' event, but this
@ -74,7 +74,7 @@ window.addEventListener( 'popstate', function ( event ){
// restart search if browsed through history // restart search if browsed through history
if (event.state) { if (event.state) {
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
if (state.search) { if (state.search) {
var url = new URL(state.search); var url = new URL(state.search);
if (url.searchParams.has('search-by')) { if (url.searchParams.has('search-by')) {
@ -103,8 +103,10 @@ if( input ){
// if we are pressing ESC in the searchdetail our focus will // if we are pressing ESC in the searchdetail our focus will
// be stolen by the other event handlers, so we have to refocus // be stolen by the other event handlers, so we have to refocus
// here after a short while // here after a short while
if (event.key == "Escape") { if (event.key == 'Escape') {
setTimeout( function(){ input.focus(); }, 0 ); setTimeout(function () {
input.focus();
}, 0);
} }
}); });
} }
@ -112,9 +114,9 @@ if( input ){
function initLunrJs() { function initLunrJs() {
// new way to load our search index // new way to load our search index
if (window.index_js_url) { if (window.index_js_url) {
var js = document.createElement("script"); var js = document.createElement('script');
js.src = index_js_url; js.src = index_js_url;
js.setAttribute("async", ""); js.setAttribute('async', '');
js.onload = function () { js.onload = function () {
initLunrIndex(relearn_searchindex); initLunrIndex(relearn_searchindex);
}; };
@ -135,9 +137,16 @@ function search(term) {
// Find the item in our index corresponding to the Lunr one to have more info // Find the item in our index corresponding to the Lunr one to have more info
// Remove Lunr special search characters: https://lunrjs.com/guides/searching.html // Remove Lunr special search characters: https://lunrjs.com/guides/searching.html
term = term.replace(/[*:^~+-]/g, ' '); term = term.replace(/[*:^~+-]/g, ' ');
var searchTerm = lunr.tokenizer( term ).reduce( function(a,token){return a.concat(searchPatterns(token.str))}, []).join(' '); var searchTerm = lunr
return !searchTerm || !lunrIndex ? [] : lunrIndex.search(searchTerm).map(function(result) { .tokenizer(term)
return { index: result.ref, matches: Object.keys(result.matchData.metadata) } .reduce(function (a, token) {
return a.concat(searchPatterns(token.str));
}, [])
.join(' ');
return !searchTerm || !lunrIndex
? []
: lunrIndex.search(searchTerm).map(function (result) {
return { index: result.ref, matches: Object.keys(result.matchData.metadata) };
}); });
} }
@ -158,11 +167,15 @@ function searchPatterns(word) {
word + '^100', word + '^100',
word + '*^10', word + '*^10',
'*' + word + '^10', '*' + word + '^10',
word + '~' + typos.reduce( function( a, c, i ){ return word.length < c.len ? c : a; } ).typos + '^1' word +
'~' +
typos.reduce(function (a, c, i) {
return word.length < c.len ? c : a;
}).typos +
'^1',
]; ];
} }
function resolvePlaceholders(s, args) { function resolvePlaceholders(s, args) {
var args = args || []; var args = args || [];
// use replace to iterate over the string // use replace to iterate over the string
@ -172,7 +185,7 @@ function resolvePlaceholders( s, args ) {
// check if the argument is present // check if the argument is present
return typeof args[index] == 'undefined' ? match : args[index]; return typeof args[index] == 'undefined' ? match : args[index];
}); });
}; }
function searchDetail(value) { function searchDetail(value) {
var results = document.querySelector('#R-searchresults'); var results = document.querySelector('#R-searchresults');
@ -185,9 +198,18 @@ function searchDetail( value ) {
a.forEach(function (item) { a.forEach(function (item) {
var page = pagesIndex[item.index]; var page = pagesIndex[item.index];
var numContextWords = 10; var numContextWords = 10;
var contextPattern = '(?:\\S+ +){0,' + numContextWords + '}\\S*\\b(?:' + var contextPattern =
item.matches.map( function(match){return match.replace(/\W/g, '\\$&')} ).join('|') + '(?:\\S+ +){0,' +
')\\b\\S*(?: +\\S+){0,' + numContextWords + '}'; numContextWords +
'}\\S*\\b(?:' +
item.matches
.map(function (match) {
return match.replace(/\W/g, '\\$&');
})
.join('|') +
')\\b\\S*(?: +\\S+){0,' +
numContextWords +
'}';
var context = page.content.match(new RegExp(contextPattern, 'i')); var context = page.content.match(new RegExp(contextPattern, 'i'));
var divsuggestion = document.createElement('a'); var divsuggestion = document.createElement('a');
divsuggestion.className = 'autocomplete-suggestion'; divsuggestion.className = 'autocomplete-suggestion';
@ -201,19 +223,18 @@ function searchDetail( value ) {
divsuggestion.appendChild(divtitle); divsuggestion.appendChild(divtitle);
var divbreadcrumb = document.createElement('div'); var divbreadcrumb = document.createElement('div');
divbreadcrumb.className = 'breadcrumbs'; divbreadcrumb.className = 'breadcrumbs';
divbreadcrumb.innerText = (page.breadcrumb || ''); divbreadcrumb.innerText = page.breadcrumb || '';
divsuggestion.appendChild(divbreadcrumb); divsuggestion.appendChild(divbreadcrumb);
if (context) { if (context) {
var divcontext = document.createElement('div'); var divcontext = document.createElement('div');
divcontext.className = 'context'; divcontext.className = 'context';
divcontext.innerText = (context || ''); divcontext.innerText = context || '';
divsuggestion.appendChild(divcontext); divsuggestion.appendChild(divcontext);
} }
results.appendChild(divsuggestion); results.appendChild(divsuggestion);
}); });
window.relearn.markSearch(); window.relearn.markSearch();
} } else if (value.length) {
else if( value.length ) {
hint.innerText = resolvePlaceholders(window.T_No_results_found, [value]); hint.innerText = resolvePlaceholders(window.T_No_results_found, [value]);
} }
input.focus(); input.focus();
@ -224,7 +245,7 @@ function searchDetail( value ) {
// user previously has used; if this search isn't initiated // user previously has used; if this search isn't initiated
// by a browser history operation, it simply does nothing // by a browser history operation, it simply does nothing
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
if (state.hasOwnProperty('contentScrollTop')) { if (state.hasOwnProperty('contentScrollTop')) {
window.setTimeout(function () { window.setTimeout(function () {
elc.scrollTop = +state.contentScrollTop; elc.scrollTop = +state.contentScrollTop;
@ -239,7 +260,7 @@ function startSearch(){
var input = document.querySelector('#R-search-by-detail'); var input = document.querySelector('#R-search-by-detail');
if (input) { if (input) {
var state = window.history.state || {}; var state = window.history.state || {};
state = Object.assign( {}, ( typeof state === 'object' ) ? state : {} ); state = Object.assign({}, typeof state === 'object' ? state : {});
state.search = window.location.toString(); state.search = window.location.toString();
window.history.replaceState(state, '', window.location); window.history.replaceState(state, '', window.location);
} }
@ -256,9 +277,18 @@ function startSearch(){
renderItem: function (item, term) { renderItem: function (item, term) {
var page = pagesIndex[item.index]; var page = pagesIndex[item.index];
var numContextWords = 2; var numContextWords = 2;
var contextPattern = '(?:\\S+ +){0,' + numContextWords + '}\\S*\\b(?:' + var contextPattern =
item.matches.map( function(match){return match.replace(/\W/g, '\\$&')} ).join('|') + '(?:\\S+ +){0,' +
')\\b\\S*(?: +\\S+){0,' + numContextWords + '}'; numContextWords +
'}\\S*\\b(?:' +
item.matches
.map(function (match) {
return match.replace(/\W/g, '\\$&');
})
.join('|') +
')\\b\\S*(?: +\\S+){0,' +
numContextWords +
'}';
var context = page.content.match(new RegExp(contextPattern, 'i')); var context = page.content.match(new RegExp(contextPattern, 'i'));
var divsuggestion = document.createElement('div'); var divsuggestion = document.createElement('div');
divsuggestion.className = 'autocomplete-suggestion'; divsuggestion.className = 'autocomplete-suggestion';
@ -273,7 +303,7 @@ function startSearch(){
if (context) { if (context) {
var divcontext = document.createElement('div'); var divcontext = document.createElement('div');
divcontext.className = 'context'; divcontext.className = 'context';
divcontext.innerText = (context || ''); divcontext.innerText = context || '';
divsuggestion.appendChild(divcontext); divsuggestion.appendChild(divcontext);
} }
return divsuggestion.outerHTML; return divsuggestion.outerHTML;
@ -282,8 +312,8 @@ function startSearch(){
onSelect: function (e, term, item) { onSelect: function (e, term, item) {
location.href = item.getAttribute('data-uri'); location.href = item.getAttribute('data-uri');
e.preventDefault(); e.preventDefault();
} },
}); });
}; }
ready(startSearch); ready(startSearch);

476
static/js/theme.js
View file

File diff suppressed because it is too large Load diff

358
static/js/variant.js
View file

@ -3,7 +3,13 @@ window.relearn = window.relearn || {};
// we need to load this script in the html head to avoid flickering // we need to load this script in the html head to avoid flickering
// on page load if the user has selected a non default variant // on page load if the user has selected a non default variant
function ready(fn) { if (document.readyState == 'complete') { fn(); } else { document.addEventListener('DOMContentLoaded',fn); } } function ready(fn) {
if (document.readyState == 'complete') {
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
var variants = { var variants = {
variant: '', variant: '',
@ -15,11 +21,14 @@ var variants = {
this.variants = variants; this.variants = variants;
var variant = window.localStorage.getItem(window.relearn.absBaseUri + '/variant') || (this.variants.length ? this.variants[0] : ''); var variant = window.localStorage.getItem(window.relearn.absBaseUri + '/variant') || (this.variants.length ? this.variants[0] : '');
this.changeVariant(variant); this.changeVariant(variant);
document.addEventListener( 'readystatechange', function(){ document.addEventListener(
'readystatechange',
function () {
if (document.readyState == 'interactive') { if (document.readyState == 'interactive') {
this.markSelectedVariant(); this.markSelectedVariant();
} }
}.bind( this ) ); }.bind(this)
);
}, },
getVariant: function () { getVariant: function () {
@ -45,12 +54,15 @@ var variants = {
if (variant && select.value != variant) { if (variant && select.value != variant) {
select.value = variant; select.value = variant;
} }
var interval_id = setInterval( function(){ var interval_id = setInterval(
function () {
if (this.isVariantLoaded()) { if (this.isVariantLoaded()) {
clearInterval(interval_id); clearInterval(interval_id);
updateTheme({ variant: variant }); updateTheme({ variant: variant });
} }
}.bind( this ), 25 ); }.bind(this),
25
);
// remove selection, because if some uses an arrow navigation" // remove selection, because if some uses an arrow navigation"
// by pressing the left or right cursor key, we will automatically // by pressing the left or right cursor key, we will automatically
// select a different style // select a different style
@ -84,7 +96,11 @@ var variants = {
option = document.createElement('option'); option = document.createElement('option');
option.id = this.customvariantname; option.id = this.customvariantname;
option.value = this.customvariantname; option.value = this.customvariantname;
option.text = this.customvariantname.replace( /-/g, ' ' ).replace(/\w\S*/g, function(w){ return w.replace(/^\w/g, function(c){ return c.toUpperCase(); }); }); option.text = this.customvariantname.replace(/-/g, ' ').replace(/\w\S*/g, function (w) {
return w.replace(/^\w/g, function (c) {
return c.toUpperCase();
});
});
select.appendChild(option); select.appendChild(option);
document.querySelectorAll('.footerVariantSwitch').forEach(function (e) { document.querySelectorAll('.footerVariantSwitch').forEach(function (e) {
e.classList.add('showVariantSwitch'); e.classList.add('showVariantSwitch');
@ -123,20 +139,25 @@ var variants = {
style.appendChild(document.createTextNode(stylesheet)); style.appendChild(document.createTextNode(stylesheet));
head.appendChild(style); head.appendChild(style);
var interval_id = setInterval( function(){ var interval_id = setInterval(
function () {
if (this.findLoadedStylesheet('R-variant-style')) { if (this.findLoadedStylesheet('R-variant-style')) {
clearInterval(interval_id); clearInterval(interval_id);
// save the styles to the current variant stylesheet // save the styles to the current variant stylesheet
this.variantvariables.forEach( function( e ){ this.variantvariables.forEach(
function (e) {
this.changeColor(e.name, true); this.changeColor(e.name, true);
}.bind( this ) ); }.bind(this)
);
// remove temp styles // remove temp styles
style.remove(); style.remove();
this.saveCustomVariant(); this.saveCustomVariant();
} }
}.bind( this ), 25 ); }.bind(this),
25
);
}, },
resetVariant: function () { resetVariant: function () {
@ -188,8 +209,7 @@ var variants = {
} }
this.switchStylesheet(variantbase); this.switchStylesheet(variantbase);
this.loadCustomVariant(); this.loadCustomVariant();
} } else {
else{
if (this.variants.indexOf(variant) < 0) { if (this.variants.indexOf(variant) < 0) {
variant = this.variants.length ? this.variants[0] : ''; variant = this.variants.length ? this.variants[0] : '';
} }
@ -205,14 +225,19 @@ var variants = {
generator: function (vargenerator) { generator: function (vargenerator) {
var graphDefinition = this.generateGraph(); var graphDefinition = this.generateGraph();
var graphs = document.querySelectorAll(vargenerator); var graphs = document.querySelectorAll(vargenerator);
graphs.forEach( function( e ){ e.innerHTML = graphDefinition; }); graphs.forEach(function (e) {
e.innerHTML = graphDefinition;
});
var interval_id = setInterval( function(){ var interval_id = setInterval(
function () {
if (document.querySelectorAll(vargenerator + ' .mermaid > svg').length) { if (document.querySelectorAll(vargenerator + ' .mermaid > svg').length) {
clearInterval(interval_id); clearInterval(interval_id);
this.styleGraph(); this.styleGraph();
} }
}.bind( this ), 25 ); }.bind(this),
25
);
}, },
download: function (data, mimetype, filename) { download: function (data, mimetype, filename) {
@ -236,22 +261,26 @@ var variants = {
adjustCSSRules: function (selector, props, sheets) { adjustCSSRules: function (selector, props, sheets) {
// get stylesheet(s) // get stylesheet(s)
if (!sheets) sheets = [...document.styleSheets]; if (!sheets) sheets = [...document.styleSheets];
else if (sheets.sup){ // sheets is a string else if (sheets.sup) {
// sheets is a string
let absoluteURL = new URL(sheets, document.baseURI).href; let absoluteURL = new URL(sheets, document.baseURI).href;
sheets = [...document.styleSheets].filter(i => i.href == absoluteURL); sheets = [...document.styleSheets].filter((i) => i.href == absoluteURL);
} } else sheets = [sheets]; // sheets is a stylesheet
else sheets = [sheets]; // sheets is a stylesheet
// CSS (& HTML) reduce spaces in selector to one. // CSS (& HTML) reduce spaces in selector to one.
selector = selector.replace(/\s+/g, ' '); selector = selector.replace(/\s+/g, ' ');
const findRule = s => [...s.cssRules].reverse().find(i => i.selectorText == selector) const findRule = (s) => [...s.cssRules].reverse().find((i) => i.selectorText == selector);
let rule = sheets.map(findRule).filter(i=>i).pop() let rule = sheets
.map(findRule)
.filter((i) => i)
.pop();
const propsArr = props.sup const propsArr = props.sup
? props.split(/\s*;\s*/).map(i => i.split(/\s*:\s*/)) // from string ? props.split(/\s*;\s*/).map((i) => i.split(/\s*:\s*/)) // from string
: Object.entries(props); // from Object : Object.entries(props); // from Object
if (rule) for (let [prop, val] of propsArr){ if (rule)
for (let [prop, val] of propsArr) {
// rule.style[prop] = val; is against the spec, and does not support !important. // rule.style[prop] = val; is against the spec, and does not support !important.
rule.style.setProperty(prop, ...val.split(/ *!(?=important)/)); rule.style.setProperty(prop, ...val.split(/ *!(?=important)/));
} }
@ -267,11 +296,11 @@ var variants = {
return c; return c;
} }
c = c.trim(); c = c.trim();
c = c.replace( /\s*\(\s*/g, "( " ); c = c.replace(/\s*\(\s*/g, '( ');
c = c.replace( /\s*\)\s*/g, " )" ); c = c.replace(/\s*\)\s*/g, ' )');
c = c.replace( /\s*,\s*/g, ", " ); c = c.replace(/\s*,\s*/g, ', ');
c = c.replace( /0*\./g, "." ); c = c.replace(/0*\./g, '.');
c = c.replace( / +/g, " " ); c = c.replace(/ +/g, ' ');
return c; return c;
}, },
@ -329,13 +358,11 @@ var variants = {
var n = ''; var n = '';
if (!with_prompt) { if (!with_prompt) {
n = v; n = v;
} } else {
else{
var t = c + '\n\n' + e.tooltip + '\n'; var t = c + '\n\n' + e.tooltip + '\n';
if (e.fallback) { if (e.fallback) {
t += '\nInherits value "' + this.getColorValue(e.fallback) + '" from ' + e.fallback + ' if not set\n'; t += '\nInherits value "' + this.getColorValue(e.fallback) + '" from ' + e.fallback + ' if not set\n';
} } else if (e.default) {
else if( e.default ){
t += '\nDefaults to value "' + this.normalizeColor(e.default) + '" if not set\n'; t += '\nDefaults to value "' + this.normalizeColor(e.default) + '" if not set\n';
} }
n = prompt(t, v); n = prompt(t, v);
@ -351,8 +378,7 @@ var variants = {
if (!with_prompt || n != v) { if (!with_prompt || n != v) {
write_style.setProperty('--' + c, n); write_style.setProperty('--' + c, n);
} }
} } else {
else{
// value emptied, so delete it // value emptied, so delete it
write_style.removeProperty('--' + c); write_style.removeProperty('--' + c);
} }
@ -389,9 +415,16 @@ var variants = {
} }
var style = var style =
'/* ' + this.customvariantname + ' */\n' + '/* ' +
this.customvariantname +
' */\n' +
':root {\n' + ':root {\n' +
this.variantvariables.reduce( function( a, e ){ return a + this.generateColorVariable( e, read_style ); }.bind( this ), '' ) + this.variantvariables.reduce(
function (a, e) {
return a + this.generateColorVariable(e, read_style);
}.bind(this),
''
) +
'}\n'; '}\n';
console.log(style); console.log(style);
return style; return style;
@ -405,9 +438,11 @@ var variants = {
}, },
styleGraph: function () { styleGraph: function () {
this.variantvariables.forEach( function( e ){ this.variantvariables.forEach(
function (e) {
this.styleGraphGroup('.' + e.name, e.name); this.styleGraphGroup('.' + e.name, e.name);
}.bind( this ) ); }.bind(this)
);
this.styleGraphGroup('#maincontent', 'MAIN-BG-color'); this.styleGraphGroup('#maincontent', 'MAIN-BG-color');
this.styleGraphGroup('#mainheadings', 'MAIN-BG-color'); this.styleGraphGroup('#mainheadings', 'MAIN-BG-color');
this.styleGraphGroup('#code', 'CODE-BLOCK-BG-color'); this.styleGraphGroup('#code', 'CODE-BLOCK-BG-color');
@ -424,8 +459,7 @@ var variants = {
var edge = ''; var edge = '';
if (e.fallback && e.group == this.findColor(e.fallback).group) { if (e.fallback && e.group == this.findColor(e.fallback).group) {
edge += e.fallback + ':::' + e.fallback + ' --> ' + e.name + ':::' + e.name; edge += e.fallback + ':::' + e.fallback + ' --> ' + e.name + ':::' + e.name;
} } else {
else{
edge += e.name + ':::' + e.name; edge += e.name + ':::' + e.name;
} }
return edge; return edge;
@ -455,42 +489,92 @@ var variants = {
' direction TB\n' + ' direction TB\n' +
' subgraph menuheader["header"]\n' + ' subgraph menuheader["header"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'header' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['header'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph menusections["sections"]\n' + ' subgraph menusections["sections"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'sections' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['sections'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
' subgraph maincontent["content"]\n' + ' subgraph maincontent["content"]\n' +
' direction TB\n' + ' direction TB\n' +
g_groups[ 'content' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['content'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' subgraph mainheadings["headings"]\n' + ' subgraph mainheadings["headings"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'headings' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['headings'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph code["code"]\n' + ' subgraph code["code"]\n' +
' direction TB\n' + ' direction TB\n' +
g_groups[ 'code' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['code'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' subgraph inlinecode["inline code"]\n' + ' subgraph inlinecode["inline code"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'inline code' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['inline code'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph blockcode["code blocks"]\n' + ' subgraph blockcode["code blocks"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'code blocks' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['code blocks'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
' subgraph thirdparty["3rd party"]\n' + ' subgraph thirdparty["3rd party"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ '3rd party' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['3rd party'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' subgraph coloredboxes["colored boxes"]\n' + ' subgraph coloredboxes["colored boxes"]\n' +
' direction LR\n' + ' direction LR\n' +
g_groups[ 'colored boxes' ].reduce( function( a, e ){ return a + ' ' + this.generateGraphGroupedEdge( e ) + '\n'; }.bind( this ), '' ) + g_groups['colored boxes'].reduce(
function (a, e) {
return a + ' ' + this.generateGraphGroupedEdge(e) + '\n';
}.bind(this),
''
) +
' end\n' + ' end\n' +
' end\n' + ' end\n' +
this.variantvariables.reduce( function( a, e ){ return a + this.generateGraphVarGroupedEdge( e ); }.bind( this ), '' ) + this.variantvariables.reduce(
function (a, e) {
return a + this.generateGraphVarGroupedEdge(e);
}.bind(this),
''
) +
g_handler; g_handler;
console.log(graph); console.log(graph);
@ -498,109 +582,109 @@ var variants = {
}, },
variantvariables: [ variantvariables: [
{ name: 'PRIMARY-color', group: 'content', fallback: 'MENU-HEADER-BG-color', tooltip: 'brand primary color', }, { name: 'PRIMARY-color', group: 'content', fallback: 'MENU-HEADER-BG-color', tooltip: 'brand primary color' },
{ name: 'SECONDARY-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'brand secondary color', }, { name: 'SECONDARY-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'brand secondary color' },
{ name: 'ACCENT-color', group: 'content', default: '#ffff00', tooltip: 'brand accent color, used for search highlights', }, { name: 'ACCENT-color', group: 'content', default: '#ffff00', tooltip: 'brand accent color, used for search highlights' },
{ name: 'MAIN-TOPBAR-BORDER-color', group: 'content', default: 'transparent', tooltip: 'border color between topbar and content', }, { name: 'MAIN-TOPBAR-BORDER-color', group: 'content', default: 'transparent', tooltip: 'border color between topbar and content' },
{ name: 'MAIN-LINK-color', group: 'content', fallback: 'SECONDARY-color', tooltip: 'link color of content', }, { name: 'MAIN-LINK-color', group: 'content', fallback: 'SECONDARY-color', tooltip: 'link color of content' },
{ name: 'MAIN-LINK-HOVER-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'hoverd link color of content', }, { name: 'MAIN-LINK-HOVER-color', group: 'content', fallback: 'MAIN-LINK-color', tooltip: 'hoverd link color of content' },
{ name: 'MAIN-BG-color', group: 'content', default: '#ffffff', tooltip: 'background color of content', }, { name: 'MAIN-BG-color', group: 'content', default: '#ffffff', tooltip: 'background color of content' },
{ name: 'TAG-BG-color', group: 'content', fallback: 'PRIMARY-color', tooltip: 'tag color', }, { name: 'TAG-BG-color', group: 'content', fallback: 'PRIMARY-color', tooltip: 'tag color' },
{ name: 'MAIN-TEXT-color', group: 'content', default: '#101010', tooltip: 'text color of content and h1 titles', }, { name: 'MAIN-TEXT-color', group: 'content', default: '#101010', tooltip: 'text color of content and h1 titles' },
{ name: 'MAIN-TITLES-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h2-h6 titles and transparent box titles', }, { name: 'MAIN-TITLES-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h2-h6 titles and transparent box titles' },
{ name: 'MAIN-TITLES-H1-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h1 titles', }, { name: 'MAIN-TITLES-H1-TEXT-color', group: 'headings', fallback: 'MAIN-TEXT-color', tooltip: 'text color of h1 titles' },
{ name: 'MAIN-TITLES-H2-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-TEXT-color', tooltip: 'text color of h2-h6 titles', }, { name: 'MAIN-TITLES-H2-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-TEXT-color', tooltip: 'text color of h2-h6 titles' },
{ name: 'MAIN-TITLES-H3-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H2-TEXT-color', tooltip: 'text color of h3-h6 titles', }, { name: 'MAIN-TITLES-H3-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H2-TEXT-color', tooltip: 'text color of h3-h6 titles' },
{ name: 'MAIN-TITLES-H4-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H3-TEXT-color', tooltip: 'text color of h4-h6 titles', }, { name: 'MAIN-TITLES-H4-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H3-TEXT-color', tooltip: 'text color of h4-h6 titles' },
{ name: 'MAIN-TITLES-H5-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H4-TEXT-color', tooltip: 'text color of h5-h6 titles', }, { name: 'MAIN-TITLES-H5-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H4-TEXT-color', tooltip: 'text color of h5-h6 titles' },
{ name: 'MAIN-TITLES-H6-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H5-TEXT-color', tooltip: 'text color of h6 titles', }, { name: 'MAIN-TITLES-H6-TEXT-color', group: 'headings', fallback: 'MAIN-TITLES-H5-TEXT-color', tooltip: 'text color of h6 titles' },
{ name: 'MAIN-font', group: 'content', default: '"Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif', tooltip: 'text font of content and h1 titles', }, { name: 'MAIN-font', group: 'content', default: '"Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif', tooltip: 'text font of content and h1 titles' },
{ name: 'MAIN-TITLES-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h2-h6 titles and transparent box titles', }, { name: 'MAIN-TITLES-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h2-h6 titles and transparent box titles' },
{ name: 'MAIN-TITLES-H1-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h1 titles', }, { name: 'MAIN-TITLES-H1-font', group: 'headings', fallback: 'MAIN-font', tooltip: 'text font of h1 titles' },
{ name: 'MAIN-TITLES-H2-font', group: 'headings', fallback: 'MAIN-TITLES-font', tooltip: 'text font of h2-h6 titles', }, { name: 'MAIN-TITLES-H2-font', group: 'headings', fallback: 'MAIN-TITLES-font', tooltip: 'text font of h2-h6 titles' },
{ name: 'MAIN-TITLES-H3-font', group: 'headings', fallback: 'MAIN-TITLES-H2-font', tooltip: 'text font of h3-h6 titles', }, { name: 'MAIN-TITLES-H3-font', group: 'headings', fallback: 'MAIN-TITLES-H2-font', tooltip: 'text font of h3-h6 titles' },
{ name: 'MAIN-TITLES-H4-font', group: 'headings', fallback: 'MAIN-TITLES-H3-font', tooltip: 'text font of h4-h6 titles', }, { name: 'MAIN-TITLES-H4-font', group: 'headings', fallback: 'MAIN-TITLES-H3-font', tooltip: 'text font of h4-h6 titles' },
{ name: 'MAIN-TITLES-H5-font', group: 'headings', fallback: 'MAIN-TITLES-H4-font', tooltip: 'text font of h5-h6 titles', }, { name: 'MAIN-TITLES-H5-font', group: 'headings', fallback: 'MAIN-TITLES-H4-font', tooltip: 'text font of h5-h6 titles' },
{ name: 'MAIN-TITLES-H6-font', group: 'headings', fallback: 'MAIN-TITLES-H5-font', tooltip: 'text font of h6 titles', }, { name: 'MAIN-TITLES-H6-font', group: 'headings', fallback: 'MAIN-TITLES-H5-font', tooltip: 'text font of h6 titles' },
{ name: 'CODE-theme', group: 'code', default: 'relearn-light', tooltip: 'name of the chroma stylesheet file', }, { name: 'CODE-theme', group: 'code', default: 'relearn-light', tooltip: 'name of the chroma stylesheet file' },
{ name: 'CODE-font', group: 'code', default: '"Consolas", menlo, monospace', tooltip: 'text font of code', }, { name: 'CODE-font', group: 'code', default: '"Consolas", menlo, monospace', tooltip: 'text font of code' },
{ name: 'CODE-BLOCK-color', group: 'code blocks', default: '#000000', tooltip: 'fallback text color of block code; should be adjusted to your selected chroma style', }, { name: 'CODE-BLOCK-color', group: 'code blocks', default: '#000000', tooltip: 'fallback text color of block code; should be adjusted to your selected chroma style' },
{ name: 'CODE-BLOCK-BG-color', group: 'code blocks', default: '#f8f8f8', tooltip: 'fallback background color of block code; should be adjusted to your selected chroma style', }, { name: 'CODE-BLOCK-BG-color', group: 'code blocks', default: '#f8f8f8', tooltip: 'fallback background color of block code; should be adjusted to your selected chroma style' },
{ name: 'CODE-BLOCK-BORDER-color', group: 'code blocks', fallback: 'CODE-BLOCK-BG-color', tooltip: 'border color of block code', }, { name: 'CODE-BLOCK-BORDER-color', group: 'code blocks', fallback: 'CODE-BLOCK-BG-color', tooltip: 'border color of block code' },
{ name: 'CODE-INLINE-color', group: 'inline code', default: '#5e5e5e', tooltip: 'text color of inline code', }, { name: 'CODE-INLINE-color', group: 'inline code', default: '#5e5e5e', tooltip: 'text color of inline code' },
{ name: 'CODE-INLINE-BG-color', group: 'inline code', default: '#fffae9', tooltip: 'background color of inline code', }, { name: 'CODE-INLINE-BG-color', group: 'inline code', default: '#fffae9', tooltip: 'background color of inline code' },
{ name: 'CODE-INLINE-BORDER-color', group: 'inline code', default: '#fbf0cb', tooltip: 'border color of inline code', }, { name: 'CODE-INLINE-BORDER-color', group: 'inline code', default: '#fbf0cb', tooltip: 'border color of inline code' },
{ name: 'BROWSER-theme', group: '3rd party', default: 'light', tooltip: 'name of the theme for browser scrollbars of the main section', }, { name: 'BROWSER-theme', group: '3rd party', default: 'light', tooltip: 'name of the theme for browser scrollbars of the main section' },
{ name: 'MERMAID-theme', group: '3rd party', default: 'default', tooltip: 'name of the default Mermaid theme for this variant, can be overridden in hugo.toml', }, { name: 'MERMAID-theme', group: '3rd party', default: 'default', tooltip: 'name of the default Mermaid theme for this variant, can be overridden in hugo.toml' },
{ name: 'OPENAPI-theme', group: '3rd party', default: 'light', tooltip: 'name of the default OpenAPI theme for this variant, can be overridden in hugo.toml', }, { name: 'OPENAPI-theme', group: '3rd party', default: 'light', tooltip: 'name of the default OpenAPI theme for this variant, can be overridden in hugo.toml' },
{ name: 'OPENAPI-CODE-theme', group: '3rd party', default: 'obsidian', tooltip: 'name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml', }, { name: 'OPENAPI-CODE-theme', group: '3rd party', default: 'obsidian', tooltip: 'name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml' },
{ name: 'MENU-BORDER-color', group: 'header', default: 'transparent', tooltip: 'border color between menu and content', }, { name: 'MENU-BORDER-color', group: 'header', default: 'transparent', tooltip: 'border color between menu and content' },
{ name: 'MENU-TOPBAR-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color of vertical line between menu and topbar', }, { name: 'MENU-TOPBAR-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color of vertical line between menu and topbar' },
{ name: 'MENU-TOPBAR-SEPARATOR-color', group: 'header', default: 'transparent', tooltip: 'separator color of vertical line between menu and topbar', }, { name: 'MENU-TOPBAR-SEPARATOR-color', group: 'header', default: 'transparent', tooltip: 'separator color of vertical line between menu and topbar' },
{ name: 'MENU-HEADER-BG-color', group: 'header', fallback: 'PRIMARY-color', tooltip: 'background color of menu header', }, { name: 'MENU-HEADER-BG-color', group: 'header', fallback: 'PRIMARY-color', tooltip: 'background color of menu header' },
{ name: 'MENU-HEADER-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color between menu header and menu', }, { name: 'MENU-HEADER-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color between menu header and menu' },
{ name: 'MENU-HEADER-SEPARATOR-color', group: 'header', fallback: 'MENU-HEADER-BORDER-color', tooltip: 'separator color between menu header and menu', }, { name: 'MENU-HEADER-SEPARATOR-color', group: 'header', fallback: 'MENU-HEADER-BORDER-color', tooltip: 'separator color between menu header and menu' },
{ name: 'MENU-HOME-LINK-color', group: 'header', default: '#323232', tooltip: 'home button color if configured', }, { name: 'MENU-HOME-LINK-color', group: 'header', default: '#323232', tooltip: 'home button color if configured' },
{ name: 'MENU-HOME-LINK-HOVER-color', group: 'header', default: '#808080', tooltip: 'hoverd home button color if configured', }, { name: 'MENU-HOME-LINK-HOVER-color', group: 'header', default: '#808080', tooltip: 'hoverd home button color if configured' },
{ name: 'MENU-SEARCH-color', group: 'header', default: '#e0e0e0', tooltip: 'text and icon color of search box', }, { name: 'MENU-SEARCH-color', group: 'header', default: '#e0e0e0', tooltip: 'text and icon color of search box' },
{ name: 'MENU-SEARCH-BG-color', group: 'header', default: '#323232', tooltip: 'background color of search box', }, { name: 'MENU-SEARCH-BG-color', group: 'header', default: '#323232', tooltip: 'background color of search box' },
{ name: 'MENU-SEARCH-BORDER-color', group: 'header', fallback: 'MENU-SEARCH-BG-color', tooltip: 'border color of search box', }, { name: 'MENU-SEARCH-BORDER-color', group: 'header', fallback: 'MENU-SEARCH-BG-color', tooltip: 'border color of search box' },
{ name: 'MENU-SECTIONS-BG-color', group: 'sections', default: '#282828', tooltip: 'background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc.', }, { name: 'MENU-SECTIONS-BG-color', group: 'sections', default: '#282828', tooltip: 'background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc.' },
{ name: 'MENU-SECTIONS-ACTIVE-BG-color', group: 'sections', default: 'rgba( 0, 0, 0, .166 )', tooltip: 'background color of the active menu section', }, { name: 'MENU-SECTIONS-ACTIVE-BG-color', group: 'sections', default: 'rgba( 0, 0, 0, .166 )', tooltip: 'background color of the active menu section' },
{ name: 'MENU-SECTIONS-LINK-color', group: 'sections', default: '#bababa', tooltip: 'link color of menu topics', }, { name: 'MENU-SECTIONS-LINK-color', group: 'sections', default: '#bababa', tooltip: 'link color of menu topics' },
{ name: 'MENU-SECTIONS-LINK-HOVER-color', group: 'sections', fallback: 'MENU-SECTIONS-LINK-color', tooltip: 'hoverd link color of menu topics', }, { name: 'MENU-SECTIONS-LINK-HOVER-color', group: 'sections', fallback: 'MENU-SECTIONS-LINK-color', tooltip: 'hoverd link color of menu topics' },
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-color', group: 'sections', default: '#444444', tooltip: 'text color of the displayed menu topic', }, { name: 'MENU-SECTION-ACTIVE-CATEGORY-color', group: 'sections', default: '#444444', tooltip: 'text color of the displayed menu topic' },
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-BG-color', group: 'sections', fallback: 'MAIN-BG-color', tooltip: 'background color of the displayed menu topic', }, { name: 'MENU-SECTION-ACTIVE-CATEGORY-BG-color', group: 'sections', fallback: 'MAIN-BG-color', tooltip: 'background color of the displayed menu topic' },
{ name: 'MENU-SECTION-ACTIVE-CATEGORY-BORDER-color', group: 'sections', default: 'transparent', tooltip: 'border color between the displayed menu topic and the content', }, { name: 'MENU-SECTION-ACTIVE-CATEGORY-BORDER-color', group: 'sections', default: 'transparent', tooltip: 'border color between the displayed menu topic and the content' },
{ name: 'MENU-SECTION-SEPARATOR-color', group: 'sections', default: '#606060', tooltip: 'separator color between menu sections and menu footer', }, { name: 'MENU-SECTION-SEPARATOR-color', group: 'sections', default: '#606060', tooltip: 'separator color between menu sections and menu footer' },
{ name: 'MENU-VISITED-color', group: 'sections', fallback: 'SECONDARY-color', tooltip: 'icon color of visited menu topics if configured', }, { name: 'MENU-VISITED-color', group: 'sections', fallback: 'SECONDARY-color', tooltip: 'icon color of visited menu topics if configured' },
{ name: 'BOX-CAPTION-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, 1 )', tooltip: 'text color of colored box titles', }, { name: 'BOX-CAPTION-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, 1 )', tooltip: 'text color of colored box titles' },
{ name: 'BOX-BG-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, .833 )', tooltip: 'background color of colored boxes', }, { name: 'BOX-BG-color', group: 'colored boxes', default: 'rgba( 255, 255, 255, .833 )', tooltip: 'background color of colored boxes' },
{ name: 'BOX-TEXT-color', group: 'colored boxes', fallback: 'MAIN-TEXT-color', tooltip: 'text color of colored box content', }, { name: 'BOX-TEXT-color', group: 'colored boxes', fallback: 'MAIN-TEXT-color', tooltip: 'text color of colored box content' },
{ name: 'BOX-BLUE-color', group: 'colored boxes', default: 'rgba( 48, 117, 229, 1 )', tooltip: 'background color of blue boxes', }, { name: 'BOX-BLUE-color', group: 'colored boxes', default: 'rgba( 48, 117, 229, 1 )', tooltip: 'background color of blue boxes' },
{ name: 'BOX-INFO-color', group: 'colored boxes', fallback: 'BOX-BLUE-color', tooltip: 'background color of info boxes', }, { name: 'BOX-INFO-color', group: 'colored boxes', fallback: 'BOX-BLUE-color', tooltip: 'background color of info boxes' },
{ name: 'BOX-BLUE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of blue boxes', }, { name: 'BOX-BLUE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of blue boxes' },
{ name: 'BOX-INFO-TEXT-color', group: 'colored boxes', fallback: 'BOX-BLUE-TEXT-color', tooltip: 'text color of info boxes', }, { name: 'BOX-INFO-TEXT-color', group: 'colored boxes', fallback: 'BOX-BLUE-TEXT-color', tooltip: 'text color of info boxes' },
{ name: 'BOX-CYAN-color', group: 'colored boxes', default: 'rgba( 45, 190, 200, 1 )', tooltip: 'background color of cyan boxes', }, { name: 'BOX-CYAN-color', group: 'colored boxes', default: 'rgba( 45, 190, 200, 1 )', tooltip: 'background color of cyan boxes' },
{ name: 'BOX-IMPORTANT-color', group: 'colored boxes', fallback: 'BOX-CYAN-color', tooltip: 'background color of info boxes', }, { name: 'BOX-IMPORTANT-color', group: 'colored boxes', fallback: 'BOX-CYAN-color', tooltip: 'background color of info boxes' },
{ name: 'BOX-CYAN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of cyan boxes', }, { name: 'BOX-CYAN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of cyan boxes' },
{ name: 'BOX-IMPORTANT-TEXT-color', group: 'colored boxes', fallback: 'BOX-CYAN-TEXT-color', tooltip: 'text color of info boxes', }, { name: 'BOX-IMPORTANT-TEXT-color', group: 'colored boxes', fallback: 'BOX-CYAN-TEXT-color', tooltip: 'text color of info boxes' },
{ name: 'BOX-GREEN-color', group: 'colored boxes', default: 'rgba( 42, 178, 24, 1 )', tooltip: 'background color of green boxes', }, { name: 'BOX-GREEN-color', group: 'colored boxes', default: 'rgba( 42, 178, 24, 1 )', tooltip: 'background color of green boxes' },
{ name: 'BOX-TIP-color', group: 'colored boxes', fallback: 'BOX-GREEN-color', tooltip: 'background color of tip boxes', }, { name: 'BOX-TIP-color', group: 'colored boxes', fallback: 'BOX-GREEN-color', tooltip: 'background color of tip boxes' },
{ name: 'BOX-GREEN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of green boxes', }, { name: 'BOX-GREEN-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of green boxes' },
{ name: 'BOX-TIP-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREEN-TEXT-color', tooltip: 'text color of tip boxes', }, { name: 'BOX-TIP-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREEN-TEXT-color', tooltip: 'text color of tip boxes' },
{ name: 'BOX-GREY-color', group: 'colored boxes', default: 'rgba( 128, 128, 128, 1 )', tooltip: 'background color of grey boxes', }, { name: 'BOX-GREY-color', group: 'colored boxes', default: 'rgba( 128, 128, 128, 1 )', tooltip: 'background color of grey boxes' },
{ name: 'BOX-NEUTRAL-color', group: 'colored boxes', fallback: 'BOX-GREY-color', tooltip: 'background color of neutral boxes', }, { name: 'BOX-NEUTRAL-color', group: 'colored boxes', fallback: 'BOX-GREY-color', tooltip: 'background color of neutral boxes' },
{ name: 'BOX-GREY-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of grey boxes', }, { name: 'BOX-GREY-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of grey boxes' },
{ name: 'BOX-NEUTRAL-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREY-TEXT-color', tooltip: 'text color of neutral boxes', }, { name: 'BOX-NEUTRAL-TEXT-color', group: 'colored boxes', fallback: 'BOX-GREY-TEXT-color', tooltip: 'text color of neutral boxes' },
{ name: 'BOX-MAGENTA-color', group: 'colored boxes', default: 'rgba( 229, 50, 210, 1 )', tooltip: 'background color of magenta boxes', }, { name: 'BOX-MAGENTA-color', group: 'colored boxes', default: 'rgba( 229, 50, 210, 1 )', tooltip: 'background color of magenta boxes' },
{ name: 'BOX-CAUTION-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-color', tooltip: 'background color of info boxes', }, { name: 'BOX-CAUTION-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-color', tooltip: 'background color of info boxes' },
{ name: 'BOX-MAGENTA-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of magenta boxes', }, { name: 'BOX-MAGENTA-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of magenta boxes' },
{ name: 'BOX-CAUTION-TEXT-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-TEXT-color', tooltip: 'text color of info boxes', }, { name: 'BOX-CAUTION-TEXT-color', group: 'colored boxes', fallback: 'BOX-MAGENTA-TEXT-color', tooltip: 'text color of info boxes' },
{ name: 'BOX-ORANGE-color', group: 'colored boxes', default: 'rgba( 237, 153, 9, 1 )', tooltip: 'background color of orange boxes', }, { name: 'BOX-ORANGE-color', group: 'colored boxes', default: 'rgba( 237, 153, 9, 1 )', tooltip: 'background color of orange boxes' },
{ name: 'BOX-NOTE-color', group: 'colored boxes', fallback: 'BOX-ORANGE-color', tooltip: 'background color of note boxes', }, { name: 'BOX-NOTE-color', group: 'colored boxes', fallback: 'BOX-ORANGE-color', tooltip: 'background color of note boxes' },
{ name: 'BOX-ORANGE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of orange boxes', }, { name: 'BOX-ORANGE-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of orange boxes' },
{ name: 'BOX-NOTE-TEXT-color', group: 'colored boxes', fallback: 'BOX-ORANGE-TEXT-color', tooltip: 'text color of note boxes', }, { name: 'BOX-NOTE-TEXT-color', group: 'colored boxes', fallback: 'BOX-ORANGE-TEXT-color', tooltip: 'text color of note boxes' },
{ name: 'BOX-RED-color', group: 'colored boxes', default: 'rgba( 224, 62, 62, 1 )', tooltip: 'background color of red boxes', }, { name: 'BOX-RED-color', group: 'colored boxes', default: 'rgba( 224, 62, 62, 1 )', tooltip: 'background color of red boxes' },
{ name: 'BOX-WARNING-color', group: 'colored boxes', fallback: 'BOX-RED-color', tooltip: 'background color of warning boxes', }, { name: 'BOX-WARNING-color', group: 'colored boxes', fallback: 'BOX-RED-color', tooltip: 'background color of warning boxes' },
{ name: 'BOX-RED-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of red boxes', }, { name: 'BOX-RED-TEXT-color', group: 'colored boxes', fallback: 'BOX-TEXT-color', tooltip: 'text color of red boxes' },
{ name: 'BOX-WARNING-TEXT-color', group: 'colored boxes', fallback: 'BOX-RED-TEXT-color', tooltip: 'text color of warning boxes', }, { name: 'BOX-WARNING-TEXT-color', group: 'colored boxes', fallback: 'BOX-RED-TEXT-color', tooltip: 'text color of warning boxes' },
], ],
}; };

345
vscode-frontmatter/snippets.de.json
View file

@ -1,9 +1,7 @@
{ {
"frontMatter.content.snippets": { "frontMatter.content.snippets": {
"Badge": { "Badge": {
"body": [ "body": ["{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"],
"{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"
],
"description": "Zeigt einen kleinen Marker im Text an", "description": "Zeigt einen kleinen Marker im Text an",
"fields": [ "fields": [
{ {
@ -19,28 +17,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -61,9 +38,7 @@
] ]
}, },
"Button": { "Button": {
"body": [ "body": ["{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"],
"{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"
],
"description": "Zeigt eine anklickbare Schaltfläche an", "description": "Zeigt eine anklickbare Schaltfläche an",
"fields": [ "fields": [
{ {
@ -91,28 +66,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -131,11 +85,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "right"],
"",
"left",
"right"
],
"default": "", "default": "",
"name": "iconposition", "name": "iconposition",
"title": "Position des Icons", "title": "Position des Icons",
@ -144,17 +94,11 @@
] ]
}, },
"Children": { "Children": {
"body": [ "body": ["{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"],
"{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"
],
"description": "Zeigt eine Liste der Unterseiten dieser Seite an", "description": "Zeigt eine Liste der Unterseiten dieser Seite an",
"fields": [ "fields": [
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "description", "name": "description",
"title": "Unterseiten-Beschreibung anzeigen", "title": "Unterseiten-Beschreibung anzeigen",
@ -173,11 +117,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "showhidden", "name": "showhidden",
"title": "Versteckte Unterseiten anzeigen", "title": "Versteckte Unterseiten anzeigen",
@ -198,9 +138,7 @@
] ]
}, },
"Expand": { "Expand": {
"body": [ "body": ["{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"],
"{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"
],
"description": "Zeigt einen ein-/ausklappbaren Textblock an", "description": "Zeigt einen ein-/ausklappbaren Textblock an",
"fields": [ "fields": [
{ {
@ -216,11 +154,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Inhalt initial ausklappen", "title": "Inhalt initial ausklappen",
@ -229,11 +163,7 @@
] ]
}, },
"Highlight": { "Highlight": {
"body": [ "body": ["````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"", "[[&content]]", "````"],
"````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"",
"[[&content]]",
"````"
],
"description": "Zeigt formatierten Code an", "description": "Zeigt formatierten Code an",
"fields": [ "fields": [
{ {
@ -248,33 +178,21 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "wrap", "name": "wrap",
"title": "Zeilen umbrechen", "title": "Zeilen umbrechen",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "lineNos", "name": "lineNos",
"title": "Zeilennummern anzeigen", "title": "Zeilennummern anzeigen",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "anchorLineNos", "name": "anchorLineNos",
"title": "Zeilennummern verlinkbar", "title": "Zeilennummern verlinkbar",
@ -301,9 +219,7 @@
] ]
}, },
"Icon": { "Icon": {
"body": [ "body": ["{{% icon [[&icon]] %}}"],
"{{% icon [[&icon]] %}}"
],
"description": "Zeigt ein Font Awesome Icon an", "description": "Zeigt ein Font Awesome Icon an",
"fields": [ "fields": [
{ {
@ -314,9 +230,7 @@
] ]
}, },
"Include": { "Include": {
"body": [ "body": ["{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"],
"{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"
],
"description": "Zeigt den Inhalt einer Datei an", "description": "Zeigt den Inhalt einer Datei an",
"fields": [ "fields": [
{ {
@ -325,11 +239,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "hidefirstheading", "name": "hidefirstheading",
"title": "Erste Überschrift verstecken", "title": "Erste Überschrift verstecken",
@ -338,11 +248,7 @@
] ]
}, },
"Math": { "Math": {
"body": [ "body": ["````math align=\"[[&align]]\"", "[[&content]]", "````"],
"````math align=\"[[&align]]\"",
"[[&content]]",
"````"
],
"description": "Zeigt eine mathematische oder chemische Formel mittels MathJax an", "description": "Zeigt eine mathematische oder chemische Formel mittels MathJax an",
"fields": [ "fields": [
{ {
@ -352,12 +258,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontale Ausrichtung", "title": "Horizontale Ausrichtung",
@ -366,11 +267,7 @@
] ]
}, },
"Mermaid": { "Mermaid": {
"body": [ "body": ["````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"", "[[&content]]", "````"],
"````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"",
"[[&content]]",
"````"
],
"description": "Zeigt ein Mermaid Diagramm an", "description": "Zeigt ein Mermaid Diagramm an",
"fields": [ "fields": [
{ {
@ -380,23 +277,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontale Ausrichtung", "title": "Horizontale Ausrichtung",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "zoom", "name": "zoom",
"title": "Diagramm schieb- und zoombar", "title": "Diagramm schieb- und zoombar",
@ -405,9 +293,7 @@
] ]
}, },
"Notice": { "Notice": {
"body": [ "body": ["{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"],
"{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"
],
"description": "Zeigt eine konfigurierbare Text-Box an", "description": "Zeigt eine konfigurierbare Text-Box an",
"fields": [ "fields": [
{ {
@ -423,28 +309,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -463,11 +328,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Inhalt initial ausklappen", "title": "Inhalt initial ausklappen",
@ -476,9 +337,7 @@
] ]
}, },
"OpenAPI": { "OpenAPI": {
"body": [ "body": ["{{< openapi src=\"[[&src]]\" >}}"],
"{{< openapi src=\"[[&src]]\" >}}"
],
"description": "Zeigt eine OpenAPI / Swagger Spezifikation an", "description": "Zeigt eine OpenAPI / Swagger Spezifikation an",
"fields": [ "fields": [
{ {
@ -489,9 +348,7 @@
] ]
}, },
"Resources": { "Resources": {
"body": [ "body": ["{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"],
"{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"
],
"description": "Zeigt eine Liste von Resourcen eines Page Bundles an", "description": "Zeigt eine Liste von Resourcen eines Page Bundles an",
"fields": [ "fields": [
{ {
@ -507,39 +364,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "asc", "desc"],
"",
"asc",
"desc"
],
"default": "", "default": "",
"name": "sort", "name": "sort",
"title": "Ausgabereihenfolge", "title": "Ausgabereihenfolge",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -558,11 +390,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Resourceliste initial ausklappen", "title": "Resourceliste initial ausklappen",
@ -571,9 +399,7 @@
] ]
}, },
"Site Param": { "Site Param": {
"body": [ "body": ["{{% siteparam name=\"[[&name]]\" %}}"],
"{{% siteparam name=\"[[&name]]\" %}}"
],
"description": "Zeigt einen \"site parameter\" an", "description": "Zeigt einen \"site parameter\" an",
"fields": [ "fields": [
{ {
@ -584,11 +410,7 @@
] ]
}, },
"Tab": { "Tab": {
"body": [ "body": ["{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}", "[[&content]]", "{{% /tab %}}"],
"{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}",
"[[&content]]",
"{{% /tab %}}"
],
"description": "Zeigt einen einzelnen Tab an", "description": "Zeigt einen einzelnen Tab an",
"fields": [ "fields": [
{ {
@ -603,28 +425,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Stil-Schema", "title": "Stil-Schema",
@ -645,16 +446,7 @@
] ]
}, },
"Tabs": { "Tabs": {
"body": [ "body": ["{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}", "{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}", "[[&content1]]", "{{% /tab %}}", "{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}", "[[&content2]]", "{{% /tab %}}", "{{< /tabs >}}"],
"{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}",
"{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}",
"[[&content1]]",
"{{% /tab %}}",
"{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}",
"[[&content2]]",
"{{% /tab %}}",
"{{< /tabs >}}"
],
"description": "Zeigt eine Tabgruppe an", "description": "Zeigt eine Tabgruppe an",
"fields": [ "fields": [
{ {
@ -664,28 +456,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Standard-Stil-Schema aller Tabs", "title": "Standard-Stil-Schema aller Tabs",
@ -721,28 +492,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style1", "name": "style1",
"title": "Stil-Schema des ersten Tabs", "title": "Stil-Schema des ersten Tabs",
@ -772,28 +522,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style2", "name": "style2",
"title": "Stil-Schema des zweiten Tabs", "title": "Stil-Schema des zweiten Tabs",

345
vscode-frontmatter/snippets.en.json
View file

@ -1,9 +1,7 @@
{ {
"frontMatter.content.snippets": { "frontMatter.content.snippets": {
"Badge": { "Badge": {
"body": [ "body": ["{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"],
"{{% badge title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}[[&content]]{{% /badge %}}"
],
"description": "Displays a little marker in the text", "description": "Displays a little marker in the text",
"fields": [ "fields": [
{ {
@ -19,28 +17,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -61,9 +38,7 @@
] ]
}, },
"Button": { "Button": {
"body": [ "body": ["{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"],
"{{% button href=\"[[&href]]\" target=\"[[&target]]\" type=\"[[&type]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" iconposition=\"[[&iconposition]]\" %}}[[&content]]{{% /button %}}"
],
"description": "Displays a clickable button", "description": "Displays a clickable button",
"fields": [ "fields": [
{ {
@ -91,28 +66,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -131,11 +85,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "right"],
"",
"left",
"right"
],
"default": "", "default": "",
"name": "iconposition", "name": "iconposition",
"title": "Position of the icon", "title": "Position of the icon",
@ -144,17 +94,11 @@
] ]
}, },
"Children": { "Children": {
"body": [ "body": ["{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"],
"{{% children description=\"[[&description]]\" depth=\"[[&depth]]\" sort=\"[[&sort]]\" showhidden=\"[[&showhidden]]\" containerstyle=\"[[&containerstyle]]\" style=\"[[&style]]\" %}}"
],
"description": "Displays a list of child pages for the page", "description": "Displays a list of child pages for the page",
"fields": [ "fields": [
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "description", "name": "description",
"title": "Show child page description", "title": "Show child page description",
@ -173,11 +117,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "showhidden", "name": "showhidden",
"title": "Show hidden child pages", "title": "Show hidden child pages",
@ -198,9 +138,7 @@
] ]
}, },
"Expand": { "Expand": {
"body": [ "body": ["{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"],
"{{% expand title=\"[[&title]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /expand %}}"
],
"description": "Displays an expandable/collapsable section of text", "description": "Displays an expandable/collapsable section of text",
"fields": [ "fields": [
{ {
@ -216,11 +154,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Initially expand content", "title": "Initially expand content",
@ -229,11 +163,7 @@
] ]
}, },
"Highlight": { "Highlight": {
"body": [ "body": ["````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"", "[[&content]]", "````"],
"````[[&type]] title=\"[[&title]]\" wrap=\"[[&wrap]]\" lineNos=\"[[&lineNos]]\" anchorLineNos=\"[[&anchorLineNos]]\" lineAnchors=\"[[&lineAnchors]]\" lineNoStart=\"[[&lineNoStart]]\" hl_Lines=\"[[&hl_Lines]]\"",
"[[&content]]",
"````"
],
"description": "Displays syntaxhighlighted code", "description": "Displays syntaxhighlighted code",
"fields": [ "fields": [
{ {
@ -248,33 +178,21 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "wrap", "name": "wrap",
"title": "Wrap lines", "title": "Wrap lines",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "lineNos", "name": "lineNos",
"title": "Display line number", "title": "Display line number",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "anchorLineNos", "name": "anchorLineNos",
"title": "Line numbers linkable", "title": "Line numbers linkable",
@ -301,9 +219,7 @@
] ]
}, },
"Icon": { "Icon": {
"body": [ "body": ["{{% icon [[&icon]] %}}"],
"{{% icon [[&icon]] %}}"
],
"description": "Displays a Font Awesome icon", "description": "Displays a Font Awesome icon",
"fields": [ "fields": [
{ {
@ -314,9 +230,7 @@
] ]
}, },
"Include": { "Include": {
"body": [ "body": ["{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"],
"{{% include file=\"[[&file]]\" hidefirstheading=\"[[&hidefirstheading]]\" %}}"
],
"description": "Displays the content of another file", "description": "Displays the content of another file",
"fields": [ "fields": [
{ {
@ -325,11 +239,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "hidefirstheading", "name": "hidefirstheading",
"title": "Hide first heading", "title": "Hide first heading",
@ -338,11 +248,7 @@
] ]
}, },
"Math": { "Math": {
"body": [ "body": ["````math align=\"[[&align]]\"", "[[&content]]", "````"],
"````math align=\"[[&align]]\"",
"[[&content]]",
"````"
],
"description": "Displays a math or chemical formulae using MathJax", "description": "Displays a math or chemical formulae using MathJax",
"fields": [ "fields": [
{ {
@ -352,12 +258,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontal alignment", "title": "Horizontal alignment",
@ -366,11 +267,7 @@
] ]
}, },
"Mermaid": { "Mermaid": {
"body": [ "body": ["````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"", "[[&content]]", "````"],
"````mermaid align=\"[[&align]]\" zoom=\"[[&zoom]]\"",
"[[&content]]",
"````"
],
"description": "Displays a Mermaid diagram or flowchart", "description": "Displays a Mermaid diagram or flowchart",
"fields": [ "fields": [
{ {
@ -380,23 +277,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "left", "center", "right"],
"",
"left",
"center",
"right"
],
"default": "", "default": "",
"name": "align", "name": "align",
"title": "Horizontal alignment", "title": "Horizontal alignment",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "zoom", "name": "zoom",
"title": "Diagram is pan- and zoomable", "title": "Diagram is pan- and zoomable",
@ -405,9 +293,7 @@
] ]
}, },
"Notice": { "Notice": {
"body": [ "body": ["{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"],
"{{% notice title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" %}}[[&content]]{{% /notice %}}"
],
"description": "Displays a configurable box of text", "description": "Displays a configurable box of text",
"fields": [ "fields": [
{ {
@ -423,28 +309,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -463,11 +328,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Initially expand content", "title": "Initially expand content",
@ -476,9 +337,7 @@
] ]
}, },
"OpenAPI": { "OpenAPI": {
"body": [ "body": ["{{< openapi src=\"[[&src]]\" >}}"],
"{{< openapi src=\"[[&src]]\" >}}"
],
"description": "Displays a OpenAPI / Swagger specification", "description": "Displays a OpenAPI / Swagger specification",
"fields": [ "fields": [
{ {
@ -489,9 +348,7 @@
] ]
}, },
"Resources": { "Resources": {
"body": [ "body": ["{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"],
"{{% resources title=\"[[&title]]\" pattern=\"[[&pattern]]\" sort=\"[[&sort]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" expanded=\"[[&expanded]]\" /%}}"
],
"description": "Displays a list of resources contained in a page bundle", "description": "Displays a list of resources contained in a page bundle",
"fields": [ "fields": [
{ {
@ -507,39 +364,14 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "asc", "desc"],
"",
"asc",
"desc"
],
"default": "", "default": "",
"name": "sort", "name": "sort",
"title": "Sorting order", "title": "Sorting order",
"type": "choice" "type": "choice"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -558,11 +390,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "false", "true"],
"",
"false",
"true"
],
"default": "", "default": "",
"name": "expanded", "name": "expanded",
"title": "Initially expand resource list", "title": "Initially expand resource list",
@ -571,9 +399,7 @@
] ]
}, },
"Site Param": { "Site Param": {
"body": [ "body": ["{{% siteparam name=\"[[&name]]\" %}}"],
"{{% siteparam name=\"[[&name]]\" %}}"
],
"description": "Displays the value of a site parameter", "description": "Displays the value of a site parameter",
"fields": [ "fields": [
{ {
@ -584,11 +410,7 @@
] ]
}, },
"Tab": { "Tab": {
"body": [ "body": ["{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}", "[[&content]]", "{{% /tab %}}"],
"{{% tab title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" %}}",
"[[&content]]",
"{{% /tab %}}"
],
"description": "Display a single tab", "description": "Display a single tab",
"fields": [ "fields": [
{ {
@ -603,28 +425,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Style scheme", "title": "Style scheme",
@ -645,16 +446,7 @@
] ]
}, },
"Tabs": { "Tabs": {
"body": [ "body": ["{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}", "{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}", "[[&content1]]", "{{% /tab %}}", "{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}", "[[&content2]]", "{{% /tab %}}", "{{< /tabs >}}"],
"{{< tabs title=\"[[&title]]\" style=\"[[&style]]\" color=\"[[&color]]\" icon=\"[[&icon]]\" groupid=\"[[&groupid]]\" >}}",
"{{% tab title=\"[[&title1]]\" style=\"[[&style1]]\" color=\"[[&color1]]\" icon=\"[[&icon1]]\" %}}",
"[[&content1]]",
"{{% /tab %}}",
"{{% tab title=\"[[&title2]]\" style=\"[[&style2]]\" color=\"[[&color2]]\" icon=\"[[&icon2]]\" %}}",
"[[&content2]]",
"{{% /tab %}}",
"{{< /tabs >}}"
],
"description": "Display a set of tabs in a tab view", "description": "Display a set of tabs in a tab view",
"fields": [ "fields": [
{ {
@ -664,28 +456,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style", "name": "style",
"title": "Default style scheme of all tabs", "title": "Default style scheme of all tabs",
@ -721,28 +492,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style1", "name": "style1",
"title": "Style scheme of the first tab", "title": "Style scheme of the first tab",
@ -772,28 +522,7 @@
"type": "string" "type": "string"
}, },
{ {
"choices": [ "choices": ["", "caution", "important", "info", "note", "tip", "warning", "primary", "secondary", "accent", "blue", "cyan", "green", "grey", "magenta", "orange", "red", "default", "transparent", "code"],
"",
"caution",
"important",
"info",
"note",
"tip",
"warning",
"primary",
"secondary",
"accent",
"blue",
"cyan",
"green",
"grey",
"magenta",
"orange",
"red",
"default",
"transparent",
"code"
],
"default": "", "default": "",
"name": "style2", "name": "style2",
"title": "Style scheme of the second tab", "title": "Style scheme of the second tab",