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

Kinda ok font and improves readability a bit

Browse Source
This commit is contained in:
Julien Lengrand-Lambert
2021-05-04 11:12:10 +02:00
parent e279f669ca
commit df1e6ed98c
9 changed files with 7163 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/Cutie_Shark.ttf Normal file
View File

Binary file not shown.

BIN
assets/Snowy_Night.ttf Normal file
View File

Binary file not shown.

BIN
assets/aleo-regular-webfont.ttf Executable file
View File

Binary file not shown.

7081
assets/html2canvas.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

23
index.html
View File

@@ -14,6 +14,23 @@
src: url("assets/chawp.ttf") format("truetype");
}
@font-face {
font-family: "aleo";
src: url("assets/aleo-regular-webfont.ttf") format("truetype");
}
@font-face {
font-family: "Snowy_Night";
src: url("assets/Snowy_Night.ttf") format("truetype");
}
@font-face {
font-family: "Cutie_Shark";
src: url("assets/Cutie_Shark.ttf") format("truetype");
}
html,
body {
width: 1920px;
@@ -31,6 +48,12 @@
<briques-poster></briques-poster>
<script type="module" src="./out-tsc/src/BriquesPoster.js"></script>
<script src="assets/html2canvas.min.js"></script>
<script>
html2canvas(document.body).then(canvas => {
document.body.appendChild(canvas)
});
</script>
</body>
</html>

49
package-lock.json generated
View File

@@ -9,6 +9,7 @@
"version": "0.0.0",
"license": "MIT",
"dependencies": {
"html2canvas": "^1.0.0-rc.7",
"lit": "2.0.0-rc.1"
},
"devDependencies": {
@@ -3539,6 +3540,14 @@
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
"dev": true
},
"node_modules/base64-arraybuffer": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.2.0.tgz",
"integrity": "sha512-7emyCsu1/xiBXgQZrscw/8KPRT44I4Yq9Pe6EGs3aPRTsWuggML1/1DTuZUuIaJPIm1FTDUVXl4x/yW8s0kQDQ==",
"engines": {
"node": ">= 0.6.0"
}
},
"node_modules/base64-js": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -4344,6 +4353,14 @@
"node": ">=4"
}
},
"node_modules/css-line-break": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-1.1.1.tgz",
"integrity": "sha512-1feNVaM4Fyzdj4mKPIQNL2n70MmuYzAXZ1aytlROFX1JsOo070OsugwGjj7nl6jnDJWHDM8zRZswkmeYVWZJQA==",
"dependencies": {
"base64-arraybuffer": "^0.2.0"
}
},
"node_modules/currently-unhandled": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
@@ -5954,6 +5971,17 @@
"node": ">=6"
}
},
"node_modules/html2canvas": {
"version": "1.0.0-rc.7",
"resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.0.0-rc.7.tgz",
"integrity": "sha512-yvPNZGejB2KOyKleZspjK/NruXVQuowu8NnV2HYG7gW7ytzl+umffbtUI62v2dCHQLDdsK6HIDtyJZ0W3neerA==",
"dependencies": {
"css-line-break": "1.1.1"
},
"engines": {
"node": ">=8.0.0"
}
},
"node_modules/htmlparser2": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
@@ -14428,6 +14456,11 @@
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
"dev": true
},
"base64-arraybuffer": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.2.0.tgz",
"integrity": "sha512-7emyCsu1/xiBXgQZrscw/8KPRT44I4Yq9Pe6EGs3aPRTsWuggML1/1DTuZUuIaJPIm1FTDUVXl4x/yW8s0kQDQ=="
},
"base64-js": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
@@ -15040,6 +15073,14 @@
"integrity": "sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=",
"dev": true
},
"css-line-break": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-1.1.1.tgz",
"integrity": "sha512-1feNVaM4Fyzdj4mKPIQNL2n70MmuYzAXZ1aytlROFX1JsOo070OsugwGjj7nl6jnDJWHDM8zRZswkmeYVWZJQA==",
"requires": {
"base64-arraybuffer": "^0.2.0"
}
},
"currently-unhandled": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
@@ -16280,6 +16321,14 @@
"terser": "^4.6.3"
}
},
"html2canvas": {
"version": "1.0.0-rc.7",
"resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.0.0-rc.7.tgz",
"integrity": "sha512-yvPNZGejB2KOyKleZspjK/NruXVQuowu8NnV2HYG7gW7ytzl+umffbtUI62v2dCHQLDdsK6HIDtyJZ0W3neerA==",
"requires": {
"css-line-break": "1.1.1"
}
},
"htmlparser2": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",

1
package.json
View File

@@ -36,6 +36,7 @@
"author": "briques-posters",
"license": "MIT",
"dependencies": {
"html2canvas": "^1.0.0-rc.7",
"lit": "2.0.0-rc.1"
},
"eslintConfig": {

6
src/BriquesPoster.ts
View File

@@ -64,7 +64,8 @@ export class BriquesPoster extends LitElement {
:host {
text-align: center;
font-size : 6rem;
font-family: "Comic Sans MS", "Comic Sans", cursive;
// font-family: "Comic Sans MS", "Comic Sans", cursive;
font-family : Snowy_Night;
color: white;
display: inline-block;
@@ -73,7 +74,8 @@ export class BriquesPoster extends LitElement {
background-image: url("assets/brick5.jpeg");
background-repeat: repeat;
background-size: auto;
opacity:0.9;
opacity:0.8;
filter: grayscale(25%);
}
main {

5
src/canvasStuff.ts Normal file
View File

@@ -0,0 +1,5 @@
import html2canvas from 'html2canvas';
html2canvas(document.body).then((canvas) => {
document.body.appendChild(canvas);
});