diff --git a/.github/release.yml b/.github/release.yml index 5f6840a..5ea31d3 100644 --- a/.github/release.yml +++ b/.github/release.yml @@ -11,6 +11,6 @@ changelog: labels: - dependencies - - title: ":hammer: Dependencies" + - title: ":tractor: Dependencies" labels: - dependencies diff --git a/.github/workflows/pre-commit.yml b/.github/workflows/pre-commit.yml index 6f7a047..ea25e21 100644 --- a/.github/workflows/pre-commit.yml +++ b/.github/workflows/pre-commit.yml @@ -20,4 +20,4 @@ permissions: jobs: precommit-reusable: - uses: esacteksab/.github/.github/workflows/pre-commit.yml@8f758c1a23a49581f80570f2977de55597cd974c + uses: esacteksab/.github/.github/workflows/pre-commit.yml@3581efcc1dd5dbb0a8ae0e6c4a03794152cd59f5 diff --git a/assets/css/main.css b/assets/css/main.css index 3f1312d..85790d7 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,270 +1,266 @@ -@import 'tailwindcss'; +@import "tailwindcss"; @source "hugo_stats.json"; @layer components { - html { - width: 100%; - } - h1, - h2, - h3, - h4, - h5, - h6 { - @apply mb-0; - } - - h2, - h3, - h4 { - @apply font-bold; - } - - h5, - h6 { - @apply font-semibold; - } - - h1 { - @apply text-3xl font-extrabold max-sm:text-2xl; - } - h2 { - @apply text-2xl max-sm:text-xl; - } - h3 { - @apply text-xl max-sm:text-lg; - } - h4 { - @apply text-lg max-sm:text-base; - } - h5 { - @apply font-medium md:text-lg; - } - h6 { - @apply font-medium md:text-base; - } - - a { - @apply underline underline-offset-2; - } + html { + width: 100%; + } + h1, + h2, + h3, + h4, + h5, + h6 { + @apply mb-0; + } + + h2, + h3, + h4 { + @apply font-bold; + } + + h5, + h6 { + @apply font-semibold; + } + + h1 { + @apply text-3xl font-extrabold max-sm:text-2xl; + } + h2 { + @apply text-2xl max-sm:text-xl; + } + h3 { + @apply text-xl max-sm:text-lg; + } + h4 { + @apply text-lg max-sm:text-base; + } + h5 { + @apply font-medium md:text-lg; + } + h6 { + @apply font-medium md:text-base; + } + + a { + @apply underline underline-offset-2; + } - p { - @apply block text-sm/tight font-medium; - margin-block: unset; - @apply py-2; - } + p { + @apply block text-sm/tight font-medium; + margin-block: unset; + @apply py-2; + } } -/* .anchor { - display: hidden; -} */ - a :is(h1, h2, h3, h4, h5, h6) { - @apply no-underline; + @apply no-underline; } a .anchor-icon { - visibility: hidden; + visibility: hidden; } a:hover .anchor-icon { - visibility: visible; + visibility: visible; } :is(h1, h2, h3, h4, h5, h6) code { - @apply border-1; + @apply border-1; } code { - display: inline-block; - padding: 0.0625rem 0.25rem; - font-size: 85%; - @apply rounded-sm no-underline; + display: inline-block; + padding: 0.0625rem 0.25rem; + font-size: 85%; + @apply rounded-sm no-underline; } -nav input[type='checkbox'], +nav input[type="checkbox"], nav label { - display: none; + display: none; } @media (max-width: 576px) { - nav ul { - display: inline-flex; - flex-direction: column; - } - - input[type='checkbox']:not(:checked) + ul { - display: none; - } - - nav { - flex-direction: row-reverse; - flex-wrap: wrap; - margin-right: 0; - margin-left: 0; - } + nav ul { + display: inline-flex; + flex-direction: column; + } - nav label { - display: flex; - flex-direction: column; - align-self: center; - line-height: 1.6em; - text-align: right; - } - - nav ul li { - width: 100%; - margin-bottom: 0; - padding: 0.125rem; - text-align: left; - } + input[type="checkbox"]:not(:checked) + ul { + display: none; + } + + nav { + flex-direction: row-reverse; + flex-wrap: wrap; + margin-right: 0; + margin-left: 0; + } + + nav label { + display: flex; + flex-direction: column; + align-self: center; + line-height: 1.6em; + text-align: right; + } + + nav ul li { + width: 100%; + margin-bottom: 0; + padding: 0.125rem; + text-align: left; + } } .nav-links { - @apply md:text-xl md:font-bold; - a { - @apply no-underline; - } + @apply md:text-xl md:font-bold; + a { + @apply no-underline; + } } .post-preview > span > p { - @apply mt-5; + @apply mt-5; } .main :is(ul, ol) { - @apply list-outside; - margin-bottom: 16px; - padding-left: 2em; + @apply list-outside; + margin-bottom: 16px; + padding-left: 2em; } .main ul { - @apply list-disc; + @apply list-disc; } .main ol { - @apply list-decimal; + @apply list-decimal; } .main ul li ul { - list-style-type: circle; + list-style-type: circle; } .main ol li ol { - list-style-type: lower-alpha; + list-style-type: lower-alpha; } .read-more a { - @apply md:font-semibold md:no-underline; + @apply md:font-semibold md:no-underline; } .read-more a:hover { - @apply underline underline-offset-2; + @apply underline underline-offset-2; } .pager { - @apply mb-4; + @apply mb-4; } .pager a { - @apply md:font-semibold lg:no-underline; + @apply md:font-semibold lg:no-underline; } .pager a:hover { - @apply underline underline-offset-2; + @apply underline underline-offset-2; } .pager li { - @apply list-none; + @apply list-none; } .tight { - @apply m-0 p-0; + @apply m-0 p-0; } main table { - width: 100%; - max-width: 100%; - word-wrap: break-word; - margin-top: 0; - margin-bottom: 16px; - overflow: auto; - font-variant: tabular-nums; - text-indent: 0; + width: 100%; + max-width: 100%; + word-wrap: break-word; + margin-top: 0; + margin-bottom: 16px; + overflow: auto; + font-variant: tabular-nums; + text-indent: 0; } thead { - display: table-header-group; - vertical-align: middle; + display: table-header-group; + vertical-align: middle; } tr { - display: table-row; - vertical-align: inherit; + display: table-row; + vertical-align: inherit; } th { - display: table-cell; - font-variant: tabular-nums; - text-align: center; - vertical-align: inherit; - unicode-bidi: isolate; + display: table-cell; + font-variant: tabular-nums; + text-align: center; + vertical-align: inherit; + unicode-bidi: isolate; } td { - display: table-cell; - text-align: unset; - vertical-align: inherit; + display: table-cell; + text-align: unset; + vertical-align: inherit; } main table th { - box-sizing: border-box; - padding: 6px 13px; + box-sizing: border-box; + padding: 6px 13px; } main table td { - box-sizing: border-box; - padding: 3px 6px; + box-sizing: border-box; + padding: 3px 6px; } article .about { - @apply mt-8; + @apply mt-8; } article .til { - @apply mt-4; + @apply mt-4; } article .post { - @apply mt-4; + @apply mt-4; } article a { - @apply underline underline-offset-2; + @apply underline underline-offset-2; } .summary p a { - @apply underline underline-offset-2; + @apply underline underline-offset-2; } .til-ls a { - @apply no-underline; + @apply no-underline; } .post-ls a { - @apply no-underline; + @apply no-underline; } article h2 { - @apply py-2; + @apply py-2; } .post-metadata { - @apply mb-2; - a { - @apply no-underline; - } + @apply mb-2; + a { + @apply no-underline; + } } .tags { - @apply ml-2 p-1 font-mono; + @apply ml-2 p-1 font-mono; } p + p, @@ -280,103 +276,103 @@ ul + a + h4, ol + a + h2, ol + a + h3, ol + a + h4 { - @apply md:mt-3 md:mb-2; + @apply md:mb-2 md:mt-3; } :is(h1, h2, h3, h4, h5, h6) + p { - @apply md:mt-2 md:pt-2; + @apply md:mt-2 md:pt-2; } h2 + h3 { - @apply mt-2; + @apply mt-2; } .pagination li { - display: inline; + display: inline; } .alert p { - @apply pb-1 font-medium; + @apply pb-1 font-medium; } .alert-note { - @apply bg-blue-100 text-blue-700; - code { - @apply border-blue-700; - } + @apply bg-blue-100 text-blue-700; + code { + @apply border-blue-700; + } } .alert-tip { - @apply bg-orange-100 text-orange-700; - code { - @apply border-orange-700; - } + @apply bg-orange-100 text-orange-700; + code { + @apply border-orange-700; + } } .alert-important { - @apply bg-lime-100 text-lime-700; - code { - @apply border-lime-700; - } + @apply bg-lime-100 text-lime-700; + code { + @apply border-lime-700; + } } .alert-caution { - @apply bg-yellow-100 text-yellow-700; - code { - @apply border-yellow-700; - } + @apply bg-yellow-100 text-yellow-700; + code { + @apply border-yellow-700; + } } .alert-warning { - @apply bg-red-100 text-red-700; - code { - @apply border-red-700; - } + @apply bg-red-100 text-red-700; + code { + @apply border-red-700; + } } hr { - @apply m-4 border-t-1; + @apply border-t-1 m-4; } #TableOfContents { - @apply my-4; + @apply my-4; } .highlight { - @apply my-4 py-3; - .chroma { - @apply px-4 whitespace-pre-wrap; - } + @apply my-4 py-3; + .chroma { + @apply whitespace-pre-wrap px-4; + } } .labeled-highlight { - @apply mt-8; + @apply mt-8; } .labeled-highlight__label { - @apply italic; - position: absolute; - pre { - @apply mt-1.5; - } - code { - @apply border-1; - } + @apply italic; + position: absolute; + pre { + @apply mt-1.5; + } + code { + @apply border-1; + } } footer p { - margin-block: 0; + margin-block: 0; } footer .list-inline { - margin-bottom: 1em; - padding-top: 10px; + margin-bottom: 1em; + padding-top: 10px; } blockquote { - @apply mt-3 mb-4 border-l-3 pl-3; - pre { - @apply mt-1.5; - } + @apply border-l-3 mb-4 mt-3 pl-3; + pre { + @apply mt-1.5; + } } /* @@ -384,63 +380,63 @@ Dark Mode */ @media (prefers-color-scheme: dark) { - code { - @apply border-neutral-600 font-mono text-amber-500; - } + code { + @apply border-neutral-600 font-mono text-amber-500; + } - img { - @apply brightness-[.9] contrast-[1.1]; - } + img { + @apply brightness-[.9] contrast-[1.1]; + } - tr { - @apply border-t-1 border-neutral-600; - } + tr { + @apply border-t-1 border-neutral-600; + } - th { - @apply border-1 border-neutral-600; - } + th { + @apply border-1 border-neutral-600; + } - td { - @apply border-1 border-neutral-600; - code { - @apply border-1 border-neutral-600; - } + td { + @apply border-1 border-neutral-600; + code { + @apply border-1 border-neutral-600; } + } - li, - p, - blockquote { - code { - @apply border-1 border-neutral-600; - } + li, + p, + blockquote { + code { + @apply border-1 border-neutral-600; } + } - .labeled-highlight__label { - translate: 0% -50%; - code { - @apply border-neutral-600 bg-zinc-800; - } + .labeled-highlight__label { + translate: 0% -50%; + code { + @apply border-neutral-600 bg-zinc-800; } + } - .highlight { - @apply rounded-sm border-1 border-neutral-600; - } + .highlight { + @apply border-1 rounded-sm border-neutral-600; + } - .tags { - @apply bg-zinc-800; - } + .tags { + @apply bg-zinc-800; + } - :is(.read-more, .pager) a { - @apply text-amber-500; - } + :is(.read-more, .pager) a { + @apply text-amber-500; + } - nav a { - @apply text-neutral-50; - } - nav, - footer .fa-inverse { - @apply text-neutral-900; - } + nav a { + @apply text-neutral-50; + } + nav, + footer .fa-inverse { + @apply text-neutral-900; + } } /* @@ -448,53 +444,53 @@ Light Mode */ @media (prefers-color-scheme: light) { - code { - @apply font-mono text-orange-700; - } + code { + @apply font-mono text-orange-700; + } - tr { - @apply border-t-1 border-neutral-600; - } + tr { + @apply border-t-1 border-neutral-600; + } - th { - @apply border-1 border-neutral-600; - } + th { + @apply border-1 border-neutral-600; + } - td { - @apply border-1 border-neutral-600; - code { - @apply border-1 border-orange-700; - } + td { + @apply border-1 border-neutral-600; + code { + @apply border-1 border-orange-700; } + } - .labeled-highlight { - @apply mt-8; - } + .labeled-highlight { + @apply mt-8; + } - li, - p, - blockquote { - code { - @apply border-1 border-orange-700; - } + li, + p, + blockquote { + code { + @apply border-1 border-orange-700; } + } - .labeled-highlight__label { - translate: 0; - code { - @apply border-orange-500 bg-neutral-100; - } + .labeled-highlight__label { + translate: 0; + code { + @apply border-orange-500 bg-neutral-100; } + } - .highlight { - /* This overwrites the global .highlight because we don't need this padding */ - @apply my-0; - .chroma { - @apply rounded-sm py-5; - } + .highlight { + /* This overwrites the global .highlight because we don't need this padding */ + @apply my-0; + .chroma { + @apply rounded-sm py-5; } + } - :is(.read-more, .pager) a { - @apply text-orange-700; - } + :is(.read-more, .pager) a { + @apply text-orange-700; + } } diff --git a/data/social.toml b/data/social.toml index 5320efa..b0c1fb1 100644 --- a/data/social.toml +++ b/data/social.toml @@ -1,246 +1,246 @@ [[social_icons]] - icon = 'fab fa-500px' - id = '500px' - title = '500px' - url = 'https://500px.com/%s' + icon = 'fab fa-500px' + id = '500px' + title = '500px' + url = 'https://500px.com/%s' [[social_icons]] - icon = 'fas fa-at' - id = 'about' - title = 'About' - url = '%s' + icon = 'fas fa-at' + id = 'about' + title = 'About' + url = '%s' [[social_icons]] - icon = 'fab fa-amazon' - id = 'amazonwishlist' - title = 'Amazon Wishlist' - url = 'https://amzn.com/w/%s' + icon = 'fab fa-amazon' + id = 'amazonwishlist' + title = 'Amazon Wishlist' + url = 'https://amzn.com/w/%s' [[social_icons]] - icon = 'fab fa-angellist' - id = 'angellist' - title = 'AngelList' - url = 'https://www.angel.co/p/%s' + icon = 'fab fa-angellist' + id = 'angellist' + title = 'AngelList' + url = 'https://www.angel.co/p/%s' [[social_icons]] - icon = 'fab fa-bandcamp' - id = 'bandcamp' - title = 'Bandcamp' - url = 'https://%s.bandcamp.com/' + icon = 'fab fa-bandcamp' + id = 'bandcamp' + title = 'Bandcamp' + url = 'https://%s.bandcamp.com/' [[social_icons]] - icon = 'fab fa-bitbucket' - id = 'bitbucket' - title = 'Bitbucket' - url = 'https://bitbucket.org/%s' + icon = 'fab fa-bitbucket' + id = 'bitbucket' + title = 'Bitbucket' + url = 'https://bitbucket.org/%s' [[social_icons]] - icon = 'fab fa-bluesky' - id = 'bluesky' - title = 'Bluesky' - url = 'https://bsky.app/profile/%s.bsky.social' + icon = 'fab fa-bluesky' + id = 'bluesky' + title = 'Bluesky' + url = 'https://bsky.app/profile/%s.bsky.social' [[social_icons]] - icon = 'fab fa-codepen' - id = 'codepen' - title = 'CodePen' - url = 'https://codepen.io/%s' + icon = 'fab fa-codepen' + id = 'codepen' + title = 'CodePen' + url = 'https://codepen.io/%s' [[social_icons]] - icon = 'fab fa-discord' - id = 'discord' - title = 'Discord' - url = 'https://discord.gg/%s' + icon = 'fab fa-discord' + id = 'discord' + title = 'Discord' + url = 'https://discord.gg/%s' [[social_icons]] - icon = 'fab fa-docker' - id = 'docker' - title = 'Docker' - url = 'https://hub.docker.come/r/%s' + icon = 'fab fa-docker' + id = 'docker' + title = 'Docker' + url = 'https://hub.docker.come/r/%s' [[social_icons]] - icon = 'fas fa-envelope' - id = 'email' - title = 'Email me' - url = 'mailto:%s' + icon = 'fas fa-envelope' + id = 'email' + title = 'Email me' + url = 'mailto:%s' [[social_icons]] - icon = 'fab fa-facebook' - id = 'facebook' - title = 'Facebook' - url = 'https://www.facebook.com/%s' + icon = 'fab fa-facebook' + id = 'facebook' + title = 'Facebook' + url = 'https://www.facebook.com/%s' [[social_icons]] - icon = 'fab fa-github' - id = 'github' - title = 'GitHub' - url = 'https://github.com/%s' + icon = 'fab fa-github' + id = 'github' + title = 'GitHub' + url = 'https://github.com/%s' [[social_icons]] - icon = 'fab fa-gitlab' - id = 'gitlab' - title = 'GitLab' - url = 'https://gitlab.com/%s' + icon = 'fab fa-gitlab' + id = 'gitlab' + title = 'GitLab' + url = 'https://gitlab.com/%s' [[social_icons]] - icon = 'fab fa-instagram' - id = 'instagram' - title = 'Instagram' - url = 'https://www.instagram.com/%s' + icon = 'fab fa-instagram' + id = 'instagram' + title = 'Instagram' + url = 'https://www.instagram.com/%s' [[social_icons]] - icon = 'fas fa-gamepad' - id = 'itchio' - title = 'Itch.io' - url = 'https://itch.io/profile/%s' + icon = 'fas fa-gamepad' + id = 'itchio' + title = 'Itch.io' + url = 'https://itch.io/profile/%s' [[social_icons]] - icon = 'fab fa-kaggle' - id = 'kaggle' - title = 'kaggle' - url = 'https://www.kaggle.com/%s' + icon = 'fab fa-kaggle' + id = 'kaggle' + title = 'kaggle' + url = 'https://www.kaggle.com/%s' [[social_icons]] - icon = 'fab fa-keybase' - id = 'keybase' - title = 'Keybase' - url = 'https://keybase.io/%s' + icon = 'fab fa-keybase' + id = 'keybase' + title = 'Keybase' + url = 'https://keybase.io/%s' [[social_icons]] - icon = 'fab fa-lastfm' - id = 'lastfm' - title = 'Last.fm' - url = 'https://www.last.fm/user/%s' + icon = 'fab fa-lastfm' + id = 'lastfm' + title = 'Last.fm' + url = 'https://www.last.fm/user/%s' [[social_icons]] - icon = 'fab fa-linkedin' - id = 'linkedin' - title = 'LinkedIn' - url = 'https://linkedin.com/in/%s' + icon = 'fab fa-linkedin' + id = 'linkedin' + title = 'LinkedIn' + url = 'https://linkedin.com/in/%s' [[social_icons]] - icon = 'fab fa-mastodon' - id = 'mastodon' - rel = 'me' - title = 'Mastodon' - url = 'https://%s' + icon = 'fab fa-mastodon' + id = 'mastodon' + rel = 'me' + title = 'Mastodon' + url = 'https://%s' [[social_icons]] - icon = 'fab fa-medium' - id = 'medium' - title = 'Medium' - url = 'https://medium.com/@%s' + icon = 'fab fa-medium' + id = 'medium' + title = 'Medium' + url = 'https://medium.com/@%s' [[social_icons]] - icon = 'fab fa-paypal' - id = 'paypal' - title = 'PayPal' - url = 'https://paypal.me/%s' + icon = 'fab fa-paypal' + id = 'paypal' + title = 'PayPal' + url = 'https://paypal.me/%s' [[social_icons]] - icon = 'fab fa-pinterest' - id = 'pinterest' - title = 'Pinterest' - url = 'https://paypal.me/%s' + icon = 'fab fa-pinterest' + id = 'pinterest' + title = 'Pinterest' + url = 'https://paypal.me/%s' [[social_icons]] - icon = 'fab fa-quora' - id = 'quora' - title = 'Quora' - url = 'https://www.quora.com/profile/%s' + icon = 'fab fa-quora' + id = 'quora' + title = 'Quora' + url = 'https://www.quora.com/profile/%s' [[social_icons]] - icon = 'fab fa-reddit-alien' - id = 'reddit' - title = 'Reddit' - url = 'https://reddit.com/u/%s' + icon = 'fab fa-reddit-alien' + id = 'reddit' + title = 'Reddit' + url = 'https://reddit.com/u/%s' [[social_icons]] - icon = 'fab fa-slack' - id = 'slack' - title = 'Slack' - url = 'https://%s.slack.com/' + icon = 'fab fa-slack' + id = 'slack' + title = 'Slack' + url = 'https://%s.slack.com/' [[social_icons]] - icon = 'fab fa-slideshare' - id = 'slideshare' - title = 'Slideshare' - url = 'https://www.slideshare.net/%s' + icon = 'fab fa-slideshare' + id = 'slideshare' + title = 'Slideshare' + url = 'https://www.slideshare.net/%s' [[social_icons]] - icon = 'fab fa-snapchat-ghost' - id = 'snapchat' - title = 'Snapchat' - url = 'https://www.snapchat.com/add/%s' + icon = 'fab fa-snapchat-ghost' + id = 'snapchat' + title = 'Snapchat' + url = 'https://www.snapchat.com/add/%s' [[social_icons]] - icon = 'fab fa-soundcloud' - id = 'soundcloud' - title = 'SoundCloud' - url = 'https://soundcloud.com/%s' + icon = 'fab fa-soundcloud' + id = 'soundcloud' + title = 'SoundCloud' + url = 'https://soundcloud.com/%s' [[social_icons]] - icon = 'fab fa-spotify' - id = 'spotify' - title = 'Spotify' - url = 'https://open.spotify.com/user/%s' + icon = 'fab fa-spotify' + id = 'spotify' + title = 'Spotify' + url = 'https://open.spotify.com/user/%s' [[social_icons]] - icon = 'fab fa-stack-overflow' - id = 'stackoverflow' - title = 'StackOverflow' - url = 'https://stackoverflow.com/%s' + icon = 'fab fa-stack-overflow' + id = 'stackoverflow' + title = 'StackOverflow' + url = 'https://stackoverflow.com/%s' [[social_icons]] - icon = 'fab fa-steam' - id = 'steam' - title = 'Steam' - url = 'https://steamcommunity.com/id/%s' + icon = 'fab fa-steam' + id = 'steam' + title = 'Steam' + url = 'https://steamcommunity.com/id/%s' [[social_icons]] - icon = 'fab fa-strava' - id = 'strava' - title = 'Strava' - url = 'https://www.strava.com/athletes/%s' + icon = 'fab fa-strava' + id = 'strava' + title = 'Strava' + url = 'https://www.strava.com/athletes/%s' [[social_icons]] - icon = 'fab fa-tiktok' - id = 'tiktok' - title = 'TikTok' - url = 'https://www.tiktok.com/%s' + icon = 'fab fa-tiktok' + id = 'tiktok' + title = 'TikTok' + url = 'https://www.tiktok.com/%s' [[social_icons]] - icon = 'fab fa-telegram' - id = 'telegram' - title = 'Telegram' - url = 'https://telegram.me/%s' + icon = 'fab fa-telegram' + id = 'telegram' + title = 'Telegram' + url = 'https://telegram.me/%s' [[social_icons]] - icon = 'fab fa-x-twitter' - id = 'twitter' - title = 'Twitter' - url = 'https://twitter.com/%s' + icon = 'fab fa-x-twitter' + id = 'twitter' + title = 'Twitter' + url = 'https://twitter.com/%s' [[social_icons]] - icon = 'fab fa-vk' - id = 'vk' - title = 'VK' - url = 'https://vk.com/%s' + icon = 'fab fa-vk' + id = 'vk' + title = 'VK' + url = 'https://vk.com/%s' [[social_icons]] - icon = 'fab fa-weibo' - id = 'weibo' - title = 'Weibo' - url = 'https://weibo.com/%s' + icon = 'fab fa-weibo' + id = 'weibo' + title = 'Weibo' + url = 'https://weibo.com/%s' [[social_icons]] - icon = 'fab fa-xing' - id = 'xing' - title = 'Xing' - url = 'https://www.xing.com/profile/%s' + icon = 'fab fa-xing' + id = 'xing' + title = 'Xing' + url = 'https://www.xing.com/profile/%s' [[social_icons]] - icon = 'fab fa-youtube' - id = 'youtube' - title = 'Youtube' - url = 'https://www.youtube.com/%s' + icon = 'fab fa-youtube' + id = 'youtube' + title = 'Youtube' + url = 'https://www.youtube.com/%s'