1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-09 01:17:06 +02:00

Fixed missing video in the Sveltekit tutorial (#6631)

The mp4 was missing in the Sveltekit tutorial, this fixes it
This commit is contained in:
Alvin Bryan 2024-03-20 13:52:05 +00:00 committed by GitHub
parent c67ad4222e
commit efb2df78c2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 56 additions and 49 deletions

View File

@ -216,7 +216,7 @@ What's happening here? A few things:
autoplay autoplay
loop loop
title="A maximum number of habits on the free tier" title="A maximum number of habits on the free tier"
src="/media/habits.mp4" src="/video/habits.mp4"
controls> </video> controls> </video>
## 4. Show a different component based on the feature flag ## 4. Show a different component based on the feature flag

View File

@ -149,12 +149,12 @@ module.exports = {
{ {
type: 'doc', type: 'doc',
label: 'Next.js', label: 'Next.js',
id: 'feature-flag-tutorials/nextjs/implementing-feature-flags', id: 'feature-flag-tutorials/nextjs/implementing-feature-flags-nextjs',
}, },
{ {
type: 'doc', type: 'doc',
label: 'SvelteKit', label: 'SvelteKit',
id: 'feature-flag-tutorials/sveltekit/implementing-feature-flags', id: 'feature-flag-tutorials/sveltekit/implementing-feature-flags-sveltekit',
}, },
], ],
}, },

View File

@ -22,12 +22,11 @@
--ifm-navbar-background-color: var(--unleash-color-green); --ifm-navbar-background-color: var(--unleash-color-green);
/* this is the font color set on the content in dark mode */ /* this is the font color set on the content in dark mode */
--unleash-navbar-font-color: #e3e3e3; --unleash-navbar-font-color: #e3e3e3;
--unleash-navbar-active-background-color: #122D33; --unleash-navbar-active-background-color: #122d33;
--ifm-navbar-link-color: var(--unleash-navbar-font-color); --ifm-navbar-link-color: var(--unleash-navbar-font-color);
--unleash-navbar-highlight-color: #bab8ff; --unleash-navbar-highlight-color: #bab8ff;
--ifm-navbar-link-active-color: var(--unleash-navbar-highlight-color); --ifm-navbar-link-active-color: var(--unleash-navbar-highlight-color);
--ifm-navbar-link-hover-color: var(--unleash-navbar-highlight-color); --ifm-navbar-link-hover-color: var(--unleash-navbar-highlight-color);
} }
.navbar { .navbar {
@ -38,8 +37,7 @@
display: none; display: none;
} }
.navbar button[class*='toggleButton_']:hover .navbar button[class*="toggleButton_"]:hover {
{
background: var(--unleash-navbar-active-background-color); background: var(--unleash-navbar-active-background-color);
} }
@ -47,9 +45,13 @@
background-color: var(--ifm-navbar-background-color); background-color: var(--ifm-navbar-background-color);
--ifm-menu-color: var(--ifm-navbar-link-color); --ifm-menu-color: var(--ifm-navbar-link-color);
--ifm-menu-color-active: var(--ifm-navbar-link-active-color); --ifm-menu-color-active: var(--ifm-navbar-link-active-color);
--ifm-menu-color-background-active: var(--unleash-navbar-active-background-color); --ifm-menu-color-background-active: var(
--unleash-navbar-active-background-color
);
--ifm-menu-color-active: var(--ifm-navbar-link-active-color); --ifm-menu-color-active: var(--ifm-navbar-link-active-color);
--ifm-menu-color-background-hover: var(--unleash-navbar-active-background-color); --ifm-menu-color-background-hover: var(
--unleash-navbar-active-background-color
);
} }
.navbar__logo { .navbar__logo {
@ -72,7 +74,13 @@ footer {
--ifm-footer-link-hover-color: var(--ifm-footer-link-color); --ifm-footer-link-hover-color: var(--ifm-footer-link-color);
} }
html[data-theme='light'] { article video {
display: block;
margin-block: var(--ifm-spacing-vertical);
margin-inline: auto;
}
html[data-theme="light"] {
--ifm-color-primary-lightest: #8783d2; --ifm-color-primary-lightest: #8783d2;
--ifm-color-primary-lighter: #7b76ce; --ifm-color-primary-lighter: #7b76ce;
--ifm-color-primary-light: #6f6ac9; --ifm-color-primary-light: #6f6ac9;
@ -91,7 +99,7 @@ html[data-theme='light'] {
--ifm-background-color: #fff; --ifm-background-color: #fff;
} }
html[data-theme='dark'] { html[data-theme="dark"] {
--ifm-color-primary-lightest: #d1d1ff; --ifm-color-primary-lightest: #d1d1ff;
--ifm-color-primary-lighter: #c9c9ff; --ifm-color-primary-lighter: #c9c9ff;
--ifm-color-primary-light: #c2c0ff; --ifm-color-primary-light: #c2c0ff;
@ -114,8 +122,8 @@ html[data-theme='dark'] {
--docsearch-primary-color: var(--ifm-color-primary-darkest); --docsearch-primary-color: var(--ifm-color-primary-darkest);
} }
div[class^='announcementBar_'], div[class^="announcementBar_"],
div[class^='announcementBar_'] svg { div[class^="announcementBar_"] svg {
background-color: var(--ifm-color-primary); background-color: var(--ifm-color-primary);
color: var(--ifm-color-primary-contrast-background); color: var(--ifm-color-primary-contrast-background);
font-size: larger; font-size: larger;
@ -138,13 +146,13 @@ main img {
box-shadow: var(--ifm-global-shadow-lw); box-shadow: var(--ifm-global-shadow-lw);
} }
main p > img:not([src^="https://img.shields.io/" i], [src*="badge.svg?branch=" i]) main p>img:not([src^="https://img.shields.io/" i], [src*="badge.svg?branch=" i])
{ {
/* give inline images a border */ /* give inline images a border */
border: var(--ifm-global-border-width) solid var(--unleash-color-gray); border: var(--ifm-global-border-width) solid var(--unleash-color-gray);
} }
main :is(p, figure) > img:not([src^="https://img.shields.io/" i], [src*="badge.svg?branch=" i]) main :is(p, figure)>img:not([src^="https://img.shields.io/" i], [src*="badge.svg?branch=" i])
{ {
/* round corners to match the rest of the page */ /* round corners to match the rest of the page */
border-radius: var(--ifm-global-radius); border-radius: var(--ifm-global-radius);
@ -161,7 +169,7 @@ main :is(p, figure) > img:not([src^="https://img.shields.io/" i], [src*="badge.s
margin-block: calc(1.5 * var(--ifm-spacing-vertical)); margin-block: calc(1.5 * var(--ifm-spacing-vertical));
} }
[class^='docTitle'] { [class^="docTitle"] {
font-size: 2.5rem !important; font-size: 2.5rem !important;
} }
@ -171,17 +179,17 @@ main :is(p, figure) > img:not([src^="https://img.shields.io/" i], [src*="badge.s
} }
.navbar__item:has(.navbar-separator) { .navbar__item:has(.navbar-separator) {
width: 1px; width: 1px;
height: 100%; height: 100%;
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
padding: 0; padding: 0;
margin-inline: var(--ifm-spacing-horizontal); margin-inline: var(--ifm-spacing-horizontal);
} }
li.theme-doc-sidebar-item-category-level-1 > div::before { li.theme-doc-sidebar-item-category-level-1 > div::before {
width: 0.3em; width: 0.3em;
height: 100%; height: 100%;
content: ' '; content: " ";
background-color: var(--unleash-color-purple); background-color: var(--unleash-color-purple);
border-radius: 2px; border-radius: 2px;
position: absolute; position: absolute;
@ -199,7 +207,7 @@ li.theme-doc-sidebar-item-category-level-1 > div::before {
} }
.header-github-link:before { .header-github-link:before {
content: ''; content: "";
width: 24px; width: 24px;
height: 24px; height: 24px;
display: flex; display: flex;
@ -236,29 +244,28 @@ li.theme-doc-sidebar-item-category-level-1 > div::before {
.unleash-academy-level-badge { .unleash-academy-level-badge {
border: 2px solid; border: 2px solid;
border-radius: 60px; border-radius: 60px;
padding-inline: .5em; padding-inline: 0.5em;
text-transform: capitalize; text-transform: capitalize;
} }
html[data-theme='light'] .unleash-academy-level-badge { html[data-theme="light"] .unleash-academy-level-badge {
border-color: var(--unleash-logo-purple); border-color: var(--unleash-logo-purple);
color: var(--unleash-logo-purple); color: var(--unleash-logo-purple);
} }
html[data-theme='dark'] .unleash-academy-level-badge { html[data-theme="dark"] .unleash-academy-level-badge {
border-color: var(--ifm-link-color); border-color: var(--ifm-link-color);
color: var(--ifm-link-color); color: var(--ifm-link-color);
} }
.unleash-academy-level-container.advanced { .unleash-academy-level-container.advanced {
background-image: url('/img/unleash-academy/advanced-pixels.svg'); background-image: url("/img/unleash-academy/advanced-pixels.svg");
} }
.unleash-academy-level-container.beginners { .unleash-academy-level-container.beginners {
background-image: url('/img/unleash-academy/beginner-pixels.svg'); background-image: url("/img/unleash-academy/beginner-pixels.svg");
} }
.unleash-academy-banner { .unleash-academy-banner {
--banner-padding: calc(var(--ifm-spacing-vertical) * 3); --banner-padding: calc(var(--ifm-spacing-vertical) * 3);
--unleash-academy-logo-width: 85px; --unleash-academy-logo-width: 85px;
@ -272,15 +279,15 @@ html[data-theme='dark'] .unleash-academy-level-badge {
border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200); border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200);
padding: var(--banner-padding); padding: var(--banner-padding);
border-radius: var(--ifm-global-radius); border-radius: var(--ifm-global-radius);
background-color: #F1F0FC; background-color: #f1f0fc;
background-image: url('/img/unleash-academy/banner-bg-pixels.svg'); background-image: url("/img/unleash-academy/banner-bg-pixels.svg");
background-position: top right; background-position: top right;
background-repeat: no-repeat; background-repeat: no-repeat;
overflow: hidden; overflow: hidden;
color: var(--banner-font-color); color: var(--banner-font-color);
} }
html[data-theme='dark'] .course-banner-container { html[data-theme="dark"] .course-banner-container {
background-color: inherit; background-color: inherit;
color: inherit; color: inherit;
} }
@ -294,20 +301,19 @@ html[data-theme='dark'] .course-banner-container {
grid-area: bullets; grid-area: bullets;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
gap: calc( var(--ifm-spacing-horizontal) * 2); gap: calc(var(--ifm-spacing-horizontal) * 2);
padding-inline-start: 0; padding-inline-start: 0;
} }
.unleash-academy-banner-list > li { .unleash-academy-banner-list > li {
font-weight: bold; font-weight: bold;
list-style-type: none; list-style-type: none;
background-image: url('/img/unleash-academy/bullet-check.svg'); background-image: url("/img/unleash-academy/bullet-check.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
padding-left: 30px; padding-left: 30px;
} }
.unleash-academy-banner-list > li::marker { .unleash-academy-banner-list > li::marker {
height: 100%; height: 100%;
} }
@ -323,15 +329,15 @@ html[data-theme='dark'] .course-banner-container {
} }
.unleash-action-button { .unleash-action-button {
--button-color: #6C65E5; --button-color: #6c65e5;
--button-hover-color: #615BC2; --button-hover-color: #615bc2;
display: block; display: block;
border-radius: var(--ifm-global-radius); border-radius: var(--ifm-global-radius);
width: 100%; width: 100%;
background: var(--button-color); background: var(--button-color);
color: white; color: white;
text-align: center; text-align: center;
padding: calc(var(--ifm-spacing-horizontal) * .5); padding: calc(var(--ifm-spacing-horizontal) * 0.5);
} }
.unleash-action-button:hover { .unleash-action-button:hover {
@ -375,7 +381,7 @@ html[data-theme='dark'] .course-banner-container {
} }
.unleash-academy-links-container article .header > * + * { .unleash-academy-links-container article .header > * + * {
margin-block-start: calc(var(--ifm-spacing-vertical) * .5); margin-block-start: calc(var(--ifm-spacing-vertical) * 0.5);
} }
.unleash-academy-links-container article p { .unleash-academy-links-container article p {
@ -413,7 +419,7 @@ html[data-theme='dark'] .course-banner-container {
.academy-general-banner .small-logo { .academy-general-banner .small-logo {
grid-area: logo; grid-area: logo;
background-image: url('/img/unleash-academy/academy-logo.svg'); background-image: url("/img/unleash-academy/academy-logo.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
width: 100%; width: 100%;
@ -437,7 +443,7 @@ html[data-theme='dark'] .course-banner-container {
.academy-general-banner .big-logo { .academy-general-banner .big-logo {
position: absolute; position: absolute;
background-image: url('/img/unleash-academy/academy-logo.svg'); background-image: url("/img/unleash-academy/academy-logo.svg");
bottom: 0; bottom: 0;
right: 40px; right: 40px;
width: 200px; width: 200px;
@ -447,6 +453,7 @@ html[data-theme='dark'] .course-banner-container {
background-position-y: 190%; background-position-y: 190%;
} }
} }
/* end banner */ /* end banner */
/* course banner-specific styling */ /* course banner-specific styling */
@ -466,16 +473,16 @@ html[data-theme='dark'] .course-banner-container {
.unleash-academy-level-badge { .unleash-academy-level-badge {
border: 2px solid; border: 2px solid;
border-radius: 60px; border-radius: 60px;
padding-inline: .5em; padding-inline: 0.5em;
text-transform: capitalize; text-transform: capitalize;
} }
html[data-theme='light'] .unleash-academy-level-badge { html[data-theme="light"] .unleash-academy-level-badge {
border-color: var(--unleash-logo-purple); border-color: var(--unleash-logo-purple);
color: var(--unleash-logo-purple); color: var(--unleash-logo-purple);
} }
html[data-theme='dark'] .unleash-academy-level-badge { html[data-theme="dark"] .unleash-academy-level-badge {
border-color: var(--ifm-link-color); border-color: var(--ifm-link-color);
color: var(--ifm-link-color); color: var(--ifm-link-color);
} }
@ -512,42 +519,42 @@ https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/177
} }
.get > .menu__link::before { .get > .menu__link::before {
content: 'get'; content: "get";
background-color: var(--ifm-color-info-contrast-background); background-color: var(--ifm-color-info-contrast-background);
color: var(--ifm-color-info-contrast-foreground); color: var(--ifm-color-info-contrast-foreground);
border-color: var(--ifm-color-info-dark); border-color: var(--ifm-color-info-dark);
} }
.post > .menu__link::before { .post > .menu__link::before {
content: 'post'; content: "post";
background-color: var(--ifm-color-success-contrast-background); background-color: var(--ifm-color-success-contrast-background);
color: var(--ifm-color-success-contrast-foreground); color: var(--ifm-color-success-contrast-foreground);
border-color: var(--ifm-color-success-dark); border-color: var(--ifm-color-success-dark);
} }
.delete > .menu__link::before { .delete > .menu__link::before {
content: 'del'; content: "del";
background-color: var(--ifm-color-danger-contrast-background); background-color: var(--ifm-color-danger-contrast-background);
color: var(--ifm-color-danger-contrast-foreground); color: var(--ifm-color-danger-contrast-foreground);
border-color: var(--ifm-color-danger-dark); border-color: var(--ifm-color-danger-dark);
} }
.put > .menu__link::before { .put > .menu__link::before {
content: 'put'; content: "put";
background-color: var(--ifm-color-warning-contrast-background); background-color: var(--ifm-color-warning-contrast-background);
color: var(--ifm-color-warning-contrast-foreground); color: var(--ifm-color-warning-contrast-foreground);
border-color: var(--ifm-color-warning-dark); border-color: var(--ifm-color-warning-dark);
} }
.patch > .menu__link::before { .patch > .menu__link::before {
content: 'patch'; content: "patch";
background-color: var(--ifm-color-success-contrast-background); background-color: var(--ifm-color-success-contrast-background);
color: var(--ifm-color-success-contrast-foreground); color: var(--ifm-color-success-contrast-foreground);
border-color: var(--ifm-color-success-dark); border-color: var(--ifm-color-success-dark);
} }
.head > .menu__link::before { .head > .menu__link::before {
content: 'head'; content: "head";
background-color: var(--ifm-color-secondary-contrast-background); background-color: var(--ifm-color-secondary-contrast-background);
color: var(--ifm-color-secondary-contrast-foreground); color: var(--ifm-color-secondary-contrast-foreground);
border-color: var(--ifm-color-secondary-dark); border-color: var(--ifm-color-secondary-dark);

Binary file not shown.