Added Buttons and Edit Letterboxd (#140)

* Added Amazon Affiliate

* Added Amazon Affilate and Wishlist

* Added Apple Music

* Added Status

* Rename LetterBoxd to Letterboxd
This commit is contained in:
Kieran 2022-06-15 23:14:20 +01:00 committed by GitHub
parent 32beb11783
commit 1d28229782
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 83 additions and 1 deletions

View File

@ -87,6 +87,10 @@ services:
- THREEMA=https://threema.ch/en/
- STREAMLABS=https://streamlabs.com/
- PRIVATEBIN=https://privatebin.net/
- AMAZON_AFFILIATE=https://affiliate-program.amazon.co.uk/
- AMAZON_WISHLIST=https://www.amazon.co.uk/b?node=22758010031
- APPLE_MUSIC=https://www.apple.com/uk/apple-music/
- STATUS=https://status.im/
- OG_SITE_NAME=Techno Tim Live (OG)
- OG_TITLE=Techno Tim (OG)
- OG_DESCRIPTION=Techno Tim Link page (OG)

View File

@ -417,3 +417,20 @@ button {
background-color: #000;
}
/* Amazon */
.button.button-amazon {
color: #000;
background-color: #fff;
}
/* Apple Music */
.button.button-applemusic {
color: #fa425a;
background-color: #fff;
}
/* Apple Music */
.button.button-status {
color: #000;
background-color: #fff;
}

View File

@ -60,6 +60,9 @@ import sessionLogo from '../../icons/session.svg';
import threemaLogo from '../../icons/threema.svg';
import streamlabsLogo from '../../icons/streamlabs.svg';
import privatebinLogo from '../../icons/privatebin.svg';
import amazonLogo from '../../icons/amazon.svg';
import applemusicLogo from '../../icons/applemusic.svg';
import statusLogo from '../../icons/status.svg';
function Home(props) {
let order = [];
@ -382,7 +385,7 @@ function Home(props) {
<Button
name="letterboxd"
href={runtimeConfig.LETTERBOXD}
displayName="LetterBoxd"
displayName="Letterboxd"
logo={letterboxdLogo}
order={buttonOrder('LETTERBOXD')}
/>
@ -648,6 +651,42 @@ function Home(props) {
order={buttonOrder('PRIVATEBIN')}
/>
)}
{runtimeConfig.AMAZON_AFFILIATE && (
<Button
name="amazon"
href={runtimeConfig.AMAZON_AFFILIATE}
displayName="Amazon Affiliate"
logo={amazonLogo}
order={buttonOrder('AMAZON_AFFILIATE')}
/>
)}
{runtimeConfig.AMAZON_WISHLIST && (
<Button
name="amazon"
href={runtimeConfig.AMAZON_WISHLIST}
displayName="Amazon Wishlist"
logo={amazonLogo}
order={buttonOrder('AMAZON_WISHLIST')}
/>
)}
{runtimeConfig.APPLE_MUSIC && (
<Button
name="applemusic"
href={runtimeConfig.APPLE_MUSIC}
displayName="Apple Music"
logo={applemusicLogo}
order={buttonOrder('APPLE_MUSIC')}
/>
)}
{runtimeConfig.STATUS && (
<Button
name="status"
href={runtimeConfig.STATUS}
displayName="Status"
logo={statusLogo}
order={buttonOrder('STATUS')}
/>
)}
</Sort>
<div>
<p className="footer">{runtimeConfig.FOOTER}</p>

View File

@ -101,6 +101,10 @@ export const runtimeConfig =
THREEMA: window?.env?.THREEMA,
STREAMLABS: window?.env?.STREAMLABS,
PRIVATEBIN: window?.env?.PRIVATEBIN,
AMAZON_AFFILIATE: window?.env?.AMAZON_AFFILIATE,
AMAZON_WISHLIST: window?.env?.AMAZON_WISHLIST,
APPLE_MUSIC: window?.env?.APPLE_MUSIC,
STATUS: window?.env?.STATUS,
MATOMO_URL: window?.env?.MATOMO_URL,
MATOMO_SITE_ID: window?.env?.MATOMO_SITE_ID,
}
@ -365,6 +369,18 @@ export const runtimeConfig =
PRIVATEBIN: nodeIsProduction
? process.env.PRIVATEBIN
: process.env.RAZZLE_PRIVATEBIN,
AMAZON_AFFILIATE: nodeIsProduction
? process.env.AMAZON_AFFILIATE
: process.env.RAZZLE_AMAZON_AFFILIATE,
AMAZON_WISHLIST: nodeIsProduction
? process.env.AMAZON_WISHLIST
: process.env.RAZZLE_AMAZON_WISHLIST,
APPLE_MUSIC: nodeIsProduction
? process.env.APPLE_MUSIC
: process.env.RAZZLE_APPLE_MUSIC,
STATUS: nodeIsProduction
? process.env.STATUS
: process.env.RAZZLE_STATUS,
MATOMO_URL: nodeIsProduction
? process.env.MATOMO_URL
: process.env.RAZZLE_MATOMO_URL,

1
src/icons/amazon.svg Normal file
View File

@ -0,0 +1 @@
<svg height="2500" viewBox="2.167 .438 251.038 259.969" width="2500" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m221.503 210.324c-105.235 50.083-170.545 8.18-212.352-17.271-2.587-1.604-6.984.375-3.169 4.757 13.928 16.888 59.573 57.593 119.153 57.593 59.621 0 95.09-32.532 99.527-38.207 4.407-5.627 1.294-8.731-3.16-6.872zm29.555-16.322c-2.826-3.68-17.184-4.366-26.22-3.256-9.05 1.078-22.634 6.609-21.453 9.93.606 1.244 1.843.686 8.06.127 6.234-.622 23.698-2.826 27.337 1.931 3.656 4.79-5.57 27.608-7.255 31.288-1.628 3.68.622 4.629 3.68 2.178 3.016-2.45 8.476-8.795 12.14-17.774 3.639-9.028 5.858-21.622 3.71-24.424z" fill="#f90" fill-rule="nonzero"/><path d="m150.744 108.13c0 13.141.332 24.1-6.31 35.77-5.361 9.489-13.853 15.324-23.341 15.324-12.952 0-20.495-9.868-20.495-24.432 0-28.75 25.76-33.968 50.146-33.968zm34.015 82.216c-2.23 1.992-5.456 2.135-7.97.806-11.196-9.298-13.189-13.615-19.356-22.487-18.502 18.882-31.596 24.527-55.601 24.527-28.37 0-50.478-17.506-50.478-52.565 0-27.373 14.85-46.018 35.96-55.126 18.313-8.066 43.884-9.489 63.43-11.718v-4.365c0-8.018.616-17.506-4.08-24.432-4.128-6.215-12.003-8.777-18.93-8.777-12.856 0-24.337 6.594-27.136 20.257-.57 3.037-2.799 6.026-5.835 6.168l-32.735-3.51c-2.751-.618-5.787-2.847-5.028-7.07 7.543-39.66 43.36-51.616 75.43-51.616 16.415 0 37.858 4.365 50.81 16.795 16.415 15.323 14.849 35.77 14.849 58.02v52.565c0 15.798 6.547 22.724 12.714 31.264 2.182 3.036 2.657 6.69-.095 8.966-6.879 5.74-19.119 16.415-25.855 22.393l-.095-.095" fill="#000"/><path d="m221.503 210.324c-105.235 50.083-170.545 8.18-212.352-17.271-2.587-1.604-6.984.375-3.169 4.757 13.928 16.888 59.573 57.593 119.153 57.593 59.621 0 95.09-32.532 99.527-38.207 4.407-5.627 1.294-8.731-3.16-6.872zm29.555-16.322c-2.826-3.68-17.184-4.366-26.22-3.256-9.05 1.078-22.634 6.609-21.453 9.93.606 1.244 1.843.686 8.06.127 6.234-.622 23.698-2.826 27.337 1.931 3.656 4.79-5.57 27.608-7.255 31.288-1.628 3.68.622 4.629 3.68 2.178 3.016-2.45 8.476-8.795 12.14-17.774 3.639-9.028 5.858-21.622 3.71-24.424z" fill="#f90" fill-rule="nonzero"/><path d="m150.744 108.13c0 13.141.332 24.1-6.31 35.77-5.361 9.489-13.853 15.324-23.341 15.324-12.952 0-20.495-9.868-20.495-24.432 0-28.75 25.76-33.968 50.146-33.968zm34.015 82.216c-2.23 1.992-5.456 2.135-7.97.806-11.196-9.298-13.189-13.615-19.356-22.487-18.502 18.882-31.596 24.527-55.601 24.527-28.37 0-50.478-17.506-50.478-52.565 0-27.373 14.85-46.018 35.96-55.126 18.313-8.066 43.884-9.489 63.43-11.718v-4.365c0-8.018.616-17.506-4.08-24.432-4.128-6.215-12.003-8.777-18.93-8.777-12.856 0-24.337 6.594-27.136 20.257-.57 3.037-2.799 6.026-5.835 6.168l-32.735-3.51c-2.751-.618-5.787-2.847-5.028-7.07 7.543-39.66 43.36-51.616 75.43-51.616 16.415 0 37.858 4.365 50.81 16.795 16.415 15.323 14.849 35.77 14.849 58.02v52.565c0 15.798 6.547 22.724 12.714 31.264 2.182 3.036 2.657 6.69-.095 8.966-6.879 5.74-19.119 16.415-25.855 22.393l-.095-.095" fill="#000"/></g></svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

4
src/icons/applemusic.svg Normal file
View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 122.88" style="enable-background:new 0 0 122.88 122.88" xml:space="preserve"><style type="text/css"><![CDATA[
.st0{clip-path:url(#SVGID_2_);}
.st1{fill:#FFFFFF;}
]]></style><g><g><defs><path id="SVGID_1_" d="M18.43,0h86.02c10.18,0,18.43,8.25,18.43,18.43v86.02c0,10.18-8.25,18.43-18.43,18.43H18.43 C8.25,122.88,0,114.63,0,104.45l0-86.02C0,8.25,8.25,0,18.43,0L18.43,0z"/></defs><clipPath id="SVGID_2_"><use xlink:href="#SVGID_1_" style="overflow:visible"/></clipPath><g class="st0"><defs><rect id="SVGID_3_" width="122.88" height="122.88"/></defs><clipPath id="SVGID_4_"><use xlink:href="#SVGID_3_" style="overflow:visible"/></clipPath><g transform="matrix(1 0 0 1 0 -7.629395e-006)" style="clip-path:url(#SVGID_4_)"><image style="overflow:visible" width="260" height="259" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEAlgCWAAD/7AARRHVja3kAAQAEAAAAHgAA/+4AIUFkb2JlAGTAAAAAAQMA EAMCAwYAAARVAAAFjAAACMr/2wCEABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoX Hh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQEABEQ8PERMRFRISFRQRFBEUGhQWFhQaJhoaHBoa JjAjHh4eHiMwKy4nJycuKzU1MDA1NUBAP0BAQEBAQEBAQEBAQP/CABEIAQQBBwMBIgACEQEDEQH/ xACrAAEBAQEBAQAAAAAAAAAAAAAAAQUEBgMBAQEBAQEBAQAAAAAAAAAAAAADBQEGBAIQAAEBBQYG AgMAAAAAAAAAAAUAMEAlNRYCEjMEFDYBMUIDQ0UyRBETFREAAAMHBAIDAQEBAAAAAAAAAAECUHHR krIDBHKiM0MSsxEhEzFBMhIAAQEFCAIBBAMAAAAAAAAAAAFAMXECA0GBsZIzQ3ODERIhUWEygkJy E//aAAwDAQACEQMRAAAA1eP5Z/zem1WU5XVZQ1WUNVlDVZQ1WUNVlDVZQ1WUNVlDVZQ1WUNVlDVZ Q1WUPZOVfDyM7Rz4bsVy0URRFEURRFEURRFEURRFEURR6cX89kZ+jnx24rlYoiiKIoiiKIoiiKIo iiKIoij04v5/Iz9HPjtRXKxRFEURRFEURRFEURRFEURRFHphfAyeDQz47IcqAAAAAAAAAAAAAB6Y XwMrP0OCWzFctFEURRFEURRFEURRFEURRFEUelFsDK4O/glshygAAAAAAAAAAAAAHpFXwsrg7+GO xFcpFEURRFEURRFEURRFEURRFEUejF8LL4e/hlsRXKRRFEURRFEURRFEURRFEURRFHohbDy+Hv4Z a8VykURRFEURRFEURRFEURRFEURR6FVsTM4e7ilrRXKRRFEURRFEURRFEURRFEURRFHoFWxMzh7u KetFcpFEURRFEURRFEURRFEURRFEUegFcXN4u3inqhygAAAAAAAAAAAAAG+quNm8XbxT1A5QAAAA AAAAAAAAADfFcbO4u3inqByoAAAAAAAAAAAAAG+K42bx9vFPUBQAAAAAAAAAAAAADeFMfm5T8/aH KAAAAAAAAAAAAAAbApl//9oACAECAAEFALVq1+b1pXrSvWletK9aV60r1pXrSvWletK9aV60r1pX rSvWl+eP67Xyb+O18m/jtfJv47Xyb+O1zb+O1zb+O1zb+O1zb+O1zb9HHm36OPNv0cebfo482/Rx 5t+jjzb9HHm36f/aAAgBAwABBQDsZXL8ezpMstJllpMstJllpMstJllpMstJllpMstJllpMstJll pMstJllpMsv12P6GWwG/s8vgN/ZZfAb+yy+A39ll8Bv7LL4Df2OXwW/sexgt/YdjBb+w7GC39h2M Fv8Af7GC3+/2MFv9/s4Tf73Zwm/3u1ht/t//2gAIAQEAAQUALHiWVI1MYVTGFUxhVMYVTGFUxhVM YVTGFUxhVMYVTGFUxhVMYVTGFUxhVMYVTGFUxhVMYVTGFUxhVMYVTGFUxhVMYVTGFUxhVMYVTGFU xhVMYQ4lm8wEPzh/D7ZPzd/D7ZPzd/D7aPzd/D7aPTd/D7aPTd/EbaPTd/EbbPTZ/EbbOzZ/EbbO zZ/EbcOzZ/E7cOTV/E7dOTV/E7dOTV/E7dNzV/FbeNzR/FbeNzR/FbfNTR/FbfNTR/F7fNTN/FyA zM38XIDMzfxcgMzN/GSEzM38ZITEyfxkiMTJ/GSIxMn8ZIjEyfxsiMTJ/GyIvMn8bIy8yfxsjJ/z 9dC1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1C1kNN/I//aAAgB AgIGPwBflXj1HqPUeo9R6j1HqPUeo9R6j1HqPU8/YWLB+osWC4WLBcLFguFiwXCxYLhYsFwsWC4W LBcLFguFiwXCxYLhYsFwsWC4WLBcK4sLCwsLCwsLCwsLCwsLCwuP/9oACAEDAgY/AKarSpqq05VV VlT6GjSyoaNLKho0sqGjSyoaNLKho0sqGjSyoaNLKho0sqGjSyoaNLKho0sqGjSyoaNLKho0sqHp 6y+n+3j18fHiBS4pMGDvKXFJgwd5S45MGDuKXHJgwdxS45MGDuKXHJgwdxS45cGDuKXHLgwdxT45 cGDuKfHLgwdpT45cGDtKfHLgwdpT45cGDtKfHLgwdpT/AKS4MHaSav4SugbxvG8bxvG8bxvG8bxv G8bxvG8fy1P2P//aAAgBAQEGPwC/Ys3CTbQZEkjSk/6kj/0hypkTAcqZEwHKmRMBypkTAcqZEwHK mRMBypkTAcqZEwHKmRMBypkTAcqZEwHKmRMBypkTAcqZEwHKmRMBypkTAcqZEwHKmRMBypkTAcqZ EwHKmRMBypkTAcqZEwHKmRMBypkTAcqZEwHKmRMBypkTAcqZEwHKmRMBypkTAZOZdUR37RXTQr4I iLwR5F9PGTqKlLAzNN/1jJ1FSlgZmm/6xk6ipSwMzTf9YydRUpYGZpv+sZOoqUsDM03vWMnUVKWB mab3rGTqKlLAzNN71jJ1FSlgZmm96xk6ipJgZmm9QMnUVJMDM03qBkaipJgZem9QMjUVJMDLdeoG Q8qSYGW69QMh5UkwMt16gZDypJgZbr1AyHlSTAy3XqBkPKkmBluvUDIeVJMDLdeoGQ8qSYGU69QM h5UkwMp12gX3lSTAynXaBfeVJMDKddoF95UkwMp12gX3lSTAynXaBfeVJMDKddoF95UkwMp12gX3 lSTAynXaBfeVJMDJddoF95UkwMl12gX3lSTAyXXaBfeVJMDJddoF79f2/T5Ly8fHx/hfz5HfsHfs HfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsHfsH fsHfsHfsHfsF/wDPz/H4ueXl8ef/AD9/Hx9D/9k=" transform="matrix(0.48 0 0 -0.48 -0.6914 123.5713)"/></g></g></g><path class="st1" d="M47.76,86.16v-38.4c0-1.44,0.8-2.32,2.4-2.64l33.12-6.72c1.76-0.32,2.72,0.48,2.88,2.4v29.28 c0,2.4-3.6,4-10.8,4.8c-13.68,2.16-11.52,25.2,7.2,18.96c7.2-2.64,8.4-9.6,8.4-16.56V21.12c0,0,0-4.8-4.08-3.6l-40.8,8.4 c0,0-3.12,0.48-3.12,4.32v48.72c0,2.4-3.6,4-10.8,4.8c-13.68,2.16-11.52,25.2,7.2,18.96C46.56,100.08,47.76,93.12,47.76,86.16 L47.76,86.16z"/></g></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

1
src/icons/status.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="2500" height="2500"><circle cx="1000" cy="1000" r="1000" fill="#5b6dee"/><path d="M831.27 938.79a571.5 571.5 0 0 0-104 8.95c28.25-261.28 246-459.12 505.24-459.1 158.73 0 267.49 77.72 267.49 238.64s-130.54 238.64-321 238.64c-140.58-.01-207.13-27.13-347.73-27.13m-10.27 95.3c-190.45 0-321 77.72-321 238.64s108.76 238.64 267.49 238.64c259.27 0 477-197.82 505.24-459.1a571.5 571.5 0 0 1-104 8.95c-140.6-.01-207.15-27.13-347.73-27.13" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 520 B