Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit 2cc674b

Browse files
thabofletcherthabofletcher
committed
integrate footer from challenge results
1 parent 6919e35 commit 2cc674b

File tree

10 files changed

+213
-171
lines changed

10 files changed

+213
-171
lines changed

‎app/layout/footer/footer.jade

Lines changed: 21 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,21 @@
1-
footer
2-
.container
3-
section.connected
4-
.social
5-
h4 Get Connected
6-
7-
ul
8-
li #[a.fb(href='https://www.facebook.com/topcoder') FB]
9-
li #[a.tw(href='http://www.twitter.com/topcoder') TW]
10-
li #[a.gp(href='https://plus.google.com/u/0/b/104268008777050019973/104268008777050019973/posts') GP]
11-
li #[a.in(href='https://www.linkedin.com/company/topcoder') IN]
12-
13-
.updates
14-
form
15-
input.email(type='email', name='EMAIL', placeholder='Your email address', maxlength='64')
16-
17-
input.btnSubmitFooter(type='button', value='Submit')
18-
19-
section.copyright
20-
p © 2014 topcoder. All Rights Reserved.
21-
22-
ul
23-
li
24-
a(href='http://topcoder.com/community/how-it-works/privacy-policy/') Privacy Policy
25-
26-
li |
27-
28-
li
29-
a(href='http://topcoder.com/community/how-it-works/terms/') Terms
1+
footer.bottom-footer
2+
// Footer links
3+
nav.menu-item
4+
.menu-item-header.show-small OTHERS
5+
ul.submenu
6+
li.submenu-item #[a.menu-link(href="javascript:;") SITEMAP]
7+
li.submenu-item #[a.menu-link(href="javascript:;") ABOUT US]
8+
li.submenu-item #[a.menu-link(href="javascript:;") CONTACT US]
9+
li.submenu-item #[a.menu-link(href="javascript:;") HELP CENTER]
10+
li.submenu-item #[a.menu-link(href="http://topcoder.com/community/how-it-works/privacy-policy/") PRIVACY POLICY]
11+
li.submenu-item #[a.menu-link(href="http://topcoder.com/community/how-it-works/terms/") TERMS]
12+
13+
// Social links
14+
.social-links
15+
p topcoder is also on
16+
a.fb-link(href="https://www.facebook.com/topcoder" target="fbwindow")
17+
a.twitter-link(href="http://www.twitter.com/topcoder" target="twwindow")
18+
a.linkedin-link(href="https://www.linkedin.com/company/topcoder" target="liwindow")
19+
a.google-link(href="https://plus.google.com/u/0/b/104268008777050019973/104268008777050019973/posts" target="gpwindow")
20+
21+
p.copyright-notice © 2015 topcoder. All Rights Reserved

‎assets/css/layout/footer.scss

Lines changed: 116 additions & 142 deletions
Original file line numberDiff line numberDiff line change
@@ -1,149 +1,123 @@
11
@import '../partials/combined';
22

3-
footer {
4-
@include source-sans-regular;
5-
background-color: $light-black;
6-
color: $light-gray;
7-
min-height: 150px;
8-
position: relative;
9-
10-
.container {
11-
padding-top: 26px;
12-
width: 1010px;
13-
margin: 0 auto;
14-
position: relative;
15-
@media only screen and (max-width: 1020px) {
16-
min-height: 175px;
17-
width: auto;
18-
margin: 0 10px;
19-
padding-top: 0;
20-
}
21-
22-
section.connected {
23-
float: right;
24-
@media only screen and (max-width: 1020px) {
25-
margin-top: 20px;
26-
width: 100%;
27-
float: right;
28-
}
29-
30-
h4 {
31-
display: inline-block;
32-
color: $white-gray;
33-
font-size: 20px;
34-
vertical-align: middle;
35-
margin-right: 15px;
36-
}
37-
38-
ul {
39-
display: inline-block;
40-
vertical-align: middle;
41-
42-
li {
43-
display: inline-block;
44-
45-
a {
46-
display: block;
47-
text-align: left;
48-
text-indent: -100px;
49-
overflow: hidden;
50-
height: 27px;
51-
width: 24px;
52-
background: url('/images/ico-social.png') no-repeat;
53-
background-position: 0 0;
54-
55-
&:hover {
56-
background-position: -45px 0;
57-
}
58-
}
59-
60-
.tw {
61-
background-position: 0 -29px;
62-
63-
&:hover {
64-
background-position: -45px -29px;
65-
}
66-
}
67-
68-
.gp {
69-
background-position: 0 -57px;
70-
71-
&:hover {
72-
background-position: -45px -57px;
73-
}
74-
}
75-
76-
.in {
77-
background-position: 0 -86px;
78-
79-
&:hover {
80-
background-position: -45px -86px;
81-
}
82-
}
83-
}
84-
}
85-
86-
.updates {
87-
margin-top: 15px;
88-
width: 350px;
89-
@media only screen and (max-width: 1020px) {
90-
width: 300px;
91-
}
92-
93-
form {
94-
.email {
95-
@include source-sans-light;
96-
border: none;
97-
border-radius: 4px 0 0 4px;
98-
background-color: $input-background;
99-
outline: 0;
100-
color: $light-gray;
101-
float: left;
102-
width: 67%;
103-
height: 20px;
104-
padding: 6px;
105-
font-size: 15px;
106-
}
107-
108-
.btnSubmitFooter {
109-
@include source-sans-light;
110-
float: left;
111-
border: 0;
112-
border-bottom: 4px solid $tc-btn-dark-orange;
113-
border-radius: 0 4px 4px 0;
114-
background-color: $tc-btn-light-orange;
115-
color: $white;
116-
width: 29%;
117-
padding-top: 4px;
118-
padding-bottom: 5px;
119-
font-size: 15px;
120-
cursor: pointer;
121-
122-
&:hover {
123-
background-color: $tc-btn-dark-orange;
124-
}
125-
}
126-
}
127-
}
128-
}
3+
.bottom-footer {
4+
background-color: #3D3D3D;
5+
padding: 1px 20px 30px 20px;
6+
}
1297

130-
section.copyright {
131-
margin-top: 20px;
132-
float: left;
133-
font-size: 16px;
8+
.social-links {
9+
font-size: 13px;
10+
line-height: 1.2em;
11+
text-align: center;
12+
font-weight: normal;
13+
margin: 35px 0;
14+
color: #fff;
15+
16+
a {
17+
display: inline-block;
18+
background-size: contain;
19+
background-repeat: no-repeat;
20+
margin: 23px 0;
21+
22+
+ a {
23+
margin-left: 30px;
24+
}
25+
}
26+
}
13427

135-
p {
136-
margin-bottom: 5px;
137-
}
28+
.copyright-notice {
29+
text-align: center;
30+
font-size: 12px;
31+
line-height: 14px;
32+
color: #656565;
33+
}
13834

139-
ul li {
140-
display: inline-block;
141-
margin-right: 5px;
14235

143-
a {
144-
color: $light-gray;
145-
}
146-
}
147-
}
148-
}
36+
@media only screen and (max-width : 991px) {
37+
.bottom-footer .menu-item {
38+
display: none;
39+
margin-top: 30px;
40+
}
41+
42+
.menu-visible .bottom-footer .menu-item {
43+
display: block;
44+
}
45+
46+
.social-links {
47+
.fb-link {
48+
background-image: url('../images/ico-facebook.svg');
49+
width: 27px;
50+
height: 27px;
51+
}
52+
53+
.twitter-link {
54+
background-image: url('../images/ico-twitter.svg');
55+
width: 28px;
56+
height: 24px;
57+
}
58+
59+
.linkedin-link {
60+
background-image: url('../images/ico-linkedin.svg');
61+
width: 27px;
62+
height: 27px;
63+
}
64+
65+
.google-link {
66+
background-image: url('../images/ico-google.svg');
67+
width: 27px;
68+
height: 27px;
69+
}
70+
}
14971
}
72+
73+
@media only screen and (min-width : 992px) {
74+
.bottom-footer {
75+
padding-top: 40px;
76+
77+
.submenu-item + .submenu-item {
78+
margin-left: 50px;
79+
}
80+
81+
.menu-item {
82+
text-align: center;
83+
font-weight: normal;
84+
85+
.menu-link {
86+
color: #fff;
87+
font-size: 16px;
88+
line-height: 21px;
89+
}
90+
}
91+
}
92+
93+
.copyright-notice {
94+
font-size: 15px;
95+
color: #fff;
96+
}
97+
98+
.social-links {
99+
margin-bottom: 3px;
100+
101+
a {
102+
width: 20px;
103+
height: 20px;
104+
margin-top: 13px;
105+
}
106+
107+
.fb-link {
108+
background-image: url('/images/ico-facebook_desktop.svg');
109+
}
110+
111+
.twitter-link {
112+
background-image: url('/images/ico-twitter_desktop.svg');
113+
}
114+
115+
.linkedin-link {
116+
background-image: url('/images/ico-linkedin_desktop.svg');
117+
}
118+
119+
.google-link {
120+
background-image: url('/images/ico-google_desktop.svg');
121+
}
122+
}
123+
}

‎assets/images/ico-facebook.svg

Lines changed: 18 additions & 0 deletions
Loading

‎assets/images/ico-facebook_desktop.svg

Lines changed: 1 addition & 0 deletions
Loading

‎assets/images/ico-google.svg

Lines changed: 18 additions & 0 deletions
Loading

‎assets/images/ico-google_desktop.svg

Lines changed: 1 addition & 0 deletions
Loading

‎assets/images/ico-linkedin.svg

Lines changed: 18 additions & 0 deletions
Loading

‎assets/images/ico-linkedin_desktop.svg

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)