Skip to content

Commit 5a0c1cb

Browse files
leecalcoteleecalcote
authored
Merge pull request #83 from Grumpyyash/footer-rework
update the footer
2 parents 9195d44 + 52dfc08 commit 5a0c1cb

File tree

4 files changed

+127
-31
lines changed

4 files changed

+127
-31
lines changed

‎docs/_data/footer-social.yml‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
- title: Social
2+
links:
3+
- name: Twitter
4+
link: https://twitter.com/layer5
5+
social_icon: Twitter
6+
new_window: true
7+
- name: Calendar
8+
link: https://layer5.io/community/calendar
9+
social_icon: Calendar
10+
new_window: true
11+
- name: YouTube
12+
link: https://www.youtube.com/channel/UCFL1af7_wdnhHXL1InzaMvA
13+
social_icon: YouTube
14+
new_window: true
15+
- name: Docker Hub
16+
link: https://hub.docker.com/u/layer5/
17+
social_icon: DockerHub
18+
new_window: true
19+
- name: Slack
20+
link: http://slack.layer5.io/
21+
social_icon: Slack
22+
new_window: true
23+
- name: GitHub
24+
link: https://github.com/layer5io/getnighthawk/
25+
social_icon: GitHub
26+
new_window: true

‎docs/_data/footer.yml‎

Lines changed: 0 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -35,29 +35,3 @@
3535
- name: Service Mesh Landscape
3636
link: https://layer5.io/landscape
3737
new_window: true
38-
- title: Social
39-
links:
40-
- name: Twitter
41-
link: https://twitter.com/layer5
42-
social_icon: Twitter
43-
new_window: true
44-
- name: Calendar
45-
link: https://layer5.io/community/calendar
46-
social_icon: Calendar
47-
new_window: true
48-
- name: YouTube
49-
link: https://www.youtube.com/channel/UCFL1af7_wdnhHXL1InzaMvA
50-
social_icon: YouTube
51-
new_window: true
52-
- name: Docker Hub
53-
link: https://hub.docker.com/u/layer5/
54-
social_icon: DockerHub
55-
new_window: true
56-
- name: Slack
57-
link: http://slack.layer5.io/
58-
social_icon: Slack
59-
new_window: true
60-
- name: GitHub
61-
link: https://github.com/layer5io/getnighthawk/
62-
social_icon: GitHub
63-
new_window: true

‎docs/_includes/footer.html‎

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,13 +20,28 @@
2020

2121
</div>
2222

23-
2423
</div>
2524
<hr>
26-
<div class="container">
27-
<p class="copyright-text">Copyright <span class="copyright">&#169;</span> Layer5, Inc. 2021 </p>
25+
<div class="row footer-social-row">
26+
<div class="col-lg-6">
27+
<p class="copyright-text">Copyright <span class="copyright">&#169;</span> Layer5, Inc. 2021 </p>
28+
</div>
29+
<div class="col-lg-6 footer-social-div">
30+
{% for column in site.data.footer-social %}
31+
<ul class="footer-social-links">
32+
{% for link in column.links %}
33+
<li><a {% if link.new_window %}target="_blank"{% endif %} href="{% include relative-src.html src=link.link %}" {% if link.social_icon %}class="{{ link.social_icon || downcase }}-icon"{% endif %}>
34+
{% if link.social_icon %}
35+
{% include social-icon.html icon=link.social_icon %}
36+
{% endif %}
37+
</a></li>
38+
{% endfor %}
39+
</ul>
40+
{% endfor %}
41+
</div>
2842
</div>
2943

44+
3045
</footer>
3146
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
3247
{% if jekyll.environment == 'production' %}

‎docs/_sass/footer.scss‎

Lines changed: 83 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,6 @@
44
font-size: 0.8rem;
55
}
66
.copyright-text {
7-
position: absolute;
8-
left: 12rem;
97
color: white;
108
font-size: 15px;
119
line-height: 15px;
@@ -86,6 +84,89 @@
8684
}
8785

8886
}
87+
.footer-social-links {
88+
display: table;
89+
90+
li {
91+
list-style: none;
92+
margin: 10px auto;
93+
display: table-cell;
94+
padding-right: 1.5rem;
95+
96+
@media #{$tablet} {
97+
max-width: 200px;
98+
}
99+
a {
100+
101+
&:hover {
102+
text-decoration: none;
103+
}
104+
svg {
105+
fill: #999;
106+
margin-right: 10px;
107+
transition: fill 0.2s ease;
108+
vertical-align: middle;
109+
position: relative;
110+
top: -2px;
111+
width: 22px;
112+
height: 22px;
113+
}
114+
115+
&:hover svg {
116+
fill: #fff;
117+
}
118+
119+
&.twitter-icon:hover svg {
120+
fill: #55acee;
121+
}
122+
123+
&.google-plus-icon:hover svg {
124+
fill: #db4437;
125+
}
126+
127+
&.calendar-icon:hover svg {
128+
fill: #0073cf;
129+
}
130+
131+
&.dockerhub-icon:hover svg {
132+
fill: #029CEC;
133+
}
134+
135+
&.youtube-icon:hover svg {
136+
fill: #cd201f;
137+
}
138+
139+
&.layer5-icon:hover svg {
140+
fill: #00b39f;
141+
}
142+
143+
&.linkedin-icon:hover svg {
144+
fill: #0077b5;
145+
}
146+
147+
&.slack-icon:hover svg {
148+
fill: #4B154B;
149+
}
150+
151+
&.github-icon:hover svg {
152+
fill: #000000;
153+
}
154+
155+
&.rss-icon:hover svg {
156+
fill: #f26522;
157+
}
158+
}
159+
}
160+
161+
}
162+
.footer-social-div {
163+
max-width: 550px;
164+
padding-left: 40px !important;
165+
}
166+
.footer-social-row {
167+
text-align: center;
168+
padding-left: 50px;
169+
}
89170
.feed {
90171
width: 100%;
91172
margin: 10px;

0 commit comments

Comments
 (0)