From 53f65fa83c828c4c659337d10e05b25956cec42e Mon Sep 17 00:00:00 2001
From: Nico Devs <3766839+nicodevs@users.noreply.github.com>
Date: Wed, 1 Dec 2021 07:17:30 -0300
Subject: [PATCH] Docs: Update Vue School banner for Cyber Monday (#1227)
---
.../components/VueSchool/BannerCoins.vue | 6 +-
.../components/VueSchool/BannerTop.vue | 28 ++++-
docs/public/images/vueschool/extended.svg | 6 +
.../vueschool/vueschool_banner_mobile.png | Bin 0 -> 10822 bytes
...chool_blackfriday_background_tablet_2.svg} | 110 +++++++++---------
5 files changed, 87 insertions(+), 63 deletions(-)
create mode 100644 docs/public/images/vueschool/extended.svg
create mode 100644 docs/public/images/vueschool/vueschool_banner_mobile.png
rename docs/public/images/vueschool/{vueschool_blackfriday_background_tablet.svg => vueschool_blackfriday_background_tablet_2.svg} (82%)
diff --git a/docs/.vitepress/components/VueSchool/BannerCoins.vue b/docs/.vitepress/components/VueSchool/BannerCoins.vue
index 55cee220..a4ea02ba 100644
--- a/docs/.vitepress/components/VueSchool/BannerCoins.vue
+++ b/docs/.vitepress/components/VueSchool/BannerCoins.vue
@@ -68,7 +68,7 @@ export default {
@media (min-width: 768px) {
.vs-blackfriday-coins {
- background-image: url(/images/vueschool/vueschool_blackfriday_background_tablet.svg);
+ background-image: url(/images/vueschool/vueschool_blackfriday_background_tablet_2.svg);
background-position: center;
background-size: cover;
}
@@ -99,7 +99,7 @@ export default {
.vs-blackfriday-coin.js {
width: 43px;
top: 32px;
- left: calc(50% - 341px);
+ left: calc(50% - 442px);
}
.vs-blackfriday-coin.ts {
@@ -125,7 +125,7 @@ export default {
.vs-blackfriday-coin.nuxt {
top: 10px;
width: 48px;
- left: calc(50% - 474px);
+ left: calc(50% - 504px);
}
}
diff --git a/docs/.vitepress/components/VueSchool/BannerTop.vue b/docs/.vitepress/components/VueSchool/BannerTop.vue
index 5e814f52..eb13154d 100644
--- a/docs/.vitepress/components/VueSchool/BannerTop.vue
+++ b/docs/.vitepress/components/VueSchool/BannerTop.vue
@@ -15,12 +15,13 @@
Access to all Vue Courses at Vue School
- Black Friday 40% OFF
+ Cyber Monday 35% OFF - Closes Soon
Get Discount
+

@@ -57,6 +58,9 @@ export default {
z-index: 100;
height: 5rem;
line-height: 1;
+ background-image: url(/images/vueschool/vueschool_banner_mobile.png);
+ background-size: cover;
+ background-repeat: no-repeat;
}
#vs:hover {
text-decoration: none;
@@ -65,14 +69,20 @@ export default {
#vs {
height: 5rem;
justify-content: center;
+ background-image: none;
}
}
#vs:hover .vs-core .vs-button {
background: linear-gradient(261deg, #e61463 100%, #db5248 3%);
}
#vs .vs-core {
- display: flex;
- align-items: center;
+ display: none;
+}
+@media (min-width: 680px) {
+ #vs .vs-core {
+ display: flex;
+ align-items: center;
+ }
}
#vs .vs-core .vs-slogan {
font-family: Archivo;
@@ -121,14 +131,22 @@ export default {
#vs .vs-core .vs-button {
margin-right: 0;
padding: 8px 24px;
- margin-left: 32px;
+ margin-left: 22px;
}
}
-@media (min-width: 680px) {
+@media (min-width: 1024px) {
#vs .vs-core .vs-button {
margin-left: 69px;
}
}
+.vs-tag {
+ margin-left: 10px
+}
+@media (min-width: 1024px) {
+ .vs-tag {
+ margin-left: 30px
+ }
+}
#vs .vs-close {
right: 6px;
position: absolute;
diff --git a/docs/public/images/vueschool/extended.svg b/docs/public/images/vueschool/extended.svg
new file mode 100644
index 00000000..192d76b2
--- /dev/null
+++ b/docs/public/images/vueschool/extended.svg
@@ -0,0 +1,6 @@
+
diff --git a/docs/public/images/vueschool/vueschool_banner_mobile.png b/docs/public/images/vueschool/vueschool_banner_mobile.png
new file mode 100644
index 0000000000000000000000000000000000000000..590a15a4f3a4a95fd893c012a1a7d07a05088575
GIT binary patch
literal 10822
zc-pPHWl$VU&^5XQ4Nh=(cPF^JyC+C+XK{z%?(V*L5^RCs?yifwEWsV_^S<}qAK(9P
ze)LRr)touieY&f
*3)61)qwVg@0md
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
MQI)Qj{2u!M0J0tY#sB~S
literal 0
Hc-jL100001
diff --git a/docs/public/images/vueschool/vueschool_blackfriday_background_tablet.svg b/docs/public/images/vueschool/vueschool_blackfriday_background_tablet_2.svg
similarity index 82%
rename from docs/public/images/vueschool/vueschool_blackfriday_background_tablet.svg
rename to docs/public/images/vueschool/vueschool_blackfriday_background_tablet_2.svg
index 022da2d0..ed53dc0f 100644
--- a/docs/public/images/vueschool/vueschool_blackfriday_background_tablet.svg
+++ b/docs/public/images/vueschool/vueschool_blackfriday_background_tablet_2.svg
@@ -113,18 +113,18 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
@@ -148,53 +148,53 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
--
2.47.2