From: Kai Moritz Date: Tue, 16 Feb 2021 19:00:58 +0000 (+0100) Subject: WIP:bulma X-Git-Url: http://juplo.de/gitweb/?a=commitdiff_plain;h=b73cd19c1e17a01541df9d46815d28d1a46eb55d;p=website WIP:bulma --- diff --git a/dist/templates/layout.html b/dist/templates/layout.html index 94e1b5e5..a5fe75f4 100644 --- a/dist/templates/layout.html +++ b/dist/templates/layout.html @@ -66,136 +66,135 @@
-
-

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

    - Install all dependencies: -
    -

    npm install
    -

    -
  4. -
  5. -

    - Start the CSS and JS watchers: -
    -

    npm start
    -

    -
  6. -
  7. -

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

    html {
    -    background-color: $green;
    +            

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

      + Install all dependencies: +
      +

      npm install
      +

      +
    4. +
    5. +

      + Start the CSS and JS watchers: +
      +

      npm start
      +

      +
    6. +
    7. +

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

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

      -
    8. -
    -

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

    -
    +

    +
  8. +
+

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

+ @@ -261,55 +260,30 @@

+ -