Skip to content

Commit 4d42df2

Browse files
ChafficuiChafficui
authored
Merge pull request #6 from ChafficPlugins/claude/improve-affiliate-redirect-ayHE9
Add affiliate partner rotation and enhance partner banner styling
2 parents 0886161 + 5ab894d commit 4d42df2

File tree

4 files changed

+112
-29
lines changed

4 files changed

+112
-29
lines changed

‎index.html‎

Lines changed: 29 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -111,25 +111,46 @@ <h2 class="section-title">At a Glance</h2>
111111

112112
<!-- Partner -->
113113
<section class="section fade-in fade-in-delay-3">
114+
<p class="section-label">Partner</p>
115+
<h2 class="section-title">Need a Server?</h2>
114116
<div class="partner-section">
115-
<a class="partner-banner" href="https://shockbyte.com/billing/aff.php?aff=4416" target="_blank" rel="noopener noreferrer">
117+
<a class="partner-banner" id="partnerBanner" href="#" target="_blank" rel="noopener noreferrer">
116118
<div class="partner-banner-brand">
117119
<svg class="partner-banner-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
118-
<span class="partner-banner-name">Shockbyte</span>
120+
<span class="partner-banner-name" id="partnerName"></span>
119121
</div>
120122
<div class="partner-banner-body">
121-
<div class="partner-banner-text">Affordable Minecraft server hosting</div>
122-
<div class="partner-banner-offer">
123-
<span class="partner-banner-offer-text">Use code</span>
124-
<span class="partner-banner-code">LAUNCH</span>
125-
<span class="partner-banner-offer-text">for 25% off your first month</span>
126-
</div>
123+
<div class="partner-banner-text" id="partnerText"></div>
124+
<div class="partner-banner-offer" id="partnerOffer"></div>
127125
</div>
128126
<svg class="partner-banner-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd"/></svg>
129127
</a>
130128
</div>
131129
</section>
132130

131+
<script>
132+
// Affiliate partner rotation
133+
var partners = [
134+
{
135+
name: 'Shockbyte',
136+
url: 'https://shockbyte.com/billing/aff.php?aff=4416',
137+
text: 'Affordable Minecraft server hosting',
138+
offer: '<span class="partner-banner-offer-text">Use code</span> <span class="partner-banner-code">LAUNCH</span> <span class="partner-banner-offer-text">for 25% off your first month</span>'
139+
},
140+
{
141+
name: 'WiseHosting',
142+
url: 'https://wisehosting.com/aff.php?aff=3248',
143+
text: 'Reliable Minecraft server hosting',
144+
offer: '<span class="partner-banner-offer-text">Premium performance at great prices</span>'
145+
}
146+
];
147+
var partner = partners[Math.floor(Math.random() * partners.length)];
148+
document.getElementById('partnerBanner').href = partner.url;
149+
document.getElementById('partnerName').textContent = partner.name;
150+
document.getElementById('partnerText').textContent = partner.text;
151+
document.getElementById('partnerOffer').innerHTML = partner.offer;
152+
</script>
153+
133154
<!-- Footer -->
134155
<footer class="site-footer fade-in fade-in-delay-4">
135156
<div class="footer-links">

‎mkdocs.yml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,9 @@ markdown_extensions:
4747
anchor_linenums: true
4848
- pymdownx.inlinehilite
4949
- pymdownx.snippets
50+
- pymdownx.emoji:
51+
emoji_index: !!python/name:material.extensions.emoji.twemoji
52+
emoji_generator: !!python/name:material.extensions.emoji.to_svg
5053
- attr_list
5154
- md_in_html
5255
- toc:

‎redirect.html‎

Lines changed: 25 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -54,13 +54,16 @@ <h1 class="download-title" id="downloadTitle">Preparing download&hellip;</h1>
5454

5555
<!-- Partner -->
5656
<div class="download-partner">
57-
<a class="download-partner-banner" href="https://shockbyte.com/billing/aff.php?aff=4416" target="_blank" rel="noopener noreferrer">
57+
<p class="download-partner-label">Recommended Server Hosting</p>
58+
<a class="download-partner-banner" id="partnerBanner" href="#" target="_blank" rel="noopener noreferrer">
5859
<div class="download-partner-top">
5960
<svg class="download-partner-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
60-
<span class="download-partner-name">Shockbyte</span>
61+
<span class="download-partner-name" id="partnerName"></span>
6162
</div>
62-
<div class="download-partner-offer">
63-
Use code <span class="download-partner-code">LAUNCH</span> for 25% off
63+
<div class="download-partner-offer" id="partnerOffer"></div>
64+
<div class="download-partner-cta">
65+
<span class="download-partner-cta-text">Get Started</span>
66+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd"/></svg>
6467
</div>
6568
</a>
6669
</div>
@@ -111,6 +114,24 @@ <h1 class="download-title" id="downloadTitle">Preparing download&hellip;</h1>
111114
})(i);
112115
}
113116

117+
// Affiliate partner rotation
118+
var partners = [
119+
{
120+
name: 'Shockbyte',
121+
url: 'https://shockbyte.com/billing/aff.php?aff=4416',
122+
offer: 'Use code <span class="download-partner-code">LAUNCH</span> for 25% off'
123+
},
124+
{
125+
name: 'WiseHosting',
126+
url: 'https://wisehosting.com/aff.php?aff=3248',
127+
offer: 'Reliable Minecraft server hosting'
128+
}
129+
];
130+
var partner = partners[Math.floor(Math.random() * partners.length)];
131+
document.getElementById('partnerBanner').href = partner.url;
132+
document.getElementById('partnerName').textContent = partner.name;
133+
document.getElementById('partnerOffer').innerHTML = partner.offer;
134+
114135
// GitHub release download
115136
function download() {
116137
window.open(

‎style/main.css‎

Lines changed: 55 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -415,17 +415,18 @@ body {
415415
align-items: center;
416416
gap: 1.25rem;
417417
background: var(--color-surface);
418-
border: 1px solid var(--color-surface-border);
418+
border: 1px solid rgba(250, 204, 21, 0.1);
419419
border-radius: var(--radius-md);
420-
padding: 1.25rem 1.75rem;
420+
padding: 1.5rem 2rem;
421421
text-decoration: none;
422422
color: var(--color-white);
423-
transition: border-color var(--transition), box-shadow var(--transition);
423+
transition: border-color var(--transition), box-shadow var(--transition), background var(--transition);
424424
}
425425

426426
.partner-banner:hover {
427-
border-color: rgba(217, 70, 239, 0.2);
428-
box-shadow: var(--shadow-md);
427+
border-color: rgba(250, 204, 21, 0.25);
428+
box-shadow: 0 4px 20px rgba(250, 204, 21, 0.08);
429+
background: rgba(250, 204, 21, 0.03);
429430
}
430431

431432
.partner-banner-brand {
@@ -695,57 +696,94 @@ body {
695696
border-top: 1px solid var(--color-surface-border);
696697
}
697698

699+
.download-partner-label {
700+
font-size: 0.6875rem;
701+
font-weight: 600;
702+
text-transform: uppercase;
703+
letter-spacing: 0.08em;
704+
color: var(--color-accent);
705+
margin-bottom: 0.75rem;
706+
}
707+
698708
.download-partner-banner {
699709
display: flex;
700710
flex-direction: column;
701711
align-items: center;
702712
gap: 0.5rem;
703713
text-decoration: none;
704714
color: var(--color-white);
705-
padding: 0.75rem;
715+
padding: 1rem 1.25rem;
706716
border-radius: var(--radius-sm);
707-
transition: background var(--transition);
717+
border: 1px solid rgba(250, 204, 21, 0.1);
718+
background: rgba(250, 204, 21, 0.03);
719+
transition: background var(--transition), border-color var(--transition), box-shadow var(--transition);
708720
}
709721

710722
.download-partner-banner:hover {
711-
background: var(--color-surface-raised);
723+
background: rgba(250, 204, 21, 0.06);
724+
border-color: rgba(250, 204, 21, 0.2);
725+
box-shadow: 0 2px 12px rgba(250, 204, 21, 0.08);
712726
}
713727

714728
.download-partner-top {
715729
display: flex;
716730
align-items: center;
717-
gap: 0.375rem;
731+
gap: 0.5rem;
718732
}
719733

720734
.download-partner-icon {
721-
width: 18px;
722-
height: 18px;
735+
width: 20px;
736+
height: 20px;
723737
color: #facc15;
724738
}
725739

726740
.download-partner-name {
727-
font-size: 0.8125rem;
741+
font-size: 0.9375rem;
728742
font-weight: 700;
729743
color: var(--color-white);
730744
}
731745

732746
.download-partner-offer {
733-
font-size: 0.6875rem;
734-
color: var(--color-gray-400);
747+
font-size: 0.75rem;
748+
color: var(--color-gray-300);
735749
}
736750

737751
.download-partner-code {
738752
display: inline-block;
739-
font-size: 0.625rem;
753+
font-size: 0.6875rem;
740754
font-weight: 700;
741755
letter-spacing: 0.05em;
742-
padding: 0.0625rem 0.375rem;
743-
border-radius: 3px;
756+
padding: 0.125rem 0.5rem;
757+
border-radius: 4px;
744758
background: rgba(250, 204, 21, 0.12);
745759
color: #facc15;
746760
border: 1px solid rgba(250, 204, 21, 0.2);
747761
}
748762

763+
.download-partner-cta {
764+
display: flex;
765+
align-items: center;
766+
gap: 0.375rem;
767+
margin-top: 0.25rem;
768+
}
769+
770+
.download-partner-cta-text {
771+
font-size: 0.75rem;
772+
font-weight: 600;
773+
color: #facc15;
774+
}
775+
776+
.download-partner-cta svg {
777+
width: 14px;
778+
height: 14px;
779+
color: #facc15;
780+
transition: transform var(--transition);
781+
}
782+
783+
.download-partner-banner:hover .download-partner-cta svg {
784+
transform: translateX(3px);
785+
}
786+
749787
/* --- Download Footer --- */
750788
.download-footer {
751789
margin-top: 2rem;

0 commit comments

Comments
 (0)