mirror of
https://github.com/sethcottle/littlelink.git
synced 2024-12-24 22:59:33 -05:00
Updates!
This commit is contained in:
Seth Cottle
parent
150c41a6e6
commit
29f8833176
10
VERSION.md
10
VERSION.md
@ -33,9 +33,17 @@ A complete modernization of LittleLink focusing on accessibility, maintainabilit
|
||||
#### Brand Changes
|
||||
- Updated PayPal button color
|
||||
- Updated Discord button color
|
||||
- Updated YouTube to us their Almost Black
|
||||
- Updated YouTube button color
|
||||
- Updated Pinterest button color
|
||||
- Updated Ko-fi button color and updated their logo
|
||||
- Updated Medium logo
|
||||
- Updated WordPress button color
|
||||
- Moved NGL to LittleLink Extended
|
||||
- Moved Redbubble to LittleLink Extended
|
||||
- Moved Revolut to LittleLink Extended
|
||||
- Moved Trakt to LittleLink Extended
|
||||
- Moved Untapped to LittleLink Extended
|
||||
- Moved Upwork to LittleLink Extended
|
||||
|
||||
---
|
||||
For the complete history of changes, please visit:
|
||||
|
||||
135
css/brands.css
135
css/brands.css
@ -382,7 +382,7 @@
|
||||
/* Pinterest */
|
||||
.button-pinterest {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffe2eb;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #212121;
|
||||
}
|
||||
|
||||
@ -400,26 +400,12 @@
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
/* Redbubble */
|
||||
.button-redbubble {
|
||||
--button-text:#e41321;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #212121;
|
||||
}
|
||||
|
||||
/* Reddit */
|
||||
.button-reddit {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#FF4500;
|
||||
}
|
||||
|
||||
/* Revolut */
|
||||
.button-revolut {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid black;
|
||||
}
|
||||
|
||||
/* Shop */
|
||||
.button-shop {
|
||||
--button-text:#ffffff;
|
||||
@ -528,12 +514,6 @@
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
/* Trakt */
|
||||
.button-trakt {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#ED1C24;
|
||||
}
|
||||
|
||||
/* Trello */
|
||||
.button-trello {
|
||||
--button-text:#ffffff;
|
||||
@ -560,18 +540,6 @@
|
||||
--button-border:1px solid #212121;
|
||||
}
|
||||
|
||||
/* Untappd */
|
||||
.button-untappd {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffc000;
|
||||
}
|
||||
|
||||
/* Upwork */
|
||||
.button-upwork {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#14A800;
|
||||
}
|
||||
|
||||
/* Venmo */
|
||||
.button-venmo {
|
||||
--button-text:#ffffff;
|
||||
@ -600,7 +568,7 @@
|
||||
/* WordPress */
|
||||
.button-wordpress {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#21759b;
|
||||
--button-background:#3858E9;
|
||||
}
|
||||
|
||||
/* X */
|
||||
@ -622,101 +590,4 @@
|
||||
--button-text:#ffffff;
|
||||
--button-background:#0B5CFF;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
/* Generic Buttons */
|
||||
.button-default {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-blog {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-calendar {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-cloud {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-code {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-computer {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-email {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-homepage {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-map {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-phone {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-review {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-rss {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-shopping-bag {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-shopping-tag {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-sms {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.button-website {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
}
|
||||
@ -191,7 +191,7 @@ a:hover {
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
width:18.75rem; /* 300px */
|
||||
min-height:3rem; /* 48px */
|
||||
min-height:3rem; /* 48px */
|
||||
padding:0.75rem 1rem; /* 12px ; 16px */
|
||||
font-size:1.125rem; /* 18px */
|
||||
font-weight:700;
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)"><path d="m16.5726 16.335h-3.1968c-.085-.0003-.1665-.0342-.2266-.0945-.06-.0603-.0936-.142-.0934-.2271v-8.02319c0-.17725.1436-.32078.32-.32078h2.9639c2.2242 0 2.6908 1.30974 2.6908 2.40777 0 .6353-.1686 1.1396-.5035 1.5097.8157.3364 1.2549 1.0949 1.2549 2.192 0 1.6008-1.2 2.5561-3.2093 2.5561zm-4.6414-.0001h-6.63957c-.04209-.0001-.08374-.0085-.12258-.0248-.03883-.0162-.07408-.0399-.10373-.0698-.02965-.0298-.05312-.0653-.06906-.1042-.01594-.039-.02404-.0807-.02383-.1228v-8.02318c0-.17724.14274-.32077.3192-.32077h3.10182c1.93715 0 3.09315 1.0431 3.09315 2.79045 0 1.1624-.5843 2.0752-1.52619 2.4462l2.20929 2.8947c.0406.0463.0669.1033.0761.1642.0091.0608.0005.123-.0247.1792-.0251.0561-.0659.1039-.1174.1376-.0515.0336-.1116.0518-.1732.0523m.0118-16.3127598c-6.62222 0-11.9916164 5.3691598-11.9916164 11.9915598 0 6.624 5.3691564 11.9934 11.9922164 11.9934 6.623 0 11.9916-5.3691 11.9916-11.9922 0-6.623-5.3676-11.9915598-11.991-11.9915598" fill="#e41321"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
@ -1 +0,0 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" stroke="#191c1f"><path d="m7.2666 6.42627h-4.14795v16.54333h4.14795z"/><path d="m20.2745 7.37234c0-3.51038-2.8983-6.36636-6.4609-6.36636h-10.69495v3.53297h10.18645c1.6122 0 2.9477 1.2493 2.9773 2.78476.0147.76882-.2779 1.49443-.8238 2.04308-.5462.54888-1.2759.85131-2.0547.85131h-3.96811c-.14089 0-.25558.1129-.25558.2519v3.1399c0 .0535.01672.1045.04821.1475l6.73258 9.2123h4.9283l-6.7482-9.2375c3.3984-.1683 6.1334-2.9845 6.1334-6.35986z"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 561 B |
@ -1 +0,0 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g clip-rule="evenodd" fill-rule="evenodd"><path d="m10.9606 13.4174-5.66929 8.126c-.37795.378-.94488.567-1.32283.567-.56693-.189-1.51181-.378-2.26772-.9449l-1.511811-1.7008c-.18897611-.5669-.18897609-1.1339.188977-1.5118l5.669294-8.12601 1.13386-.94488 1.13385-.56693.56693-.56693 4.72444-4.91339v-.18897h.1889l.189-.18898v-.18898l.189-.18897.9449.37795.7559.75591-.189.18897-.189.18898v.18897l-.1889.18898h-.189c-1.0632 2.30239-2.1976 4.5712-3.4016 6.80318l-.189 1.3228c0 .378-.1889.9449-.5669 1.3228z" fill="#c3712a"/><path d="m23.811 17.9529-5.8583-8.12601-1.1338-.94488-1.1339-.56693-.5669-.56693c-.2505-.19088-.5025-.37986-.7559-.56693-.6021 1.27358-1.2321 2.53373-1.8898 3.77948v1.1339c0 .378.189.9449.567 1.3228l5.8582 8.126c.189.378.7559.567 1.1339.567.7559-.189 1.5118-.378 2.2677-.9449l1.5118-1.7008zm-15.49606-14.55121.18898.18898h.18897v.37795h.18898c.31186.56865.62683 1.13558.94488 1.70079.49925-.57108 1.00325-1.13803 1.51185-1.70079l-.9449-1.13386v-.18897h-.189v-.18898h-.189v-.37795l-1.13383.37795-.56693.75591z" fill="#83481f"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1 +0,0 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.5576 4.45199c-2.5725.01238-4.5278 1.71375-5.2598 4.42499-1.2281-1.89-2.1862-4.05186-2.7356-5.87698l-2.70747.01275.0375 7.17675c.0016.3378-.06337.6727-.19119.9855s-.31599.5973-.55377.8373c-.23778.2401-.52051.4309-.83206.5617-.31154.1308-.64579.1989-.98366.2005-.68237.0033-1.33807-.2647-1.82286-.7449-.24005-.2378-.43091-.5205-.56169-.8321-.13077-.3115-.19891-.6458-.20051-.9837l-.0375-7.17668-2.70899.01313.0374999 7.17705c.0105 2.9783 2.3902401 5.3382 5.3024801 5.3232 2.91225-.015 5.27062-2.3948 5.25752-5.3738l-.0057-1.21872c.546 1.08002 1.2285 2.22752 1.9785 3.24002l-1.6556 7.9289 2.775-.0127 1.1925-5.7607c1.086.6723 2.3063 1.0725 3.7275 1.0657 2.979-.0131 5.4052-2.4611 5.3902-5.57623-.0135-2.97973-2.463-5.40485-5.442-5.39135zm.0386 8.19221c-1.083.0049-2.1682-.4635-3.0517-1.2049l.2655-1.0875v-.0682c.198-1.15275.7972-3.11849 2.8282-3.12749.7177-.00131 1.4067.28144 1.9166.78648.5099.50505.7992 1.19135.8048 1.90901-.0612 1.5574-1.3414 2.7825-2.7638 2.7889z" fill="#fff"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
221
index.html
221
index.html
@ -63,328 +63,313 @@
|
||||
<div class="button-stack" role="navigation">
|
||||
|
||||
<!-- Default LittleLink -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/littlelink.svg" alt="Little Link Logo">LittleLink</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/littlelink.svg" alt="Little Link Logo">LittleLink</a>
|
||||
|
||||
<!-- Amazon -->
|
||||
<a class="button button-amazon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/amazon.svg" alt="Amazon Wishlist Logo">Amazon Wishlist</a><br>
|
||||
<a class="button button-amazon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/amazon.svg" alt="Amazon Wishlist Logo">Amazon Wishlist</a>
|
||||
|
||||
<!-- Amazon Music -->
|
||||
<a class="button button-amazon-music" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/amazon-music.svg" alt="Amazon Music Logo">Listen on Amazon Music</a><br>
|
||||
<a class="button button-amazon-music" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/amazon-music.svg" alt="Amazon Music Logo">Listen on Amazon Music</a>
|
||||
|
||||
<!-- Apple App Store -->
|
||||
<a class="button button-appstore" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple.svg" alt="Apple Logo">Apple App Store</a><br>
|
||||
<a class="button button-appstore" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple.svg" alt="Apple Logo">Apple App Store</a>
|
||||
|
||||
<!-- Apple Music -->
|
||||
<a class="button button-apple-music" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-music.svg" alt="Apple Music Logo">Listen on Apple Music</a><br>
|
||||
<a class="button button-apple-music" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-music.svg" alt="Apple Music Logo">Listen on Apple Music</a>
|
||||
|
||||
<!-- Apple Music Alternate -->
|
||||
<a class="button button-apple-music-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-music-alt.svg" alt="Apple Music Logo">Listen on Apple Music</a><br>
|
||||
<a class="button button-apple-music-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-music-alt.svg" alt="Apple Music Logo">Listen on Apple Music</a>
|
||||
|
||||
<!-- Apple Podcasts -->
|
||||
<a class="button button-apple-podcasts" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-podcasts.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a><br>
|
||||
<a class="button button-apple-podcasts" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-podcasts.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a>
|
||||
|
||||
<!-- Apple Podcasts Alternate -->
|
||||
<a class="button button-apple-podcasts-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-podcasts-alt.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a><br>
|
||||
<a class="button button-apple-podcasts-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-podcasts-alt.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a>
|
||||
|
||||
<!-- Bandcamp -->
|
||||
<a class="button button-bandcamp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a><br>
|
||||
<a class="button button-bandcamp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
|
||||
|
||||
<!-- Behance -->
|
||||
<a class="button button-behance" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/behance.svg" alt="Behance Logo">Behance</a><br>
|
||||
<a class="button button-behance" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/behance.svg" alt="Behance Logo">Behance</a>
|
||||
|
||||
<!-- Bluesky -->
|
||||
<a class="button button-bluesky" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bluesky.svg" alt="Bluesky Logo">Bluesky</a><br>
|
||||
<a class="button button-bluesky" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bluesky.svg" alt="Bluesky Logo">Bluesky</a>
|
||||
|
||||
<!-- Bluesky Alt -->
|
||||
<a class="button button-bluesky-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bluesky-alt.svg" alt="Bluesky Logo">Bluesky</a><br>
|
||||
<a class="button button-bluesky-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bluesky-alt.svg" alt="Bluesky Logo">Bluesky</a>
|
||||
|
||||
<!-- Buy Me A Coffee -->
|
||||
<a class="button button-coffee" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/buy-me-a-coffee.svg" alt="Buy Me A Coffee Logo">Buy Me A Coffee</a><br>
|
||||
<a class="button button-coffee" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/buy-me-a-coffee.svg" alt="Buy Me A Coffee Logo">Buy Me A Coffee</a>
|
||||
|
||||
<!-- Cal.com -->
|
||||
<a class="button button-cal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/cal.svg" alt="Cal.com Logo">Schedule with Cal.com</a><br>
|
||||
<a class="button button-cal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/cal.svg" alt="Cal.com Logo">Schedule with Cal.com</a>
|
||||
|
||||
<!-- Calendly -->
|
||||
<a class="button button-calendly" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/calendly.svg" alt="Calendly Logo">Schedule with Calendly</a><br>
|
||||
<a class="button button-calendly" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/calendly.svg" alt="Calendly Logo">Schedule with Calendly</a>
|
||||
|
||||
<!-- Cash App -->
|
||||
<a class="button button-cash-app" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/cash-app-dollar.svg" alt="Cash App Logo">Cash App</a><br>
|
||||
<a class="button button-cash-app" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/cash-app-dollar.svg" alt="Cash App Logo">Cash App</a>
|
||||
|
||||
<!-- Dev.to -->
|
||||
<a class="button button-dev-to" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/dev-to.svg" alt="Dev.to Logo">Dev.to</a><br>
|
||||
<a class="button button-dev-to" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/dev-to.svg" alt="Dev.to Logo">Dev.to</a>
|
||||
|
||||
<!-- Discogs -->
|
||||
<a class="button button-discogs" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discogs.svg" alt="Discogs Logo">Discogs</a><br>
|
||||
<a class="button button-discogs" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discogs.svg" alt="Discogs Logo">Discogs</a>
|
||||
|
||||
<!-- Discogs Alt -->
|
||||
<a class="button button-discogs-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discogs-alt.svg" alt="Discogs Logo">Discogs</a><br>
|
||||
<a class="button button-discogs-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discogs-alt.svg" alt="Discogs Logo">Discogs</a>
|
||||
|
||||
<!-- Discord -->
|
||||
<a class="button button-discord" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discord.svg" alt="Discord Logo">Discord</a><br>
|
||||
<a class="button button-discord" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
|
||||
|
||||
<!-- Dribbble -->
|
||||
<a class="button button-dribbble" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/dribbble.svg" alt="Dribbble Logo">Dribbble</a><br>
|
||||
<a class="button button-dribbble" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/dribbble.svg" alt="Dribbble Logo">Dribbble</a>
|
||||
|
||||
<!-- Etsy -->
|
||||
<a class="button button-etsy" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/etsy.svg" alt="Etsy Logo">Shop on Etsy</a><br>
|
||||
<a class="button button-etsy" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/etsy.svg" alt="Etsy Logo">Shop on Etsy</a>
|
||||
|
||||
<!-- Facebook -->
|
||||
<a class="button button-faceb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a><br>
|
||||
<a class="button button-faceb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
|
||||
|
||||
<!-- Facebook Messenger -->
|
||||
<a class="button button-messenger" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/messenger.svg" alt="Messenger Logo">Chat on Messenger</a><br>
|
||||
<a class="button button-messenger" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/messenger.svg" alt="Messenger Logo">Chat on Messenger</a>
|
||||
|
||||
<!-- Figma -->
|
||||
<a class="button button-figma" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/figma.svg" alt="Figma Logo">Figma Community</a><br>
|
||||
<a class="button button-figma" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/figma.svg" alt="Figma Logo">Figma Community</a>
|
||||
|
||||
<!-- Fiverr -->
|
||||
<a class="button button-fiverr" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/fiverr.svg" alt="Fiverr Logo">Fiverr Gig</a><br>
|
||||
<a class="button button-fiverr" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/fiverr.svg" alt="Fiverr Logo">Fiverr Gig</a>
|
||||
|
||||
<!-- Flickr -->
|
||||
<a class="button button-flickr" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/flickr.svg" alt="Flickr Logo">Flickr</a><br>
|
||||
<a class="button button-flickr" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/flickr.svg" alt="Flickr Logo">Flickr</a>
|
||||
|
||||
<!-- GitHub -->
|
||||
<a class="button button-github" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a><br>
|
||||
<a class="button button-github" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
|
||||
|
||||
<!-- GitLab -->
|
||||
<a class="button button-gitlab" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a><br>
|
||||
<a class="button button-gitlab" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
|
||||
|
||||
<!-- GoFundMe -->
|
||||
<a class="button button-gofundme" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/gofundme.svg" alt="GoFundMe Logo">GoFundMe</a><br>
|
||||
<a class="button button-gofundme" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/gofundme.svg" alt="GoFundMe Logo">GoFundMe</a>
|
||||
|
||||
<!-- Goodreads -->
|
||||
<a class="button button-goodreads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a><br>
|
||||
<a class="button button-goodreads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
|
||||
|
||||
<!-- Google Drive -->
|
||||
<a class="button button-google-black" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/google-drive.svg" alt="Google Drive Logo">View in Google Drive</a><br>
|
||||
<a class="button button-google-black" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/google-drive.svg" alt="Google Drive Logo">View in Google Drive</a>
|
||||
|
||||
<!-- Google Play Store -->
|
||||
<a class="button button-playstore" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/google-play.svg" alt="Google Play Store Logo">Google Play Store</a><br>
|
||||
<a class="button button-playstore" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/google-play.svg" alt="Google Play Store Logo">Google Play Store</a>
|
||||
|
||||
<!-- Google Scholar -->
|
||||
<a class="button button-google-scholar" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/google-scholar.svg" alt="Google Scholar Logo">Google Scholar</a><br>
|
||||
<a class="button button-google-scholar" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/google-scholar.svg" alt="Google Scholar Logo">Google Scholar</a>
|
||||
|
||||
<!-- Hashnode -->
|
||||
<a class="button button-hashnode" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/hashnode.svg" alt="Hashnode Logo">Hashnode</a><br>
|
||||
<a class="button button-hashnode" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/hashnode.svg" alt="Hashnode Logo">Hashnode</a>
|
||||
|
||||
<!-- Instagram -->
|
||||
<a class="button button-instagram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a><br>
|
||||
<a class="button button-instagram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
|
||||
|
||||
<!-- Kick -->
|
||||
<a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kick.svg" alt="Kick Logo">Kick</a><br>
|
||||
<a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kick.svg" alt="Kick Logo">Kick</a>
|
||||
|
||||
<!-- Kick Alt -->
|
||||
<a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kick-alt.svg" alt="Kick Logo">Kick</a><br>
|
||||
<a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kick-alt.svg" alt="Kick Logo">Kick</a>
|
||||
|
||||
<!-- Kickstarter -->
|
||||
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kickstarter.svg" alt="Kickstarter Logo">Kickstarter</a><br>
|
||||
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kickstarter.svg" alt="Kickstarter Logo">Kickstarter</a>
|
||||
|
||||
<!-- Kit -->
|
||||
<a class="button button-kit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kit.svg" alt="Kit Logo">Kit</a><br>
|
||||
<a class="button button-kit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/kit.svg" alt="Kit Logo">Kit</a>
|
||||
|
||||
<!-- Ko-fi -->
|
||||
<a class="button button-ko-fi" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Support me on Ko-fi</a><br>
|
||||
<a class="button button-ko-fi" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Support me on Ko-fi</a>
|
||||
|
||||
<!-- Last.fm -->
|
||||
<a class="button button-last-fm" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/last-fm.svg" alt="">Last.fm</a><br>
|
||||
<a class="button button-last-fm" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/last-fm.svg" alt="">Last.fm</a>
|
||||
|
||||
<!-- Letterboxd -->
|
||||
<a class="button button-letterboxd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/letterboxd.svg" alt="">Letterboxd</a><br>
|
||||
<a class="button button-letterboxd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/letterboxd.svg" alt="">Letterboxd</a>
|
||||
|
||||
<!-- Line -->
|
||||
<a class="button button-line" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/line.svg" alt="Line Logo">Line</a><br>
|
||||
<a class="button button-line" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/line.svg" alt="Line Logo">Line</a>
|
||||
|
||||
<!-- LinkedIn -->
|
||||
<a class="button button-linked" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a><br>
|
||||
<a class="button button-linked" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
|
||||
|
||||
<!-- Mailchimp -->
|
||||
<a class="button button-mailchimp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mailchimp.svg" alt="Mailchimp Logo">Mailchimp</a><br>
|
||||
<a class="button button-mailchimp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mailchimp.svg" alt="Mailchimp Logo">Mailchimp</a>
|
||||
|
||||
<!-- Mastodon -->
|
||||
<a class="button button-mastodon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a><br>
|
||||
<a class="button button-mastodon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
|
||||
|
||||
<!-- Medium -->
|
||||
<a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/medium.svg" alt="Medium Logo">Medium</a><br>
|
||||
<a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/medium.svg" alt="Medium Logo">Medium</a>
|
||||
|
||||
<!-- Microsoft Store -->
|
||||
<a class="button button-microsoft" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/microsoft.svg" alt="Microsoft Logo">Get it from Microsoft</a><br>
|
||||
<a class="button button-microsoft" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/microsoft.svg" alt="Microsoft Logo">Get it from Microsoft</a>
|
||||
|
||||
<!-- Notion -->
|
||||
<a class="button button-notion" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/notion.svg" alt="Notion Logo">Notion</a><br>
|
||||
<a class="button button-notion" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/notion.svg" alt="Notion Logo">Notion</a>
|
||||
|
||||
<!-- OnlyFans -->
|
||||
<a class="button button-onlyfans" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/onlyfans.svg" alt="OnlyFans Logo">OnlyFans (18+)</a><br>
|
||||
<a class="button button-onlyfans" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/onlyfans.svg" alt="OnlyFans Logo">OnlyFans (18+)</a>
|
||||
|
||||
<!-- Patreon -->
|
||||
<a class="button button-patreon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/patreon.svg" alt="Patreon Logo">Patreon</a><br>
|
||||
<a class="button button-patreon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/patreon.svg" alt="Patreon Logo">Patreon</a>
|
||||
|
||||
<!-- PayPal -->
|
||||
<a class="button button-paypal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a><br>
|
||||
<a class="button button-paypal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
|
||||
|
||||
<!-- Pinterest -->
|
||||
<a class="button button-pinterest" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/pinterest.svg" alt="Pinterest Logo">Pinterest</a><br>
|
||||
<a class="button button-pinterest" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/pinterest.svg" alt="Pinterest Logo">Pinterest</a>
|
||||
|
||||
<!-- Product Hunt -->
|
||||
<a class="button button-product-hunt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/product-hunt.svg" alt="Product Hunt Logo">Product Hunt</a><br>
|
||||
<a class="button button-product-hunt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/product-hunt.svg" alt="Product Hunt Logo">Product Hunt</a>
|
||||
|
||||
<!-- Read.cv -->
|
||||
<a class="button button-read-cv" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/read-cv.svg" alt="Read.cv logo">Read.cv</a><br>
|
||||
|
||||
<!-- Redbubble -->
|
||||
<a class="button button-redbubble" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/redbubble.svg" alt="Redbubble Logo">Redbubble</a><br>
|
||||
<a class="button button-read-cv" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/read-cv.svg" alt="Read.cv logo">Read.cv</a>
|
||||
|
||||
<!-- Reddit -->
|
||||
<a class="button button-reddit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a><br>
|
||||
<a class="button button-reddit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
|
||||
|
||||
<!-- Revolut -->
|
||||
<a class="button button-revolut" href="" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/revolut.svg" alt="Revolut Logo">Revolut</a><br>
|
||||
|
||||
<!-- Shop -->
|
||||
<a class="button button-shop" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/shop.svg" alt="Shop Logo">Buy with Shop</a><br>
|
||||
<a class="button button-shop" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/shop.svg" alt="Shop Logo">Buy with Shop</a>
|
||||
|
||||
<!-- Signal -->
|
||||
<a class="button button-signal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/signal.svg" alt="Signal Logo">Signal</a><br>
|
||||
<a class="button button-signal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/signal.svg" alt="Signal Logo">Signal</a>
|
||||
|
||||
<!-- Slack -->
|
||||
<a class="button button-slack" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/slack.svg" alt="Slack Logo">Join Slack</a><br>
|
||||
<a class="button button-slack" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/slack.svg" alt="Slack Logo">Join Slack</a>
|
||||
|
||||
<!-- Snapchat -->
|
||||
<a class="button button-snapchat" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a><br>
|
||||
<a class="button button-snapchat" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
|
||||
|
||||
<!-- SoundCloud -->
|
||||
<a class="button button-soundcloud" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a><br>
|
||||
<a class="button button-soundcloud" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
|
||||
|
||||
<!-- Spotify -->
|
||||
<a class="button button-spotify" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/spotify.svg" alt="Spotify Logo">Listen on Spotify</a><br>
|
||||
<a class="button button-spotify" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/spotify.svg" alt="Spotify Logo">Listen on Spotify</a>
|
||||
|
||||
<!-- Spotify Alt -->
|
||||
<a class="button button-spotify-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/spotify-alt.svg" alt="Spotify Logo">Listen on Spotify</a><br>
|
||||
<a class="button button-spotify-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/spotify-alt.svg" alt="Spotify Logo">Listen on Spotify</a>
|
||||
|
||||
<!-- Square -->
|
||||
<a class="button button-square" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/square.svg" alt="Square Logo">Buy with Square</a><br>
|
||||
<a class="button button-square" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/square.svg" alt="Square Logo">Buy with Square</a>
|
||||
|
||||
<!-- Stack Overflow -->
|
||||
<a class="button button-stack-overflow" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/stack-overflow.svg" alt="Stack Overflow Logo">Stack Overflow</a><br>
|
||||
<a class="button button-stack-overflow" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/stack-overflow.svg" alt="Stack Overflow Logo">Stack Overflow</a>
|
||||
|
||||
<!-- Steam -->
|
||||
<a class="button button-steam" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a><br>
|
||||
<a class="button button-steam" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
|
||||
|
||||
<!-- Steam Alt -->
|
||||
<a class="button button-steam-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a><br>
|
||||
<a class="button button-steam-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
|
||||
|
||||
<!-- Strava -->
|
||||
<a class="button button-strava" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/strava.svg" alt="Strava Logo">Strava</a><br>
|
||||
<a class="button button-strava" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/strava.svg" alt="Strava Logo">Strava</a>
|
||||
|
||||
<!-- Substack -->
|
||||
<a class="button button-substack" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/substack.svg" alt="Substack Logo">Substack</a><br>
|
||||
<a class="button button-substack" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/substack.svg" alt="Substack Logo">Substack</a>
|
||||
|
||||
<!-- Telegram -->
|
||||
<a class="button button-telegram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a><br>
|
||||
<a class="button button-telegram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
|
||||
|
||||
<!-- Threads -->
|
||||
<a class="button button-threads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/threads.svg" alt="Threads Logo">Threads</a><br>
|
||||
<a class="button button-threads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/threads.svg" alt="Threads Logo">Threads</a>
|
||||
|
||||
<!-- Threema -->
|
||||
<a class="button button-threema" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/threema.svg" alt="Threema Logo">Threema</a><br>
|
||||
<a class="button button-threema" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/threema.svg" alt="Threema Logo">Threema</a>
|
||||
|
||||
<!-- TikTok -->
|
||||
<a class="button button-tiktok" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/tiktok.svg" alt="TikTok Logo">TikTok</a><br>
|
||||
|
||||
<!-- Trakt -->
|
||||
<a class="button button-trakt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/trakt.svg" alt="Trakt Logo">Trakt</a><br>
|
||||
<a class="button button-tiktok" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
|
||||
|
||||
<!-- Trello -->
|
||||
<a class="button button-trello" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/trello.svg" alt="Trello Logo">Trello</a><br>
|
||||
<a class="button button-trello" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/trello.svg" alt="Trello Logo">Trello</a>
|
||||
|
||||
<!-- Tumblr -->
|
||||
<a class="button button-tumb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a><br>
|
||||
<a class="button button-tumb" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
|
||||
|
||||
<!-- Twitch -->
|
||||
<a class="button button-twitch" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a><br>
|
||||
<a class="button button-twitch" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
|
||||
|
||||
<!-- Unsplash -->
|
||||
<a class="button button-unsplash" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/unsplash.svg" alt="Unsplash Logo">Unsplash</a><br>
|
||||
|
||||
<!-- Untappd -->
|
||||
<a class="button button-untappd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/untappd.svg" alt="Untappd Logo">Untappd</a><br>
|
||||
|
||||
<!-- Upwork -->
|
||||
<a class="button button-upwork" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/upwork.svg" alt="Upwork Logo">Upwork</a><br>
|
||||
<a class="button button-unsplash" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/unsplash.svg" alt="Unsplash Logo">Unsplash</a>
|
||||
|
||||
<!-- Venmo -->
|
||||
<a class="button button-venmo" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a><br>
|
||||
<a class="button button-venmo" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
|
||||
|
||||
<!-- Vimeo -->
|
||||
<a class="button button-vimeo" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a><br>
|
||||
<a class="button button-vimeo" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
|
||||
|
||||
<!-- VSCO -->
|
||||
<a class="button button-vsco" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/vsco.svg" alt="VSCO Logo">VSCO</a><br>
|
||||
<a class="button button-vsco" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/vsco.svg" alt="VSCO Logo">VSCO</a>
|
||||
|
||||
<!-- WhatsApp -->
|
||||
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a><br>
|
||||
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
|
||||
|
||||
<!-- WordPress -->
|
||||
<a class="button button-wordpress" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/wordpress.svg" alt="WordPress Logo">WordPress</a><br>
|
||||
<a class="button button-wordpress" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/wordpress.svg" alt="WordPress Logo">WordPress</a>
|
||||
|
||||
<!-- X -->
|
||||
<a class="button button-x" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/x.svg" alt="X Logo">Follow on X</a><br>
|
||||
<a class="button button-x" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/x.svg" alt="X Logo">Follow on X</a>
|
||||
|
||||
<!-- YouTube -->
|
||||
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a><br>
|
||||
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
|
||||
|
||||
<!-- YouTube Music -->
|
||||
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a><br>
|
||||
<a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a>
|
||||
|
||||
<!-- Zoom -->
|
||||
<a class="button button-zoom" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/zoom.svg" alt="Zoom Logo">Join Zoom Webinar</a><br>
|
||||
<a class="button button-zoom" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/zoom.svg" alt="Zoom Logo">Join Zoom Webinar</a>
|
||||
|
||||
<!-- Generic Blog -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-blog.svg" alt="Blog Icon">Read our blog</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-blog.svg" alt="Blog Icon">Read our blog</a>
|
||||
|
||||
<!-- Generic Calendar -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-calendar.svg" alt="Calendar Icon">Event RSVP</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-calendar.svg" alt="Calendar Icon">Event RSVP</a>
|
||||
|
||||
<!-- Generic Cloud -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-cloud.svg" alt="Cloud Icon">Download File</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-cloud.svg" alt="Cloud Icon">Download File</a>
|
||||
|
||||
<!-- Generic Code -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-code.svg" alt="Code Icon">View the code</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-code.svg" alt="Code Icon">View the code</a>
|
||||
|
||||
<!-- Generic Computer -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-computer.svg" alt="Computer Icon">Homelab Setup</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-computer.svg" alt="Computer Icon">Homelab Setup</a>
|
||||
|
||||
<!-- Generic Email -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email.svg" alt="Email Icon">Email Us</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email.svg" alt="Email Icon">Email Us</a>
|
||||
|
||||
<!-- Generic Email Alt -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email-alt.svg" alt="Email Icon">Email Us</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email-alt.svg" alt="Email Icon">Email Us</a>
|
||||
|
||||
<!-- Generic Homepage -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-homepage.svg" alt="Homepage Icon">Visit Homepage</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-homepage.svg" alt="Homepage Icon">Visit Homepage</a>
|
||||
|
||||
<!-- Generic Map -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-map.svg" alt="Map Icon">Get Directions</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-map.svg" alt="Map Icon">Get Directions</a>
|
||||
|
||||
<!-- Generic Phone -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-phone.svg" alt="Phone Icon">Call Us</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-phone.svg" alt="Phone Icon">Call Us</a>
|
||||
|
||||
<!-- Generic Review -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-review.svg" alt="Review Icon">Leave us a review</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-review.svg" alt="Review Icon">Leave us a review</a>
|
||||
|
||||
<!-- Generic RSS -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-rss.svg" alt="RSS Icon">RSS Subscribe</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-rss.svg" alt="RSS Icon">RSS Subscribe</a>
|
||||
|
||||
<!-- Generic Shopping Bag -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-shopping-bag.svg" alt="Shopping Bag Icon">Visit Our Shop</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-shopping-bag.svg" alt="Shopping Bag Icon">Visit Our Shop</a>
|
||||
|
||||
<!-- Generic Shopping Tag -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-shopping-tag.svg" alt="Shopping Tag Icon">10% Discount</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-shopping-tag.svg" alt="Shopping Tag Icon">10% Discount</a>
|
||||
|
||||
<!-- Generic SMS -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-sms.svg" alt="SMS Icon">Send us a message</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-sms.svg" alt="SMS Icon">Send us a message</a>
|
||||
|
||||
<!-- Generic Website -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-website.svg" alt="Website Icon">Visit Website</a><br>
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-website.svg" alt="Website Icon">Visit Website</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user