Add support for letterboxd.com

This commit is contained in:
Jonathan Jordan 2021-08-15 20:23:34 -07:00
parent 1ddf0629ef
commit f4d547c5f5
4 changed files with 33 additions and 0 deletions

8
env.js
View File

@ -40,6 +40,7 @@ var env = {
WORDPRESS: '$WORDPRESS',
GOODREADS: '$GOODREADS',
SKOOB: '$SKOOB',
LETTERBOXD: '$LETTERBOXD',
FOOTER: '$FOOTER',
}
@ -348,6 +349,13 @@ function useEnv(document) {
skoobEl.remove()
}
var letterboxdEl = document.getElementById('letterboxd');
if (env.LETTERBOXD) {
letterboxdEl.href = env.LETTERBOXD;
} else {
letterboxdEl.nextElementSibling.remove()
letterboxdEl.remove();
}
var footerEl = document.getElementById('footer');
if (env.FOOTER) {

View File

@ -104,6 +104,10 @@
<a id="instagram" class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
<br>
<!-- Letterboxd -->
<a id="letterboxd" class="button button-letterboxd" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/letterboxd.svg" alt="Letterboxd Logo">Letterboxd</a>
<br>
<!-- Facebook -->
<a id="facebook" class="button button-facebook" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
<br>

View File

@ -147,6 +147,14 @@ button:hover,
.button.button-kit:focus {
filter: brightness(90%) }
/* Letterboxd */
.button.button-letterboxd {
color: #FFFFFF;
background-color: #2c3440 }
.button.button-letterboxd:hover,
.button.button-letterboxd:focus {
filter: brightness(90%) }
/* LinkedIn */
.button.button-linkedin {
color: #FFFFFF;

13
www/icons/letterboxd.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 63 24">
<defs/>
<g id="Layer 1">
<g opacity="1">
<path d="M-1.1917e-06+12C-1.1917e-06+5.37258+5.37258-4.53979e-07+12-4.53979e-07C18.6274-4.53979e-07+24+5.37258+24+12C24+18.6274+18.6274+24+12+24C5.37258+24-1.1917e-06+18.6274-1.1917e-06+12Z" opacity="1" fill="#ff8000"/>
<path d="M19.5+12C19.5+5.37258+24.8726-4.53979e-07+31.5-4.53979e-07C38.1274-4.53979e-07+43.5+5.37258+43.5+12C43.5+18.6274+38.1274+24+31.5+24C24.8726+24+19.5+18.6274+19.5+12Z" opacity="1" fill="#00e054"/>
<path d="M21.75+18.997C23.1661+17.0274+24+14.6111+24+12C24+9.38894+23.1661+6.97265+21.75+5.00295C20.3339+6.97265+19.5+9.38894+19.5+12C19.5+14.6111+20.3339+17.0274+21.75+18.997L21.75+18.997Z" opacity="1" fill="#ffffff"/>
<path d="M39+12C39+5.37258+44.3726-4.53979e-07+51-4.53979e-07C57.6274-4.53979e-07+63+5.37258+63+12C63+18.6274+57.6274+24+51+24C44.3726+24+39+18.6274+39+12Z" opacity="1" fill="#40bcf4"/>
<path d="M41.25+18.997C42.6661+17.0274+43.5+14.6111+43.5+12C43.5+9.38894+42.6661+6.97265+41.25+5.00295C39.8339+6.97265+39+9.38894+39+12C39+14.6111+39.8339+17.0274+41.25+18.997L41.25+18.997Z" opacity="1" fill="#ffffff"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB