Skip to content

Commit 0f34e57

Browse files
issackjohnissackjohn
authored
Experimental Workload: Responsive Design (#453)
* Add responsive design benchmark
1 parent 39469ce commit 0f34e57

127 files changed

Lines changed: 7915 additions & 2 deletions

File tree

Some content is hidden

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

‎.eslintignore‎

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/build-dev/

‎.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,3 +35,5 @@
3535

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

‎.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+
/experimental/responsive-design/build-dev/
50+
/experimental/responsive-design/**/*.generated.css

‎.prettierrc‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,5 +8,6 @@
88
"singleQuote": false,
99
"tabWidth": 4,
1010
"trailingComma": "es5",
11-
"useTabs": false
11+
"useTabs": false,
12+
"plugins": ["prettier-plugin-tailwindcss"]
1213
}

‎experimental/responsive-design/README.md‎

Lines changed: 114 additions & 0 deletions

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

Lines changed: 334 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/index.html‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
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+
<script type="module" src="app.js"></script>
8+
<style>
9+
body,
10+
html {
11+
margin: 0;
12+
width: 100%;
13+
height: 100%;
14+
}
15+
body {
16+
overflow: auto;
17+
}
18+
</style>
19+
<!-- Preload links autogenerated by Rollup -->
20+
<link rel="preload" as="image" href="./public/images/5-healthy-smoothie.webp">
21+
<link rel="preload" as="image" href="./public/images/beef-stroganoff.webp">
22+
<link rel="preload" as="image" href="./public/images/beef-tacos.webp">
23+
<link rel="preload" as="image" href="./public/images/best-comfort-food.webp">
24+
<link rel="preload" as="image" href="./public/images/bread-at-home.webp">
25+
<link rel="preload" as="image" href="./public/images/caesar-salad.webp">
26+
<link rel="preload" as="image" href="./public/images/chicken-alfredo.webp">
27+
<link rel="preload" as="image" href="./public/images/chocolate-cake.webp">
28+
<link rel="preload" as="image" href="./public/images/chocolate-chip-cookies.webp">
29+
<link rel="preload" as="image" href="./public/images/fruit-salad.webp">
30+
<link rel="preload" as="image" href="./public/images/garlic-bread.webp">
31+
<link rel="preload" as="image" href="./public/images/gluten-free-baking.webp">
32+
<link rel="preload" as="image" href="./public/images/greek-salad.webp">
33+
<link rel="preload" as="image" href="./public/images/homemade-pizza.webp">
34+
<link rel="preload" as="image" href="./public/images/icons-outline.webp">
35+
<link rel="preload" as="image" href="./public/images/lemon-drizzle-cake.webp">
36+
<link rel="preload" as="image" href="./public/images/low-carb-desserts.webp">
37+
<link rel="preload" as="image" href="./public/images/margherita-pizza.webp">
38+
<link rel="preload" as="image" href="./public/images/mastering-art-of-french-cooking.webp">
39+
<link rel="preload" as="image" href="./public/images/meal-prepping.webp">
40+
<link rel="preload" as="image" href="./public/images/mediterranean-cuisine.webp">
41+
<link rel="preload" as="image" href="./public/images/pancakes.webp">
42+
<link rel="preload" as="image" href="./public/images/plant-based-protein.webp">
43+
<link rel="preload" as="image" href="./public/images/quinoa-stuffed-peppers.webp">
44+
<link rel="preload" as="image" href="./public/images/ramen-noodles.webp">
45+
<link rel="preload" as="image" href="./public/images/seasonal-salads.webp">
46+
<link rel="preload" as="image" href="./public/images/shrimp-paella.webp">
47+
<link rel="preload" as="image" href="./public/images/spaghetti-carbonara.webp">
48+
<link rel="preload" as="image" href="./public/images/superfoods-you-should-include.webp">
49+
<link rel="preload" as="image" href="./public/images/sushi-platter.webp">
50+
<link rel="preload" as="image" href="./public/images/thai-green-curry.webp">
51+
<link rel="preload" as="image" href="./public/images/tomato-soup.webp">
52+
<link rel="preload" as="image" href="./public/images/vegan-burger.webp">
53+
<link rel="preload" as="image" href="./public/images/vegan-desserts.webp">
54+
<link rel="preload" as="image" href="./public/images/vegetable-stir-fry.webp">
55+
<link rel="preload" as="image" href="./public/images/vegetarian-stir-fry.webp">
56+
<link rel="preload" as="image" href="./public/images/week-night-dinners.webp">
57+
</head>
58+
<body>
59+
<cooking-app></cooking-app>
60+
</body>
61+
</html>

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

45.9 KB

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

106 KB

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

42.4 KB

0 commit comments

Comments
 (0)