Skip to content

Commit 4bbc000

Browse files
danielpeachlwander
danielpeach
authored and
lwander
committed
feat(landing): first pass at landing page (spinnaker#157)
1 parent 909017b commit 4bbc000

26 files changed

+828
-50
lines changed

‎_config.yml

+4
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,10 @@ yandex_site_verification :
5656
# Social Sharing
5757
twitter:
5858
username : spinnakerio
59+
slack:
60+
url : join.spinnaker.io
61+
stackoverflow:
62+
url : stackoverflow.com/questions/tagged/spinnaker
5963
facebook:
6064
username :
6165
app_id :

‎_includes/footer.html

+8-11
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,17 @@
11
<div class="page__footer-follow">
2+
<h3>Connect with Us</h3>
23
<ul class="social-icons">
3-
{% if site.data.ui-text[site.locale].follow_label %}
4-
<li><strong>{{ site.data.ui-text[site.locale].follow_label }}</strong></li>
4+
{% if site.author.github %}
5+
<li><a href="http://github.com/{{ site.author.github }}">GitHub</a></li> &nbsp;&nbsp;|
56
{% endif %}
67
{% if site.twitter.username %}
7-
<li><a href="https://twitter.com/{{ site.twitter.username }}"><i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
8-
{% endif %}
9-
{% if site.facebook.username %}
10-
<li><a href="https://facebook.com/{{ site.facebook.username }}"><i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
8+
<li><a href="https://twitter.com/{{ site.twitter.username }}">Twitter</a></li> &nbsp;&nbsp;|
119
{% endif %}
12-
{% if site.author.github %}
13-
<li><a href="http://github.com/{{ site.author.github }}"><i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
10+
{% if site.slack.url %}
11+
<li><a href="http://{{ site.slack.url }}">Slack</a></li> &nbsp;&nbsp;|
1412
{% endif %}
15-
{% if site.author.bitbucket %}
16-
<li><a href="http://bitbucket.org/{{ site.author.bitbucket }}"><i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
13+
{% if site.stackoverflow.url %}
14+
<li><a href="https://{{ site.stackoverflow.url }}">Stack Overflow</a></li>
1715
{% endif %}
18-
<li><a href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}"><i class="fa fa-fw fa-rss-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}</a></li>
1916
</ul>
2017
</div>

‎_includes/footer/custom.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!-- start custom footer snippets -->
22
<div class="page__footer-logo">
3-
<img src="{{ site.url}}/assets/images/netflix-oss-transparent.png" alt="Netflix OSS logo">
3+
<img src="{{ site.url}}/assets/images/netflix_oss_logo.svg" alt="Netflix OSS logo">
44
</div>
55
<!-- end custom footer snippets -->

‎_includes/spinnaker_case_study

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{% assign study = page.[include.id] %}
2+
3+
<div class="spin_case_study__wrapper">
4+
<div class="spin_case_study__body">
5+
<div class="spin_case_study__img">
6+
<img {% if study.image_class %} class="{{study.image_class}}" {% endif %} src=
7+
{% if study.image_path contains "://" %}
8+
"{{ study.image_path }}"
9+
{% else %}
10+
"{{ study.image_path | absolute_url }}"
11+
{% endif %}
12+
alt="{% if study.alt %}{{ study.alt }}{% endif %}">
13+
</div>
14+
<h3 class="spin_case_study__title">{{study.title}}</h3>
15+
{% for l in study.links %}
16+
<a href="{{l.src}}" class="spin_case_study__label">{{l.label}}</a>
17+
{% endfor %}
18+
</div>
19+
</div>

‎_includes/spinnaker_cloud_provider

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{% assign provider = page.[include.id] %}
2+
3+
<div class="spin_cloud_provider__wrapper">
4+
<img {% if provider.image_class %} class="{{provider.image_class}}" {% endif %} src=
5+
{% if provider.image_path contains "://" %}
6+
"{{ provider.image_path }}"
7+
{% else %}
8+
"{{ provider.image_path | absolute_url }}"
9+
{% endif %}
10+
alt="{% if provider.alt %}{{ provider.alt }}{% endif %}">
11+
</div>

‎_includes/spinnaker_feature_box

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{% assign box = page.[include.id] %}
2+
3+
<div class="spin_feature_box__wrapper">
4+
<div class="spin_feature_box__body">
5+
<h3 class="spin_feature_box__title">{{box.title}}</h3>
6+
<p>{{box.content}}</p>
7+
</div>
8+
</div>

‎_includes/splash_feature_row

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
{% if include.id %}
2+
{% assign f = page.[include.id] %}
3+
{% else %}
4+
{% assign f = page.feature_row %}
5+
{% endif %}
6+
7+
<div class="splash__wrapper">
8+
{% if f.url contains "://" %}
9+
{% capture f_url %}{{ f.url }}{% endcapture %}
10+
{% else %}
11+
{% capture f_url %}{{ f.url | absolute_url }}{% endcapture %}
12+
{% endif %}
13+
14+
<div class="feature__item{% if include.type %}--{{ include.type }}{% endif %}">
15+
<div class="splash__item">
16+
{% if f.image_path %}
17+
<div class="splash__item-teaser">
18+
<img {% if f.image_class %} class="{{f.image_class}}" {% endif %} src=
19+
{% if f.image_path contains "://" %}
20+
"{{ f.image_path }}"
21+
{% else %}
22+
"{{ f.image_path | absolute_url }}"
23+
{% endif %}
24+
alt="{% if f.alt %}{{ f.alt }}{% endif %}">
25+
</div>
26+
{% endif %}
27+
28+
<div class="splash__item-body">
29+
{% if f.title %}
30+
<h2 class="splash__item-title">{{ f.title }}</h2>
31+
{% endif %}
32+
33+
{% if f.excerpt %}
34+
<div class="splash__item-excerpt">
35+
{{ f.excerpt | markdownify }}
36+
</div>
37+
{% endif %}
38+
39+
{% if f.url %}
40+
<p><a href="{{ f_url }}" class="btn {{ f.btn_class }}">{{ f.btn_label | default: site.data.ui-text[site.locale].more_label | default: "Learn More" }}</a></p>
41+
{% endif %}
42+
</div>
43+
</div>
44+
</div>
45+
</div>

‎_layouts/default.html

-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@
1717
<body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %}">
1818

1919
{% include browser-upgrade.html %}
20-
{% include masthead.html %}
2120

2221
{{ content }}
2322

‎_layouts/has_masthead.html

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
layout: default
3+
---
4+
5+
{% include masthead.html %}
6+
7+
{{ content }}

‎_layouts/home.html

-10
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,4 @@
44

55
{{ content }}
66

7-
<h3 class="archive__subtitle">{{ site.data.ui-text[site.locale].recent_posts | default: "Recent Announcements" }}</h3>
87

9-
<!-- {% for post in paginator.posts %}
10-
{% include archive-single.html %}
11-
{% endfor %}
12-
13-
{% include paginator.html %} -->
14-
15-
{% for post in site.posts limit:3 %}
16-
{% include archive-single.html %}
17-
{% endfor %}

‎_layouts/single.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
layout: default
2+
layout: has_masthead
33
---
44

55
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}

‎_sass/_footer.scss

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
/* ==========================================================================
22
FOOTER
33
========================================================================== */
4+
$footer-background: #38546a;
45

56
.page__footer {
67
@include full();
@@ -18,7 +19,7 @@
1819
animation: intro 0.3s both;
1920
-webkit-animation-delay: 0.45s;
2021
animation-delay: 0.45s;
21-
background-color: $lighter-gray;
22+
background-color: $footer-background;
2223
border-top: 1px solid $light-gray;
2324

2425
footer {
@@ -52,7 +53,7 @@
5253
}
5354

5455
.page__footer-follow {
55-
56+
color: white;
5657
ul {
5758
margin: 0;
5859
padding: 0;
@@ -74,7 +75,6 @@
7475
}
7576

7677
a {
77-
padding-right: 10px;
7878
font-weight: bold;
7979
}
8080
}

0 commit comments

Comments
 (0)