Skip to content

Commit b439a2f

Browse files
Bastian-NoelBastian-Noel
authored
Create ChromeWebStars.html
1 parent 0d86390 commit b439a2f

File tree

1 file changed

+119
-0
lines changed

1 file changed

+119
-0
lines changed

‎embeds/ChromeWebStars.html‎

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
<!DOCTYPE html>
2+
<html lang="fr">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>ChromeWebStars</title>
8+
<style>
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
overflow: hidden;
13+
}
14+
15+
.A {
16+
position: relative;
17+
height: 30px;
18+
}
19+
20+
.B {
21+
display: flex;
22+
overflow: hidden;
23+
position: absolute;
24+
top: 0;
25+
}
26+
27+
.C {
28+
text-size-adjust: 100%;
29+
color: #c8194a;
30+
height: 30;
31+
width: 30;
32+
fill: currentColor;
33+
flex-shrink: 0;
34+
}
35+
36+
.D {
37+
width: calc(1px * var(--value));
38+
display: flex;
39+
overflow: hidden;
40+
position: absolute;
41+
top: 0;
42+
}
43+
</style>
44+
</head>
45+
46+
<body>
47+
<div class="A">
48+
<div class="B">
49+
<svg focusable="false" height="30" viewBox="0 0 24 24" width="30" class=" C">
50+
<path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"></path>
51+
<path d="M0 0h24v24H0V0z" fill="none"></path>
52+
</svg>
53+
<svg focusable="false" height="30" viewBox="0 0 24 24" width="30" class=" C">
54+
<path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"></path>
55+
<path d="M0 0h24v24H0V0z" fill="none"></path>
56+
</svg>
57+
<svg focusable="false" height="30" viewBox="0 0 24 24" width="30" class=" C">
58+
<path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"></path>
59+
<path d="M0 0h24v24H0V0z" fill="none"></path>
60+
</svg>
61+
<svg focusable="false" height="30" viewBox="0 0 24 24" width="30" class=" C">
62+
<path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"></path>
63+
<path d="M0 0h24v24H0V0z" fill="none"></path>
64+
</svg>
65+
<svg focusable="false" height="30" viewBox="0 0 24 24" width="30" class=" C">
66+
<path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"></path>
67+
<path d="M0 0h24v24H0V0z" fill="none"></path>
68+
</svg>
69+
</div>
70+
<div class="D">
71+
<svg focusable="false" width="30" height="30" viewBox="0 0 24 24" class=" C">
72+
<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"></path>
73+
</svg>
74+
<svg focusable="false" width="30" height="30" viewBox="0 0 24 24" class=" C">
75+
<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"></path>
76+
</svg>
77+
<svg focusable="false" width="30" height="30" viewBox="0 0 24 24" class=" C">
78+
<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"></path>
79+
</svg>
80+
<svg focusable="false" width="30" height="30" viewBox="0 0 24 24" class=" C">
81+
<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"></path>
82+
</svg>
83+
<svg focusable="false" width="30" height="30" viewBox="0 0 24 24" class=" C">
84+
<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"></path>
85+
</svg>
86+
</div>
87+
</div>
88+
89+
<script>
90+
document.documentElement.style.setProperty('--value', 159);
91+
92+
async function loadChromeWebStore() {
93+
try {
94+
const url = `https://chromewebstore.google.com/detail/ngibpoegkheookihjcnjihkfhfnglfei`;
95+
const response = await fetch(`https://api.allorigins.win/raw?url=${encodeURIComponent(url)}`);
96+
if (!response.ok) throw new Error('Failed to load Chrome Web Store data');
97+
const html = await response.text();
98+
const parser = new DOMParser();
99+
const doc = parser.parseFromString(html, 'text/html');
100+
if (doc.querySelector('.Vq0ZA')) {
101+
const meta = doc.querySelector('.Vq0ZA').textContent;
102+
note = parseFloat(meta);
103+
note_entiere = Math.floor(note);
104+
note_decimale = note - note_entiere;
105+
value = 9 + (30 * note_entiere) + (13 * note_decimale)
106+
document.documentElement.style.setProperty('--value', value);
107+
} else {
108+
throw new Error('Failed to find Chrome Web Store data');
109+
}
110+
} catch (error) {
111+
console.error('Failed to load Chrome Web Store data:', error);
112+
}
113+
}
114+
115+
loadChromeWebStore();
116+
</script>
117+
</body>
118+
119+
</html>

0 commit comments

Comments
 (0)