X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=dist%2Ftemplates%2Flayout.html;h=e6af3404d86ce90f6bffde0b6005070c974fa788;hp=4d14f14043e785ba28a7fe92a41a75c594aaf3ec;hb=HEAD;hpb=98990889825a552dc7edf2be73231dd868135d37 diff --git a/dist/templates/layout.html b/dist/templates/layout.html index 4d14f140..7175241e 100644 --- a/dist/templates/layout.html +++ b/dist/templates/layout.html @@ -5,379 +5,132 @@ th:fragment="layout(uri,maincontent)" thymeproxy:variables="SET:sitemap.json" > - + juplo - BASISTEMPLATE - + + - -
-
-
-
- You are here: -
    -
  • Home
    • -
  • Projects
    • + th:with="crumbs=${_crumbs.get(uri)}"> +
    +
    +

    TEMPLATE: Layout

    +

    + 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. +

    +
    +
    -
-
-
-
-
-
-
-

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 - -

-
- -
-
+ + +
  • About
    • + + + +
    +
    - - - - -