Skip to content
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

Jump to bottom

Add preview video of odo on the website home page #6605

Merged
merged 5 commits into from
Feb 20, 2023
Merged

Add preview video of odo on the website home page #6605

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c66012b
Add preview video showcasing a typical inner-loop container developme…
rm3l Feb 17, 2023
14f58a4
Display the preview video on the home page
rm3l Feb 17, 2023
7fc60e4
Reduce padding to have more room for the preview video
rm3l Feb 17, 2023
1ae5b09
Remove "Version 3 of odo has just landed" message
rm3l Feb 17, 2023
362f593
Reword the title to make it shorter and highlight appealing words lik…
rm3l Feb 17, 2023
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
10 changes: 5 additions & 5 deletions docs/website/src/pages/index.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@

/* CSS for features */
.overview {
padding: 80px 0px;
padding: 10px 0px;
}

.overviewAlt {
Expand Down Expand Up @@ -75,7 +75,7 @@
font-weight: 600;
text-align: center;
font-size: var(--ifm-h3-font-size);
padding: 30px;
padding: 20px;
margin: 0px auto;
}

Expand All @@ -91,7 +91,7 @@

.banner {
background-color: #2b3137;
padding: 48px;
padding: 38px;
}

.bannerInner {
Expand All @@ -113,7 +113,7 @@

.logo {
float: right;
max-width: 250px;
max-width: 200px;
}


Expand All @@ -123,7 +123,7 @@
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 24px;
margin-top: 20px;
}

.indexCtas a {
Expand Down
7 changes: 5 additions & 2 deletions docs/website/src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export default function Home(): JSX.Element {
className={styles.logo}
src={useBaseUrl('/img/logo.png')}
/>
<span className={styles.bannerTitleTextHtml}>Fast <b>iterative</b> application <b>development</b> deployed immediately to your <b>kubernetes</b> cluster</span>
<span className={styles.bannerTitleTextHtml}>Simplified <b>container</b>-based application <b>development</b></span>
</h1>
<div className={styles.indexCtas}>
<Link className="button button--primary" to="/docs/introduction">
Expand All @@ -47,10 +47,13 @@ export default function Home(): JSX.Element {
</div>
<div className={clsx(styles.title, styles.titleDark)}>
<div className={styles.titleInner}>
Version 3 of odo has just landed 🚀<br></br> <Link to="/docs/overview/installation">Install</Link> and <Link to="/docs/user-guides/quickstart/">try out</Link> our new features ⭐️
<Link to="/docs/overview/installation">Install</Link> and <Link to="/docs/user-guides/quickstart/">try out</Link> our features ⭐️
</div>
</div>
<div className={clsx(styles.overview, styles.overviewAlt)}>
<div className="container text--center margin-top--md" style={{marginBottom:'50px'}}>
<video className={styles.loopVideo} autoPlay loop muted style={{width:'85%'}}><source src="/video/odo-preview.hd.webm" type="video/webm"/></video>
</div>
<div className="container text--center margin-top--md">
<div className="row">
<div className="col col--5 col--offset-1">
Expand Down
Binary file added docs/website/static/video/odo-preview.hd.webm
View file
Open in desktop
Binary file not shown.