Merge pull request #22635 from backstage/philipph/remove-on-demand
Microsite: Remove old, unmaintained 'on-demand' page
This commit is contained in:
Patrik Oldsberg
@@ -6,11 +6,11 @@ description: Support and Community Details and Links
|
||||
|
||||
- [Discord chatroom](https://discord.gg/backstage-687207715902193673) - Get support or discuss the
|
||||
project.
|
||||
- [Stack Overflow](https://stackoverflow.com/questions/tagged/backstage) - Browse or ask questions on Stack Overflow.
|
||||
- [Good First Issues](https://github.com/backstage/backstage/contribute) - Start
|
||||
here if you want to contribute.
|
||||
- [RFCs](https://github.com/backstage/backstage/labels/rfc) - Help shape the
|
||||
technical direction by reviewing _Request for Comments_ issues.
|
||||
- [BEPs](https://github.com/backstage/backstage/tree/master/beps#backstage-enhancement-proposals-beps) - A Backstage Enhancement Proposal (BEP) is a way to propose, communicate and coordinate on new efforts for the Backstage project.
|
||||
- [FAQ](../faq/index.md) - Frequently Asked Questions.
|
||||
- [Code of Conduct](https://github.com/backstage/backstage/blob/master/CODE_OF_CONDUCT.md) -
|
||||
This is how we roll.
|
||||
@@ -23,41 +23,3 @@ description: Support and Community Details and Links
|
||||
## Community Hub
|
||||
|
||||
Check out the Backstage.io [Backstage Community Hub](https://backstage.io/community) for the Community Sessions, recordings, and community resources.
|
||||
|
||||
### Adding a recording to the meetup page
|
||||
|
||||
To add a new recording to the [meetup page](https://backstage.io/on-demand)
|
||||
create a file in
|
||||
[`microsite/data/on-demand`](https://github.com/backstage/backstage/tree/master/microsite/data/on-demand)
|
||||
with your recording's information. Filenames should be in the format `yyyymmdd-xx.yaml`. The page will sort using the filename. Example file content:
|
||||
|
||||
```yaml
|
||||
---
|
||||
title: # name of the meetup
|
||||
date: February 23, 2022 # date, format: Month day, year.
|
||||
category: Meetup # Can be Event, Meetup, Webinar
|
||||
description: # description, summary
|
||||
youtubeUrl: # Url to youtube video
|
||||
youtubeImgUrl: # Url to the preview image, for Youtube this is the format: https://i1.ytimg.com/vi/<YOUTUBE_ID>/mqdefault.jpg
|
||||
```
|
||||
|
||||
### Adding an upcoming meetup to the meetup page
|
||||
|
||||
To add an upcoming meetup to the [meetup page](https://backstage.io/on-demand)
|
||||
create a file in
|
||||
[`microsite/data/on-demand`](https://github.com/backstage/backstage/tree/master/microsite/data/on-demand)
|
||||
with your meetup's information. Filenames should be in the format `yyyymmdd-xx.yaml`, the page will sort using the filename. Example file content:
|
||||
|
||||
```yaml
|
||||
---
|
||||
title: # name of the meetup
|
||||
date: February 23, 2022 # date, format: Month day, year.
|
||||
category: Upcoming # Should be "Upcoming"
|
||||
description: # description, summary
|
||||
youtubeUrl: # Url to youtube video
|
||||
youtubeImgUrl: # Url to the preview image, for Youtube this is the format: https://i1.ytimg.com/vi/<YOUTUBE_ID>/mqdefault.jpg
|
||||
rsvpUrl: # Link to registration, calendar item, etc
|
||||
eventUrl: # Link to event landing page
|
||||
```
|
||||
|
||||
After the meetup is done, and the recording is ready you can change it to a meetup recording.
|
||||
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Community Sessions
|
||||
date: November 17, 2021
|
||||
category: Meetup
|
||||
description: At this month’s adopters session, get the scoop on Spotify’s plan for paid plugins, a first look at Box’s DevPortal, and answers to big questions, like “How will I know if Backstage will work at a large company like mine?”
|
||||
youtubeUrl: https://youtu.be/apCDT3_DmFk
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/apCDT3_DmFk/mqdefault.jpg
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Community Sessions
|
||||
date: November 18, 2021
|
||||
category: Meetup
|
||||
description: In the contributors track for this month’s community session, hear about upcoming deprecations, the fruits of Hacktoberfest, the future of both the Kubernetes plugin and the Tech Insights plugin, tips on contributing, and more.
|
||||
youtubeUrl: https://youtu.be/n1OWGwYAOiI
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/n1OWGwYAOiI/mqdefault.jpg
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Community Sessions
|
||||
date: December 15, 2021
|
||||
category: Meetup
|
||||
description: At our final adopters session of 2021, the community received a grab bag of end-of-year treats, including eye-catching infographics, a presentation from finance startup Brex about their path to adopting Backstage, and tips on branding your Backstage portal. Plus, get your official Backstage Zoom background. But first up, a quick look back at the year that was.
|
||||
youtubeUrl: https://youtu.be/0QMQYSTKAx0
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/0QMQYSTKAx0/mqdefault.jpg
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Community Sessions
|
||||
date: December 16, 2021
|
||||
category: Meetup
|
||||
description: At our final contributors session of 2021, see how the new Backstage Upgrade Helper works and enjoy smoother upgrades, hear updates from the maintainers, and meet our contributor of the month. As in the adopters session, first we celebrate the year’s milestones and share a few resources you can use to spread the word about Backstage.
|
||||
youtubeUrl: https://youtu.be/nYjI2j-lWEM
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/nYjI2j-lWEM/mqdefault.jpg
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Community Sessions
|
||||
date: February 16, 2022
|
||||
category: Meetup
|
||||
description: This community session marks one year of Backstage community sessions! In this session, we celebrate one year of the Backstage community, hear from Patrik on stabilizing core APIs, learn more about Homepage Templates, find hidden info about your catalog entities, and Q&A.
|
||||
youtubeUrl: https://youtu.be/evf_LV0KzIk
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/evf_LV0KzIk/mqdefault.jpg
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Community Sessions
|
||||
date: February 23, 2022
|
||||
category: Meetup
|
||||
description: Community Sessions Anniversary , SWAG opportunity❗, TechDocs add-on framework, URL Reader demo 👨💻, Q&A
|
||||
youtubeUrl: https://youtu.be/Buu_KWdIFwU
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/Buu_KWdIFwU/mqdefault.jpg
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Adopter Community Sessions
|
||||
date: March 16, 2022
|
||||
category: Meetup
|
||||
description: In this community session, we celebrate Backstage’s 2nd birthday and a few other milestones that Backstage reached in March! The amazing Suzanne Daniels also put together a panel from some of our community members to discuss all things developer experience!
|
||||
youtubeUrl: https://youtu.be/2s98-sxJT1c
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/2s98-sxJT1c/mqdefault.jpg
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Contributor Community Sessions
|
||||
date: March 23, 2022
|
||||
category: Meetup
|
||||
description: In this Community Session, we review the recent milestones our Backstage community hit, chat with Djamaile Rahamat, our contributor spotlight, and watch three demos ranging from new plugins to test environments.
|
||||
youtubeUrl: https://youtu.be/BAzxljI765U
|
||||
youtubeImgUrl: https://i1.ytimg.com/vi/BAzxljI765U/mqdefault.jpg
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Adopters Community Sessions
|
||||
date: April 20, 2022
|
||||
category: Meetup
|
||||
description: Adopters Community Session ✨. It's the monthly meetup where we all come together to listen to the latest maintainer updates, learn from each other about adopting, share exciting new demos or discuss any relevant topic like developer effectiveness, developer experience, developer portals, etc.
|
||||
youtubeUrl: https://youtu.be/mFi_X58igzk
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/44
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Contributor Community Sessions
|
||||
date: April 27, 2022
|
||||
category: Meetup
|
||||
description: Join the maintainers and contributors for the Contributor Community Sessions
|
||||
youtubeUrl: https://youtu.be/evf_LV0KzIk
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/44
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Adopters Community Sessions
|
||||
date: May 18, 2022
|
||||
category: Meetup
|
||||
description: Adopters Community Session ✨. It's the monthly meetup where we all come together to listen to the latest maintainer updates, learn from each other about adopting, share exciting new demos or discuss any relevant topic like developer effectiveness, developer experience, developer portals, etc.
|
||||
youtubeUrl: https://youtu.be/dEd1fl3wRvo
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/46
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Contributor Community Sessions
|
||||
date: May 25, 2022
|
||||
category: Meetup
|
||||
description: Join the maintainers and contributors for the Contributor Community Sessions
|
||||
youtubeUrl: https://youtu.be/neNipVE5ffY
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/46
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Adopters Community Sessions
|
||||
date: June 15, 2022
|
||||
category: Meetup
|
||||
description: Adopters Community Session ✨. It's the monthly meetup where we all come together to listen to the latest maintainer updates, learn from each other about adopting, share exciting new demos or discuss any relevant topic like developer effectiveness, developer experience, developer portals, etc.
|
||||
youtubeUrl: https://youtu.be/aKZnjnE5Wy8
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/49
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Contributor Community Sessions
|
||||
date: June 22, 2022
|
||||
category: Meetup
|
||||
description: Join the maintainers and contributors for the Contributor Community Sessions
|
||||
youtubeUrl: https://youtu.be/E-jWqWXBxUY
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/49
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Adopters Community Sessions
|
||||
date: July 20, 2022
|
||||
category: Meetup
|
||||
description: Adopters Community Session ✨. It's the monthly meetup where we all come together to listen to the latest maintainer updates, learn from each other about adopting, share exciting new demos or discuss any relevant topic like developer effectiveness, developer experience, developer portals, etc.
|
||||
youtubeUrl: https://youtu.be/4VFNlPxWcx8
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/52
|
||||
@@ -1,9 +0,0 @@
|
||||
---
|
||||
title: Contributor Community Sessions
|
||||
date: July 27, 2022
|
||||
category: Meetup
|
||||
description: Join the maintainers and contributors for the Contributor Community Sessions
|
||||
youtubeUrl: https://youtu.be/pNLLrNN_hkE
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
rsvpUrl: https://calendar.google.com/calendar/embed?src=c_qup9gbhn9sqpuao6trttd8mk5s@group.calendar.google.com
|
||||
eventUrl: https://github.com/backstage/community/issues/52
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Adopters Community Sessions
|
||||
date: August 17, 2022
|
||||
category: Meetup
|
||||
description: Adopters Community Session ✨. It's the monthly meetup where we all come together to listen to the latest maintainer updates, learn from each other about adopting, share exciting new demos or discuss any relevant topic like developer effectiveness, developer experience, developer portals, etc.
|
||||
youtubeUrl: https://youtu.be/qYnvc8ge1kg
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Contributor Community Sessions
|
||||
date: August 24, 2022
|
||||
category: Meetup
|
||||
description: Join the maintainers and contributors for the Contributor Community Sessions
|
||||
youtubeUrl: https://youtu.be/8ydEFFiuHAc
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Adopters Community Sessions
|
||||
date: September 21, 2022
|
||||
category: Meetup
|
||||
description: Adopters Community Session ✨. It's the monthly meetup where we all come together to listen to the latest maintainer updates, learn from each other about adopting, share exciting new demos or discuss any relevant topic like developer effectiveness, developer experience, developer portals, etc.
|
||||
youtubeUrl: https://youtu.be/K44RQAVWWnY
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: Contributor Community Sessions
|
||||
date: September 28, 2022
|
||||
category: Meetup
|
||||
description: Join the maintainers and contributors for the Contributor Community Sessions
|
||||
youtubeUrl: https://youtu.be/jmNT5x3mKaQ
|
||||
youtubeImgUrl: https://backstage.io/img/b-sessions.png
|
||||
@@ -42,8 +42,8 @@ const Community = () => {
|
||||
{
|
||||
title: 'Community sessions',
|
||||
content:
|
||||
'Maintainers and adopters meet monthly to share updates, demos, and ideas. Yep, all sessions are recorded!',
|
||||
link: '/on-demand',
|
||||
'Maintainers and adopters meet monthly to share updates, demos, and ideas. You can find recorded session on our YouTube channel!',
|
||||
link: 'https://github.com/backstage/community/tree/main/backstage-community-sessions#backstage-community-sessions',
|
||||
label: 'Join a session',
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,66 +0,0 @@
|
||||
import Link from '@docusaurus/Link';
|
||||
import { SimpleCard } from '@site/src/components/simpleCard/simpleCard';
|
||||
import React from 'react';
|
||||
|
||||
export interface IOnDemandData {
|
||||
title: string;
|
||||
category: string;
|
||||
description: string;
|
||||
date: string;
|
||||
youtubeUrl: string;
|
||||
youtubeImgUrl: string;
|
||||
rsvpUrl: string;
|
||||
eventUrl: string;
|
||||
}
|
||||
|
||||
export const OnDemandCard = ({
|
||||
title,
|
||||
category,
|
||||
description,
|
||||
date,
|
||||
youtubeUrl,
|
||||
youtubeImgUrl,
|
||||
rsvpUrl,
|
||||
eventUrl,
|
||||
}: IOnDemandData) => (
|
||||
<SimpleCard
|
||||
header={
|
||||
<>
|
||||
<h3>{title}</h3>
|
||||
|
||||
<p className="PluginCardAuthor">on {date}</p>
|
||||
|
||||
<span className="badge badge--primary">{category}</span>
|
||||
|
||||
<img src={youtubeImgUrl} alt={title} />
|
||||
</>
|
||||
}
|
||||
body={<p>{description}</p>}
|
||||
footer={
|
||||
category.toLowerCase() === 'upcoming' ? (
|
||||
<>
|
||||
<Link
|
||||
to={eventUrl}
|
||||
className="button button--outline button--sm button--primary"
|
||||
>
|
||||
Event page
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
to={rsvpUrl}
|
||||
className="button button--outline button--sm button--primary"
|
||||
>
|
||||
Remind me
|
||||
</Link>
|
||||
</>
|
||||
) : (
|
||||
<Link
|
||||
to={youtubeUrl}
|
||||
className="button button--outline button--primary button--block"
|
||||
>
|
||||
Watch on YouTube
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
/>
|
||||
);
|
||||
@@ -1,78 +0,0 @@
|
||||
import Layout from '@theme/Layout';
|
||||
import clsx from 'clsx';
|
||||
import React from 'react';
|
||||
|
||||
import { IOnDemandData, OnDemandCard } from './_onDemandCard';
|
||||
import pluginsStyles from './onDemand.module.scss';
|
||||
import { truncateDescription } from '@site/src/util/truncateDescription';
|
||||
import Link from '@docusaurus/Link';
|
||||
|
||||
//#region Plugin data import
|
||||
const onDemandContext = require.context(
|
||||
'../../../data/on-demand',
|
||||
false,
|
||||
/\.ya?ml/,
|
||||
);
|
||||
|
||||
const onDemandData = onDemandContext.keys().reduce(
|
||||
(acum, id) => {
|
||||
const pluginData: IOnDemandData = onDemandContext(id).default;
|
||||
|
||||
acum[
|
||||
pluginData.category === 'Upcoming' ? 'upcomingEvents' : 'onDemandEvents'
|
||||
].push(truncateDescription(pluginData));
|
||||
|
||||
return acum;
|
||||
},
|
||||
{
|
||||
upcomingEvents: [] as IOnDemandData[],
|
||||
onDemandEvents: [] as IOnDemandData[],
|
||||
},
|
||||
);
|
||||
//#endregion
|
||||
|
||||
const Plugins = () => (
|
||||
<Layout>
|
||||
<div
|
||||
className={clsx('container', 'padding--lg', pluginsStyles.onDemandPage)}
|
||||
>
|
||||
<div className="communityBanner">
|
||||
<div className="communityContent">
|
||||
<h2>Community sessions</h2>
|
||||
|
||||
<p>
|
||||
Upcoming events and recorded sessions about updates, demos and
|
||||
discussions.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Link
|
||||
to="/docs/overview/support"
|
||||
className="button button--outline button--primary"
|
||||
>
|
||||
Add an event or recording
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="bulletLine margin-bottom--lg"></div>
|
||||
|
||||
<h2>Upcoming live events</h2>
|
||||
|
||||
<div className="cardsContainer margin-bottom--lg">
|
||||
{onDemandData.upcomingEvents.map(eventData => (
|
||||
<OnDemandCard key={eventData.title} {...eventData}></OnDemandCard>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<h2>Community on demand</h2>
|
||||
|
||||
<div className="cardsContainer margin-bottom--lg">
|
||||
{onDemandData.onDemandEvents.map(eventData => (
|
||||
<OnDemandCard key={eventData.title} {...eventData}></OnDemandCard>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
|
||||
export default Plugins;
|
||||
@@ -1,44 +0,0 @@
|
||||
.onDemandPage {
|
||||
:global(.communityBanner) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
:global(.communityContent) {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
:global(.card) {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
:global(.card .card__header) {
|
||||
display: grid;
|
||||
row-gap: 0.25rem;
|
||||
column-gap: 1rem;
|
||||
justify-items: start;
|
||||
|
||||
> * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
:global(img) {
|
||||
width: 250px;
|
||||
max-width: 100%;
|
||||
justify-self: center;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.card .card__footer) {
|
||||
gap: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
|
||||
}
|
||||
|
||||
:global(.cardsContainer) {
|
||||
gap: 1rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||
justify-items: start;
|
||||
}
|
||||
}
|
||||
@@ -1,143 +0,0 @@
|
||||
.VideoCard {
|
||||
background-color: #282828;
|
||||
height: 100%;
|
||||
padding: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.VideoGrid {
|
||||
display: grid;
|
||||
grid-gap: 1rem;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-auto-rows: 1fr;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.VideoGrid {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 815px) {
|
||||
.VideoGrid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 485px) {
|
||||
.VideoGrid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.VideoCard img {
|
||||
float: left;
|
||||
margin: 0px 16px 8px 0px;
|
||||
height: 160px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.VideoCardHeader {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
max-height: fit-content;
|
||||
min-height: fit-content;
|
||||
}
|
||||
|
||||
.VideoCardImage {
|
||||
width: 200px;
|
||||
height: 80px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.VideoCardImage img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.VideoCardTitle {
|
||||
color: white;
|
||||
vertical-align: top;
|
||||
margin: 8px 0 0;
|
||||
}
|
||||
|
||||
.VideoCardInfo {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.VideoAddNewButton {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 485px) {
|
||||
.VideoAddNewButton {
|
||||
bottom: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
.VideoButtonFilled {
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
color: #69ddc7;
|
||||
}
|
||||
|
||||
.VideoButtonFilled:hover {
|
||||
border: 1px solid #69ddc7;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.VideoCardChipOutlined {
|
||||
font-size: small;
|
||||
border-radius: 16px;
|
||||
padding: 2px 8px;
|
||||
border: 1px solid #69ddc7;
|
||||
color: #69ddc7;
|
||||
}
|
||||
|
||||
.VideoCardFooter {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
margin-top: auto;
|
||||
min-height: 2em;
|
||||
}
|
||||
|
||||
.VideoCardFooter a {
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.VideoPageLayout {
|
||||
margin: auto;
|
||||
max-width: 1430px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.VideoPageHeader {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.VideoPageHeader h2 {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.VideoCardBody {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.VideoCardDate,
|
||||
.VideoCardDate a {
|
||||
margin-bottom: 0.25em;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.VideoCardDate a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#add-video-card {
|
||||
border: 1px solid #69ddc7;
|
||||
}
|
||||
Reference in New Issue
Block a user