Skip to content
This repository was archived by the owner on Feb 5, 2022. It is now read-only.

Commit 744d40e

Browse files
luiskcs89luiskcs89
committed
feat: changes to footer
1 parent a52a280 commit 744d40e

File tree

3 files changed

+75
-26
lines changed

3 files changed

+75
-26
lines changed

‎src/assets/i18n/en.ts‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -429,6 +429,8 @@ export const translations = {
429429
header: 'Work At OpenForge',
430430
developer: `I'M A DEVELOPER`,
431431
designer: `I'M A DESIGNER`,
432+
text: 'Are you looking for a new challenge? Show us what you got!',
433+
apply: 'APPLY NOW',
432434
},
433435
social: {
434436
followUs: 'Follow Us',
@@ -437,11 +439,12 @@ export const translations = {
437439
linkedin: 'openforge',
438440
instagram: '@openforgemobile',
439441
sla: 'Read our SLA',
442+
presskit: 'Download Our Press Kit',
440443
},
441444
webinar: {
442-
signup: 'Startup Junto',
443-
webinarText: 'Startup Junto is a curated community for startup founders and entrepreneurs.',
444-
register: 'JOIN US',
445+
signup: 'The Forge',
446+
webinarText: 'We are the proud organizers of the Philadelphia Ionic, Angular, and Startup Junto communities. Join us to learn more!',
447+
register: 'JOIN THE FORGE',
445448
},
446449
},
447450

‎src/components/app-footer/app-footer.scss‎

Lines changed: 36 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
}
1111

1212
h2 {
13-
color: $orange-light;
13+
color: $white;
1414
font-size: 1.6rem;
1515
margin-bottom: 1.5rem;
1616
@include media-breakpoint-down(md) {
@@ -21,21 +21,45 @@
2121

2222
p {
2323
color: $white;
24-
font-size: 0.85rem;
25-
margin-bottom: 0;
24+
font-size: 16px;
25+
margin-bottom: 1.5rem;
2626
max-width: 300px;
2727

2828
@include media-breakpoint-down(sm) {
2929
max-width: none;
3030
}
3131

3232
&.copyright {
33-
font-size: 0.65rem;
33+
color: #ffffff;
34+
font-family: Muli;
35+
font-size: 16px;
36+
font-weight: 400;
37+
line-height: 30px;
38+
text-align: left;
3439
margin-top: 5rem;
3540
@include media-breakpoint-down(md) {
3641
margin-top: 2rem;
3742
}
3843
}
44+
45+
&.follow {
46+
color: #ffffff;
47+
font-family: Muli;
48+
font-size: 16px;
49+
font-weight: 400;
50+
line-height: 30px;
51+
margin-top: 5rem;
52+
text-align: right;
53+
max-width: 100%;
54+
55+
a {
56+
font-size: 19px;
57+
margin-left: 10px;
58+
}
59+
@include media-breakpoint-down(md) {
60+
margin-top: 2rem;
61+
}
62+
}
3963
}
4064

4165
h3 {
@@ -46,6 +70,7 @@
4670
color: $white;
4771
font-size: 0.85rem;
4872
font-weight: 700;
73+
text-decoration: underline;
4974

5075
&:hover,
5176
&:focus,
@@ -62,15 +87,13 @@
6287
margin-bottom: 1.5rem;
6388

6489
&:nth-child(1) {
65-
border-right: 1px solid rgba($white, 0.33);
6690
padding-right: 5vw;
6791
@include media-breakpoint-down(sm) {
6892
padding-right: 15px;
6993
}
7094
}
7195

7296
&:nth-child(2) {
73-
border-right: 1px solid rgba($white, 0.33);
7497
padding: 0 5vw;
7598
@include media-breakpoint-down(sm) {
7699
padding: 0 15px;
@@ -122,15 +145,19 @@
122145
}
123146

124147
a {
125-
&.opportunities-button-link {
148+
&.button-link {
126149
display: block;
127150
margin-bottom: 15px;
128-
border: 1px solid white;
129151
text-transform: uppercase;
130-
padding: 10px;
152+
padding: 4px;
131153
background: transparent;
132154
text-align: center;
133155
max-width: 200px;
156+
text-decoration: none;
157+
border: 0.75px solid #ffffff;
158+
border-radius: 16px;
159+
box-shadow: 0 2px 4px 0 rgba(128, 128, 128, 0.5);
160+
height: 34px;
134161

135162
@include media-breakpoint-down(sm) {
136163
max-width: none;

‎src/components/app-footer/app-footer.tsx‎

Lines changed: 33 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -24,22 +24,20 @@ export class AppFooter {
2424
{translate('footer.address.phoneNumber')}
2525
<br />
2626
<a href="mailto:hello@openforge.io">{translate('footer.address.email')}</a>
27+
<stencil-route-link url="/service-level-agreement">{translate('footer.social.sla')}</stencil-route-link>
28+
<br />
29+
<stencil-route-link url="/service-level-agreement">{translate('footer.social.presskit')}</stencil-route-link>
2730
</p>
2831
</div>
29-
<div class="mt-4">
30-
<h3>{translate('footer.work.header')}</h3>
31-
<a href="/opportunities/develop" class="btn-primary opportunities-button-link">
32-
{translate('footer.work.developer')}
33-
</a>
34-
<a href="/opportunities/design" class="btn-primary opportunities-button-link">
35-
{translate('footer.work.designer')}
36-
</a>
37-
</div>
3832
</div>
3933

4034
<div class="footer--column col-12 col-sm-4">
41-
<h2>{translate('footer.social.followUs')}</h2>
42-
<ul class="footer--social-links">
35+
<h2>{translate('footer.work.header')}</h2>
36+
<p>{translate('footer.work.text')}</p>
37+
<a href="/opportunities/develop" class="btn-primary button-link">
38+
{translate('footer.work.apply')}
39+
</a>
40+
{/* <ul class="footer--social-links">
4341
<li>
4442
<a href="https://twitter.com/openforgemobile" id="twitter" target="_blank" rel="noopener">
4543
<i class="fab fa-twitter-square" aria-hidden="true" /> {translate('footer.social.twitter')}
@@ -63,18 +61,39 @@ export class AppFooter {
6361
<li>
6462
<stencil-route-link url="/service-level-agreement">{translate('footer.social.sla')}</stencil-route-link>
6563
</li>
66-
</ul>
64+
</ul> */}
6765
</div>
6866
<div class="footer--column col-12 col-sm-4">
6967
<h2>{translate('footer.webinar.signup')}</h2>
7068
<p>{translate('footer.webinar.webinarText')}</p>
71-
<a href="http://startupjunto.org/" target="_blank" id="startup-junto meetup" rel="noopener" class="footer--btn btn btn-primary">
69+
<a href="http://startupjunto.org/" target="_blank" id="startup-junto meetup" rel="noopener" class="btn-primary button-link">
7270
{translate('footer.webinar.register')}
7371
</a>
7472
</div>
7573
</div>
7674

77-
<p class="copyright">&copy; OpenForge 2018</p>
75+
<div class="row">
76+
<div class="col-6">
77+
<p class="copyright">&copy; OpenForge 2019 v 1.3.0</p>
78+
</div>
79+
<div class="col-6 social">
80+
<p class="follow">
81+
Follow us:
82+
<a href="https://twitter.com/openforgemobile" id="twitter" target="_blank" rel="noopener">
83+
<i class="fab fa-twitter-square" aria-hidden="true" />
84+
</a>
85+
<a href="https://www.facebook.com/openforgemobile/" id="facebook" target="_blank" rel="noopener">
86+
<i class="fab fa-facebook-square" aria-hidden="true" />
87+
</a>
88+
<a href="https://www.linkedin.com/company/openforge/" id="linkedin" target="_blank" rel="noopener">
89+
<i class="fab fa-linkedin" aria-hidden="true" />
90+
</a>
91+
<a href="https://www.instagram.com/openforgemobile/" id="instagram" target="_blank" rel="noopener">
92+
<i class="fab fa-instagram" aria-hidden="true" />
93+
</a>
94+
</p>
95+
</div>
96+
</div>
7897
</div>
7998
</footer>
8099
);

0 commit comments

Comments
 (0)