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 Youtube section to the landing page and Documentation #1315

Merged
merged 8 commits into from
May 13, 2020
Merged

Add Youtube section to the landing page and Documentation #1315

Show file tree
Hide file tree
Changes from 7 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7e60f48
Add Youtube section to the landing page and Documentation
UlianaMunich May 6, 2020
9dfa6d8
add target=blank to CTA buttons and add padding to some sections
UlianaMunich May 8, 2020
b1a31a5
Merge branch 'master' of github.com:UlianaMunich/luigi into 1240-webs…
UlianaMunich May 8, 2020
ee53f13
Merge branch 'master' into 1240-website-add-youtube-link
marynaKhromova May 8, 2020
089615b
rename the alt text and add large padding for the last section
UlianaMunich May 8, 2020
4522f64
Merge branch '1240-website-add-youtube-link' of github.com:UlianaMuni…
UlianaMunich May 8, 2020
08432f6
Merge branch 'master' into 1240-website-add-youtube-link
UlianaMunich May 12, 2020
5fbbf5a
Merge branch 'master' into 1240-website-add-youtube-link
UlianaMunich May 12, 2020
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
366 changes: 272 additions & 94 deletions website/landingpage/dev/package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions website/landingpage/dev/src/assets/img/plus.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
85 changes: 85 additions & 0 deletions website/landingpage/dev/src/assets/img/youtube.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion website/landingpage/dev/src/assets/scss/_general.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -151,7 +151,7 @@ section,

&.has-big-bottom-margin {
marynaKhromova marked this conversation as resolved.
Show resolved Hide resolved
margin-bottom: -300px;
padding-bottom: 300px;
padding-bottom: 350px;

@include breakpoint(xxlarge) {
margin-bottom: -500px;
Expand Down
33 changes: 28 additions & 5 deletions website/landingpage/dev/src/assets/scss/components/_home_page.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,16 +31,13 @@
}
}

.s-benefits {
padding: 50px 0;

.s-benefits {
.title-2 {
margin-bottom: 2em;
}

@include breakpoint(large) {
padding: 100px 0;

padding-bottom: 0;
.title-2 {
margin-bottom: 4em;
}
Expand Down Expand Up @@ -162,6 +159,32 @@

.item {
margin: 0 30px 30px;
font-weight: 600;

&.add-your-company {
width: 100%;
a {
display: inline-block;
position: relative;
color: $body-font-color;
padding-left: 25px;

&:before {
position: absolute;
top: 6px;
left: 0;
content: '';
width: 16px;
height: 16px;
background: url('../img/plus.svg') no-repeat 50% 50%;
background-size: auto;
}

&:hover {
color: $primary-color;
}
}
}

img {
filter: grayscale(1);
Expand Down
1 change: 1 addition & 0 deletions website/landingpage/dev/src/pages/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,7 @@
<li><a href="https://docs.luigi-project.io">Read Documentation</a></li>
<li><a href="https://slack.luigi-project.io" target="_blank">Community</a></li>
<li><a href="https://docs.luigi-project.io/docs/getting-started">How to get started</a></li>
<li><a href="https://www.youtube.com/channel/UC5WsYsHapDlg2K3iXS4n4AQ" target="_blank">Our Youtube Channel</a></li>
</ul>
</div>
</div>
Expand Down
22 changes: 21 additions & 1 deletion website/landingpage/dev/src/pages/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ <h3 class="title-3">Technology agnostic</h3>
</ul>
</section>

<section class="s-adopters s-gradient s-gradient--right-left is-centered has-big-bottom-margin">
<section class="s-adopters is-centered">
<div class="row align-center">
<div class="column small-12 large-8 xlarge-6">
<div class="sub-title has-number">
Expand All @@ -113,4 +113,24 @@ <h2 class="title-2 has-big-margin">From startups to the largest companies</h2>
{{> whoisusingluigi}}
</div>
</div>
</section>

<section class="s-gradient has-big-bottom-margin">
<div class="row">
<div class="column small-12 large-6 content">
<div class="sub-title has-number">
<span class="text">Our Youtube Channel</span>
</div>
<h3 class="title-3">Get the latest from Luigi</h3>
<p class="description">
Always stay up to date with our growing collection of news, innvovations and video tutorials.
</p>
<p>
<a class="btn-primary" href="https://www.youtube.com/channel/UC5WsYsHapDlg2K3iXS4n4AQ" target="_blank">Browse Channel</a>
</p>
</div>
<div class="column small-12 large-6 image">
<img src="{{root}}assets/img/youtube.svg" alt="Luigi - Our Youtube Channel - Youtube" />
</div>
</div>
</section>
6 changes: 3 additions & 3 deletions website/landingpage/dev/src/partials/whoisusingluigi.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,8 @@
<li class="item">
<a href="http://www.cobrick.com" target="_blank"><img src="{{root}}assets/img/logos/cobrick.svg" alt="co.brick" /></a>
</li>
<li class="item">
<a href="https://github.com/SAP/luigi/blob/master/website/landingpage/dev/src/partials/whoisusingluigi.html"
class="btn-secondary" target="_blank">+ your company</a>
<li class="item add-your-company">
<a href="https://github.com/SAP/luigi/blob/master/website/landingpage/dev/src/partials/whoisusingluigi.html"
target="_blank">Your Company</a>
</li>
</ul>
7 changes: 4 additions & 3 deletions website/landingpage/public/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,7 @@
<li><a href="https://docs.luigi-project.io">Read Documentation</a></li>
<li><a href="https://slack.luigi-project.io" target="_blank">Community</a></li>
<li><a href="https://docs.luigi-project.io/docs/getting-started">How to get started</a></li>
<li><a href="https://www.youtube.com/channel/UC5WsYsHapDlg2K3iXS4n4AQ" target="_blank">Our Youtube Channel</a></li>
</ul>
</div>
</div>
Expand Down Expand Up @@ -164,9 +165,9 @@ <h2 class="title-2 has-big-margin">From startups to the largest companies</h2>
<li class="item">
<a href="http://www.cobrick.com" target="_blank"><img src="assets/img/logos/cobrick.svg" alt="co.brick" /></a>
</li>
<li class="item">
<a href="https://github.com/SAP/luigi/blob/master/website/landingpage/dev/src/partials/whoisusingluigi.html"
class="btn-secondary" target="_blank">+ your company</a>
<li class="item add-your-company">
<a href="https://github.com/SAP/luigi/blob/master/website/landingpage/dev/src/partials/whoisusingluigi.html"
target="_blank">Your Company</a>
</li>
</ul>
</div>
Expand Down
2 changes: 1 addition & 1 deletion website/landingpage/public/assets/css/app.css
View file
Open in desktop

Large diffs are not rendered by default.

Loading