Something went wrong. Try again.
My social links (https://git.gay/FibreTTP/me). me.fib.red
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358/** LittleLink* https://littlelink.io* Free to use under the MIT license* http://www.opensource.org/licenses/mit-license.php*/
/* Grid–––––––––––––––––––––––––––––––––––––––––––––––––– */.container { position:relative; width:100%; max-width:37.5rem; /* 600px */ text-align:center; margin:0 auto; padding:var(--spacing-xl) var(--spacing-m) 0 var(--spacing-m); 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;}.container-left p { margin-bottom: 1rem; /* 16px space between paragraphs */}.column { width:100%; box-sizing:border-box;}/* For devices larger than 400px */@media (min-width:25rem) { /* 400px */ .container { width:85%; }}/* For devices larger than 550px */@media (min-width:34.375rem) { /* 550px */ .container { width:80%; }}
/* Base Styles–––––––––––––––––––––––––––––––––––––––––––––––––– */body { margin:0; padding:0; background-color:#edfffe; color:#1a1a1a; font-family:"Montserrat",system-ui; font-weight:400; line-height:1.6;}.fibre-colour { color: #212121}
/* 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 */
/* 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 */}
/* 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;}
/* Typography Scale */h1 { margin:0 0 var(--spacing-m) 0; font-size:var(--scale-5); /* ~49px */ font-weight:700; font-style: italic; line-height:1.1; letter-spacing:-0.02em; word-wrap:break-word; overflow-wrap:break-word; hyphens:auto; /* Delete this to remove automatic hyphen on line break */}body { 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;}
/* Footer */footer { margin:var(--spacing-xxl) 0; /* 4rem (64px) top and bottom */ font-size:var(--scale-0);}
/* Responsive adjustments */@media (max-width:34.375rem) { /* 550px */ h1 { font-size:2rem;}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:hover { 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:600; 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 span::after { content: attr(data-default);}.button:hover span::after { content: attr(data-hover);}
/* Icons–––––––––––––––––––––––––––––––––––––––––––––––––– */.icon { width:1.25rem; height:1.25rem; margin-right:0.5rem; flex-shrink:0;}
/* Avatar Modifiers–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* 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 */}
/* Theme System–––––––––––––––––––––––––––––––––––––––––––––––––– *//* Light theme is default above */
/* Light theme (forced) */:root.theme-light { color-scheme:light;}
/* Dark theme */:root.theme-dark { color-scheme:dark;}:root.theme-dark :focus-visible { outline: 2px solid #4899F7; outline-offset: 2px;}:root.theme-dark body { background-color:#212121; color:#ffffff;}:root.theme-dark a:not(.button) { color:#4899F7;}:root.theme-dark a:not(.button):hover { color:#7AB8FF;}
/* Auto theme */:root.theme-auto { color-scheme:light dark;}@media (prefers-color-scheme:dark) { :root.theme-auto body { background-color:#212121; color:#ffffff; } .fibre-colour { color: #edfffe } :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; }}
/* Button Text Color Override–––––––––––––––––––––––––––––––––––––––––––––––––– */.button:hover,button:hover { color:var(--button-text,#000000);}
/* Privacy Page Styles–––––––––––––––––––––––––––––––––––––––––––––––––– */.container-left nav { margin:var(--spacing-l) 0; text-align:left;}section { margin:var(--spacing-xl) 0; text-align:left;}h2 { 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;}ul { list-style:none; padding:0; margin:0 0 var(--spacing-m) 0;}ul li { 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; }}
/* Font Face Definitions–––––––––––––––––––––––––––––––––––––––––––––––––– *//* montserrat-regular - latin */@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
/* montserrat-600 - latin */@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
/* montserrat-700 - latin */@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
/* montserrat-700italic - latin */@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('../fonts/montserrat-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
/* montserrat-800 - latin */@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}