diff --git a/assets/background-made-from-bricks.jpg b/assets/background-made-from-bricks.jpg new file mode 100644 index 0000000..2d15ad9 Binary files /dev/null and b/assets/background-made-from-bricks.jpg differ diff --git a/assets/brick-wall.png b/assets/brick-wall.png new file mode 100644 index 0000000..af45c0a Binary files /dev/null and b/assets/brick-wall.png differ diff --git a/assets/brick2.jpeg b/assets/brick2.jpeg new file mode 100644 index 0000000..dc1976c Binary files /dev/null and b/assets/brick2.jpeg differ diff --git a/assets/brick3.gif b/assets/brick3.gif new file mode 100644 index 0000000..9f4f6d0 Binary files /dev/null and b/assets/brick3.gif differ diff --git a/assets/brick4.jpeg b/assets/brick4.jpeg new file mode 100644 index 0000000..57bfed6 Binary files /dev/null and b/assets/brick4.jpeg differ diff --git a/assets/brick5.jpeg b/assets/brick5.jpeg new file mode 100644 index 0000000..2bc8fdf Binary files /dev/null and b/assets/brick5.jpeg differ diff --git a/index.html b/index.html index 4b92ce5..3eff657 100644 --- a/index.html +++ b/index.html @@ -11,10 +11,12 @@ briques-posters diff --git a/rollup.config.js b/rollup.config.js index 4570926..8dc5b8c 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -28,7 +28,7 @@ export default merge(baseConfig, { input: './index.html', plugins: [ copy({ - targets: [{ src: 'assets/**/*', dest: './dist' }], + targets: [{ src: 'assets/**/*', dest: './dist/assets' }], // set flatten to false to preserve folder structure flatten: false, }), diff --git a/src/BriquesPoster.ts b/src/BriquesPoster.ts index aba1d8f..4d880b0 100644 --- a/src/BriquesPoster.ts +++ b/src/BriquesPoster.ts @@ -4,12 +4,17 @@ import {customElement, property} from 'lit/decorators.js'; @customElement("briques-poster") export class BriquesPoster extends LitElement { - @property() title = 'My app'; + @property() title = 'Brique du Web'; static styles = css` :host { - width: 2400px; - height: 1260px; + display: inline-block; + width: 1920px; + height: 1080px; + background-image: url("assets/brick5.jpeg"); + background-repeat: repeat; + background-size: auto; + } main {