Skip to content

Commit 143fe3e

Browse files
author
scotty
committed
footer for fones
1 parent 6c9336a commit 143fe3e

File tree

3 files changed

+159
-5
lines changed

3 files changed

+159
-5
lines changed

‎_includes/footer.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,6 @@
1515
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
1616
<label for="wishField">I wish this page <input type="text" id="wishField" name="wishField" placeholder="enter your wish"></label>
1717
</div>
18-
<div class="center">&copy; {{ 'now' | date: "%Y" }} Kubernetes</div>
18+
<div id="miceType" class="center">&copy; {{ 'now' | date: "%Y" }} Kubernetes</div>
1919
</main>
2020
</footer>

‎_sass/_base.sass

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -69,13 +69,11 @@ body
6969
section
7070
position: relative
7171
background-color: white
72-
//min-width: 1024px
7372

7473
section, header, footer
7574
main
7675
position: relative
7776
margin: auto
78-
//min-width: 850px
7977

8078
.button
8179
display: inline-block
@@ -298,11 +296,18 @@ footer
298296

299297
.social
300298
position: relative
301-
margin: 20px 0
299+
text-align: center
300+
301+
a, label
302+
margin: 20px 0
303+
304+
a
305+
vertical-align: middle
302306

303307
label
304-
float: right
308+
//float: right
305309
display: inline-block
310+
width: 100%
306311
height: 50px
307312
line-height: 50px
308313
font-weight: 100
@@ -311,6 +316,7 @@ footer
311316
input
312317
margin-left: 8px
313318
width: 300px
319+
max-width: 60%
314320

315321

316322
#search, #wishField
@@ -842,6 +848,9 @@ section
842848
position: fixed
843849
bottom: 0
844850

851+
#miceType
852+
clear: both
853+
845854

846855
html.search #docsContent
847856
position: relative
@@ -1269,6 +1278,9 @@ $feature-box-div-margin-bottom: 40px
12691278
line-height: normal
12701279
margin-bottom: 50px
12711280

1281+
br
1282+
display: none
1283+
12721284
#bigSocial
12731285
overflow: hidden
12741286

@@ -1305,3 +1317,6 @@ $feature-box-div-margin-bottom: 40px
13051317
text-decoration: none
13061318
margin-bottom: 15px
13071319

1320+
a, p
1321+
text-align: center
1322+
width: 100%

‎_sass/_desktop.sass

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,10 @@ $video-section-height: 550px
3939

4040

4141
#talkToUs
42+
h4
43+
br
44+
display: block
45+
4246
#bigSocial
4347
div
4448
width: calc(25% - 15px)
@@ -48,6 +52,141 @@ $video-section-height: 550px
4852

4953
div:nth-child(3), div:nth-child(4)
5054
margin-top: 0
55+
56+
57+
58+
// FOOTER
59+
footer
60+
width: 100%
61+
background-image: url(../images/texture.png)
62+
background-color: $dark-grey
63+
64+
main
65+
padding: 20px 0
66+
67+
nav
68+
a
69+
//width: 100%
70+
text-align: center
71+
display: inline-block
72+
margin: 10px 0
73+
font-size: 24px
74+
font-weight: 300
75+
color: white
76+
text-decoration: none
77+
78+
.social
79+
position: relative
80+
margin: 20px 0
81+
82+
a
83+
float: left
84+
85+
a + a
86+
margin-left: 10px
87+
88+
label
89+
float: right
90+
width: auto
91+
display: inline-block
92+
height: 50px
93+
line-height: 50px
94+
font-weight: 100
95+
white-space: nowrap
96+
97+
input
98+
margin-left: 8px
99+
max-width: none
100+
101+
102+
#search, #wishField
103+
background-color: transparent
104+
padding: 10px
105+
font-size: 16px
106+
font-weight: 100
107+
color: white
108+
border: 1px solid white
109+
transition: 0.3s
110+
111+
&:focus
112+
background-color: $light-grey
113+
color: $dark-grey
114+
115+
.social a
116+
display: inline-block
117+
background-image: url(../images/social_sprite.png)
118+
background-repeat: no-repeat
119+
background-size: auto
120+
width: 50px
121+
height: 50px
122+
border-radius: 5px
123+
margin-right: 10px
124+
125+
&:hover
126+
background-color: #fff
127+
128+
span
129+
position: absolute
130+
display: block
131+
height: 0
132+
overflow: hidden
133+
134+
a.twitter
135+
background-position: 0 0
136+
137+
&:hover
138+
background-position: 0 100%
139+
140+
a.stack-overflow
141+
background-position: -50px 0
142+
143+
&:hover
144+
background-position: -50px 100%
145+
146+
a.slack
147+
background-position: -100px 0
148+
149+
&:hover
150+
background-position: -100px 100%
151+
152+
a.github
153+
background-position: -150px 0
154+
155+
&:hover
156+
background-position: -150px 100%
157+
158+
a.mailing-list
159+
background-position: -200px 0
160+
161+
&:hover
162+
background-position: -200px 100%
163+
164+
a.calendar
165+
background-position: -250px 0
166+
167+
&:hover
168+
background-position: -250px 100%
169+
170+
171+
172+
173+
174+
175+
176+
177+
178+
179+
180+
181+
182+
183+
184+
185+
186+
187+
188+
189+
51190

52191

53192

0 commit comments

Comments
 (0)