diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json new file mode 100644 index 0000000..feab4a3 --- /dev/null +++ b/.devcontainer/devcontainer.json @@ -0,0 +1,28 @@ +// For format details, see https://aka.ms/devcontainer.json. For config options, see the +// README at: https://github.com/devcontainers/templates/tree/main/src/alpine +{ + "name": "Alpine", + // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile + "image": "mcr.microsoft.com/devcontainers/base:alpine", + + // Features to add to the dev container. More info: https://containers.dev/features. + // "features": {}, + + // Use 'forwardPorts' to make a list of ports inside the container available locally. + // "forwardPorts": [], + + // Use 'postCreateCommand' to run commands after the container is created. + // "postCreateCommand": "uname -a", + + "customizations": { + // Configure properties specific to VS Code. + "vscode": { + "extensions": [ + "ritwickdey.liveserver" + ] + } + } + + // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root. + // "remoteUser": "root" +} diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 0000000..fb7b138 --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1,6 @@ +# These are supported funding model platforms + +github: sethcottle +patreon: sethcottle +ko_fi: sethcottle +custom: [https://buymeacoffee.com/seth, https://paypal.me/sethcottle] diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4befed3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.DS_Store +.idea diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..03231cc --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,8 @@ +MIT License +Copyright 2019-2021 Seth Cottle + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..a2b84a0 --- /dev/null +++ b/README.md @@ -0,0 +1,106 @@ +![Logo](https://cdn.cottle.cloud/littlelink/littlelink.gif) + +# LittleLink +The DIY self-hosted LinkTree alternative. LittleLink has more than 100 branded button styles you can easily use, with more regularly added by our community in this repo and in [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). + +--- +### ๐ŸŒž Themes and Accessibility +LittleLink offers both `light` and `dark` themes right out of the box. If the default color schemes don't match your preference, you can easily customize them by updating the values in `skeleton-light.css` or `skeleton-dark.css`. For those who prefer an automatic adjustment, setting your CSS to `skeleton-auto.css` enables the theme to adapt based on the device's system settings. To enhance visual accessibility in both `light` and `dark` modes, buttons lacking sufficient contrast with the background are outlined with an inverse stroke to ensure visibility. While LittleLink emphasizes accessibility, it's important to acknowledge that not all brands incorporated into LittleLink achieve this standard. Branded buttons that come into LittleLink always retain the original essence of the brand and some branded buttons might fall short of optimal accessibility in terms of contrast. + +![Theme](https://cdn.cottle.cloud/littlelink/themesupport.gif) + +--- +### ๐Ÿฅ‡ Performance + +![Performance](https://cdn.cottle.cloud/littlelink/PerformanceBlock.svg) + +LittleLink epitomizes simplicity and minimalism. When evaluating the [LittleLink sample page](https://littlelink.io/sample/seth) (which mirrors a typical LittleLink setup for an individual) through tools such as [Google PageSpeed Insights](https://pagespeed.web.dev/analysis/https-littlelink-io-sample-seth/17ex80ryq4?form_factor=mobile), showcases LittleLink's excellence with 100/100 in Performance, Accessibility, Best Practices, and SEO. My initial vision for LittleLink was to craft it from the fundamentals. I chose [Skeleton](http://getskeleton.com/) as the foundation, enabling me to create something minimal and quick, removing the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity. + +--- +### โ˜๏ธ Deploy + +![Publish](https://cdn.cottle.cloud/littlelink/Deployment.svg) + +No need for gulp, npm, or anything else to make LittleLink workโ€”it uses the bare essentials. You can automatically fork and deploy LittleLink with [Vercel](https://vercel.com/), [Netlify](https://www.netlify.com/), or [Amplify](https://aws.amazon.com/amplify) using the button below. LittleLink is also easy to host through [GitHub Pages](https://pages.github.com/) or on your home lab server, CDN, or other frontend hosting services. To edit, all you need is a little basic HTML knowledge to add a link to the exisiting buttons or you can create your own. See our [adding custom buttons to your own fork wiki](https://github.com/sethcottle/littlelink/wiki/Adding-custom-buttons-to-your-own-fork). It's simple, promise. ๐Ÿคž + +--- +##### One-Click Deployments + +[![Deploy to Vercel](https://cdn.cottle.cloud/littlelink/button-deploy-vercel.svg)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink) + +[![Deploy to Netlify](https://cdn.cottle.cloud/littlelink/button-deploy-netlify.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/sethcottle/littlelink) + +[![Deploy to Amplify](https://cdn.cottle.cloud/littlelink/button-deploy-amplify.svg)](https://console.aws.amazon.com/amplify/home#/deploy?repo=https://github.com/sethcottle/littlelink) + +--- + +### ๐Ÿค Contributions +Please reference the [submitting a new brand to LittleLink wiki](https://github.com/sethcottle/littlelink/wiki/Submitting-a-new-brand-to-LittleLink) before opening a PR. + +--- +### ๐Ÿ“ฆ Community Extras + +#### ๐Ÿ›ธ LittleLink Extended +Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered and more focused on delivering branded experiences for the majority of users. + +#### ๐ŸŽจ Figma +Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page. + +[![Figma Community](https://cdn.cottle.cloud/littlelink/button-figma-community.svg)](https://www.figma.com/community/file/846568099968305613) + +#### ๐Ÿ‹ Docker +โ€ข [Techno Tim](https://github.com/timothystewart6) is building [LittleLink-Server](https://github.com/techno-tim/littlelink-server). Check out [his video](https://youtu.be/42SqfI_AjXU)! + +โ€ข [Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink). + +#### ๐Ÿ—ƒ๏ธ Misc +โ€ข [Khashayar](https://github.com/khashayarzavosh) is building [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) which lets you host your own admin portal to manage LittleLink! + +โ€ข [Julian](https://github.com/JulianPrieber) is building [LittleLink Custom](https://github.com/JulianPrieber/littlelink-custom) which approaches the admin portal with an easy-to-use "plug-and-play" mentality! + +--- + +### ๐Ÿ’– Supporters +You can support LittleLink by [buying me a coffee](https://www.buymeacoffee.com/seth). You can also have your name or your company added to this section and the supporters page of the [LittleLink.io](https://littlelink.io) website. + +#### ๐Ÿข Business Supporters +โ€ข **[links.dev](https://github.com/fatih-yavuz/links.dev)** + +[![Add Your Company Name](https://cdn.cottle.cloud/littlelink/button-buy-me-a-coffee-company.svg)](https://www.buymeacoffee.com/seth/e/50574) + +#### โœจ Individual Supporters +โ€ข **[Drew Davis](https://connect.davisdre.me)** + +โ€ข **[Robotter112](https://robotter112.de/)** + +[![Buy Me A Coffee](https://cdn.cottle.cloud/littlelink/button-buy-me-a-coffee-individual.svg)](https://www.buymeacoffee.com/seth/e/50573) + +#### ๐Ÿ™ GitHub Sponsors +โ€ข **[Your Name Here](https://github.com/sponsors/sethcottle)** + +[![GitHub Sponsors](https://cdn.cottle.cloud/littlelink/button-github-sponsors.svg)](https://github.com/sponsors/sethcottle) + +#### โค๏ธ Patreon Members +โ€ข **[Your Name Here](https://www.patreon.com/sethcottle)** + +[![Patreon](https://cdn.cottle.cloud/littlelink/button-patreon.svg)](https://www.patreon.com/sethcottle) + + +#### ๐Ÿฅฐ More Ways to Support LittleLink +[![Buy Me A Coffee](https://cdn.cottle.cloud/littlelink/button-buy-me-a-coffee.svg)](https://www.buymeacoffee.com/seth/) + +[![Ko-Fi](https://cdn.cottle.cloud/littlelink/button-ko-fi.svg)](https://ko-fi.com/sethcottle) + +[![PayPal](https://cdn.cottle.cloud/littlelink/button-paypal.svg)](https://paypal.me/sethcottle/) + +--- + +### ๐Ÿ“Š Analytics + +To help build a more privacy focused product, we recommend using [Fathom Analytics](https://usefathom.com/ref/EQVZMV)*. [View our Fathom analytics dashboard](https://app.usefathom.com/share/xbmnwxxl/littlelink.io#/?filters=%5B%5D&range=last_7_days&site=2251799827005303)**. + +###### * This is a referral link. Using this link to sign up for Fathom is an easy way to help support LittleLink! + +###### ** Analytics in this dashboard start May 03, 2022. View this [Google Sheets file](https://docs.google.com/spreadsheets/d/1GL4SroAdH-OZphBVR5z-BoSukHIEVJfao25q_e9-Ii8/edit?usp=sharing) with the generic unique pageview data from Google Analytics. + +[![Fathom](https://cdn.cottle.cloud/littlelink/button-fathom-analytics.svg)](https://usefathom.com/ref/EQVZMV) diff --git a/css/brands.css b/css/brands.css new file mode 100644 index 0000000..0f04e30 --- /dev/null +++ b/css/brands.css @@ -0,0 +1,1079 @@ +/* +* littlelink.io +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + +/* +* Built using on: +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + +/* Table of contents +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ + +- Buttons +- Brand Styles + +*/ + +/* Buttons +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ + +.button, +button { + display: inline-block; + text-decoration: none; + height: 100%; + text-align: center; + vertical-align: middle; + font-size: 18px; + width: 300px; + font-weight: 700; + line-height: 20px; + padding: 14px 12px 12px 12px; + letter-spacing: 0.1px; + white-space: wrap; + outline: none; + border-radius: 8px; + cursor: pointer; + +} +button:hover, +.button:focus { + color: #212121; + border-color: #888; + outline: #7AB8FF solid 3px +} +.button.button-primary { + color: #fff; + filter: brightness(90%); +} +.button.button-primary:hover, +.button.button-primary:focus { + color: #fff; + filter: brightness(90%); +} + +/* Brand Icons +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ + +.icon { + padding: 0px 8px 3.5px 0px; + vertical-align: middle; + width: 20px; + height: 20px; +} + +/* Brand Styles +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ + +/* Default (this is great for your own brand color!) */ +.button.button-default { + color: #ffffff; + background-color: #2457F5; +} +.button.button-default:hover, +.button.button-default:focus { + filter: brightness(90%); +} + +/* Amazon */ +.button.button-amazon { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #212121; +} +.button.button-amazon:hover, +.button.button-amazon:focus { + filter: brightness(90%); +} + +/* Amazon Music */ +.button.button-amazon-music { + color: #000000; + background-color: #25D1DA; +} +.button.button-amazon-music:hover, +.button.button-amazon-music:focus { + filter: brightness(90%); +} + +/* Apple App Store */ +.button.button-appstore { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-appstore:hover, +.button.button-appstore:focus { + filter: brightness(90%); +} + +/* Apple Music */ +.button.button-apple-music { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-apple-music:hover, +.button.button-apple-music:focus { + filter: brightness(90%); +} + +/* Apple Music Alt */ +.button.button-apple-music-alt { + color: #ffffff; + background-image: linear-gradient(to bottom, #FB5C74, #FA233B); +} +.button.button-apple-music-alt:hover, +.button.button-apple-music-alt:focus { + filter: brightness(90%); +} + +/* Apple Podcasts */ +.button.button-apple-podcasts { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-apple-podcasts:hover, +.button.button-apple-podcasts:focus { + filter: brightness(90%); +} + +/* Apple Podcasts Alt */ +.button.button-apple-podcasts-alt { + color: #ffffff; + background-image: linear-gradient(to bottom, #F452FF, #832BC1); +} +.button.button-apple-podcasts-alt:hover, +.button.button-apple-podcasts-alt:focus { + filter: brightness(90%); +} + +/* ArtStation */ +.button.button-artstation { + color: #ffffff; + background-color: #18181C; + border: 1px solid #FFFFFF; +} +.button.button-artstation:hover, +.button.button-artstation:focus { + filter: brightness(90%); +} + +/* Bandcamp */ +.button.button-bandcamp { + color: #ffffff; + background-color: #1d9fc3; +} +.button.button-bandcamp:hover, +.button.button-bandcamp:focus { + filter: brightness(90%); +} + +/* Behance */ +.button.button-behance { + color: #ffffff; + background-color: #0057FF; +} +.button.button-behance:hover, +.button.button-behance:focus { + filter: brightness(90%); +} + +/* Bluesky */ +.button.button-bluesky { + color: #FFFFFF; + background-color: #1185FE; +} + +.button.button-bluesky:hover, +.button.button-bluesky:focus { + filter: brightness(90%); +} + +/* Bluesky Alt */ +.button.button-bluesky-alt { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #000000; +} +.button.button-bluesky-alt:hover, +.button.button-bluesky-alt:focus { + filter: brightness(90%); +} + +/* Buy Me a Coffee */ +.button.button-coffee { + color: #000000; + background-color: #ffdd00; +} +.button.button-coffee:hover, +.button.button-coffee:focus { + filter: brightness(90%); +} + +/* Cal.com */ +.button.button-cal { + color: #FFFFFF; + background-color: #292929; + border: 1px solid #FFFFFF; +} +.button.button-cal:hover, +.button.button-cal:focus { + filter: brightness(90%); +} + +/* Calendly */ +.button.button-calendly { + color: #FFFFFF; + background-color: #006BFF; +} +.button.button-calendly:hover, +.button.button-calendly:focus { + filter: brightness(90%); +} + +/* Cash App */ +.button.button-cash-app { + color: #ffffff; + background-image: linear-gradient(to bottom, #00d64b, #00c244); +} +.button.button-cash-app:hover, +.button.button-cash-app:focus { + filter: brightness(90%); +} + +/* dev.to */ +.button.button-dev-to { + color: #000000; + background-color: #f5f5f5; + border: 1px solid #212121; +} +.button.button-dev-to:hover, +.button.button-dev-to:focus { + filter: brightness(90%); +} + +/* Discogs */ +.button.button-discogs { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #000000 +} +.button.button-discogs:hover, +.button.button-discogs:focus { + filter: brightness(90%); +} + +/* Discogs Alt */ +.button.button-discogs-alt { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF +} +.button.button-discogs-alt:hover, +.button.button-discogs-alt:focus { + filter: brightness(90%); +} + +/* Discord */ +.button.button-discord { + color: #ffffff; + background-color: #161CBB; +} +.button.button-discord:hover, +.button.button-discord:focus { + filter: brightness(90%); +} + +/* Dribbble */ +.button.button-dribbble { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #212121; +} +.button.button-dribbble:hover, +.button.button-dribbble:focus { + filter: brightness(90%); +} + +/* Etsy */ +.button.button-etsy { + color: #ffffff; + background-color: #F45800; +} +.button.button-etsy:hover, +.button.button-etsy:focus { + filter: brightness(90%); +} + +/* Facebook */ +.button.button-faceb { + color: #ffffff; + background-color: #1877f2; +} +.button.button-faceb:hover, +.button.button-faceb:focus { + filter: brightness(90%); +} + +/* Facebook Messenger */ +.button.button-messenger { + color: #ffffff; + background-image: linear-gradient( + 25deg, + #0099ff, + #5f5dff, + #a033ff, + #c740cc, + #ff5280, + #ff7061 + ); +} +.button.button-messenger:hover, +.button.button-messenger:focus { + filter: brightness(90%); +} + +/* Figma */ +.button.button-figma { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-figma:hover, +.button.button-figma:focus { + filter: brightness(90%); +} + +/* Fiverr */ +.button.button-fiverr { + color: #ffffff; + background-color: #1DBF73; +} +.button.button-fiverr:hover, +.button.button-fiverr:focus { + filter: brightness(90%); +} + +/* Flickr */ +.button.button-flickr { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-flickr:hover, +.button.button-flickr:focus { + filter: brightness(90%); +} + +/* GitHub */ +.button.button-github { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-github:hover, +.button.button-github:focus { + filter: brightness(90%); +} + +/* GitLab */ +.button.button-gitlab { + color: #ffffff; + background-color: #6151b2; +} +.button.button-gitlab:hover, +.button.button-gitlab:focus { + filter: brightness(90%); +} + +/* GoFundMe */ +.button.button-gofundme { + color: #ffffff; + background-color: #02A95C; +} +.button.button-gofundme:hover, +.button.button-gofundme:focus { + filter: brightness(90%); +} + +/* Goodreads */ +.button.button-goodreads { + color: #333333; + background-color: #f3f1e6; + border: 1px solid #212121; +} +.button.button-goodreads:hover, +.button.button-goodreads:focus { + filter: brightness(90%); +} + +/* Google Black */ +.button.button-google-black { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-google-black:hover, +.button.button-google-black:focus { + filter: brightness(90%); +} + +/* Google Play Store */ +.button.button-playstore { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-playstore:hover, +.button.button-playstore:focus { + filter: brightness(90%); +} + +/* Google Scholar */ +.button.button-google-scholar { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #212121; +} +.button.button-google-scholar:hover, +.button.button-google-scholar:focus { + filter: brightness(90%); +} + +/* Hashnode */ +.button.button-hashnode { + color: #000000; + background-color: #ffffff; + border: 1px solid #212121; +} +.button.button-hashnode:hover, +.button.button-hashnode:focus { + filter: brightness(90%); +} + +/* Instagram */ +.button.button-instagram { + color: #ffffff; + background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); +} +.button.button-instagram:hover, +.button.button-instagram:focus { + filter: brightness(90%); +} + +/* Kick */ +.button.button-kick { + background-color:#000000; + color: #ffffff; + border: 1px solid #ffffff; +} +.button.button-kick:hover { + filter: brightness(90%); +} + +/* Kick Alt */ +.button.button-kick-alt { + background-color:#01e701; + color: #000; +} +.button.button-kick-alt:hover { + filter: brightness(90%); +} + +/* Kickstarter */ +.button.button-kickstarter { + color: #ffffff; + background-color: #05ce78; +} +.button.button-kickstarter:hover, +.button.button-kickstarter:focus { + filter: brightness(90%); +} + +/* Kit */ +.button.button-kit { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-kit:hover, +.button.button-kit:focus { + filter: brightness(90%); +} + +/* Ko-fi */ +.button.button-ko-fi { + color: #ffffff; + background-color: #13C3FF; +} +.button.button-ko-fi:hover, +.button.button-ko-fi:focus { + filter: brightness(90%); +} + +/* Last.fm */ +.button.button-last-fm { + color: #ffffff; + background-color: #D51007; +} +.button.button-last-fm:hover, +.button.button-last-fm:focus { + filter: brightness(90%); +} + +/* Letterboxd */ +.button.button-letterboxd { + color: #ffffff; + background-color: #2c3440; + border: 1px solid #FFFFFF; +} +.button.button-letterboxd:hover, +.button.button-letterboxd:focus { + filter: brightness(90%); +} + +/* Line */ +.button.button-line { + color: #FFFFFF; + background-color: #06C755; +} +.button.button-line:hover, +.button.button-line:focus { + filter: brightness(90%); +} + +/* LinkedIn */ +.button.button-linked { + color: #ffffff; + background-color: #2867b2; +} +.button.button-linked:hover, +.button.button-linked:focus { + filter: brightness(90%); +} + +/* Mailchimp */ +.button.button-mailchimp { + color: #000000; + background-color: #FFE01B; +} +.button.button-mailchimp:hover, +.button.button-mailchimp:focus { + filter: brightness(90%); +} + +/* Mastodon */ +.button.button-mastodon { + color: #ffffff; + background-color: #17063B; + border: 1px solid #FFFFFF; +} +.button.button-mastodon:hover, +.button.button-mastodon:focus { + filter: brightness(90%); +} + +/* Medium */ +.button.button-medium { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-medium:hover, +.button.button-medium:focus { + filter: brightness(90%); +} + +/* Microsoft */ +.button.button-microsoft { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-microsoft:hover, +.button.button-microsoft:focus { + filter: brightness(90%); +} + +/* NGL */ +.button.button-ngl { + color: #ffffff; + background-image: linear-gradient(-45deg, #ff8d10, #ec1187); +} +.button.button-ngl:hover, +.button.button-ngl:focus { + filter: brightness(90%); +} + +/* Notion */ +.button.button-notion { + color: #000000; + border: 1px solid #212121; + background-color: #ffffff; +} +.button.button-notion:hover, +.button.button-notion:focus { + filter: brightness(90%); +} + +/* OnlyFans */ +.button.button-onlyfans { + color: #ffffff; + background-color: #00AEEF; +} +.button.button-onlyfans:hover, +.button.button-onlyfans:focus { + filter: brightness(90%); +} + +/* Patreon */ +.button.button-patreon { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-patreon:hover, +.button.button-patreon:focus { + filter: brightness(90%); +} + +/* PayPal */ +.button.button-paypal { + color: #ffffff; + background-color: #003087; +} +.button.button-paypal:hover, +.button.button-paypal:focus { + filter: brightness(90%); +} + +/* Pinterest */ +.button.button-pinterest { + color: #000000; + background-color: #ffe2eb; + border: 1px solid #212121; +} +.button.button-pinterest:hover, +.button.button-pinterest:focus { + filter: brightness(90%); +} + +/* Post.news */ +.button.button-post-news { + color: #ffffff; + background-color: #678BFF; +} +.button.button-post-news:hover, +.button.button-post-news:focus { + filter: brightness(90%); +} + +/* Product Hunt */ +.button.button-product-hunt { + color: #000000; + background-color: #ffffff; + border: 1px solid #212121; +} +.button.button-producthunt:hover, +.button.button-producthunt:focus { + filter: brightness(90%); +} + +/* Read.cv */ +.button.button-read-cv { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-read-cv:hover, +.button.button-read-cv:focus { + filter: brightness(90%); +} + +/* Redbubble */ +.button.button-redbubble { + color: #e41321; + background-color: #ffffff; + border: 1px solid #212121; +} +.button.button-redbubble:hover, +.button.button-redbubble:focus { + filter: brightness(90%); +} + +/* Reddit */ +.button.button-reddit { + color: #FFFFFF; + background-color: #FF4500; +} +.button.button-reddit:hover, +.button.button-reddit:focus { + filter: brightness(90%); +} + +/* Revolut */ +.button.button-revolut { + color: #000000; + background-color: #ffffff; + border: 1px solid black; +} +.button.button-revolut:hover, +.button.button-revolut:focus { + filter: brightness(90%); +} + +/* Shop */ +.button.button-shop { + color: #ffffff; + background-color: #5A31F4; +} +.button.button-shop:hover, +.button.button-shop:focus { + filter: brightness(90%); +} + +/* Signal */ +.button.button-signal { + color: #ffffff; + background-color: #3a76f0; +} +.button.button-signal:hover, +.button.button-signal:focus { + filter: brightness(90%); +} + +/* Slack */ +.button.button-slack { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #212121; +} +.button.button-slack:hover, +.button.button-slack:focus { + filter: brightness(90%); +} + +/* Snapchat */ +.button.button-snapchat { + color: #000000; + background-color: #fffc00; +} +.button.button-snapchat:hover, +.button.button-snapchat:focus { + filter: brightness(90%); +} + +/* SoundCloud */ +.button.button-soundcloud { + color: #ffffff; + background-color: #ff5500; +} +.button.button-soundcloud:hover, +.button.button-soundcloud:focus { + filter: brightness(90%); +} + +/* Spotify */ +.button.button-spotify { + color: #191414; + background-color: #1db954; +} +.button.button-spotify:hover, +.button.button-spotify:focus { + filter: brightness(90%); +} + +/* Spotify Alt */ +.button.button-spotify-alt { + color: #FFFFFF; + background-color: #191414; + border: 1px solid #FFFFFF; +} +.button.button-spotify-alt:hover, +.button.button-spotify-alt:focus { + filter: brightness(90%); +} + +/* Square */ +.button.button-square { + color: #FFFFFF; + background-color: #006AFF; +} +.button.button-square:hover, +.button.button-square:focus { + filter: brightness(90%); +} + +/* Stack Overflow */ +.button.button-stack-overflow { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #000000; +} +.button.button-stack-overflow:hover, +.button.button-stack-overflow:focus { + filter: brightness(90%); +} + +/* Steam */ +.button.button-steam { + color: #ffffff; + background-image: linear-gradient(90deg, #08BBFF, #2B75FF); +} +.button.button-steam:hover, +.button.button-steam:focus { + filter: brightness(90%); +} + +/* Steam Alt */ +.button.button-steam-alt { + color: #ffffff; + background-image: linear-gradient(90deg, #09172a, #072a57, #0c5085); + border: 1px solid #FFFFFF; +} +.button.button-steam-alt:hover, +.button.button-steam-alt:focus { + filter: brightness(90%); +} + +/* Strava */ +.button.button-strava { + color: #ffffff; + background-color: #fc5200; +} +.button.button-strava:hover, +.button.button-strava:focus { + filter: brightness(90%); +} + +/* Substack */ +.button.button-substack { + color: #ffffff; + background-color: #FF6719; +} +.button.button-substack:hover, +.button.button-substack:focus { + filter: brightness(90%); +} + +/* Telegram */ +.button.button-telegram { + color: #ffffff; + background-color: #3faee8; +} +.button.button-telegram:hover, +.button.button-telegram:focus { + filter: brightness(90%); +} + +/* Threads */ +.button.button-threads { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-threads:hover, +.button.button-threads:focus { + filter: brightness(90%); +} + +/* Threema */ +.button.button-threema { + color: #000000; + background-color: #3fe669; +} +.button.button-threema:hover, +.button.button-threema:focus { + filter: brightness(90%); +} + +/* TikTok */ +.button.button-tiktok { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-tiktok:hover, +.button.button-tiktok:focus { + filter: brightness(90%); +} + +/* Trakt */ +.button.button-trakt { + color: #ffffff; + background-color: #ED1C24; +} +.button.button-trakt:hover, +.button.button-trakt:focus { + filter: brightness(90%); +} + +/* Trello */ +.button.button-trello { + color: #ffffff; + background-color: #0065ff; +} +.button.button-trello:hover, +.button.button-trello:focus { + filter: brightness(90%); +} + +/* Tumblr */ +.button.button-tumb { + color: #ffffff; + background-color: #131313; + border: 1px solid #FFFFFF; +} +.button.button-tumb:hover, +.button.button-tumb:focus { + filter: brightness(90%); +} + +/* Twitch */ +.button.button-twitch { + color: #ffffff; + background-color: #9146ff; +} +.button.button-twitch:hover, +.button.button-twitch:focus { + filter: brightness(90%); +} + +/* Unsplash */ +.button.button-unsplash { + color: #000000; + background-color: #ffffff; + border: 1px solid #212121; +} +.button.button-unsplash:hover, +.button.button-unsplash:focus { + filter: brightness(90%); +} + +/* Untappd */ +.button.button-untappd { + color: #000000; + background-color: #ffc000; +} +.button.button-untappd:hover, +.button.button-untappd:focus { + filter: brightness(90%); +} + +/* Upwork */ +.button.button-upwork { + color: #FFFFFF; + background-color: #14A800; +} +.button.button-upwork:hover, +.button.button-upwork:focus { + filter: brightness(90%); +} + +/* Venmo */ +.button.button-venmo { + color: #ffffff; + background-color: #008CFF; +} +.button.button-venmo:hover, +.button.button-venmo:focus { + filter: brightness(90%); +} + +/* Vimeo */ +.button.button-vimeo { + color: #ffffff; + background-color: #1ab7ea; +} +.button.button-vimeo:hover, +.button.button-vimeo:focus { + filter: brightness(90%); +} + +/* VSCO */ +.button.button-vsco { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-vsco:hover, +.button.button-vsco:focus { + filter: brightness(90%); +} + +/* Website */ +.button.button-web { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-web:hover, +.button.button-web:focus { + filter: brightness(90%); +} + +/* WhatsApp */ +.button.button-whatsapp { + color: #ffffff; + background-color: #455a64; +} +.button.button-whatsapp:hover, +.button.button-whatsapp:focus { + filter: brightness(90%); +} + +/* Wordpress */ +.button.button-wordpress { + color: #ffffff; + background-color: #21759b; +} +.button.button-wordpress:hover, +.button.button-wordpress:focus { + filter: brightness(90%); +} + +/* X */ +.button.button-x { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-x:hover, +.button.button-x:focus { + filter: brightness(90%); +} + +/* YouTube */ +.button.button-yt { + color: #ffffff; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-yt:hover, +.button.button-yt:focus { + filter: brightness(90%); +} + +/* Zoom */ +.button.button-zoom { + color: #ffffff; + background-color: #0B5CFF; +} +.button.button-zoom:hover, +.button.button-zoom:focus { + filter: brightness(90%); +} \ No newline at end of file diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..458eea1 --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,427 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css new file mode 100644 index 0000000..56f49cb --- /dev/null +++ b/css/skeleton-auto.css @@ -0,0 +1,279 @@ +/* +* littlelink V1 +* https://littlelink.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/21/2019 +* +* Built using: +* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + +/* Table of contents +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ +- Grid +- Base Styles +- Typography +- Links +- Code +- Spacing +- Utilities +* +* You'll find the button css in css/brands.css. +* +*/ + +/* Grid +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +.container { + position: relative; + width: 100%; + max-width: 600px; + text-align: center; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.container-left { + position: relative; + width: 100%; + max-width: 600px; + text-align: left; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.column { + position: center; + width: 100%; + float: center; + box-sizing: border-box; +} + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; + } +} + +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; + } + .column, + .columns { + margin-left: 0; + } + .column:first-child, + .columns:first-child { + margin-left: 0; + } +} + +/* Base Styles +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ + +html { + font-size: 100%; + color-scheme: light dark; +} +body { + font-size: 18px; + line-height: 24px; + font-weight: 400; + font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, + sans-serif; +} + +/* Typography +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +h1 { + margin-top: 0; + margin-bottom: 16px; + font-weight: 800; +} +h1 { + font-size: 24px; + line-height: 64px; + letter-spacing: 0; +} + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { + font-size: 48px; + line-height: 96px; + } +} + +p { + margin-top: 0; +} + +/* Links +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +a { + color: #2457F5; +} +a:hover { + color: #083BDA; +} +a:focus { + outline: #7AB8FF solid 2px; + border-radius: 2px; +} + +/* Link Color Dark Theme */ +@media (prefers-color-scheme: dark) { + a { + color: #4899F7; +} +a:hover { + color: #7AB8FF; +} +a:focus { + outline: #7AB8FF solid 2px; + border-radius: 2px; +} +} + +/* Code +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +code { + padding: 0.2rem 0.5rem; + margin: 0 0.2rem; + font-size: 90%; + white-space: nowrap; + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; +} +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; +} + +/* Spacing +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +button, +.button { + margin-bottom: 1rem; +} +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; +} +pre, +blockquote, +dl, +figure, +p, +ol { + margin-bottom: 2.5rem; +} + +/* Utilities +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +.u-full-width { + width: 100%; + box-sizing: border-box; +} +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; +} +.u-pull-right { + float: right; +} +.u-pull-left { + float: left; +} + +/* Misc +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #e1e1e1; +} +/* Radius values: + +10%-40%: Squircles +50% (default): True circle +*/ +.avatar { + width: 128px; + height: 128px; + object-fit: cover; + background-position: center; + border-radius: 50%; +} + +/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-600 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-800 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */ +} \ No newline at end of file diff --git a/css/skeleton-dark.css b/css/skeleton-dark.css new file mode 100644 index 0000000..f2f57f8 --- /dev/null +++ b/css/skeleton-dark.css @@ -0,0 +1,261 @@ +/* +* littlelink V1 +* https://littlelink.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/21/2019 +* +* Built using: +* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + +/* Table of contents +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ +- Grid +- Base Styles +- Typography +- Links +- Code +- Spacing +- Utilities +* +* You'll find the button css in css/brands.css. +* +*/ + +/* Grid +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +.container { + position: relative; + width: 100%; + max-width: 600px; + text-align: center; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.container-left { + position: relative; + width: 100%; + max-width: 600px; + text-align: left; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.column { + position: center; + width: 100%; + float: center; + box-sizing: border-box; +} + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; + } +} + +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; + } + .column, + .columns { + margin-left: 0; + } + .column:first-child, + .columns:first-child { + margin-left: 0; + } +} + +/* Base Styles +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ + +html { + font-size: 100%; + color-scheme: dark; +} +body { + font-size: 18px; + line-height: 24px; + font-weight: 400; + font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, + sans-serif; +} + +/* Typography +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +h1 { + margin-top: 0; + margin-bottom: 16px; + font-weight: 800; +} +h1 { + font-size: 24px; + line-height: 64px; + letter-spacing: 0; +} + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { + font-size: 48px; + line-height: 96px; + } +} + +p { + margin-top: 0; +} + +/* Links +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +a { + color: #4899F7; +} +a:hover { + color: #7AB8FF; +} + +/* Code +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +code { + padding: 0.2rem 0.5rem; + margin: 0 0.2rem; + font-size: 90%; + white-space: nowrap; + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; +} +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; +} + +/* Spacing +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +button, +.button { + margin-bottom: 1rem; +} +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; +} +pre, +blockquote, +dl, +figure, +p, +ol { + margin-bottom: 2.5rem; +} + +/* Utilities +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +.u-full-width { + width: 100%; + box-sizing: border-box; +} +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; +} +.u-pull-right { + float: right; +} +.u-pull-left { + float: left; +} + +/* Misc +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #e1e1e1; +} +/* Radius values: + +10%-40%: Squircles +50% (default): True circle +*/ +.avatar { + width: 128px; + height: 128px; + object-fit: cover; + background-position: center; + border-radius: 50%; +} + +/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-600 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-800 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */ +} \ No newline at end of file diff --git a/css/skeleton-light.css b/css/skeleton-light.css new file mode 100644 index 0000000..d33a65d --- /dev/null +++ b/css/skeleton-light.css @@ -0,0 +1,261 @@ +/* +* littlelink V1 +* https://littlelink.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/21/2019 +* +* Built using: +* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + +/* Table of contents +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ +- Grid +- Base Styles +- Typography +- Links +- Code +- Spacing +- Utilities +* +* You'll find the button css in css/brands.css. +* +*/ + +/* Grid +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +.container { + position: relative; + width: 100%; + max-width: 600px; + text-align: center; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.container-left { + position: relative; + width: 100%; + max-width: 600px; + text-align: left; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.column { + position: center; + width: 100%; + float: center; + box-sizing: border-box; +} + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; + } +} + +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; + } + .column, + .columns { + margin-left: 0; + } + .column:first-child, + .columns:first-child { + margin-left: 0; + } +} + +/* Base Styles +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ + +html { + font-size: 100%; + color-scheme: light; +} +body { + font-size: 18px; + line-height: 24px; + font-weight: 400; + font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, + sans-serif; +} + +/* Typography +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +h1 { + margin-top: 0; + margin-bottom: 16px; + font-weight: 800; +} +h1 { + font-size: 24px; + line-height: 64px; + letter-spacing: 0; +} + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { + font-size: 48px; + line-height: 96px; + } +} + +p { + margin-top: 0; +} + +/* Links +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +a { + color: #2457F5; +} +a:hover { + color: #083BDA; +} + +/* Code +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +code { + padding: 0.2rem 0.5rem; + margin: 0 0.2rem; + font-size: 90%; + white-space: nowrap; + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; +} +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; +} + +/* Spacing +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +button, +.button { + margin-bottom: 1rem; +} +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; +} +pre, +blockquote, +dl, +figure, +p, +ol { + margin-bottom: 2.5rem; +} + +/* Utilities +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +.u-full-width { + width: 100%; + box-sizing: border-box; +} +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; +} +.u-pull-right { + float: right; +} +.u-pull-left { + float: left; +} + +/* Misc +โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“โ€“ */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #e1e1e1; +} +/* Radius values: + +10%-40%: Squircles +50% (default): True circle +*/ +.avatar { + width: 128px; + height: 128px; + object-fit: cover; + background-position: center; + border-radius: 50%; +} + +/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-600 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */ +} +/* open-sans-800 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + 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'); /* IE9 Compat Modes */ + src: url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'), /* Modern Browsers */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg'); /* Legacy iOS */ +} \ No newline at end of file diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot new file mode 100644 index 0000000..12c8464 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg new file mode 100644 index 0000000..e0fe71f --- /dev/null +++ b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg @@ -0,0 +1,366 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf new file mode 100644 index 0000000..0f92154 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff new file mode 100644 index 0000000..32c56a3 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 new file mode 100644 index 0000000..2659995 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot new file mode 100644 index 0000000..7dbc32a Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg new file mode 100644 index 0000000..717e6a6 --- /dev/null +++ b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg @@ -0,0 +1,365 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf new file mode 100644 index 0000000..e183c89 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff new file mode 100644 index 0000000..fd9eb37 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 new file mode 100644 index 0000000..e44d73d Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot new file mode 100644 index 0000000..6645b6c Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg new file mode 100644 index 0000000..ed9eb11 --- /dev/null +++ b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg @@ -0,0 +1,363 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf new file mode 100644 index 0000000..d09d27a Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff new file mode 100644 index 0000000..170dc15 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2 b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2 new file mode 100644 index 0000000..8af8d84 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2 differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot new file mode 100644 index 0000000..c7ae8c2 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg new file mode 100644 index 0000000..9d49aeb --- /dev/null +++ b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg @@ -0,0 +1,365 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf new file mode 100644 index 0000000..cafe798 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff new file mode 100644 index 0000000..9bc5d1e Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff differ diff --git a/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 new file mode 100644 index 0000000..2aa7f33 Binary files /dev/null and b/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 differ diff --git a/images/clear-logo.jpg b/images/clear-logo.jpg new file mode 100644 index 0000000..4a4a1fb Binary files /dev/null and b/images/clear-logo.jpg differ diff --git a/images/icons/amazon-music.svg b/images/icons/amazon-music.svg new file mode 100644 index 0000000..1d74ad0 --- /dev/null +++ b/images/icons/amazon-music.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/icons/amazon.svg b/images/icons/amazon.svg new file mode 100644 index 0000000..4dfc77f --- /dev/null +++ b/images/icons/amazon.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/images/icons/apple-music-alt.svg b/images/icons/apple-music-alt.svg new file mode 100644 index 0000000..b5bff10 --- /dev/null +++ b/images/icons/apple-music-alt.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/apple-music.svg b/images/icons/apple-music.svg new file mode 100644 index 0000000..846eb20 --- /dev/null +++ b/images/icons/apple-music.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/icons/apple-podcasts-alt.svg b/images/icons/apple-podcasts-alt.svg new file mode 100644 index 0000000..b029a7e --- /dev/null +++ b/images/icons/apple-podcasts-alt.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/images/icons/apple-podcasts.svg b/images/icons/apple-podcasts.svg new file mode 100644 index 0000000..2e4d203 --- /dev/null +++ b/images/icons/apple-podcasts.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/images/icons/apple.svg b/images/icons/apple.svg new file mode 100644 index 0000000..fe12233 --- /dev/null +++ b/images/icons/apple.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/artstation.svg b/images/icons/artstation.svg new file mode 100644 index 0000000..849010f --- /dev/null +++ b/images/icons/artstation.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/bandcamp.svg b/images/icons/bandcamp.svg new file mode 100644 index 0000000..7dce88b --- /dev/null +++ b/images/icons/bandcamp.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/icons/behance.svg b/images/icons/behance.svg new file mode 100644 index 0000000..e1b92f6 --- /dev/null +++ b/images/icons/behance.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/blog.svg b/images/icons/blog.svg new file mode 100644 index 0000000..063390f --- /dev/null +++ b/images/icons/blog.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/bluesky-alt.svg b/images/icons/bluesky-alt.svg new file mode 100644 index 0000000..9e04bb0 --- /dev/null +++ b/images/icons/bluesky-alt.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/images/icons/bluesky.svg b/images/icons/bluesky.svg new file mode 100644 index 0000000..8eba5b0 --- /dev/null +++ b/images/icons/bluesky.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/images/icons/buy-me-a-coffee.svg b/images/icons/buy-me-a-coffee.svg new file mode 100644 index 0000000..1a6e500 --- /dev/null +++ b/images/icons/buy-me-a-coffee.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/cal.svg b/images/icons/cal.svg new file mode 100644 index 0000000..1af57fd --- /dev/null +++ b/images/icons/cal.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/calendly.svg b/images/icons/calendly.svg new file mode 100644 index 0000000..acb104e --- /dev/null +++ b/images/icons/calendly.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/images/icons/cash-app-btc.svg b/images/icons/cash-app-btc.svg new file mode 100644 index 0000000..81c78b6 --- /dev/null +++ b/images/icons/cash-app-btc.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/cash-app-dollar.svg b/images/icons/cash-app-dollar.svg new file mode 100644 index 0000000..276416c --- /dev/null +++ b/images/icons/cash-app-dollar.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/cash-app-pound.svg b/images/icons/cash-app-pound.svg new file mode 100644 index 0000000..6220f75 --- /dev/null +++ b/images/icons/cash-app-pound.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/dev-to.svg b/images/icons/dev-to.svg new file mode 100644 index 0000000..4e9896f --- /dev/null +++ b/images/icons/dev-to.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/discogs-alt.svg b/images/icons/discogs-alt.svg new file mode 100644 index 0000000..fc36ae6 --- /dev/null +++ b/images/icons/discogs-alt.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/discogs.svg b/images/icons/discogs.svg new file mode 100644 index 0000000..2e51656 --- /dev/null +++ b/images/icons/discogs.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/discord.svg b/images/icons/discord.svg new file mode 100644 index 0000000..0d23b23 --- /dev/null +++ b/images/icons/discord.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/dribbble.svg b/images/icons/dribbble.svg new file mode 100644 index 0000000..4d36ccf --- /dev/null +++ b/images/icons/dribbble.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/email-alt.svg b/images/icons/email-alt.svg new file mode 100644 index 0000000..80facf0 --- /dev/null +++ b/images/icons/email-alt.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/email.svg b/images/icons/email.svg new file mode 100644 index 0000000..b494f4e --- /dev/null +++ b/images/icons/email.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/etsy.svg b/images/icons/etsy.svg new file mode 100644 index 0000000..9be5ae0 --- /dev/null +++ b/images/icons/etsy.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/facebook.svg b/images/icons/facebook.svg new file mode 100644 index 0000000..583ffe2 --- /dev/null +++ b/images/icons/facebook.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/figma.svg b/images/icons/figma.svg new file mode 100644 index 0000000..297e448 --- /dev/null +++ b/images/icons/figma.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/images/icons/fiverr.svg b/images/icons/fiverr.svg new file mode 100644 index 0000000..8d9fe03 --- /dev/null +++ b/images/icons/fiverr.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/flickr.svg b/images/icons/flickr.svg new file mode 100644 index 0000000..d3898a1 --- /dev/null +++ b/images/icons/flickr.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/icons/generic-blog.svg b/images/icons/generic-blog.svg new file mode 100644 index 0000000..c9a9ae5 --- /dev/null +++ b/images/icons/generic-blog.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/generic-calendar.svg b/images/icons/generic-calendar.svg new file mode 100644 index 0000000..49dfe19 --- /dev/null +++ b/images/icons/generic-calendar.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-cloud.svg b/images/icons/generic-cloud.svg new file mode 100644 index 0000000..a879a3e --- /dev/null +++ b/images/icons/generic-cloud.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-code.svg b/images/icons/generic-code.svg new file mode 100644 index 0000000..b8d9479 --- /dev/null +++ b/images/icons/generic-code.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/generic-computer.svg b/images/icons/generic-computer.svg new file mode 100644 index 0000000..5d582f4 --- /dev/null +++ b/images/icons/generic-computer.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-email-alt.svg b/images/icons/generic-email-alt.svg new file mode 100644 index 0000000..d3e6a06 --- /dev/null +++ b/images/icons/generic-email-alt.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/generic-email.svg b/images/icons/generic-email.svg new file mode 100644 index 0000000..dd44d15 --- /dev/null +++ b/images/icons/generic-email.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-homepage.svg b/images/icons/generic-homepage.svg new file mode 100644 index 0000000..dd47125 --- /dev/null +++ b/images/icons/generic-homepage.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-map.svg b/images/icons/generic-map.svg new file mode 100644 index 0000000..d8f8e84 --- /dev/null +++ b/images/icons/generic-map.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-phone.svg b/images/icons/generic-phone.svg new file mode 100644 index 0000000..e83096b --- /dev/null +++ b/images/icons/generic-phone.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/generic-review.svg b/images/icons/generic-review.svg new file mode 100644 index 0000000..8b93dc9 --- /dev/null +++ b/images/icons/generic-review.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-rss.svg b/images/icons/generic-rss.svg new file mode 100644 index 0000000..e4be165 --- /dev/null +++ b/images/icons/generic-rss.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/generic-shopping-bag.svg b/images/icons/generic-shopping-bag.svg new file mode 100644 index 0000000..4c74f56 --- /dev/null +++ b/images/icons/generic-shopping-bag.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-shopping-tag.svg b/images/icons/generic-shopping-tag.svg new file mode 100644 index 0000000..8774852 --- /dev/null +++ b/images/icons/generic-shopping-tag.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/generic-sms.svg b/images/icons/generic-sms.svg new file mode 100644 index 0000000..5d75021 --- /dev/null +++ b/images/icons/generic-sms.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-website.svg b/images/icons/generic-website.svg new file mode 100644 index 0000000..919574e --- /dev/null +++ b/images/icons/generic-website.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/github.svg b/images/icons/github.svg new file mode 100644 index 0000000..6994757 --- /dev/null +++ b/images/icons/github.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/gitlab.svg b/images/icons/gitlab.svg new file mode 100644 index 0000000..816f274 --- /dev/null +++ b/images/icons/gitlab.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/images/icons/gofundme.svg b/images/icons/gofundme.svg new file mode 100644 index 0000000..1db8fb8 --- /dev/null +++ b/images/icons/gofundme.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/icons/goodreads.svg b/images/icons/goodreads.svg new file mode 100644 index 0000000..50c45f9 --- /dev/null +++ b/images/icons/goodreads.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/google-drive.svg b/images/icons/google-drive.svg new file mode 100644 index 0000000..4aff986 --- /dev/null +++ b/images/icons/google-drive.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/icons/google-play.svg b/images/icons/google-play.svg new file mode 100644 index 0000000..b72aea5 --- /dev/null +++ b/images/icons/google-play.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/icons/google-podcasts.svg b/images/icons/google-podcasts.svg new file mode 100644 index 0000000..792b51f --- /dev/null +++ b/images/icons/google-podcasts.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/google-scholar.svg b/images/icons/google-scholar.svg new file mode 100644 index 0000000..929e0e6 --- /dev/null +++ b/images/icons/google-scholar.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/images/icons/hashnode.svg b/images/icons/hashnode.svg new file mode 100644 index 0000000..4606376 --- /dev/null +++ b/images/icons/hashnode.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/instagram.svg b/images/icons/instagram.svg new file mode 100644 index 0000000..2e7eead --- /dev/null +++ b/images/icons/instagram.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/kick-alt.svg b/images/icons/kick-alt.svg new file mode 100644 index 0000000..e21eb88 --- /dev/null +++ b/images/icons/kick-alt.svg @@ -0,0 +1,27 @@ + + kick-svg + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/kick.svg b/images/icons/kick.svg new file mode 100644 index 0000000..8a8589f --- /dev/null +++ b/images/icons/kick.svg @@ -0,0 +1,23 @@ + + Kick_logo-svg + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/kickstarter.svg b/images/icons/kickstarter.svg new file mode 100644 index 0000000..2b0c4e7 --- /dev/null +++ b/images/icons/kickstarter.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/icons/kit.svg b/images/icons/kit.svg new file mode 100644 index 0000000..8708a3a --- /dev/null +++ b/images/icons/kit.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/ko-fi.svg b/images/icons/ko-fi.svg new file mode 100644 index 0000000..eea0dbd --- /dev/null +++ b/images/icons/ko-fi.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/last-fm.svg b/images/icons/last-fm.svg new file mode 100644 index 0000000..468b66b --- /dev/null +++ b/images/icons/last-fm.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/letterboxd.svg b/images/icons/letterboxd.svg new file mode 100644 index 0000000..27efec7 --- /dev/null +++ b/images/icons/letterboxd.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/images/icons/line.svg b/images/icons/line.svg new file mode 100644 index 0000000..059a13d --- /dev/null +++ b/images/icons/line.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/linkedin.svg b/images/icons/linkedin.svg new file mode 100644 index 0000000..8802989 --- /dev/null +++ b/images/icons/linkedin.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/littlelink.svg b/images/icons/littlelink.svg new file mode 100644 index 0000000..bf7b92c --- /dev/null +++ b/images/icons/littlelink.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/images/icons/mailchimp.svg b/images/icons/mailchimp.svg new file mode 100644 index 0000000..f40e31f --- /dev/null +++ b/images/icons/mailchimp.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/mastodon.svg b/images/icons/mastodon.svg new file mode 100644 index 0000000..c876992 --- /dev/null +++ b/images/icons/mastodon.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/icons/medium.svg b/images/icons/medium.svg new file mode 100644 index 0000000..dbe8d4f --- /dev/null +++ b/images/icons/medium.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/messenger.svg b/images/icons/messenger.svg new file mode 100644 index 0000000..82a7a7f --- /dev/null +++ b/images/icons/messenger.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/microsoft.svg b/images/icons/microsoft.svg new file mode 100644 index 0000000..8e7945c --- /dev/null +++ b/images/icons/microsoft.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/icons/ngl.svg b/images/icons/ngl.svg new file mode 100644 index 0000000..3c215b4 --- /dev/null +++ b/images/icons/ngl.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/notion.svg b/images/icons/notion.svg new file mode 100644 index 0000000..ceaf7af --- /dev/null +++ b/images/icons/notion.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/images/icons/onlyfans.svg b/images/icons/onlyfans.svg new file mode 100644 index 0000000..6983076 --- /dev/null +++ b/images/icons/onlyfans.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/icons/patreon.svg b/images/icons/patreon.svg new file mode 100644 index 0000000..31828a2 --- /dev/null +++ b/images/icons/patreon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/paypal.svg b/images/icons/paypal.svg new file mode 100644 index 0000000..56c459b --- /dev/null +++ b/images/icons/paypal.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/pinterest.svg b/images/icons/pinterest.svg new file mode 100644 index 0000000..16607c9 --- /dev/null +++ b/images/icons/pinterest.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/product-hunt.svg b/images/icons/product-hunt.svg new file mode 100644 index 0000000..9b15297 --- /dev/null +++ b/images/icons/product-hunt.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/read-cv.svg b/images/icons/read-cv.svg new file mode 100644 index 0000000..bdbf13b --- /dev/null +++ b/images/icons/read-cv.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/redbubble.svg b/images/icons/redbubble.svg new file mode 100644 index 0000000..142feee --- /dev/null +++ b/images/icons/redbubble.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/reddit.svg b/images/icons/reddit.svg new file mode 100644 index 0000000..8b65261 --- /dev/null +++ b/images/icons/reddit.svg @@ -0,0 +1,104 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/revolut.svg b/images/icons/revolut.svg new file mode 100644 index 0000000..8619d4b --- /dev/null +++ b/images/icons/revolut.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/icons/shop.svg b/images/icons/shop.svg new file mode 100644 index 0000000..7164626 --- /dev/null +++ b/images/icons/shop.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/signal.svg b/images/icons/signal.svg new file mode 100644 index 0000000..0ee0526 --- /dev/null +++ b/images/icons/signal.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/slack.svg b/images/icons/slack.svg new file mode 100644 index 0000000..bbbf65c --- /dev/null +++ b/images/icons/slack.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/snapchat.svg b/images/icons/snapchat.svg new file mode 100644 index 0000000..a788af5 --- /dev/null +++ b/images/icons/snapchat.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/soundcloud.svg b/images/icons/soundcloud.svg new file mode 100644 index 0000000..5cdfc00 --- /dev/null +++ b/images/icons/soundcloud.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/spotify-alt.svg b/images/icons/spotify-alt.svg new file mode 100644 index 0000000..1eb2109 --- /dev/null +++ b/images/icons/spotify-alt.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/spotify.svg b/images/icons/spotify.svg new file mode 100644 index 0000000..8e3860a --- /dev/null +++ b/images/icons/spotify.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/square.svg b/images/icons/square.svg new file mode 100644 index 0000000..46bb4da --- /dev/null +++ b/images/icons/square.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/stack-overflow.svg b/images/icons/stack-overflow.svg new file mode 100644 index 0000000..e548a79 --- /dev/null +++ b/images/icons/stack-overflow.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/steam.svg b/images/icons/steam.svg new file mode 100644 index 0000000..6af65ae --- /dev/null +++ b/images/icons/steam.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/strava.svg b/images/icons/strava.svg new file mode 100644 index 0000000..a9f20fb --- /dev/null +++ b/images/icons/strava.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/substack.svg b/images/icons/substack.svg new file mode 100644 index 0000000..e0ca934 --- /dev/null +++ b/images/icons/substack.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/telegram.svg b/images/icons/telegram.svg new file mode 100644 index 0000000..9df81e6 --- /dev/null +++ b/images/icons/telegram.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/threads.svg b/images/icons/threads.svg new file mode 100644 index 0000000..c6fc44b --- /dev/null +++ b/images/icons/threads.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/threema.svg b/images/icons/threema.svg new file mode 100644 index 0000000..3f07b71 --- /dev/null +++ b/images/icons/threema.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/tiktok.svg b/images/icons/tiktok.svg new file mode 100644 index 0000000..50f5acf --- /dev/null +++ b/images/icons/tiktok.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/images/icons/trakt.svg b/images/icons/trakt.svg new file mode 100644 index 0000000..5cda61e --- /dev/null +++ b/images/icons/trakt.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/images/icons/trello.svg b/images/icons/trello.svg new file mode 100644 index 0000000..a55874c --- /dev/null +++ b/images/icons/trello.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/tumblr.svg b/images/icons/tumblr.svg new file mode 100644 index 0000000..6b14955 --- /dev/null +++ b/images/icons/tumblr.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/twitch.svg b/images/icons/twitch.svg new file mode 100644 index 0000000..afe7e8e --- /dev/null +++ b/images/icons/twitch.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/unsplash.svg b/images/icons/unsplash.svg new file mode 100644 index 0000000..2051ee1 --- /dev/null +++ b/images/icons/unsplash.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/untappd.svg b/images/icons/untappd.svg new file mode 100644 index 0000000..f1106a9 --- /dev/null +++ b/images/icons/untappd.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/icons/upwork.svg b/images/icons/upwork.svg new file mode 100644 index 0000000..cb9fb98 --- /dev/null +++ b/images/icons/upwork.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/venmo.svg b/images/icons/venmo.svg new file mode 100644 index 0000000..c38ea3c --- /dev/null +++ b/images/icons/venmo.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/vimeo.svg b/images/icons/vimeo.svg new file mode 100644 index 0000000..26c20f1 --- /dev/null +++ b/images/icons/vimeo.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/vrchat.svg b/images/icons/vrchat.svg new file mode 100644 index 0000000..1d1d5b6 --- /dev/null +++ b/images/icons/vrchat.svg @@ -0,0 +1,2 @@ + + diff --git a/images/icons/vsco.svg b/images/icons/vsco.svg new file mode 100644 index 0000000..c91f124 --- /dev/null +++ b/images/icons/vsco.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/whatsapp.svg b/images/icons/whatsapp.svg new file mode 100644 index 0000000..6d1318e --- /dev/null +++ b/images/icons/whatsapp.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/wordpress.svg b/images/icons/wordpress.svg new file mode 100644 index 0000000..446906e --- /dev/null +++ b/images/icons/wordpress.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/x.svg b/images/icons/x.svg new file mode 100644 index 0000000..a239dff --- /dev/null +++ b/images/icons/x.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/youtube-music.svg b/images/icons/youtube-music.svg new file mode 100644 index 0000000..93a8073 --- /dev/null +++ b/images/icons/youtube-music.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/images/icons/youtube.svg b/images/icons/youtube.svg new file mode 100644 index 0000000..4f35613 --- /dev/null +++ b/images/icons/youtube.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/icons/zoom.svg b/images/icons/zoom.svg new file mode 100644 index 0000000..c26618e --- /dev/null +++ b/images/icons/zoom.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/littlelink.png b/images/littlelink.png new file mode 100644 index 0000000..e1b3314 Binary files /dev/null and b/images/littlelink.png differ diff --git a/images/littlelink.svg b/images/littlelink.svg new file mode 100644 index 0000000..d6a9f27 --- /dev/null +++ b/images/littlelink.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/littlelink@2x.png b/images/littlelink@2x.png new file mode 100644 index 0000000..e61ba11 Binary files /dev/null and b/images/littlelink@2x.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..cf307d4 --- /dev/null +++ b/index.html @@ -0,0 +1,190 @@ + + + + + + + + + MLSC VIT Pune 24-24 + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + + +

MLSC VIT Pune 24-25

+ + +

Learn | Build | Empower

+ + + + Leads + Form
+ + Coords Form
+ + + WhatsApp
+ + + Instagram
+ + + Visit Website
+ + + LinkedIn
+ + GitHub
+ + + + Follow on X
+ + Discord
+ + + Hashnode
+ + + + + + + + + OnlyFans (18+)
+ + + + + + + Email Us
+ + +
+ +

+ Privacy Policy | Build your own by + forking + LittleLink. +

+
+
+
+ + + + + \ No newline at end of file diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..bbf642b --- /dev/null +++ b/privacy.html @@ -0,0 +1,164 @@ + + + + + + + + LittleLink Privacy Policy + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ โฌ…๏ธ Back to main page +

+ + + + +

๐Ÿ”’ Privacy Overview

+ + +

+ Personal Data collected for the following purposes and using the + following services: +
+
+ + ๐Ÿงฎ Analytics +
+ 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. +
+
+ + 1.) Example LLC.
+ Personal Data: + various types of Data as specified in the privacy policy of the + service
+ Privacy Policy +

+ + + +

+ ๐Ÿ“ฆ Displaying Content From External Platforms +
+ This type of service allows you to view content hosted on external + platforms directly from the pages of this website and interact with + them.

+ 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. +
+
+ + 1.) Example LLC
+ Personal Data: + Usage Data; various types of Data as specified in the privacy + policy of the service +
+ Privacy Policy +

+ + + +

+ ๐Ÿ“ Hosting and Backend Infrastructure +
+ This type of service has the purpose of hosting Data and files that + enable this website to exist. +
+
+ 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. +
+
+ + 1.) Example LLC.
+ Personal Data: + various types of Data as specified in the privacy policy of the + service +
+ Privacy Policy +

+ +
+
+ + +
+

Build your own by forking LittleLink.

+
+
+
+
+ + + +