uusi leiska

README.md

-# http://jamkit.pages.labranet.jamk.fi/project-templates/opf-core-template-v2/
-
+Testing
\ No newline at end of file
-Open project framework release 0.6 
-
-## This is the Core-repository
-
-Update link below according your front page URL!
-
-## Linkki suomenkieliseen etusivuun:
-
-* 

docs/00.-Feature-showcase.md

+---
+title: Feature showcase
+---
+
+There are a lot on neat features in mkdocs. Here is a small showcase of the features.
+
+For full list please see the [Material for MkDocs documentation](https://squidfunk.github.io/mkdocs-material/reference/abbreviations/).
+
+### Zoomable images
+
+Zoom images using LightGallery.
+
+=== "Example"
+    ![!This is image subtitle](images/example_image.jpg)
+=== "Code"
+    ```markdown
+    ![!This is image subtitle](images/example_image.jpg)
+    ```
+
+### UML with superfences
+
+This uses the mermaid syntax. See documentation from: [https://mermaid-js.github.io/mermaid/#/](https://mermaid-js.github.io/mermaid/#/)
+
+=== "Example"
+    ```mermaid
+    sequenceDiagram
+        participant Alice
+        participant Bob
+        Alice->>John: Hello John, how are you?
+        loop Healthcheck
+            John->>John: Fight against hypochondria
+        end
+        Note right of John: Rational thoughts <br/>prevail!
+        John-->>Alice: Great!
+        John->>Bob: How about you?
+        Bob-->>John: Jolly good!
+    ```
+=== "Code"
+    ```
+        ```mermaid
+        sequenceDiagram
+            participant Alice
+            participant Bob
+            Alice->>John: Hello John, how are you?
+            loop Healthcheck
+                John->>John: Fight against hypochondria
+            end
+            Note right of John: Rational thoughts <br/>prevail!
+            John-->>Alice: Great!
+            John->>Bob: How about you?
+            Bob-->>John: Jolly good!
+        ```
+    ```
+
+### Admonitions
+
+**Supproted types**
+note, seealso, abstract, summary, tldr, info, todo, tip, hint, important, success, check, done, question, help, faq, warning, caution, attention, failure, fail, missing, danger, error, bug, example, quote, cite
+
+**Normal**
+
+=== "Example"
+    !!! note "Note title"
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+        nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+        massa, nec semper lorem quam in massa.
+=== "Code"
+    ```markdown
+    !!! note "Note title"
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+        nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+        massa, nec semper lorem quam in massa.
+    ```
+
+**Collapsible blocks**
+
+=== "Example"
+    ??? warning "Warning title"
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+        nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+        massa, nec semper lorem quam in massa.
+=== "Code"
+    ```markdown
+    ??? warning "Warning title"
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+        nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+        massa, nec semper lorem quam in massa.
+    ```
+
+**Collapsible blocks (open by default)**
+
+Adding a `+` after `???` will render the block as open on page load:
+
+=== "Example"
+    ???+ warning "Warning title"
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+        nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+        massa, nec semper lorem quam in massa.
+
+=== "Code"
+    ```markdown
+    ???+ warning "Warning title"
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+        nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+        massa, nec semper lorem quam in massa.
+    ```
+
+### Tasklists
+
+=== "Example"
+    - [X] item 1
+        * [X] item A
+        * [ ] item B
+            more text
+            + [x] item a
+            + [ ] item b
+            + [x] item c
+        * [X] item C
+    - [ ] item 2
+    - [ ] item 3
+=== "Code"
+    ```
+    - [X] item 1
+        * [X] item A
+        * [ ] item B
+            more text
+            + [x] item a
+            + [ ] item b
+            + [x] item c
+        * [X] item C
+    - [ ] item 2
+    - [ ] item 3
+    ```
\ No newline at end of file

docs/01.-Suppots-folders/01.index.md

+---
+title: Im a document in subfolder
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus maximus euismod interdum. Praesent non dapibus neque, non blandit nisl. Suspendisse pulvinar ligula quis suscipit molestie. Integer sapien arcu, sagittis sed dignissim quis, dictum quis odio. Proin urna neque, vulputate a mi vitae, scelerisque tristique felis. Nam commodo ligula blandit enim ornare, eget condimentum nulla pharetra. Fusce eget cursus neque. Aenean eleifend porttitor tellus a interdum. Nulla lacinia suscipit purus.
+
+### Here we have some code
+
+**In traditional JavaScript**   
+```javascript
+var messages = document.getElementsByClassname('message');
+messages.forEach(function(message) {
+    message.className = message.className + " visible";
+});
+```
+
+**With jQuery** (library)   
+```javascript
+$('.message').addClass('visible');
+```
\ No newline at end of file

docs/01.-Suppots-folders/02.second-document.md

+---
+title: This is a second document
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus maximus euismod interdum. Praesent non dapibus neque, non blandit nisl. Suspendisse pulvinar ligula quis suscipit molestie. Integer sapien arcu, sagittis sed dignissim quis, dictum quis odio. Proin urna neque, vulputate a mi vitae, scelerisque tristique felis. Nam commodo ligula blandit enim ornare, eget condimentum nulla pharetra. Fusce eget cursus neque. Aenean eleifend porttitor tellus a interdum. Nulla lacinia suscipit purus.
+
+### This is a header before image
+
+Morbi feugiat elit a orci porta pellentesque. Nulla facilisi. Proin sed purus sed leo pulvinar lacinia at et urna. Duis enim nibh, gravida eu eros ut, vulputate malesuada diam. **Curabitur sollicitudin porttitor urna**, sed pharetra ante eleifend a. Praesent faucibus libero sed tortor condimentum euismod at ut tellus. *Curabitur non congue ante*, pretium sagittis neque. Etiam ut urna et justo aliquam sagittis quis id ante.
+
+![Image alt text](images/example_image.jpg)
+
+**Nice image subtext**
\ No newline at end of file