X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=dist%2Ftemplates%2Flayout.html;h=9ffb638f8d873fc43a80de2e0248574dccf9c33b;hp=46f8c3ffb7d345dad88b8f3d3e5d82a8a64deb4d;hb=54964ea99c292eaba7f4dad3d0308f0e656cf6d9;hpb=510b648c03a385a08ae2ce739174327a87f6c711 diff --git a/dist/templates/layout.html b/dist/templates/layout.html index 46f8c3ff..9ffb638f 100644 --- a/dist/templates/layout.html +++ b/dist/templates/layout.html @@ -16,364 +16,65 @@ - -
-
-
-
- You are here: - - Jump to navigation -
-
+ th:with="crumbs=${_crumbs.get(uri)}"> +
-
-
-
- -
-

Title

-
-

- Lorem ipsum dolor - sit amet, - consectetur adipisicing elit, sed do eiusmod tempor incididunt ut - labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud - exercitation - ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute - irure dolor in reprehenderit in voluptate velit esse cillum dolore - eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non - proident, sunt in culpa qui officia deserunt mollit anim id est - laborum. -

-

Duis aute irure dolor

-
    -
  • Operators and other mathematical stuff: -+/*
    • -
  • - Characters offten used in programming languages: - {(<>)}@$?%*#;:&/\!^"'`~ -
    • -
  • Special german characters: ÄäÖöÜü
    • -
  • Other special characters: @?¢§%°
    • -
-

Excepteur sint occaecat cupidatat

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris - nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in - reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla - pariatur. Excepteur sint occaecat cupidatat non proident, sunt in - culpa qui officia deserunt mollit anim id est laborum. -

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut aliquip ex ea commodo consequat. - Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat - cupidatat non proident, sunt in culpa qui officia deserunt mollit - anim id est laborum. -

- -

- Apart from package.json, the following files are included: -

-
    -
  • - .babelrc configuration file for Babel -
    • -
  • - .gitignore common Git ignored files -
    • -
  • - index.html this HTML5 file -
    • -
  • - _sass/main.scss a basic SCSS file that imports Bulma and explains how to customize your styles, and compiles to css/main.css -
    • -
  • - _javascript/main.js an ES6 JavaScript that compiles to lib/main.js -
    • -
-

Try it out!

-

- To see if your setup works, follow these steps: -

-
    -
  1. -

    - Move to this directory: -
    - 

    cd bulma-start
    -

    -
    2. -
  2. -

    - Install all dependencies: -
    - 

    npm install
    -

    -
    3. -
  3. -

    - Start the CSS and JS watchers: -
    - 

    npm start
    -

    -
    4. -
  4. -

    - Edit _sass/main.scss by adding the following rule at the end of the file: -
    - 

    html {
-    background-color: $green;
-  }
    -

    -
    5. -
-

- The page background should turn green! -

-

Get started

-

- You're ready to create your own designs with Bulma. Just edit or duplicate this page, or simply create a new one! -
- For example, this page is only built with the following Bulma elements: -

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TypeCSS class
Columns - columns - column -
Layout - section - container - footer -
Elements - button - content - title - subtitle -
Form - field - control -
Helpers - has-text-centered - has-text-weight-semibold -
-
-

- If you want to learn more, follow these links: -

-
-
-

- - Bulma homepage - -

-

- - Documentation - -

-
- -
- - -
-
-
- - +