Skip to content

Commit

Permalink
merge with latest docs/main(7cabdc9)
Browse files Browse the repository at this point in the history
  • Loading branch information
@mahmudunnabikajal
mahmudunnabikajal committed Feb 22, 2025
2 parents e28f5d0 + 7cabdc9 commit 8ac5c0f
Show file tree
Hide file tree
Showing 15 changed files with 122 additions and 167 deletions.
2 changes: 1 addition & 1 deletion .vitepress/config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -629,7 +629,7 @@ export default defineConfigWithTheme<ThemeConfig>({
'link',
{
rel: 'preconnect',
href: 'https://sponsors.vuejs.org'
href: 'https://automation.vuejs.org'
}
],
[
Expand Down
4 changes: 2 additions & 2 deletions .vitepress/inlined-scripts/restorePreference.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,6 @@
restore('vue-docs-prefer-composition', 'prefer-composition', true)
restore('vue-docs-prefer-sfc', 'prefer-sfc', true)

window.__VUE_BANNER_ID__ = 'madvue2025_1'
restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
// window.__VUE_BANNER_ID__ = ''
// restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
})()
96 changes: 14 additions & 82 deletions .vitepress/theme/components/Banner.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,32 +22,16 @@ function dismiss() {

<template>
<div class="banner" v-if="open">
<p class="vt-banner-text">
<span class="vt-text-primary">
<span style="color:#f97844">Mad</span>
<span>Vue</span>
</span>
<span class="vt-tagline"> · The Vue.js Event in Madrid</span>
<span class="vt-place"> · Spain</span>
<span class="vt-date"> · 29 May 2025</span>
<a target="_blank" class="vt-primary-action"
href="https://madvue.es/?utm_source=vuejs&utm_content=top_banner">
Register
</a>
</p>
<a target="_blank"></a>
<button @click="dismiss">
<VTIconPlus class="close" />
</button>
<p class="vt-banner-text vt-coupon">
<span class="vt-text-primary">Early bird</span> tickets available
<span class="vt-text-primary">Get 30% off</span>
</p>
</div>
</template>

<style>
html:not(.banner-dismissed) {
--vt-banner-height: 60px;
--vt-banner-height: 30px;
}
</style>

Expand All @@ -66,10 +50,12 @@ html:not(.banner-dismissed) {
font-weight: 600;
color: #fff;
background-color: var(--vt-c-green);
background: #0f172a;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(
90deg,
rgba(66, 184, 131, 1) 0%,
rgba(39, 179, 137, 1) 19%,
rgba(100, 126, 255, 1) 100%
);
}
.banner-dismissed .banner {
Expand All @@ -84,7 +70,7 @@ button {
position: absolute;
right: 0;
top: 0;
padding: 20px 10px;
padding: 5px;
}
.close {
Expand All @@ -93,64 +79,10 @@ button {
fill: #fff;
transform: rotate(45deg);
}
.vt-banner-text {
color: #fff;
font-size: 16px;
}
.vt-text-primary {
color: #c4d141;
}
.vt-primary-action {
background: #f97844;
color: #fff;
padding: 6px 12px;
border-radius: 5px;
font-size: 14px;
text-decoration: none;
margin: 0 20px;
font-weight: bold;
}
.vt-primary-action:hover {
text-decoration: none;
background: #c4d141;
}
@media (max-width: 1280px) {
.banner .vt-banner-text {
font-size: 14px;
}
.vt-tagline {
/*
@media (max-width: 720px) {
a > span {
display: none;
}
}
@media (max-width: 780px) {
.vt-tagline {
display: none;
}
.vt-coupon {
display: none;
}
.vt-primary-action {
margin: 0 10px;
padding: 5px 8px;
}
.vt-time-now {
display: none;
}
}
@media (max-width: 560px) {
.vt-place {
display: none;
}
}
</style>
} */
</style>
69 changes: 46 additions & 23 deletions .vitepress/theme/components/Home.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,37 +24,60 @@ onMounted(load)
<VueMasteryModal />
<a class="get-started" href="/guide/introduction.html">
শুরু করুন
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24">
<path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z" />
<svg
class="icon"
xmlns="http://www.w3.org/2000/svg"
width="10"
height="10"
viewBox="0 0 24 24"
>
<path
d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"
/>
</svg>
</a>
<a class="setup" href="/guide/quick-start.html">ইনস্টল করুন</a>
<a class="setup" href="/guide/quick-start.html"></a>
<a class="security" href="https://v2.vuejs.org/eol/" target="_blank">
Vue 2 এর জন্য সিকিউরিটি আপডেট পান
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
Vue 2 এর জন্য নিরাপত্তা আপডেট পান
<svg
class="icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
/>
</svg>
</a>
</p>
</section>

<section v-if="data && data.special" id="special-sponsor">
<section v-if="data && data.special" id="special-spsr">
<span class="lead">বিশেষ স্পন্সর</span>
<template v-for="{ url, img, name, description } of data.special">
<a :href="url" target="_blank" rel="sponsored noopener">
<picture v-if="img.endsWith('png')">
<source type="image/avif" :srcset="`${base}/images/${img.replace(/\.png$/, '.avif')}`" />
<source
type="image/avif"
:srcset="`${base}/images/${img.replace(/\.png$/, '.avif')}`"
/>
<img :src="`${base}/images/${img}`" :alt="name" />
</picture>
<img width="168" height="42" v-else :src="`${base}/images/${img}`" :alt="name" />
<img
width="168"
height="42"
v-else
:src="`${base}/images/${img}`"
:alt="name"
/>
</a>
<span>{{ description }}</span>
</template>
</section>
<section v-else id="special-sponsor">
<section v-else id="special-spsr">
<span>
<a href="/sponsor/#tier-benefits">
Special Sponsor slot is now vacant - Inquire now
স্পেশাল স্পন্সর স্লট এখন খালি - এখনই জিজ্ঞাসা করুন।
</a>
</span>
</section>
Expand Down Expand Up @@ -200,38 +223,38 @@ html:not(.dark) .accent,
background-color: var(--vt-c-gray-dark-3);
}
#special-sponsor {
#special-spsr {
border-top: 1px solid var(--vt-c-divider-light);
border-bottom: 1px solid var(--vt-c-divider-light);
padding: 12px 24px;
display: flex;
align-items: center;
}
#special-sponsor span {
#special-spsr span {
color: var(--vt-c-text-2);
font-weight: 500;
font-size: 13px;
vertical-align: middle;
flex: 1;
}
#special-sponsor span:first-child {
#special-spsr span:first-child {
text-align: right;
}
#special-sponsor a {
#special-spsr a {
display: flex;
justify-content: center;
padding: 0 24px;
}
#special-sponsor img {
#special-spsr img {
height: 42px;
margin: -6px 0;
}
.dark #special-sponsor img {
.dark #special-spsr img {
filter: grayscale(1) invert(1);
}
Expand Down Expand Up @@ -259,18 +282,18 @@ html:not(.dark) .accent,
background-color: transparent;
}
#sponsors {
#spsrs {
max-width: 900px;
margin: 0px auto;
}
#sponsors h2 {
#spsrs h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 1em;
}
#sponsors .sponsor-container {
#spsrs .spsr-container {
margin-bottom: 3em;
}
Expand Down Expand Up @@ -303,14 +326,14 @@ html:not(.dark) .accent,
font-size: 16px;
margin: 18px 0 30px;
}
#special-sponsor {
#special-spsr {
flex-direction: column;
}
#special-sponsor img {
#special-spsr img {
height: 36px;
margin: 8px 0;
}
#special-sponsor span {
#special-spsr span {
text-align: center !important;
}
#highlights h3 {
Expand Down
Loading

0 comments on commit 8ac5c0f

Please sign in to comment.