Skip to content

Vuemastery banner may link #2867

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
May 13, 2024
Merged

Vuemastery banner may link #2867

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1871dd6
feat: add vuemastery free-weekend banner
i5dr0id May 1, 2024
8f90821
feat: update link
i5dr0id May 13, 2024
e61fae6
feat: update banner link text
i5dr0id May 13, 2024
7140643
fix: text size on mobile
i5dr0id May 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 9 additions & 5 deletions .vitepress/theme/components/VueMasteryBanner.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
></div>
<a
id="vm-banner"
href="https://www.vuemastery.com/free-weekend"
href="https://www.vuemastery.com/pricing/?coupon=FREEWEEKEND2024"
target="_blank"
>
<img
Expand All @@ -23,11 +23,12 @@
<div class="vm-banner-wrapper">
<div class="vm-banner-content">
<h1 class="vm-banner-title">
FREE WEEKEND <span>MAY 10-12</span>
Get
<span> 60% </span>
off a year of Vue Mastery courses
</h1>
<p class="vm-banner-sub">Watch all Vue Mastery courses free</p>
</div>
<button id="vm-banner-cta">Get Access</button>
<button id="vm-banner-cta">Get discount</button>
</div>
<button id="vm-banner-close" @click.prevent="closeBanner">
<VTIconPlus class="close" />
Expand Down Expand Up @@ -154,6 +155,9 @@ onMounted(() => {
font-weight: bold;
font-size: 24px;
text-align: center;
}

.vm-banner-title span{
background: linear-gradient(145deg, #c3ffac, #86ec87, #38a56a);
background-clip: text;
-webkit-background-clip: text;
Expand Down Expand Up @@ -240,7 +244,7 @@ onMounted(() => {
width: 40px;
}
.vm-banner-title {
font-size: 14px;
font-size: 12px;
}
.vm-banner-sub {
font-size: 12px;
Expand Down