Skip to content

Commit 7220f48

Browse files
mfranzkeCopilot
mfranzke
and
Copilot
authored
feat: added favicon (#65)
* feat: added favicon * Update prepare-pages.sh * Update examples/basic-examples.html Co-authored-by: Copilot <[email protected]> * refactor: removed obsolete file * refactor: copy all assets --------- Co-authored-by: Copilot <[email protected]>
1 parent 60a13ce commit 7220f48

12 files changed

+135
-1
lines changed

‎.github/pages/favicon-16x16.png

2.54 KB
Loading

‎.github/pages/favicon-32x32.png

2.67 KB
Loading

‎.github/pages/favicon.ico

15 KB
Binary file not shown.

‎.github/pages/favicon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎.github/pages/index.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,24 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>CSS if() Polyfill - Examples</title>
7+
<!-- Favicon for older Browsers -->
8+
<link rel="icon" type="image/x-icon" href="favicon.ico" />
9+
<!-- SVG-Favicon for modern browsers -->
10+
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
11+
12+
<!-- PNG-Favicons for High-DPI (Retina) Displays -->
13+
<link
14+
rel="icon"
15+
type="image/png"
16+
sizes="32x32"
17+
href="favicon-32x32.png"
18+
/>
19+
<link
20+
rel="icon"
21+
type="image/png"
22+
sizes="16x16"
23+
href="favicon-16x16.png"
24+
/>
725
<style>
826
body {
927
font-family:
@@ -14,38 +32,45 @@
1432
padding: 20px;
1533
line-height: 1.6;
1634
}
35+
1736
.example-list {
1837
list-style: none;
1938
padding: 0;
2039
}
40+
2141
.example-list li {
2242
margin: 10px 0;
2343
padding: 15px;
2444
border: 1px solid #ddd;
2545
border-radius: 5px;
2646
background: #f9f9f9;
2747
}
48+
2849
.example-list a {
2950
text-decoration: none;
3051
color: #0066cc;
3152
font-weight: bold;
3253
}
54+
3355
.example-list a:hover {
3456
text-decoration: underline;
3557
}
58+
3659
.cdn-info {
3760
background: #e7f3ff;
3861
padding: 15px;
3962
border-radius: 5px;
4063
margin: 20px 0;
4164
}
65+
4266
.cdn-info code {
4367
background: #f0f0f0;
4468
padding: 2px 4px;
4569
border-radius: 3px;
4670
}
4771
</style>
4872
</head>
73+
4974
<body>
5075
<h1>CSS if() Polyfill - Live Examples</h1>
5176

‎.github/scripts/prepare-pages.sh

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ cp -r packages/css-if-polyfill/dist/* _site/packages/css-if-polyfill/dist/
1818

1919
# Copy the index.html template
2020
echo "Copying index.html template..."
21-
cp .github/pages/index.html _site/index.html
21+
cp .github/pages/* _site/
2222

2323
# Update example files to use the built polyfill from dist
2424
echo "Updating example script references..."

‎examples/advanced.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,24 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Advanced CSS if() Examples</title>
7+
<!-- Favicon for older Browsers -->
8+
<link rel="icon" type="image/x-icon" href="../favicon.ico" />
9+
<!-- SVG-Favicon for modern browsers -->
10+
<link rel="icon" type="image/svg+xml" href="../favicon.svg" />
11+
12+
<!-- PNG-Favicons for High-DPI (Retina) Displays -->
13+
<link
14+
rel="icon"
15+
type="image/png"
16+
sizes="32x32"
17+
href="../favicon-32x32.png"
18+
/>
19+
<link
20+
rel="icon"
21+
type="image/png"
22+
sizes="16x16"
23+
href="../favicon-16x16.png"
24+
/>
725
<style>
826
body {
927
font-family:

‎examples/basic-examples.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,24 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>CSS if() Polyfill - Examples</title>
7+
<!-- Favicon for older Browsers -->
8+
<link rel="icon" type="image/x-icon" href="../favicon.ico" />
9+
<!-- SVG-Favicon for modern browsers -->
10+
<link rel="icon" type="image/svg+xml" href="../favicon.svg" />
11+
12+
<!-- PNG-Favicons for High-DPI (Retina) Displays -->
13+
<link
14+
rel="icon"
15+
type="image/png"
16+
sizes="32x32"
17+
href="../favicon-32x32.png"
18+
/>
19+
<link
20+
rel="icon"
21+
type="image/png"
22+
sizes="16x16"
23+
href="../favicon-16x16.png"
24+
/>
725
<style>
826
body {
927
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

‎examples/enhanced.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,24 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Enhanced CSS if() Examples - Shorthand Properties</title>
7+
<!-- Favicon for older Browsers -->
8+
<link rel="icon" type="image/x-icon" href="../favicon.ico" />
9+
<!-- SVG-Favicon for modern browsers -->
10+
<link rel="icon" type="image/svg+xml" href="../favicon.svg" />
11+
12+
<!-- PNG-Favicons for High-DPI (Retina) Displays -->
13+
<link
14+
rel="icon"
15+
type="image/png"
16+
sizes="32x32"
17+
href="../favicon-32x32.png"
18+
/>
19+
<link
20+
rel="icon"
21+
type="image/png"
22+
sizes="16x16"
23+
href="../favicon-16x16.png"
24+
/>
725
<style>
826
body {
927
font-family:

‎examples/media-query-tracking.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,24 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>CSS if() Polyfill - Media Query Tracking Demo</title>
7+
<!-- Favicon for older Browsers -->
8+
<link rel="icon" type="image/x-icon" href="../favicon.ico" />
9+
<!-- SVG-Favicon for modern browsers -->
10+
<link rel="icon" type="image/svg+xml" href="../favicon.svg" />
11+
12+
<!-- PNG-Favicons for High-DPI (Retina) Displays -->
13+
<link
14+
rel="icon"
15+
type="image/png"
16+
sizes="32x32"
17+
href="../favicon-32x32.png"
18+
/>
19+
<link
20+
rel="icon"
21+
type="image/png"
22+
sizes="16x16"
23+
href="../favicon-16x16.png"
24+
/>
725
<style>
826
/* This CSS will automatically adapt when the window is resized */
927
.responsive-box {

0 commit comments

Comments
 (0)