Skip to content

Commit c4b25a1

Browse files
gdivya6028gdivya6028
authored
Add “Resources” section in the Airflow website #233 (#1062)
* commit changes * commit changes * exclude author name for airflow book under learning resources
1 parent ca838d1 commit c4b25a1

File tree

5 files changed

+367
-154
lines changed

5 files changed

+367
-154
lines changed

‎landing-pages/site/assets/scss/_community-page.scss

+213-106
Original file line numberDiff line numberDiff line change
@@ -16,115 +16,222 @@
1616
* specific language governing permissions and limitations
1717
* under the License.
1818
*/
19-
@import "media";
20-
@import "fonts";
21-
22-
.list-link {
23-
@extend .bodytext__medium--greyish-brown;
24-
text-decoration: underline;
25-
}
26-
27-
.community {
28-
&--header-container {
29-
max-width: 100%;
30-
margin: 0 auto;
31-
}
32-
33-
&--header-join {
34-
@extend .header__small--greyish-brown;
35-
text-align: center;
36-
}
37-
38-
&--header-persona {
39-
@extend .header__xsmall--greyish-brown;
40-
text-align: center;
41-
margin-bottom: 2.5vh;
42-
}
43-
44-
&--accordion-container {
45-
margin: 60px 18px;
46-
}
47-
48-
&--accordion-container .dev-list {
49-
@extend .bodytext__medium--brownish-grey;
50-
margin-left: auto;
51-
}
52-
53-
&--committers-header {
54-
@extend .header__small--greyish-brown;
55-
text-align: center;
56-
margin-top: 70px;
57-
margin-bottom: 40px;
58-
59-
&.large-margin {
60-
margin-top: 100px;
61-
margin-bottom: 40px;
62-
}
63-
}
64-
65-
@media (min-width: $tablet) {
66-
.community {
19+
@import "media";
20+
@import "fonts";
21+
22+
.list-link {
23+
@extend .bodytext__medium--greyish-brown;
24+
text-decoration: underline;
25+
}
26+
27+
.community {
28+
&--header-container {
29+
max-width: 100%;
30+
margin: 0 auto;
31+
}
32+
33+
&--header-join {
34+
@extend .header__small--greyish-brown;
35+
text-align: center;
36+
}
37+
38+
&--header-persona {
39+
@extend .header__xsmall--greyish-brown;
40+
text-align: center;
41+
margin-bottom: 2.5vh;
42+
}
43+
44+
&--accordion-container {
45+
margin: 60px 18px;
46+
}
47+
48+
&--accordion-container .dev-list {
49+
@extend .bodytext__medium--brownish-grey;
50+
margin-left: auto;
51+
}
52+
53+
&--committers-header {
54+
@extend .header__small--greyish-brown;
55+
text-align: center;
56+
margin-top: 70px;
57+
margin-bottom: 40px;
58+
59+
&.large-margin {
60+
margin-top: 100px;
61+
margin-bottom: 40px;
62+
}
63+
}
64+
65+
&--resources-header {
66+
@extend .header__small--greyish-brown;
67+
text-align: center;
68+
margin-top: 50px;
69+
}
70+
71+
.section::before {
72+
display: block;
73+
content: " ";
74+
margin-top: -160px;
75+
height: 160px;
76+
visibility: hidden;
77+
}
78+
79+
@media(max-width:1280px) {
80+
.roadmap main {
81+
padding-left: 0
82+
}
83+
84+
.roadmap .td-sidebar {
85+
position: static;
86+
background-color: transparent;
87+
padding: 0;
88+
margin: 0;
89+
max-width: unset;
90+
height: 530px
91+
}
92+
}
93+
94+
.wy-nav-side-toc {
95+
position: sticky;
96+
top: 263px;
97+
overflow-x: auto;
98+
overflow-y: auto;
99+
border-left: 1px solid rgba(211, 211, 211, 0.128);
100+
height: 100px;
101+
padding-left: 30px;
102+
max-height: -webkit-calc(100vh - 163px);
103+
max-height: calc(100vh - 163px);
104+
font-size: 14px;
105+
line-height: 1.43;
106+
}
107+
108+
109+
@media (min-width: $tablet) {
110+
.community {
111+
&--grid {
112+
display: grid;
113+
grid-template-columns: 50% 50%;
114+
grid-template-areas:
115+
"dev user";
116+
}
117+
}
118+
}
119+
120+
@media (min-width: $tablet) {
121+
.resources {
67122
&--grid {
68-
display: grid;
69-
grid-template-columns: 50% 50%;
70-
grid-template-areas:
71-
"dev user";
123+
display: grid;
124+
grid-template-areas:
125+
"dev user";
72126
}
73127
}
74128
}
75129

76-
&--dev {
77-
grid-area: dev;
78-
}
79130

80-
&--user {
81-
grid-area: user;
82-
}
83-
}
84-
85-
@media (min-width: $fullhd) {
86-
.community {
87-
.list-items {
88-
max-width: 1220px;
89-
margin-right: auto;
90-
margin-left: auto;
91-
}
92-
93-
.list-item {
94-
width: 25%;
95-
}
96-
}
97-
}
98-
99-
@media (max-width: $tablet) {
100-
.community {
101-
&--header-container {
102-
max-width: 580px;
103-
}
104-
105-
&--header-join {
106-
font-family: $primary-font !important;
107-
font-size: 24px !important;
108-
line-height: 1.5 !important;
109-
}
110-
111-
&--accordion-container {
112-
margin: 40px 0;
113-
}
114-
115-
&--committers-header {
116-
font-size: 36px !important;
117-
line-height: 1.22 !important;
118-
margin-top: 60px;
119-
120-
&.large-margin {
121-
margin-top: 60px;
122-
margin-bottom: 40px;
123-
}
124-
}
125-
126-
&--button-container {
127-
margin-top: 20px;
128-
}
129-
}
130-
}
131+
.col-12 {
132+
-webkit-box-flex: 0;
133+
-webkit-flex: 0 0 100%;
134+
-ms-flex: 0 0 100%;
135+
flex: 0 0 80%;
136+
max-width: 100%;
137+
}
138+
139+
&--dev {
140+
grid-area: dev;
141+
}
142+
143+
&--user {
144+
grid-area: user;
145+
}
146+
}
147+
148+
@media (min-width: $fullhd) {
149+
.community {
150+
.list-items {
151+
max-width: 1220px;
152+
margin-right: auto;
153+
margin-left: auto;
154+
}
155+
156+
.list-item {
157+
width: 25%;
158+
}
159+
}
160+
}
161+
162+
*,
163+
*::before,
164+
*::after {
165+
-webkit-box-sizing: border-box;
166+
box-sizing: border-box;
167+
}
168+
169+
@media (max-width: $tablet) {
170+
.community {
171+
&--header-container {
172+
max-width: 580px;
173+
}
174+
175+
&--header-join {
176+
font-family: $primary-font !important;
177+
font-size: 24px !important;
178+
line-height: 1.5 !important;
179+
}
180+
181+
&--accordion-container {
182+
margin: 40px 0;
183+
}
184+
185+
&--committers-header {
186+
font-size: 36px !important;
187+
line-height: 1.22 !important;
188+
margin-top: 60px;
189+
190+
&.large-margin {
191+
margin-top: 60px;
192+
margin-bottom: 40px;
193+
}
194+
}
195+
196+
&--button-container {
197+
margin-top: 20px;
198+
}
199+
}
200+
}
201+
202+
.desktop-only {
203+
@media (max-width: $tablet) {
204+
display: none;
205+
}
206+
207+
.base-layout {
208+
padding: 0px 0 60px;
209+
}
210+
}
211+
212+
.no-desktop {
213+
@media (min-width: calc(#{$tablet} + 1px)) {
214+
display: none;
215+
}
216+
}
217+
218+
219+
.mobile-only {
220+
@media(min-width:calc(640px + 1px)) {
221+
display: none
222+
}
223+
}
224+
225+
@media (min-width: 768px) {
226+
.td-main main {
227+
padding-top: 0rem;
228+
}
229+
}
230+
231+
.d-flex {
232+
justify-content: flex-end;
233+
}
234+
235+
.roadmap .wy-nav-side-toc {
236+
top: 263px !important;
237+
}

‎landing-pages/site/content/en/community/resources.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="resources--grid">
2+
<div class="community--dev">
3+
<div class="community--accordion-container">
4+
{{< accordion title="Promo Materials"
5+
description="Download official Apache Airflow branding materials, including logos and banners, to accurately represent and promote the project."
6+
logo_path="icons/documentation-icon.svg" open="true">}}
7+
<ul class="ticks-blue mx-auto">
8+
<li><a href="https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+logos">Airflow logos</a>
9+
</li>
10+
<li><a href="https://cwiki.apache.org/confluence/display/AIRFLOW/Brandbook">Brandbook</a></li>
11+
<li><a href="https://cwiki.apache.org/confluence/display/AIRFLOW/Drawio+Diagrams">Drawio
12+
Diagrams</a></li>
13+
<li><a href="https://cwiki.apache.org/confluence/display/AIRFLOW/Lucidchart+Diagrams">Lucidchart
14+
Diagrams</a></li>
15+
<li><a href="https://cwiki.apache.org/confluence/display/AIRFLOW/Promo+stuff">Promo stuff</a></li>
16+
<li><a href="https://cwiki.apache.org/confluence/display/AIRFLOW/Proposed+Logo+Redesign">Proposed
17+
Logo Redesign</a></li>
18+
</ul>
19+
{{< /accordion>}}
20+
</div>
21+
</div>
22+
</div>

‎landing-pages/site/content/en/ecosystem/_index.md

+2
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,8 @@ If you would you like to be included on this page, please reach out to the [Apac
3131

3232
[Apache Airflow: Complete Hands-On Beginner to Advanced Class](https://www.udemy.com/course/apache-airflow-course) by Alexandra Abbas on Udemy
3333

34+
[Data Pipelines with Apache Airflow](https://www.manning.com/books/data-pipelines-with-apache-airflow) Apache Airflow Book on Amazon
35+
3436
&nbsp;
3537

3638
## Airflow as a Service

0 commit comments

Comments
 (0)