mirror of
https://github.com/sethcottle/littlelink.git
synced 2025-04-21 23:59:11 -04:00
Justin Smith
GitHub
commit
d2f6871f2c
478
css/brands.css
478
css/brands.css
@ -8,24 +8,26 @@
|
||||
/* Brand Button Base Styles
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
/* Only include brand-specific button styling here */
|
||||
.button,button {
|
||||
color:var(--button-text,#000000);
|
||||
background-color:var(--button-background,transparent);
|
||||
border:var(--button-border,none);
|
||||
transition:filter 0.2s ease,transform 0.2s ease;
|
||||
.button,
|
||||
button {
|
||||
color: var(--button-text, #000000);
|
||||
background-color: var(--button-background, transparent);
|
||||
border: var(--button-border, none);
|
||||
transition: filter 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
|
||||
/* Global Button Hover Effect
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.button:hover,button:hover {
|
||||
filter:brightness(90%);
|
||||
transform:translateY(-1px);
|
||||
.button:hover,
|
||||
button:hover {
|
||||
filter: brightness(90%);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
/* Button Icons
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.icon {
|
||||
filter:var(--icon-filter,none);
|
||||
filter: var(--icon-filter, none);
|
||||
}
|
||||
|
||||
/* Brand-Specific Styles
|
||||
@ -33,561 +35,583 @@
|
||||
|
||||
/* Default */
|
||||
.button.button-default {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#2457F5;
|
||||
--button-border:1px solid #ffffff;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #2457f5;
|
||||
--button-border: 1px solid #082fa5;
|
||||
}
|
||||
|
||||
/* White */
|
||||
.button.button-white {
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #1e1e1e;
|
||||
}
|
||||
|
||||
/* Purple */
|
||||
.button.button-purple {
|
||||
--button-text: #ffffff;
|
||||
--button-background: #692d8e;
|
||||
--button-border: 1px solid #43016c;
|
||||
}
|
||||
|
||||
/* Amazon */
|
||||
.button-amazon {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFFFFF;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Amazon Music */
|
||||
.button-amazon-music {
|
||||
--button-text:#000000;
|
||||
--button-background:#25D1DA;
|
||||
--button-text: #000000;
|
||||
--button-background: #25d1da;
|
||||
}
|
||||
|
||||
/* Apple App Store */
|
||||
.button-appstore {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Apple Music */
|
||||
.button-apple-music {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Apple Music Alt */
|
||||
.button-apple-music-alt {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(to bottom,#FB5C74,#FA233B);
|
||||
--button-text: #ffffff;
|
||||
background-image: linear-gradient(to bottom, #fb5c74, #fa233b);
|
||||
}
|
||||
|
||||
/* Apple Podcasts */
|
||||
.button-apple-podcasts {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Apple Podcasts Alt */
|
||||
.button-apple-podcasts-alt {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(to bottom,#F452FF,#832BC1);
|
||||
--button-text: #ffffff;
|
||||
background-image: linear-gradient(to bottom, #f452ff, #832bc1);
|
||||
}
|
||||
|
||||
/* Bandcamp */
|
||||
.button-bandcamp {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#1d9fc3;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #1d9fc3;
|
||||
}
|
||||
|
||||
/* Behance */
|
||||
.button-behance {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#0057FF;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #0057ff;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Bluesky */
|
||||
.button-bluesky {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#1185FE;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #1185fe;
|
||||
}
|
||||
|
||||
/* Bluesky Alt */
|
||||
.button-bluesky-alt {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFFFFF;
|
||||
--button-border:1px solid #000000;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #000000;
|
||||
}
|
||||
|
||||
/* Buy Me a Coffee */
|
||||
.button-coffee {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffdd00;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffdd00;
|
||||
}
|
||||
|
||||
/* Cal.com */
|
||||
.button-cal {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#292929;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #292929;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Calendly */
|
||||
.button-calendly {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#006BFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #006bff;
|
||||
}
|
||||
|
||||
/* Cash App */
|
||||
.button-cash-app {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(to bottom,#00d64b,#00c244);
|
||||
--button-text: #ffffff;
|
||||
background-image: linear-gradient(to bottom, #00d64b, #00c244);
|
||||
}
|
||||
|
||||
/* dev.to */
|
||||
.button-dev-to {
|
||||
--button-text:#000000;
|
||||
--button-background:#f5f5f5;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #f5f5f5;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Discogs */
|
||||
.button-discogs {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFFFFF;
|
||||
--button-border:1px solid #000000;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #000000;
|
||||
}
|
||||
|
||||
/* Discogs Alt */
|
||||
.button-discogs-alt {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Discord */
|
||||
.button-discord {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#5865F2;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #5865f2;
|
||||
}
|
||||
|
||||
/* Dribbble */
|
||||
.button-dribbble {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFFFFF;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Etsy */
|
||||
.button-etsy {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#F45800;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #f45800;
|
||||
}
|
||||
|
||||
/* Facebook */
|
||||
.button-faceb {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#1877f2;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #1877f2;
|
||||
}
|
||||
|
||||
/* Facebook Messenger */
|
||||
.button-messenger {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(25deg,#0099ff,#5f5dff,#a033ff,#c740cc,#ff5280,#ff7061);
|
||||
--button-text: #ffffff;
|
||||
background-image: linear-gradient(
|
||||
25deg,
|
||||
#0099ff,
|
||||
#5f5dff,
|
||||
#a033ff,
|
||||
#c740cc,
|
||||
#ff5280,
|
||||
#ff7061
|
||||
);
|
||||
}
|
||||
|
||||
/* Figma */
|
||||
.button-figma {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Fiverr */
|
||||
.button-fiverr {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#1DBF73;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #1dbf73;
|
||||
}
|
||||
|
||||
/* Flickr */
|
||||
.button-flickr {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* GitHub */
|
||||
.button-github {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* GitLab */
|
||||
.button-gitlab {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#6151b2;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #6151b2;
|
||||
}
|
||||
|
||||
/* GoFundMe */
|
||||
.button-gofundme {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#02A95C;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #02a95c;
|
||||
}
|
||||
|
||||
/* Goodreads */
|
||||
.button-goodreads {
|
||||
--button-text:#333333;
|
||||
--button-background:#f3f1e6;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #333333;
|
||||
--button-background: #f3f1e6;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Google Black */
|
||||
.button-google-black {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Google Play Store */
|
||||
.button-playstore {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Google Scholar */
|
||||
.button-google-scholar {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFFFFF;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Hashnode */
|
||||
.button-hashnode {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Instagram */
|
||||
.button-instagram {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
|
||||
--button-text: #ffffff;
|
||||
background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
|
||||
}
|
||||
|
||||
/* Kick */
|
||||
.button-kick {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #ffffff;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Kick Alt */
|
||||
.button-kick-alt {
|
||||
--button-text:#000000;
|
||||
--button-background:#01e701;
|
||||
--button-text: #000000;
|
||||
--button-background: #01e701;
|
||||
}
|
||||
|
||||
/* Kickstarter */
|
||||
.button-kickstarter {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#05ce78;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #05ce78;
|
||||
}
|
||||
|
||||
/* Kit */
|
||||
.button-kit {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Ko-fi */
|
||||
.button-ko-fi {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Last.fm */
|
||||
.button-last-fm {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#D51007;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #d51007;
|
||||
}
|
||||
|
||||
/* Letterboxd */
|
||||
.button-letterboxd {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#2c3440;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #2c3440;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Line */
|
||||
.button-line {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#06C755;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #06c755;
|
||||
}
|
||||
|
||||
/* LinkedIn */
|
||||
.button-linked {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#2867b2;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #2867b2;
|
||||
}
|
||||
|
||||
/* Mailchimp */
|
||||
.button-mailchimp {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFE01B;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffe01b;
|
||||
}
|
||||
|
||||
/* Mastodon */
|
||||
.button-mastodon {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#17063B;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #17063b;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Medium */
|
||||
.button-medium {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Microsoft */
|
||||
.button-microsoft {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Notion */
|
||||
.button-notion {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* OnlyFans */
|
||||
.button-onlyfans {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#00AEEF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #00aeef;
|
||||
}
|
||||
|
||||
/* Patreon */
|
||||
.button-patreon {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* PayPal */
|
||||
.button-paypal {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#002991;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #002991;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Pinterest */
|
||||
.button-pinterest {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Product Hunt */
|
||||
.button-product-hunt {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Read.cv */
|
||||
.button-read-cv {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Reddit */
|
||||
.button-reddit {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#FF4500;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #ff4500;
|
||||
}
|
||||
|
||||
/* Shop */
|
||||
.button-shop {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#5A31F4;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #5a31f4;
|
||||
}
|
||||
|
||||
/* Signal */
|
||||
.button-signal {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#3a76f0;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #3a76f0;
|
||||
}
|
||||
|
||||
/* Slack */
|
||||
.button-slack {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFFFFF;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Snapchat */
|
||||
.button-snapchat {
|
||||
--button-text:#000000;
|
||||
--button-background:#fffc00;
|
||||
--button-text: #000000;
|
||||
--button-background: #fffc00;
|
||||
}
|
||||
|
||||
/* SoundCloud */
|
||||
.button-soundcloud {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#ff5500;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #ff5500;
|
||||
}
|
||||
|
||||
/* Spotify */
|
||||
.button-spotify {
|
||||
--button-text:#191414;
|
||||
--button-background:#1db954;
|
||||
--button-text: #191414;
|
||||
--button-background: #1db954;
|
||||
}
|
||||
|
||||
/* Spotify Alt */
|
||||
.button-spotify-alt {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#191414;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #191414;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Square */
|
||||
.button-square {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#006AFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #006aff;
|
||||
}
|
||||
|
||||
/* Stack Overflow */
|
||||
.button-stack-overflow {
|
||||
--button-text:#000000;
|
||||
--button-background:#FFFFFF;
|
||||
--button-border:1px solid #000000;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #000000;
|
||||
}
|
||||
|
||||
/* Steam */
|
||||
.button-steam {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(90deg,#08BBFF,#2B75FF);
|
||||
--button-text: #ffffff;
|
||||
background-image: linear-gradient(90deg, #08bbff, #2b75ff);
|
||||
}
|
||||
|
||||
/* Steam Alt */
|
||||
.button-steam-alt {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(90deg,#09172a,#072a57,#0c5085);
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
background-image: linear-gradient(90deg, #09172a, #072a57, #0c5085);
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Strava */
|
||||
.button-strava {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#fc5200;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #fc5200;
|
||||
}
|
||||
|
||||
/* Substack */
|
||||
.button-substack {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#FF6719;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #ff6719;
|
||||
}
|
||||
|
||||
/* Telegram */
|
||||
.button-telegram {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#3faee8;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #3faee8;
|
||||
}
|
||||
|
||||
/* Threads */
|
||||
.button-threads {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Threema */
|
||||
.button-threema {
|
||||
--button-text:#000000;
|
||||
--button-background:#3fe669;
|
||||
--button-text: #000000;
|
||||
--button-background: #3fe669;
|
||||
}
|
||||
|
||||
/* TikTok */
|
||||
.button-tiktok {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Trello */
|
||||
.button-trello {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#0065ff;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #0065ff;
|
||||
}
|
||||
|
||||
/* Tumblr */
|
||||
.button-tumb {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#131313;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #131313;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Twitch */
|
||||
.button-twitch {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#9146ff;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #9146ff;
|
||||
}
|
||||
|
||||
/* Unsplash */
|
||||
.button-unsplash {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #212121;
|
||||
--button-text: #000000;
|
||||
--button-background: #ffffff;
|
||||
--button-border: 1px solid #212121;
|
||||
}
|
||||
|
||||
/* Venmo */
|
||||
.button-venmo {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#008CFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #008cff;
|
||||
}
|
||||
|
||||
/* Vimeo */
|
||||
.button-vimeo {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#1ab7ea;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #1ab7ea;
|
||||
}
|
||||
|
||||
/* VSCO */
|
||||
.button-vsco {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* WhatsApp */
|
||||
.button-whatsapp {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#455a64;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #455a64;
|
||||
}
|
||||
|
||||
/* WordPress */
|
||||
.button-wordpress {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#3858E9;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #3858e9;
|
||||
}
|
||||
|
||||
/* X */
|
||||
.button-x {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #000000;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* YouTube */
|
||||
.button-yt {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#282828;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
--button-text: #ffffff;
|
||||
--button-background: #282828;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
/* Zoom */
|
||||
.button-zoom {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#0B5CFF;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
--button-text: #ffffff;
|
||||
--button-background: #0b5cff;
|
||||
--button-border: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
526
css/style.css
526
css/style.css
@ -8,375 +8,419 @@
|
||||
/* Base Typography Settings
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
:root {
|
||||
font-size:16px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Grid
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.container {
|
||||
position:relative;
|
||||
width:100%;
|
||||
max-width:37.5rem; /* 600px */
|
||||
text-align:center;
|
||||
margin:0 auto;
|
||||
padding:3rem 1.25rem 0 1.25rem;
|
||||
box-sizing:border-box;
|
||||
.container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 37.5rem; /* 600px */
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
padding: 3rem 1.25rem 0 1.25rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.container-left {
|
||||
position:relative;
|
||||
width:100%;
|
||||
max-width:37.5rem;
|
||||
text-align:left;
|
||||
margin:0 auto;
|
||||
padding:0 1.25rem;
|
||||
box-sizing:border-box;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 37.5rem;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
padding: 0 1.25rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.container-left p {
|
||||
margin-bottom: 1rem; /* 16px space between paragraphs */
|
||||
}
|
||||
margin-bottom: 1rem; /* 16px space between paragraphs */
|
||||
}
|
||||
.column {
|
||||
position:center;
|
||||
width:100%;
|
||||
float:center;
|
||||
box-sizing:border-box;
|
||||
position: center;
|
||||
width: 100%;
|
||||
float: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* For devices larger than 400px */
|
||||
@media (min-width:25rem) { /* 400px */
|
||||
.container {
|
||||
width:85%;
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
}/* For devices larger than 550px */
|
||||
@media (min-width:34.375rem) { /* 550px */
|
||||
.container {
|
||||
width:80%;
|
||||
}
|
||||
.column,.columns {
|
||||
margin-left:0;
|
||||
}
|
||||
.column:first-child,.columns:first-child {
|
||||
margin-left:0;
|
||||
}
|
||||
@media (min-width: 25rem) {
|
||||
/* 400px */
|
||||
.container {
|
||||
width: 85%;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
} /* For devices larger than 550px */
|
||||
@media (min-width: 34.375rem) {
|
||||
/* 550px */
|
||||
.container {
|
||||
width: 80%;
|
||||
}
|
||||
.column,
|
||||
.columns {
|
||||
margin-left: 0;
|
||||
}
|
||||
.column:first-child,
|
||||
.columns:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Base Styles
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-color:#ffffff;
|
||||
color:#1a1a1a;
|
||||
font-family:"Open Sans",system-ui;
|
||||
font-size:1.125rem; /* 18px */
|
||||
font-weight:400;
|
||||
line-height:1.6;
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #ffffff;
|
||||
color: #1a1a1a;
|
||||
font-family: "Open Sans", system-ui;
|
||||
font-size: 1.125rem; /* 18px */
|
||||
font-weight: 400;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Typography
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
h1 {
|
||||
margin:0 0 0.5rem 0;
|
||||
font-size:3rem; /* 48px */
|
||||
font-weight:800;
|
||||
line-height:1;
|
||||
letter-spacing:0;
|
||||
word-wrap:break-word;
|
||||
overflow-wrap:break-word;
|
||||
hyphens:auto; /* Delete this to remove automatic hyphen on line break */
|
||||
h1 {
|
||||
margin: 0 0 0.5rem 0;
|
||||
font-size: 3rem; /* 48px */
|
||||
font-weight: 800;
|
||||
line-height: 1;
|
||||
letter-spacing: 0;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto; /* Delete this to remove automatic hyphen on line break */
|
||||
}
|
||||
.container p {
|
||||
margin:0 0 2rem 0;
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
|
||||
/* Base Typography Settings
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
/* Base size - 16px browser default */
|
||||
:root {
|
||||
font-size:16px; /* Using a 1.25 modular scale for typography */
|
||||
--scale-0:1rem; /* 16px */
|
||||
--scale-1:1.25rem; /* 20px */
|
||||
--scale-2:1.563rem; /* 25px */
|
||||
--scale-3:1.953rem; /* 31px */
|
||||
--scale-4:2.441rem; /* 39px */
|
||||
--scale-5:3.052rem; /* 49px */
|
||||
|
||||
font-size: 16px; /* Using a 1.25 modular scale for typography */
|
||||
--scale-0: 1rem; /* 16px */
|
||||
--scale-1: 1.25rem; /* 20px */
|
||||
--scale-2: 1.563rem; /* 25px */
|
||||
--scale-3: 1.953rem; /* 31px */
|
||||
--scale-4: 2.441rem; /* 39px */
|
||||
--scale-5: 3.052rem; /* 49px */
|
||||
|
||||
/* Spacing units */
|
||||
--spacing-xs:0.5rem; /* 8px */
|
||||
--spacing-s:1rem; /* 16px */
|
||||
--spacing-m:1.5rem; /* 24px */
|
||||
--spacing-l:2rem; /* 32px */
|
||||
--spacing-xl:3rem; /* 48px */
|
||||
--spacing-xxl:4rem; /* 64px */
|
||||
--spacing-xs: 0.5rem; /* 8px */
|
||||
--spacing-s: 1rem; /* 16px */
|
||||
--spacing-m: 1.5rem; /* 24px */
|
||||
--spacing-l: 2rem; /* 32px */
|
||||
--spacing-xl: 3rem; /* 48px */
|
||||
--spacing-xxl: 4rem; /* 64px */
|
||||
}
|
||||
|
||||
/* Avatar */
|
||||
.avatar {
|
||||
width: 8rem; /* 128px */
|
||||
height: 8rem;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
background-position: center;
|
||||
margin-bottom: var(--spacing-l);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
width: 8rem; /* 128px */
|
||||
height: 8rem;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
background-position: center;
|
||||
margin-bottom: var(--spacing-l);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Typography Scale */
|
||||
h1 {
|
||||
margin:0 0 var(--spacing-m) 0;
|
||||
font-size:var(--scale-5); /* ~49px */
|
||||
font-weight:800;
|
||||
line-height:1.1;
|
||||
letter-spacing:-0.02em;
|
||||
word-wrap:break-word;
|
||||
overflow-wrap:break-word;
|
||||
margin: 0 0 var(--spacing-m) 0;
|
||||
font-size: var(--scale-5); /* ~49px */
|
||||
font-weight: 800;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.02em;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
body {
|
||||
font-size:var(--scale-1); /* 20px */
|
||||
line-height:1.6;
|
||||
font-size: var(--scale-1); /* 20px */
|
||||
line-height: 1.6;
|
||||
}
|
||||
.container p {
|
||||
margin:0 0 var(--spacing-xl) 0;
|
||||
font-size:var(--scale-1);
|
||||
line-height:1.6;
|
||||
margin: 0 0 var(--spacing-xl) 0;
|
||||
font-size: var(--scale-1);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Container spacing */
|
||||
.container {
|
||||
padding:var(--spacing-xl) var(--spacing-m) 0 var(--spacing-m);
|
||||
text-align:center;
|
||||
padding: var(--spacing-xl) var(--spacing-m) 0 var(--spacing-m);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
margin:var(--spacing-xxl) 0; /* 4rem (64px) top and bottom */
|
||||
font-size:var(--scale-0);
|
||||
margin: var(--spacing-xxl) 0; /* 4rem (64px) top and bottom */
|
||||
font-size: var(--scale-0);
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width:34.375rem) { /* 550px */
|
||||
@media (max-width: 34.375rem) {
|
||||
/* 550px */
|
||||
h1 {
|
||||
font-size:var(--scale-4);
|
||||
}
|
||||
body {
|
||||
font-size:var(--scale-0);
|
||||
}
|
||||
.container p {
|
||||
font-size:var(--scale-0);
|
||||
}
|
||||
.avatar {
|
||||
margin-bottom:var(--spacing-m);
|
||||
}
|
||||
footer {
|
||||
margin:var(--spacing-xl) 0; /* 3rem (48px) top and bottom */
|
||||
}
|
||||
font-size: var(--scale-4);
|
||||
}
|
||||
body {
|
||||
font-size: var(--scale-0);
|
||||
}
|
||||
.container p {
|
||||
font-size: var(--scale-0);
|
||||
}
|
||||
.avatar {
|
||||
margin-bottom: var(--spacing-m);
|
||||
}
|
||||
footer {
|
||||
margin: var(--spacing-xl) 0; /* 3rem (48px) top and bottom */
|
||||
}
|
||||
}
|
||||
|
||||
/* Links
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
a {
|
||||
color:#2457F5;
|
||||
text-decoration:underline;
|
||||
a {
|
||||
color: #2457f5;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
color:#083BDA;
|
||||
color: #083bda;
|
||||
}
|
||||
|
||||
/* Buttons
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.button,button {
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
width:18.75rem; /* 300px */
|
||||
min-height:3rem; /* 48px */
|
||||
padding:0.75rem 1rem; /* 12px ; 16px */
|
||||
font-size:1.125rem; /* 18px */
|
||||
font-weight:700;
|
||||
text-decoration:none;
|
||||
white-space:normal;
|
||||
background-color:var(--button-background,transparent);
|
||||
color:var(--button-text,#000000);
|
||||
border:var(--button-border,none);
|
||||
border-radius:0.5rem;
|
||||
cursor:pointer;
|
||||
box-sizing:border-box;
|
||||
hyphens:auto; /* Delete this to remove automatic hyphen on line break */
|
||||
margin-bottom:1rem;
|
||||
text-align:center;
|
||||
line-height:1.3;
|
||||
.button,
|
||||
button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 18.75rem; /* 300px */
|
||||
min-height: 3rem; /* 48px */
|
||||
padding: 0.75rem 1rem; /* 12px ; 16px */
|
||||
font-size: 1.125rem; /* 18px */
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
white-space: normal;
|
||||
background-color: var(--button-background, transparent);
|
||||
color: var(--button-text, #000000);
|
||||
border: var(--button-border, none);
|
||||
border-radius: 0.5rem;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
hyphens: auto; /* Delete this to remove automatic hyphen on line break */
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* Icons
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.icon {
|
||||
width:1.25rem;
|
||||
height:1.25rem;
|
||||
margin-right:0.5rem;
|
||||
flex-shrink:0;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
margin-right: 0.5rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Avatar
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.avatar {
|
||||
width: 8rem; /* 128px */
|
||||
height: 8rem;
|
||||
object-fit: cover;
|
||||
background-position: center;
|
||||
margin-bottom: var(--spacing-l);
|
||||
}
|
||||
width: 8rem; /* 128px */
|
||||
height: 8rem;
|
||||
object-fit: cover;
|
||||
background-position: center;
|
||||
margin-bottom: var(--spacing-l);
|
||||
}
|
||||
|
||||
/* Modifier for no avatar rounding */
|
||||
.avatar--none {
|
||||
border-radius: 0%;
|
||||
}
|
||||
/* Modifier for no avatar rounding */
|
||||
.avatar--none {
|
||||
border-radius: 0%;
|
||||
}
|
||||
|
||||
/* Modifier for rounded avatar */
|
||||
.avatar--rounded {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Modifier for slightly rounded corners */
|
||||
.avatar--soft {
|
||||
border-radius: 0.5rem; /* 8px rounded corners */
|
||||
}
|
||||
/* Modifier for rounded avatar */
|
||||
.avatar--rounded {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Modifier for slightly rounded corners */
|
||||
.avatar--soft {
|
||||
border-radius: 0.5rem; /* 8px rounded corners */
|
||||
}
|
||||
|
||||
/* Theme System
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
/* Light theme is default above */
|
||||
|
||||
|
||||
/* Dark theme */
|
||||
:root.theme-dark {
|
||||
color-scheme:dark;
|
||||
color-scheme: dark;
|
||||
}
|
||||
:root.theme-dark :focus-visible {
|
||||
outline: 2px solid #4899F7;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
outline: 2px solid #4899f7;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
:root.theme-dark body {
|
||||
background-color:#121212;
|
||||
color:#ffffff;
|
||||
background-color: #27272a;
|
||||
color: #ffffff;
|
||||
}
|
||||
:root.theme-dark a:not(.button) {
|
||||
color:#4899F7;
|
||||
color: #4899f7;
|
||||
}
|
||||
:root.theme-dark a:not(.button):hover {
|
||||
color:#7AB8FF;
|
||||
color: #7ab8ff;
|
||||
}
|
||||
|
||||
/* Auto theme */
|
||||
:root.theme-auto {
|
||||
color-scheme:light dark;
|
||||
color-scheme: light dark;
|
||||
}
|
||||
@media (prefers-color-scheme:dark) {
|
||||
:root.theme-auto body {
|
||||
background-color:#121212;
|
||||
color:#ffffff;
|
||||
}
|
||||
:root.theme-auto :focus-visible {
|
||||
outline: 2px solid #4899F7;
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root.theme-auto body {
|
||||
background-color: #121212;
|
||||
color: #ffffff;
|
||||
}
|
||||
:root.theme-auto :focus-visible {
|
||||
outline: 2px solid #4899f7;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
:root.theme-auto a:not(.button) {
|
||||
color:#4899F7;
|
||||
}
|
||||
:root.theme-auto a:not(.button):hover {
|
||||
color:#7AB8FF;
|
||||
}
|
||||
:root.theme-auto a:not(.button) {
|
||||
color: #4899f7;
|
||||
}
|
||||
:root.theme-auto a:not(.button):hover {
|
||||
color: #7ab8ff;
|
||||
}
|
||||
}
|
||||
|
||||
/* Button Text Color Override
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.button:hover,button:hover {
|
||||
color:var(--button-text);
|
||||
.button:hover,
|
||||
button:hover {
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
/* Responsive Typography
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
@media (max-width:34.375rem) { /* 550px */
|
||||
h1 {
|
||||
font-size:2rem; /* 32px */
|
||||
}
|
||||
body {
|
||||
font-size:1rem; /* 16px */
|
||||
}
|
||||
@media (max-width: 34.375rem) {
|
||||
/* 550px */
|
||||
h1 {
|
||||
font-size: 2rem; /* 32px */
|
||||
}
|
||||
body {
|
||||
font-size: 1rem; /* 16px */
|
||||
}
|
||||
}
|
||||
|
||||
/* Privacy Page Styles
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
nav {
|
||||
margin:var(--spacing-l) 0;
|
||||
text-align:left;
|
||||
margin: var(--spacing-l) 0;
|
||||
text-align: left;
|
||||
}
|
||||
section {
|
||||
margin:var(--spacing-xl) 0;
|
||||
text-align:left;
|
||||
margin: var(--spacing-xl) 0;
|
||||
text-align: left;
|
||||
}
|
||||
h2 {
|
||||
font-size:var(--scale-3);
|
||||
font-weight:700;
|
||||
margin-bottom:var(--spacing-m);
|
||||
font-size: var(--scale-3);
|
||||
font-weight: 700;
|
||||
margin-bottom: var(--spacing-m);
|
||||
}
|
||||
h3 {
|
||||
font-size:var(--scale-2);
|
||||
font-weight:600;
|
||||
margin:var(--spacing-l) 0 var(--spacing-s) 0;
|
||||
font-size: var(--scale-2);
|
||||
font-weight: 600;
|
||||
margin: var(--spacing-l) 0 var(--spacing-s) 0;
|
||||
}
|
||||
ul {
|
||||
list-style:none;
|
||||
padding:0;
|
||||
margin:0 0 var(--spacing-m) 0;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 var(--spacing-m) 0;
|
||||
}
|
||||
ul li {
|
||||
margin-bottom:var(--spacing-xs);
|
||||
margin-bottom: var(--spacing-xs);
|
||||
}
|
||||
|
||||
/* Privacy page specific responsive adjustments */
|
||||
@media (max-width:34.375rem) {
|
||||
h2 {
|
||||
font-size:var(--scale-2);
|
||||
}
|
||||
h3 {
|
||||
font-size:var(--scale-1);
|
||||
}
|
||||
section {
|
||||
margin:var(--spacing-l) 0;
|
||||
}
|
||||
@media (max-width: 34.375rem) {
|
||||
h2 {
|
||||
font-size: var(--scale-2);
|
||||
}
|
||||
h3 {
|
||||
font-size: var(--scale-1);
|
||||
}
|
||||
section {
|
||||
margin: var(--spacing-l) 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Font Face Definitions
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
@font-face {
|
||||
font-display:swap;
|
||||
font-family:'Open Sans';
|
||||
font-style:normal;
|
||||
font-weight:400;
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot');
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg');
|
||||
font-display: swap;
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot");
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix")
|
||||
format("embedded-opentype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2")
|
||||
format("woff2"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff")
|
||||
format("woff"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf")
|
||||
format("truetype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans")
|
||||
format("svg");
|
||||
}
|
||||
@font-face {
|
||||
font-display:swap;
|
||||
font-family:'Open Sans';
|
||||
font-style:normal;
|
||||
font-weight:600;
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot');
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg');
|
||||
font-display: swap;
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot");
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix")
|
||||
format("embedded-opentype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2")
|
||||
format("woff2"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff")
|
||||
format("woff"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf")
|
||||
format("truetype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans")
|
||||
format("svg");
|
||||
}
|
||||
@font-face {
|
||||
font-display:swap;
|
||||
font-family:'Open Sans';
|
||||
font-style:normal;
|
||||
font-weight:700;
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot');
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg');
|
||||
font-display: swap;
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot");
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix")
|
||||
format("embedded-opentype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2")
|
||||
format("woff2"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff")
|
||||
format("woff"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf")
|
||||
format("truetype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans")
|
||||
format("svg");
|
||||
}
|
||||
@font-face {
|
||||
font-display:swap;
|
||||
font-family:'Open Sans';
|
||||
font-style:normal;
|
||||
font-weight:800;
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot');
|
||||
src:url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'),url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg');
|
||||
font-display: swap;
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot");
|
||||
src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix")
|
||||
format("embedded-opentype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2")
|
||||
format("woff2"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff")
|
||||
format("woff"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf")
|
||||
format("truetype"),
|
||||
url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans")
|
||||
format("svg");
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 2.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
1
images/icons/digital-garden.svg
Normal file
1
images/icons/digital-garden.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512.203 512.203" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M241.102 385.867v96.336H117.387v30h277.429v-30H271.102v-96.336zM186.163 271.58l21.213-21.213 33.726 33.726v-65.785l-54.938-54.938 21.213-21.213 33.726 33.725v-45.299h30v99.405l33.726-33.725 21.213 21.213-54.938 54.938v113.429H390.54c47.303 0 85.787-38.484 85.787-85.787 0-19.457-6.698-38.514-18.861-53.658-8.379-10.434-19.124-18.758-31.172-24.303 3.261-10.71 4.908-21.834 4.908-33.232 0-27.334-9.801-53.791-27.597-74.496-14.979-17.429-34.818-29.902-56.752-35.87-2.823-19.661-11.922-37.797-26.274-51.995C303.3 9.411 280.403 0 256.102 0s-47.199 9.411-64.474 26.5c-14.352 14.198-23.451 32.334-26.274 51.995-21.934 5.968-41.772 18.441-56.752 35.87-17.796 20.705-27.597 47.162-27.597 74.496 0 11.398 1.646 22.522 4.908 33.232-12.048 5.545-22.793 13.869-31.172 24.303-12.163 15.145-18.861 34.201-18.861 53.658 0 47.303 38.484 85.787 85.787 85.787h119.436v-59.323z" fill="#ffffff" opacity="1" data-original="#000000" class=""></path></g></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
1
images/icons/resume.svg
Normal file
1
images/icons/resume.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg id="Layer_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g><path d="m103.22 70.52h272.35v341.61h-272.35z" fill="#e0dfe1"/><path d="m136.43 99.87h272.35v341.61h-272.35z" fill="#f0f0f0"/><g><g><g><g><path d="m357.91 166.91h-170.61c-3.31 0-6-2.69-6-6s2.69-6 6-6h170.61c3.31 0 6 2.69 6 6s-2.68 6-6 6z" fill="#c8c9cd"/></g></g><g><g><path d="m357.91 239.69h-170.61c-3.31 0-6-2.69-6-6s2.69-6 6-6h170.61c3.31 0 6 2.69 6 6s-2.68 6-6 6z" fill="#c8c9cd"/></g></g><g><g><path d="m346.65 312.48h-159.35c-3.31 0-6-2.69-6-6s2.69-6 6-6h159.35c3.31 0 6 2.69 6 6s-2.68 6-6 6z" fill="#c8c9cd"/></g></g><g><g><path d="m357.91 385.26h-170.61c-3.31 0-6-2.69-6-6s2.69-6 6-6h170.61c3.31 0 6 2.69 6 6s-2.68 6-6 6z" fill="#c8c9cd"/></g></g></g></g></g><g><circle cx="358.89" cy="374.78" fill="#24a7ff" r="86.28"/><g fill="#fff"><circle cx="358.89" cy="343.06" r="23.5"/><path d="m395.25 426h-72.72v-29.97c0-9.95 8.07-18.02 18.02-18.02h36.67c9.95 0 18.02 8.07 18.02 18.02v29.97z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
353
index.html
353
index.html
@ -7,33 +7,36 @@
|
||||
- theme-dark: Forces dark theme
|
||||
-->
|
||||
|
||||
<html class="theme-auto" lang="en"> <!-- Update`class="theme-auto" with your preference -->
|
||||
<html class="theme-dark" lang="en"> <!-- Update`class="theme-auto" with your preference -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
|
||||
<title>LittleLink</title>
|
||||
<title>Hey! It's Justin!</title>
|
||||
<link rel="icon" type="image/x-icon" href="/images/avatar.png"> <!-- Update this with your own favicon -->
|
||||
|
||||
<!-- Meta Description - Write a description (150-160 characters recommended) -->
|
||||
<meta name="description" content="Replace this with your own, this appears in search results and when sharing.">
|
||||
|
||||
<!-- Keywords -->
|
||||
<meta name="keywords" content="your name, industry, and specialties">
|
||||
|
||||
<!-- Canonical URL - Helps prevent duplicate content issues -->
|
||||
<meta rel="canonical" href="https://yourwebsite.com">
|
||||
|
||||
<!-- Author Information -->
|
||||
<meta name="author" content="Your Name">
|
||||
<meta name="description" content="Find me (Justin Smith) online! A list of links to all my different online profiles.">
|
||||
<meta name="author" content="Justin Smith">
|
||||
<meta name="og:title" content="Hey! It's Justin's... Little Links!">
|
||||
<meta name="og:description" content="Find me (Justin Smith) online! A list of links to all my different online profiles.">
|
||||
<meta name="og:type" content="website">
|
||||
<meta name="og:image" content="/images/avatar.png">
|
||||
<meta name="og:url" content="https://links.justinsmith.sh">
|
||||
<meta name="keywords" content="software engineer, dad, husband, coding, building, learning">
|
||||
<meta rel="canonical" href="https://links.justinsmith.sh">
|
||||
|
||||
<!-- Stylesheets -->
|
||||
<link rel="stylesheet" href="css/reset.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/brands.css">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="icon" type="image/png" href="images/avatar.png">
|
||||
|
||||
<!-- Umami Analytics -->
|
||||
<script defer src="https://cloud.umami.is/script.js" data-website-id="<YOUR_WEBSITE_ID>"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -49,328 +52,56 @@
|
||||
|
||||
Be sure to replace the src with your own image path and update the alt text
|
||||
-->
|
||||
<img class="avatar avatar--rounded" src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink">
|
||||
<img class="avatar avatar--rounded" src="images/avatar.png" srcset="images/avatar.png" alt="Justin Smith">
|
||||
|
||||
<!-- Replace with your name or brand -->
|
||||
<h1 tabindex="0">
|
||||
<div>LittleLink</div>
|
||||
<div>Justin Smith</div>
|
||||
</h1>
|
||||
|
||||
<!-- Add a short description about yourself or your brand -->
|
||||
<p tabindex="0">An open source DIY Linktree alternative.</p>
|
||||
<p tabindex="0">Currently turning data challenges into streamlined solutions. I design real-time pipelines, event-driven systems, and architectures that perform and scale. Problem solver, tech enthusiast, and team player. Secret PCL Clearance — trustworthy and ready to deliver. 🚀</p>
|
||||
|
||||
<!-- All your buttons go here -->
|
||||
<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>
|
||||
<h2>Professional</h2>
|
||||
|
||||
<!-- 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>
|
||||
<!-- Blog -->
|
||||
<a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/blog.svg" alt="Blog Icon">Blog</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>
|
||||
<!-- Resume -->
|
||||
<a class="button button-white" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-blog.svg" alt="Resume" style="filter: brightness(0);">Resume</a>
|
||||
|
||||
<!-- Digital Garden -->
|
||||
<a class="button button-purple" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/digital-garden.svg" alt="Digital Garden">Digital Garden</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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
<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>
|
||||
|
||||
<h2>Contact</h2>
|
||||
|
||||
<!-- 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>
|
||||
<!-- Email -->
|
||||
<a class="button button-apple-music-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/email.svg" alt="Email Logo">Email</a>
|
||||
|
||||
<h2>Social</h2>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
<h2>Donations/Payments</h2>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
<!-- Cash App Dollar -->
|
||||
<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>
|
||||
|
||||
<!-- 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>
|
||||
</div>
|
||||
|
||||
<!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->
|
||||
|
||||
20
privacy.html
20
privacy.html
@ -7,19 +7,19 @@
|
||||
- theme-dark: Forces dark theme
|
||||
-->
|
||||
|
||||
<html class="theme-auto" lang="en"> <!-- Update `class="theme-auto"` with your preference -->
|
||||
<html class="theme-dark" lang="en"> <!-- Update `class="theme-auto"` with your preference -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
|
||||
<title>Privacy Policy | LittleLink</title>
|
||||
<link rel="icon" type="image/x-icon" href="/images/avatar.png"> <!-- Update this with your own favicon -->
|
||||
<title>Privacy Policy | Justin Smith</title>
|
||||
<link rel="icon" type="image/x-icon" href="images/avatar.png"> <!-- Update this with your own favicon -->
|
||||
|
||||
|
||||
<!-- Meta Description - Write a description (150-160 characters recommended) -->
|
||||
<meta name="description" content="Privacy policy and data collection information for LittleLink">
|
||||
<meta name="description" content="Privacy policy and data collection information for Justin Smith">
|
||||
<meta name="robots" content="noindex"> <!-- Since this is a utility page -->
|
||||
|
||||
<!-- Stylesheets -->
|
||||
@ -42,10 +42,10 @@
|
||||
<h2 id="analytics-heading" tabindex="0">Analytics</h2>
|
||||
<p tabindex="0">The services contained in this section enable the Owner to monitor and analyze web traffic and can be used to keep track of User behavior.</p>
|
||||
|
||||
<h3 tabindex="0">Example LLC</h3>
|
||||
<h3 tabindex="0">Umami</h3>
|
||||
<ul role="list">
|
||||
<li tabindex="0">Personal Data: various types of Data as specified in the privacy policy of the service</li>
|
||||
<li><a href="https://example.com/privacy/" target="_blank" rel="noopener">Privacy Policy</a></li>
|
||||
<li><a href="https://umami.is/privacy" target="_blank" rel="noopener">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
@ -54,10 +54,10 @@
|
||||
<p tabindex="0">This type of service allows you to view content hosted on external platforms directly from the pages of this website and interact with them.</p>
|
||||
<p tabindex="0">This type of service might still collect web traffic data for the pages where the service is installed, even when Users do not use it.</p>
|
||||
|
||||
<h3 tabindex="0">Example LLC</h3>
|
||||
<h3 tabindex="0">GitHub</h3>
|
||||
<ul role="list">
|
||||
<li tabindex="0">Personal Data: Usage Data; various types of Data as specified in the privacy policy of the service</li>
|
||||
<li><a href="https://example.com/privacy/" target="_blank" rel="noopener">Privacy Policy</a></li>
|
||||
<li><a href="https://github.com/privacy" target="_blank" rel="noopener">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
@ -66,10 +66,10 @@
|
||||
<p tabindex="0">This type of service has the purpose of hosting Data and files that enable this website to exist.</p>
|
||||
<p tabindex="0">Some services among those listed below, if any, may work through geographically distributed servers, making it difficult to determine the actual location where the Personal Data are stored.</p>
|
||||
|
||||
<h3 tabindex="0">Example LLC</h3>
|
||||
<h3 tabindex="0">Vercel</h3>
|
||||
<ul role="list">
|
||||
<li tabindex="0">Personal Data: various types of Data as specified in the privacy policy of the service</li>
|
||||
<li><a href="https://example.com/privacy" target="_blank" rel="noopener">Privacy Policy</a></li>
|
||||
<li><a href="https://vercel.com/legal/privacy" target="_blank" rel="noopener">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user