X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=dist%2Ftemplates%2Flayout.html;h=9ffb638f8d873fc43a80de2e0248574dccf9c33b;hb=54964ea99c292eaba7f4dad3d0308f0e656cf6d9;hp=f024908abf80fab8846b45c719e0f5fe2055f92b;hpb=3699a504a1fc859069618b45e52eeb81b068c072;p=website diff --git a/dist/templates/layout.html b/dist/templates/layout.html index f024908a..9ffb638f 100644 --- a/dist/templates/layout.html +++ b/dist/templates/layout.html @@ -16,368 +16,65 @@ -

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

- bulma -
- node-sass to compile your own Sass file -
- postcss-cli and autoprefixer to add support for older browsers -
- babel-cli, - babel-preset-env - and - babel-preset-es2015-ie - for compiling ES6 JavaScript files -

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

-
- Move to this directory: -
-
```
cd bulma-start
```
-
-
-
- Install all dependencies: -
-
```
npm install
```
-
-
-
- Start the CSS and JS watchers: -
-
```
npm start
```
-
-
-
- Edit _sass/main.scss by adding the following rule at the end of the file: -
-
```
html {
-    background-color: $green;
-  }
```
-
-

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

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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