doublefourteen
/
www.doublefourteen.io
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[themes/doublefourteen] Add contact buttons to page footer.

Browse Source
master
Lorenzo Cogotti 3 years ago
parent 762db1ed3b
commit 298b6dc204
3 changed files with 120 additions and 15 deletions
Show Stats Download Patch File Download Diff File

29
themes/doublefourteen/assets/sass/style.sass
Unescape Escape View File

@ -29,6 +29,13 @@
.up-to-small-screen .up-to-small-screen
display: none !important display: none !important
@media (prefers-color-scheme:dark)
.on-light-theme
display: none !important
@media (prefers-color-scheme:light)
.on-dark-theme
display: none !important
* *
box-sizing: border-box box-sizing: border-box
z-index: $foreground z-index: $foreground
@ -148,9 +155,17 @@ thead th
repeat: no-repeat repeat: no-repeat
size: 400px 386px size: 400px 386px
.get-in-touch
display: flex
flex-direction: row
flex-wrap: wrap
justify-content: right
gap: 1.5em
margin: 2em 3em 2em 2em
.button, .button:hover .button, .button:hover
background-color: transparent background-color: transparent
border: 2px solid #737475 border: 2px solid #ced4da
color: #333 color: #333
padding: 7px 12px padding: 7px 12px
display: block display: block
@ -161,10 +176,16 @@ thead th
.button a .button a
display: inline display: inline
text-decoration: none !important text-decoration: none !important
color: #666 color: #333
.button:hover .button:hover
background-color: #7f7f7f background-color: #fefefe
.twitter-button, .email-button
padding 0px
> img
min-width: 16px
min-height: 16px
margin-bottom: 0px
.footer .footer
text-align: center text-align: center

26
themes/doublefourteen/layouts/partials/footer.html
Unescape Escape View File

@ -1,12 +1,16 @@
<footer class="container footer"> <footer>
<small> {{- partial "getintouch.html" . -}}
&copy;
<time datetime="{{ now.UTC.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}"> <div class="container footer">
{{ now.UTC.Format "2006" }}</time> The DoubleFourteen Code Forge. All Rights Reserved.<br> <small>
<em> &copy;
Code samples are MIT licensed, logos belong to their respective owners, everything else is <time datetime="{{ now.UTC.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
<a href="https://creativecommons.org/licenses/by-sa/4.0/" class="external-link"> {{ now.UTC.Format "2006" }}</time> The DoubleFourteen Code Forge. All Rights Reserved.<br>
CC BY-SA</a>. <em>
</em> Code samples are MIT licensed, logos belong to their respective owners, everything else is
</small> <a href="https://creativecommons.org/licenses/by-sa/4.0/" class="external-link">
CC BY-SA</a>.
</em>
</small>
</div>
</footer> </footer>

80
themes/doublefourteen/layouts/partials/getintouch.html
Unescape Escape View File

@ -0,0 +1,80 @@
<div class="container get-in-touch">
<!-- twitter -->
<a class="button twitter-button"
title="Follow us on Twitter @1414codeforge"
href="https://twitter.com/1414codeforge">
<img class="on-light-theme"
src="{{ "/twitter-logo-blue-64.png" | relURL }}"
srcset="{{ "/twitter-logo-blue-128.png" | relURL }} 128w,
{{ "/twitter-logo-blue-120.png" | relURL }} 120w,
{{ "/twitter-logo-blue-114.png" | relURL }} 114w,
{{ "/twitter-logo-blue-110.png" | relURL }} 110w,
{{ "/twitter-logo-blue-72.png" | relURL }} 72w,
{{ "/twitter-logo-blue-64.png" | relURL }} 64w,
{{ "/twitter-logo-blue-57.png" | relURL }} 57w,
{{ "/twitter-logo-blue-48.png" | relURL }} 48w,
{{ "/twitter-logo-blue-32.png" | relURL }} 32w,
{{ "/twitter-logo-blue-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Follow us on Twitter @1414codeforge">
<img class="on-dark-theme"
src="{{ "/twitter-logo-white-64.png" | relURL }}"
srcset="{{ "/twitter-logo-white-128.png" | relURL }} 128w,
{{ "/twitter-logo-white-120.png" | relURL }} 120w,
{{ "/twitter-logo-white-114.png" | relURL }} 114w,
{{ "/twitter-logo-white-110.png" | relURL }} 110w,
{{ "/twitter-logo-white-72.png" | relURL }} 72w,
{{ "/twitter-logo-white-64.png" | relURL }} 64w,
{{ "/twitter-logo-white-57.png" | relURL }} 57w,
{{ "/twitter-logo-white-48.png" | relURL }} 48w,
{{ "/twitter-logo-white-32.png" | relURL }} 32w,
{{ "/twitter-logo-white-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Follow us on Twitter @1414codeforge">
</a>
<!-- email -->
<a class="button email-button"
title="Drop an email to info@doublefourteen.io"
href="mailto:The DoubleFourteen Staff<info@doublefourteen.io>">
<img class="on-light-theme"
src="{{ "/mail-gray-64.png" | relURL }}"
srcset="{{ "/mail-gray-128.png" | relURL }} 128w,
{{ "/mail-gray-120.png" | relURL }} 120w,
{{ "/mail-gray-114.png" | relURL }} 114w,
{{ "/mail-gray-110.png" | relURL }} 110w,
{{ "/mail-gray-72.png" | relURL }} 72w,
{{ "/mail-gray-64.png" | relURL }} 64w,
{{ "/mail-gray-57.png" | relURL }} 57w,
{{ "/mail-gray-48.png" | relURL }} 48w,
{{ "/mail-gray-32.png" | relURL }} 32w,
{{ "/mail-gray-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Drop an email to info@doublefourteen.io">
<img class="on-dark-theme"
src="{{ "/mail-white-64.png" | relURL }}"
srcset="{{ "/mail-white-128.png" | relURL }} 128w,
{{ "/mail-white-120.png" | relURL }} 120w,
{{ "/mail-white-114.png" | relURL }} 114w,
{{ "/mail-white-110.png" | relURL }} 110w,
{{ "/mail-white-72.png" | relURL }} 72w,
{{ "/mail-white-64.png" | relURL }} 64w,
{{ "/mail-white-57.png" | relURL }} 57w,
{{ "/mail-white-48.png" | relURL }} 48w,
{{ "/mail-white-32.png" | relURL }} 32w,
{{ "/mail-white-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Drop an email to info@doublefourteen.io">
</a>
</div>
Write Preview
Loading…
Cancel
Save