jlengrand/briques-poster
1
0
Fork 0
mirror of https://github.com/les-briques-du-web/briques-poster.git synced 2026-03-10 08:51:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adds background

Browse Source
This commit is contained in:
Julien Lengrand-Lambert
2021-05-02 16:26:58 +02:00
parent d242840965
commit 129ae3ec83
9 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/background-made-from-bricks.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
assets/brick-wall.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
assets/brick2.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
assets/brick3.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
assets/brick4.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
assets/brick5.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 792 KiB

6
index.html
View File

@@ -11,10 +11,12 @@
<style>
html,
body {
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
font-family: sans-serif;
background-color: #ededed;
/*font-family: sans-serif;*/
/*background-color: #ededed;*/
}
</style>
<title>briques-posters</title>

2
rollup.config.js
View File

@@ -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,
}),

11
src/BriquesPoster.ts
View File

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