old files

content/00-welcome/00-markdown-test.md

@@ -24,6 +24,10 @@ Headlines are simply done with hash chars like this:
 ###### Sixth Level Headline
 ```
 
+
+
+
+
 ### Third Level Headline
 
 A third headline is more decent and lower prioritized than a second level headline.
@@ -36,7 +40,7 @@ A fourth level headline is more decent and lower prioritized than a third level
 
 A fifth level headline is more decent and lower prioritized than a fourth level headline.
 
-##### Sixth Level Headline
+###### Sixth Level Headline
 
 A sixth level headline is more decent and lower prioritized than a fifths level headline.
 
@@ -46,6 +50,11 @@ A sixth level headline is more decent and lower prioritized than a fifths level
 A paragraph is a simple text-block separated with a new line above and below.
 ````
 
+
+
+
+
+
 A paragraph is a simple text-block separated with a new line above and below.
 
 ## Soft Linebreak
@@ -56,6 +65,11 @@ She said: "Hello"
 He said: "again"
 ````
 
+
+
+
+
+
 For a soft linebreak (eg. for dialoges in literature), add two spaces at the end of a line and use a simple return.
 
 She said: "Hello"  
@@ -68,6 +82,11 @@ For italic text use one *asterix* or one _underscore_.
 For bold text use two **asterix** or two __underscores__.
 ````
 
+
+
+
+
+
 For italic text use one *asterix* or one _underscore_.
 
 For bold text use two **asterix** or two __underscores__.
@@ -86,10 +105,15 @@ For an ordered list use whatever number you want and add a dot:
 1. this
 ````
 
+
+
+
+
+
 For an unordered list use a dash
 
-- like 
-- this
+* like 
+* this
 
 Or use one asterix
 
@@ -108,12 +132,15 @@ Easily created for example with three dashes like this:
 ---
 ```
 
+
+
+
+
+
 Easily created for example with three dashes like this:
 
 ---
 
-##Links
-
 ````
 This is an ordinary [Link](http://typemill.net).
 Links can also be [relative](/info).
@@ -124,6 +151,11 @@ Or you can use a shortcut like http://typemill.net.
 You can even use a download-link like []()
 ````
 
+
+
+
+
+
 This is an ordinary [Link](http://typemill.net).
 
 Links can also be [relative](/info).
@@ -136,7 +168,7 @@ You can even add [ids or classes](http://typemill.net){#myid .myclass}.
 
 Or you can use a shortcut like http://typemill.net.
 
-[markdown (PNG, 1.05 KB)](media/files/markdown.png){.tm-download file-png}
+[highlight (ZIP, 2.71 MB)](media/files/highlight.zip){.tm-download file-zip}
 
 ##Images
 
@@ -149,13 +181,17 @@ The same rules as with links, but with a !
 ![alt-text](media/markdown.png "my title"){#myid .otherclass width=150px}
 ````
 
+
+
+
+
+
 The same rules as with links, but with a !
 
-![alt](media/files/markdown.png){.center}
-*With Caption*
+![](media/tmp/kai-dahms-v0nbnxlwjzk-3unsp-1.webp)
 
-![alt](media/files/markdown.png "title"){.center}
-*With a caption that spans over several lines.*
+![alt](media/live/kai-dahms-v0nbnxlwjzk-3unsp-1-3.webp "title"){.center loading="lazy" width="820" height="464"}
+*With a caption that spans over two lines.*
 
 ![alt-text](media/files/markdown.png "my title"){#myid .otherclass width=150px}
 
@@ -166,6 +202,11 @@ You can link an image with a nested syntax like this:
 [![alt-text](media/markdown.png)](https://typemill.net)
 ````
 
+
+
+
+
+
 You can link an image with a nested syntax like this:
 
 [![alt-text](media/files/markdown.png){.imgClass}](https://typemill.net)
@@ -182,8 +223,12 @@ You can controll the image position with the classes .left, .right and .middle l
 *With caption that spans over several lines*
 ````
 
-![image float left](media/files/markdown.png){.left}
-*With caption that spans over several lines*
+
+
+
+
+
+![](media/tmp/kai-dahms-v0nbnxlwjzk-3unsp-1.webp)
 
 The first image should float on the left side of this paragraph. This might not work with all themes. If you are a theme developer, please ensure that you support the image classes "left", "right" and "center". You can add these classes manually in the raw mode or you can assign them in the visual mode when you edit a picture (double click on it to open the dialog). Images in a separate line are rendered with the html5 elements `figure` and `figcapture`.
 
@@ -201,9 +246,14 @@ The thirds image should be placed above this paragraph and centered to the middl
 
 ```
 There are always some women and men with wise words
+
 > But I usually don't read them, to be honest.
 ```
 
+
+
+
+
 There always some women and men with wise words
 
 > But I usually don't read them, to be honest.
@@ -218,6 +268,11 @@ Add the footnote text at the bottom of the page like this:
 [^2]: This is the end of the page.
 ````
 
+
+
+
+
+
 You can write footnotes[^1] with markdown. 
 
 Scroll down to the end of the page[^2] and look for the footnotes. 
@@ -231,6 +286,11 @@ Footnotes won't work with the visual editor right now, so please use the raw mod
 *[W3C]: World Wide Web Consortium
 ````
 
+
+
+
+
+
 You won't see the abbreviation directly, but if you write HTML or W3C somewhere, then you can see the tooltip with the explanation.
 
 *[HTML]: Hyper Text Markup Language
@@ -242,35 +302,38 @@ You won't see the abbreviation directly, but if you write HTML or W3C somewhere,
 ````
 Apple
 :   Pomaceous fruit of plants of the genus Malus in the family Rosaceae.
+
 Orange
 :   The fruit of an evergreen tree of the genus Citrus.
 ````
 
+
+
+
+
 Apple
-:   Pomaceous fruit of plants of the genus Malus in 
+:   Pomaceous fruit of plants of the genus Malus in
 the family Rosaceae.
 
 Orange
-:   The fruit of an evergreen tree of the genus Citrus.
-
-
+:   The fruit of an everggreen tree of the genus Citrus.
 
 ## Notices
 
 You can create different notices if you add a '!', '!!', '!!!', '!!!!' before a line. This will wrap the content into a div-class with the classes `notice1`, `notice2`, `notice3` and `notice4`. You can also span notices over several lines. This logic follows some other CMS like Grav, Lektor or Yellow and it is not compatible with other markdown processors or editors.
 
-! Notice 1
+> ! Notice 1
+> ! 
+> ! Please note that you can use **markdown** inside of the notice so you can *format* your text here.
+
+Notice 2
+
+Please note that you can use **markdown** inside of the notice so you can *format* your text here.
+
+! **Notice 3**
 ! 
 ! Please note that you can use **markdown** inside of the notice so you can *format* your text here.
 
-!! Notice 2
-!! 
-!! Please note that you can use **markdown** inside of the notice so you can *format* your text here.
-
-!!! Notice 3
-!!! 
-!!! Please note that you can use **markdown** inside of the notice so you can *format* your text here.
-
 ## Tables
 
 ````
@@ -280,9 +343,14 @@ You can create different notices if you add a '!', '!!', '!!!', '!!!!' before a
 | Your Name | For You   |
 ````
 
-| Name      | Usage   |
-| --------- | ------- |
-| My Name   | For Me  |
+
+
+
+
+
+| Name | Usage | 
+|---|---|
+| My Name | For Me | 
 | Your Name | For You |
 
 ## Code
@@ -291,18 +359,28 @@ You can create different notices if you add a '!', '!!', '!!!', '!!!!' before a
 Let us create some `<?php inlineCode(); ?>` like this
 ````
 
+
+
+
+
+
 Let us create some `<?php inlineCode(); ?>` and now let us check, if a codeblock works:
 
 ````
 Use four apostroph like this:  
 \````
 <?php
-	$welcome = 'Hello World!';
-	echo $welcome;
+    $welcome = 'Hello World!';
+    echo $welcome;
 ?>  
 \````
 ````
 
+
+
+
+
+
 ## Math
 
 Please activate the math-plugin to use mathematical expressions with LaTeX syntax. You can choose between MathJax or the newer KaTeX library. MathJax is included from a CDN, KaTeX is included in the plugin. So if you don't want to fetch code from a CDN, use KaTeX instead. The markdown syntax in TYPEMILL is the same for both libraries.
@@ -313,6 +391,11 @@ inline $x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)$ math
 inline \(x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)\) math
 ````
 
+
+
+
+
+
 inline $x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)$ math
 
 inline \(x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)\) math
@@ -327,10 +410,16 @@ x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)
 \]
 ````
 
+
+
+
+
+
 $$
 x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)
 $$
 
 [^1]: Thank you for scrolling.
+
 [^2]: This is the end of the page.
 

content/00-welcome/04-write-content.md

@@ -1,5 +1,5 @@
-# Write Content
-
+# Write Content
+
 Typemill provides easy and intuitive authoring tools and we work hard to create a good author experience. With the interactive navigation you can create pages and structure your websites. The visual markdown editor will help you to create content in a wysiwyg mode. The publish bar gives you full control over the status of each page. Watch the following video tutorial to learn all the details.
 
 ![youtube-video](media/live/youtube-6i2-uv88gke.jpeg "click to load video"){#6I2-uV88GkE .youtube}
@@ -39,4 +39,5 @@ Ever tried to revise a published article in WordPress? Yes, it works, but if you
 * In **visual mode**: Typemill stores your changes in a new draft automatically as soon as you save any content-block.
 * In **raw mode**: To store changes in a new draft, simply click on the "save draft"-button in the publish controller.
 * You can work on a draft as long as you want without changing the live version. Your changes go live if you click the button "publish".
-* In visual mode, you can also use the discard-button and go back to the published version.
+* In visual mode, you can also use the discard-button and go back to the published version.
+

content/00-welcome/05-edit-test.txt

@@ -0,0 +1 @@
+["# Write Content","Typemill provides easy and intuitive authoring tools and we work hard to create a good author experience. With the interactive navigation you can create pages and structure your websites. The visual markdown editor will help you to create content in a wysiwyg mode. The publish bar gives you full control over the status of each page. Watch the following video tutorial to learn all the details.","* You can change the default mode in the system settings. \n* You can also switch each format button on and off in the system settings.","The publish bar of Typemill is pretty intuitiv and sticks at the bottom of the screen so that you have always full control of the status of each page. Simply play around with it and you will quickly understand how it works. In short:","* The green button \"online\" indicates, that your page is published and visible for your readers.\n* You can depublish a page by clicking the green \"online\" button. The button will turn gray with the label \"offline\" and the page is not visible for your readers anymore.\n* With the green button \"Publish\" you can either publish a page that is offline or you can publish some unpublished changes on your page.\n* The publish-button is gray and disabled, if the page is online and if there are no unpublished changes.\n* All buttons will change in real time, so you can always exactly see what is going on.\n* To provide an easy status-overview of the whole website, Typemill marks all pages in the navigation on the left side as published (green), changed (orange) and unpublished (red).","## Working with Drafts","Ever tried to revise a published article in WordPress? Yes, it works, but if you click on \"save\", then all your changes are directly live. Typemill is much more flexible here and allows you to keep your original version live while you work on a **drafted version** in the background. This is how Typemill handles it: ","* In **visual mode**: Typemill stores your changes in a new draft automatically as soon as you save any content-block.\n* In **raw mode**: To store changes in a new draft, simply click on the \"save draft\"-button in the publish controller.\n* You can work on a draft as long as you want without changing the live version. Your changes go live if you click the button \"publish\".\n* In visual mode, you can also use the discard-button and go back to the published version."]

content/00-welcome/05-edit-test.yaml

@@ -0,0 +1,2 @@
+meta:
+    navtitle: 'edit test'

content/00-welcome/06-new.txt

@@ -0,0 +1 @@
+["# ToDo","[TOC]","## Visual Editor","Das ist ein Intro. Es gibt noch viel zu tun, aber das ist am Ende des Tages nicht so schlimm denn wir machen einfach weiter. Done","* DONE: Fix toc component in new block\n* DONE: Fix hr component in new block\n* DONE: finish shortcode component\n* DONE: Fix inline formats\n* DONE: fix lenght of page\n* DONE: Fix design of new block at the end (background color)\n* DONE: Move Block\n* DONE: Fix headline design\n* DONE: Fix save on two enter\n* DONE:  fix quote design\n* DONE: Fix toc preview\n* DONE: disable enable \n* DONE: Add load sign (from navigation)\n* SHIT!!! fiinish youtube component","## Navigation","* DONE: fix status in navigation\n* fix error messages\n* DONE: refresh navigation after changes","## Publish Controller","* DONE: Create \n* DONE: publish\n* DONE: unpublish\n* DONE: discard\n* DONE: delete\n* save draft\n* switch to raw","## Raw Editor","* Setup","## Meta Tabs","* Setup","## Medialib","* Setup"]

content/00-welcome/06-new.yaml

@@ -0,0 +1,2 @@
+meta:
+    navtitle: new

content/00-welcome/index.md

@@ -1,4 +1,4 @@
 # Welcome
 
-Great that you give Typemill a try!! Typemill is a simple Flat File Content Management System (CMS). We (the community) work hard to provide the best author experience with easy and intuitive authoring tools. But Typemill is still in early development and it is likely that not everything will work perfectly out of the box. If you miss something or if you have ideas for improvements, then post a new issue on [GitHub](https://github.com/typemill/typemill/issues).
+Great that you give Typemill a try!! Typemill is a simple Flat File Content Management System (CMS). We (the community) work hard to provide the best author experience with easy and intuitive authoring tools. But Typemill is still in early development and it is likely that not everything will work perfectly out of the box. If you miss something or if you have ideas for improvements, then post a new issue on [GitHub](https://github.com/typemill/typemill/issues).mb
 

content/01-cyanine-theme/01-footer.yaml

@@ -0,0 +1,15 @@
+meta:
+    title: '3-Column Footer'
+    description: 'Cyanine provides a three column footer at the bottom of each page. You can use markdown for each column. Make sure that you use the correct headline-level (we suggest a headline level 3 or level 4 to keep the logical headline hierarchy in the document). You can, of course, also add link-lists or'
+    heroimage: ''
+    heroimagealt: null
+    owner: null
+    author: trendschau
+    manualdate: '2021-07-01'
+    modified: '2021-05-18'
+    created: '2020-06-11'
+    time: 11-48-00
+    navtitle: ''
+    hide: false
+    allowedrole: null
+    alloweduser: null

content/01-cyanine-theme/01-landingpage.yaml

@@ -1,15 +0,0 @@
-meta:
-    title: 'The Landingpage'
-    description: "Cyanine provides an optional landingpage with six segments: \nIntro with the content of the home page and an additional link/button.\nInfo with individual markdown content.\nTeaser with two elements. Each element has a headline, a text and a link/button.\nContrast with a headline, text-input and a"
-    heroimage: ''
-    heroimagealt: null
-    owner: trendschau
-    author: 'Sebastian Schürmanns'
-    allowedrole: null
-    alloweduser: null
-    manualdate: null
-    modified: '2021-05-18'
-    created: '2021-06-17'
-    time: 16-23-19
-    navtitle: landingpage
-    hide: false

content/01-cyanine-theme/02-content-elements.yaml

@@ -0,0 +1,16 @@
+meta:
+    navtitle: 'content elements'
+    title: 'Content Elements'
+    description: "Cyanine provides a lot of other settings for your content area. For example:  \nAdd an edit-button for github, gitlab or other plattforms.\nShow the author.\nShow the publish date.\nShow the chapter numbers in the navigation.\n"
+    heroimage: ''
+    heroimagealt: null
+    hide: false
+    noindex: false
+    owner: trendschau
+    author: 'Sebastian Schürmanns'
+    allowedrole: null
+    alloweduser: null
+    manualdate: null
+    modified: '2021-11-24'
+    created: '2021-06-17'
+    time: 16-23-24

data/navigation/navi-extended.txt

@@ -34,33 +34,45 @@
     noindex: false
     path: /00-welcome/04-write-content.md
     keyPath: '0.4'
+/welcome/edit-test:
+    navtitle: ''
+    hide: false
+    noindex: false
+    path: /00-welcome/05-edit-test.txt
+    keyPath: '0.5'
+/welcome/new:
+    navtitle: ''
+    hide: false
+    noindex: false
+    path: /00-welcome/06-new.txt
+    keyPath: '0.6'
 /cyanine-theme:
     navtitle: ''
     hide: false
     noindex: false
     path: /01-cyanine-theme
     keyPath: 1
-/cyanine-theme/colors-and-fonts:
-    navtitle: ''
-    hide: false
-    noindex: false
-    path: /01-cyanine-theme/00-colors-and-fonts.md
-    keyPath: '1.0'
 /cyanine-theme/landingpage:
     navtitle: ''
     hide: false
     noindex: false
-    path: /01-cyanine-theme/01-landingpage.md
-    keyPath: '1.1'
+    path: /01-cyanine-theme/00-landingpage.md
+    keyPath: '1.0'
 /cyanine-theme/footer:
     navtitle: ''
     hide: false
     noindex: false
-    path: /01-cyanine-theme/02-footer.md
-    keyPath: '1.2'
+    path: /01-cyanine-theme/01-footer.md
+    keyPath: '1.1'
 /cyanine-theme/content-elements:
     navtitle: ''
     hide: false
     noindex: false
-    path: /01-cyanine-theme/03-content-elements.md
+    path: /01-cyanine-theme/02-content-elements.md
+    keyPath: '1.2'
+/cyanine-theme/colors-and-fonts:
+    navtitle: ''
+    hide: false
+    noindex: false
+    path: /01-cyanine-theme/03-colors-and-fonts.md
     keyPath: '1.3'