@@ -31,77 +31,77 @@ const main = async () => {
3131
3232 for ( let i = 0 ; i < filesRaw . length ; i ++ ) {
3333 const imgHTML = `
34- <!DOCTYPE html>
35- <html lang="en">
36- <head>
37- <meta charset="UTF-8" />
38- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
39- <meta http-equiv="X-UA-Compatible" content="ie=edge" />
40- <title>HTML to Generate Thumbnail</title>
41- <style>
42- @font-face {
43- font-family: "Hind Siliguri";
44- src: url("./src/fonts/HindSiliguri-Light.woff2") format("woff2"),
45- url("./src/fonts/HindSiliguri-Light.woff") format("woff");
46- font-weight: 300;
47- font-style: normal;
48- }
34+ <!DOCTYPE html>
35+ <html lang="en">
36+ <head>
37+ <meta charset="UTF-8" />
38+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
39+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
40+ <title>HTML to Generate Thumbnail</title>
41+ <style>
42+ @font-face {
43+ font-family: "Hind Siliguri";
44+ src: url("./src/assets /fonts/HindSiliguri-Light.woff2") format("woff2"),
45+ url("./src/assets /fonts/HindSiliguri-Light.woff") format("woff");
46+ font-weight: 300;
47+ font-style: normal;
48+ }
4949
50- @font-face {
51- font-family: "Hind Siliguri";
52- src: url("./src/fonts/HindSiliguri-Regular.woff2") format("woff2"),
53- url("./src/fonts/HindSiliguri-Regular.woff") format("woff");
54- font-weight: 400;
55- font-style: normal;
56- }
50+ @font-face {
51+ font-family: "Hind Siliguri";
52+ src: url("./src/assets /fonts/HindSiliguri-Regular.woff2") format("woff2"),
53+ url("./src/assets /fonts/HindSiliguri-Regular.woff") format("woff");
54+ font-weight: 400;
55+ font-style: normal;
56+ }
5757
58- @font-face {
59- font-family: "Hind Siliguri";
60- src: url("./src/fonts/HindSiliguri-Bold.woff2") format("woff2"),
61- url("./src/fonts/HindSiliguri-Bold.woff") format("woff");
62- font-weight: 800;
63- font-style: normal;
64- }
58+ @font-face {
59+ font-family: "Hind Siliguri";
60+ src: url("./src/assets /fonts/HindSiliguri-Bold.woff2") format("woff2"),
61+ url("./src/assets /fonts/HindSiliguri-Bold.woff") format("woff");
62+ font-weight: 800;
63+ font-style: normal;
64+ }
6565
66- * {
67- margin: 0;
68- padding: 0;
69- box-sizing: border-box;
70- }
66+ * {
67+ margin: 0;
68+ padding: 0;
69+ box-sizing: border-box;
70+ }
7171
72- body {
73- font-family: "Hind Siliguri";
74- background: ${ filesRaw [ i ] . color } ;
75- color: ${ isItDark ( filesRaw [ i ] . color ) ? "#fffeff" : "#201f22" }
76- }
77- </style>
78- </head>
79- <body>
80- <div
81- style="height: 100vh; width: 100vw; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly"
82- >
83- <div style="font-size: 36px; font-weight: bold;">
84- <span
85- style="display:inline-block; background-color: ${
86- isItDark ( filesRaw [ i ] . color ) ? "#fffeff" : "#201f22"
87- } ; color: ${
72+ body {
73+ font-family: "Hind Siliguri";
74+ background: ${ filesRaw [ i ] . color } ;
75+ color: ${ isItDark ( filesRaw [ i ] . color ) ? "#fffeff" : "#201f22" }
76+ }
77+ </style>
78+ </head>
79+ <body>
80+ <div
81+ style="height: 100vh; width: 100vw; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly"
82+ >
83+ <div style="font-size: 36px; font-weight: bold;">
84+ <span
85+ style="display:inline-block; background-color: ${
86+ isItDark ( filesRaw [ i ] . color ) ? "#fffeff" : "#201f22"
87+ } ; color: ${
8888 filesRaw [ i ] . color
8989 } ; padding: 0 8px; border-radius: 4px; margin-right: 5px;"
90- >ডেভ</span
91- >সংকেত
92- </div>
93- <div style="text-align: center; padding: 0 120px;">
94- <h2 style="font-size: 72px; line-height: 78px;">${
95- filesRaw [ i ] . title
96- } </h2>
97- <p style="font-size: 22px;">বাংলা ডেভেলপার চিটশিট</p>
98- </div>
99- <pre style="font-family: consolas; font-weight: bold; font-size: 26px;">
100- https://devsonket.com/${ filesRaw [ i ] . id } </pre
101- >
102- </div>
103- </body>
104- </html>
90+ >ডেভ</span
91+ >সংকেত
92+ </div>
93+ <div style="text-align: center; padding: 0 120px;">
94+ <h2 style="font-size: 72px; line-height: 78px;">${
95+ filesRaw [ i ] . title
96+ } </h2>
97+ <p style="font-size: 22px;">বাংলা ডেভেলপার চিটশিট</p>
98+ </div>
99+ <pre style="font-family: consolas; font-weight: bold; font-size: 26px;">
100+ https://devsonket.com/${ filesRaw [ i ] . id } </pre
101+ >
102+ </div>
103+ </body>
104+ </html>
105105 `
106106 await page . setContent ( imgHTML )
107107 await page . screenshot ( {
0 commit comments