Skip to content

Commit 698c725

Browse files
issackjohnissackjohn
committed
workload
1 parent c760d16 commit 698c725

File tree

127 files changed

+8327
-3
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

127 files changed

+8327
-3
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,3 +35,4 @@
3535

3636
/resources/charts/node_modules/
3737
/resources/todomvc/big-dom-generator/node_modules/
38+
/experimental/responsive-design/node_modules/

‎.prettierignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,3 +46,5 @@ package-lock.json
4646
/resources/perf.webkit.org
4747

4848
/resources/react-stockcharts
49+
50+
/experimental/responsive-design/

‎experimental/responsive-design/.prettierignore

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
src/tailwind.generated.css
2+
src/tailwind.chat-window.generated.css
3+
dist/
4+

‎experimental/responsive-design/.prettierrc

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"arrowParens": "always",
3+
"bracketSameLine": false,
4+
"bracketSpacing": true,
5+
"htmlWhitespaceSensitivity": "css",
6+
"printWidth": 250,
7+
"semi": true,
8+
"singleQuote": false,
9+
"tabWidth": 4,
10+
"trailingComma": "es5",
11+
"useTabs": false,
12+
"plugins": ["prettier-plugin-tailwindcss"]
13+
}

‎experimental/responsive-design/README.md

Lines changed: 114 additions & 0 deletions

‎experimental/responsive-design/dist/app.js

Lines changed: 314 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎experimental/responsive-design/dist/iframe.html

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Cooking iframe</title>
7+
<script type="module" src="app.js"></script>
8+
<!-- Preload links autogenerated by Rollup -->
9+
<link rel="preload" as="image" href="./public/images/5-healthy-smoothie.webp">
10+
<link rel="preload" as="image" href="./public/images/beef-stroganoff.webp">
11+
<link rel="preload" as="image" href="./public/images/beef-tacos.webp">
12+
<link rel="preload" as="image" href="./public/images/best-comfort-food.webp">
13+
<link rel="preload" as="image" href="./public/images/bread-at-home.webp">
14+
<link rel="preload" as="image" href="./public/images/caesar-salad.webp">
15+
<link rel="preload" as="image" href="./public/images/chicken-alfredo.webp">
16+
<link rel="preload" as="image" href="./public/images/chocolate-cake.webp">
17+
<link rel="preload" as="image" href="./public/images/chocolate-chip-cookies.webp">
18+
<link rel="preload" as="image" href="./public/images/fruit-salad.webp">
19+
<link rel="preload" as="image" href="./public/images/garlic-bread.webp">
20+
<link rel="preload" as="image" href="./public/images/gluten-free-baking.webp">
21+
<link rel="preload" as="image" href="./public/images/greek-salad.webp">
22+
<link rel="preload" as="image" href="./public/images/homemade-pizza.webp">
23+
<link rel="preload" as="image" href="./public/images/icons-outline.webp">
24+
<link rel="preload" as="image" href="./public/images/lemon-drizzle-cake.webp">
25+
<link rel="preload" as="image" href="./public/images/low-carb-desserts.webp">
26+
<link rel="preload" as="image" href="./public/images/margherita-pizza.webp">
27+
<link rel="preload" as="image" href="./public/images/mastering-art-of-french-cooking.webp">
28+
<link rel="preload" as="image" href="./public/images/meal-prepping.webp">
29+
<link rel="preload" as="image" href="./public/images/mediterranean-cuisine.webp">
30+
<link rel="preload" as="image" href="./public/images/pancakes.webp">
31+
<link rel="preload" as="image" href="./public/images/plant-based-protein.webp">
32+
<link rel="preload" as="image" href="./public/images/quinoa-stuffed-peppers.webp">
33+
<link rel="preload" as="image" href="./public/images/ramen-noodles.webp">
34+
<link rel="preload" as="image" href="./public/images/seasonal-salads.webp">
35+
<link rel="preload" as="image" href="./public/images/shrimp-paella.webp">
36+
<link rel="preload" as="image" href="./public/images/spaghetti-carbonara.webp">
37+
<link rel="preload" as="image" href="./public/images/superfoods-you-should-include.webp">
38+
<link rel="preload" as="image" href="./public/images/sushi-platter.webp">
39+
<link rel="preload" as="image" href="./public/images/thai-green-curry.webp">
40+
<link rel="preload" as="image" href="./public/images/tomato-soup.webp">
41+
<link rel="preload" as="image" href="./public/images/vegan-burger.webp">
42+
<link rel="preload" as="image" href="./public/images/vegan-desserts.webp">
43+
<link rel="preload" as="image" href="./public/images/vegetable-stir-fry.webp">
44+
<link rel="preload" as="image" href="./public/images/vegetarian-stir-fry.webp">
45+
<link rel="preload" as="image" href="./public/images/week-night-dinners.webp">
46+
</head>
47+
<body>
48+
<cooking-app></cooking-app>
49+
</body>
50+
</html>

‎experimental/responsive-design/dist/index.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Cooking with Lit and Tailwind</title>
7+
<style>
8+
body,
9+
html {
10+
margin: 0;
11+
width: 100%;
12+
height: 100%;
13+
overflow: hidden;
14+
}
15+
#content-iframe {
16+
width: 100%;
17+
height: 100%;
18+
border: none;
19+
}
20+
</style>
21+
</head>
22+
<body>
23+
<iframe title="Cooking Website with Recipes" id="content-iframe" src="iframe.html"></iframe>
24+
</body>
25+
</html>

‎experimental/responsive-design/dist/public/images/5-healthy-smoothie.webp

45.9 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/beef-stroganoff.webp

106 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/beef-tacos.webp

42.4 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/best-comfort-food.webp

22.7 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/bread-at-home.webp

42.7 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/caesar-salad.webp

38.8 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/chicken-alfredo.webp

41.9 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/chocolate-cake.webp

29.3 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/chocolate-chip-cookies.webp

33.4 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/fruit-salad.webp

70.5 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/garlic-bread.webp

39 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/gluten-free-baking.webp

106 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/greek-salad.webp

41.8 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/homemade-pizza.webp

55.1 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/icons-outline.webp

2.33 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/lemon-drizzle-cake.webp

33.8 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/low-carb-desserts.webp

75.2 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/margherita-pizza.webp

40.1 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/mastering-art-of-french-cooking.webp

39.9 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/meal-prepping.webp

41.4 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/mediterranean-cuisine.webp

53.2 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/pancakes.webp

35.4 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/plant-based-protein.webp

42.3 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/quinoa-stuffed-peppers.webp

66.5 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/ramen-noodles.webp

76.8 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/seasonal-salads.webp

114 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/shrimp-paella.webp

132 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/spaghetti-carbonara.webp

43.2 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/superfoods-you-should-include.webp

51.2 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/sushi-platter.webp

74.3 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/thai-green-curry.webp

69.5 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/tomato-soup.webp

29.4 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/vegan-burger.webp

90 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/vegan-desserts.webp

37.9 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/vegetable-stir-fry.webp

37.8 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/vegetarian-stir-fry.webp

42.2 KB
Binary file not shown.

‎experimental/responsive-design/dist/public/images/week-night-dinners.webp

40.1 KB
Binary file not shown.

‎experimental/responsive-design/eslint.config.js

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
export default [
2+
{
3+
rules: {
4+
"array-bracket-spacing": [2, "never"],
5+
"block-spacing": [2, "always"],
6+
"brace-style": 2,
7+
"comma-dangle": [2, "only-multiline"],
8+
"comma-spacing": [2, { before: false, after: true }],
9+
"comma-style": [2, "last"],
10+
"consistent-return": 2,
11+
curly: ["error", "multi-or-nest", "consistent"],
12+
"dot-notation": 0,
13+
"eol-last": 2,
14+
eqeqeq: 2,
15+
indent: ["error", 4, { SwitchCase: 1 }],
16+
"func-call-spacing": [2, "never"],
17+
"key-spacing": [2, { beforeColon: false, afterColon: true }],
18+
"keyword-spacing": [2, { before: true, after: true }],
19+
"new-cap": 0,
20+
"new-parens": 0,
21+
"no-console": 0,
22+
"no-constant-condition": 0,
23+
"no-extra-bind": 2,
24+
"no-extra-parens": [2, "all", { nestedBinaryExpressions: false }],
25+
"no-extra-semi": 2,
26+
"no-global-assign": 2,
27+
"no-inner-declarations": 0,
28+
"no-multi-spaces": 2,
29+
"no-multiple-empty-lines": ["error", { max: 1 }],
30+
"no-new": 0,
31+
"no-proto": 0,
32+
"no-redeclare": 0,
33+
"no-return-assign": 2,
34+
"no-return-await": 2,
35+
"no-self-compare": 2,
36+
"no-shadow": 0,
37+
"no-trailing-spaces": 2,
38+
"no-undef": 2,
39+
"no-underscore-dangle": 0,
40+
"no-unused-expressions": 2,
41+
"no-unused-vars": [2, { vars: "all", args: "none" }],
42+
"no-use-before-define": 0,
43+
"nonblock-statement-body-position": ["error", "below"],
44+
"object-curly-spacing": ["error", "always"],
45+
"operator-linebreak": ["error", "before"],
46+
"prefer-template": 2,
47+
quotes: [2, "double", { avoidEscape: true }],
48+
semi: 2,
49+
"semi-spacing": [2, { before: false, after: true }],
50+
"space-infix-ops": 2,
51+
"spaced-comment": [2, "always"],
52+
strict: 0,
53+
"valid-typeof": 2,
54+
},
55+
languageOptions: {
56+
globals: {
57+
browser: true,
58+
node: true,
59+
worker: true,
60+
es2022: true,
61+
// new globals
62+
customElements: true,
63+
CSSStyleSheet: true,
64+
ResizeObserver: true,
65+
CustomEvent: true,
66+
Event: true,
67+
},
68+
parserOptions: {
69+
sourceType: "module",
70+
},
71+
},
72+
ignores: ["dist/**/*", "src/tailwind.generated.css", "src/tailwind.chat-window.generated.css"],
73+
},
74+
];

‎experimental/responsive-design/iframe.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Cooking iframe</title>
7+
<script type="module" src="app.js"></script>
8+
</head>
9+
<body>
10+
<cooking-app></cooking-app>
11+
</body>
12+
</html>

‎experimental/responsive-design/index.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Cooking with Lit and Tailwind</title>
7+
<style>
8+
body,
9+
html {
10+
margin: 0;
11+
width: 100%;
12+
height: 100%;
13+
overflow: hidden;
14+
}
15+
#content-iframe {
16+
width: 100%;
17+
height: 100%;
18+
border: none;
19+
}
20+
</style>
21+
</head>
22+
<body>
23+
<iframe title="Cooking Website with Recipes" id="content-iframe" src="iframe.html"></iframe>
24+
</body>
25+
</html>

0 commit comments

Comments
 (0)