Skip to content

Commit 94a7a1d

Browse files
author
eastcoastdeveloper
committed
1 file modified
1 parent d685752 commit 94a7a1d

File tree

1 file changed

+30
-61
lines changed

1 file changed

+30
-61
lines changed

src/index.html

Lines changed: 30 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,32 @@
11
<my-app>loading</my-app>
22

3-
<footer id="rotatingFooter"></footer>
4-
5-
<!-- Footer -->
6-
<script>
7-
const footer = document.getElementById('rotatingFooter');
8-
9-
const footerItems = [
10-
{
11-
img: 'https://webdevunlimited.tech/images/amazon-logo.png',
12-
text: 'CMSs, E-Commerce Tools, & Website Builders Explained',
13-
link: 'https://tinyurl.com/3m5hyrk5',
14-
},
15-
{
16-
img: 'https://webdevunlimited.tech/images/favicon.png',
17-
text: 'Web Dev Unlimited',
18-
link: 'https://webdevunlimited.tech/',
19-
},
20-
];
21-
22-
Object.assign(footer.style, {
23-
position: 'fixed',
24-
bottom: '0',
25-
left: '0',
26-
width: '100%',
27-
background: '#0c1020',
28-
color: '#fff',
29-
textAlign: 'center',
30-
padding: '5px',
31-
display: 'flex',
32-
alignItems: 'center',
33-
justifyContent: 'center',
34-
gap: '10px',
35-
zIndex: '9999',
36-
fontFamily: 'sans-serif',
37-
});
38-
39-
const img = document.createElement('img');
40-
img.style.height = '25px';
41-
img.style.width = 'auto';
42-
img.style.borderRadius = '4px';
43-
44-
const textLink = document.createElement('a');
45-
textLink.style.color = '#fff';
46-
textLink.style.textDecoration = 'none';
47-
textLink.style.fontSize = '.9rem';
48-
49-
footer.appendChild(img);
50-
footer.appendChild(textLink);
51-
52-
function showRandomItem() {
53-
const item = footerItems[Math.floor(Math.random() * footerItems.length)];
54-
img.src = item.img;
55-
textLink.href = item.link;
56-
textLink.textContent = item.text;
57-
textLink.target = '_blank';
58-
textLink.rel = 'noopener noreferrer';
59-
}
60-
61-
showRandomItem();
62-
setInterval(showRandomItem, 10000);
63-
</script>
3+
<footer
4+
style="
5+
position: fixed;
6+
bottom: 0;
7+
left: 0;
8+
width: 100%;
9+
background: #0c1020;
10+
color: #fff;
11+
text-align: center;
12+
padding: 5px;
13+
display: flex;
14+
align-items: center;
15+
justify-content: center;
16+
gap: 10px;
17+
zindex: 9999;
18+
"
19+
>
20+
<img
21+
src="https://webdevunlimited.tech/images/favicon.png"
22+
style="width: 15px"
23+
/>
24+
<a
25+
rel="noopener noreferrer"
26+
href="https://webdevunlimited.tech/content-management-systems.php"
27+
target="_blank"
28+
;
29+
style="color: white; text-decoration: none; font: normal 14px sans-serif"
30+
>Learn How to Build Websites</a
31+
>
32+
</footer>

0 commit comments

Comments
 (0)