├── vercel.json ├── thumb.jpg ├── images ├── bg.m4v ├── bg.webm ├── bg01.jpg ├── takuya.jpg ├── youtube.svg ├── instagram.svg ├── x-logo.svg ├── homepage.svg ├── wallpapers.svg ├── twitter.svg └── github.svg ├── README.md ├── LICENSE ├── index-image.html ├── index-video.html ├── index-vanta.html ├── index.css └── index.html /vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "github": { 3 | "silent": true 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /thumb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/craftzdog/link-in-bio/HEAD/thumb.jpg -------------------------------------------------------------------------------- /images/bg.m4v: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/craftzdog/link-in-bio/HEAD/images/bg.m4v -------------------------------------------------------------------------------- /images/bg.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/craftzdog/link-in-bio/HEAD/images/bg.webm -------------------------------------------------------------------------------- /images/bg01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/craftzdog/link-in-bio/HEAD/images/bg01.jpg -------------------------------------------------------------------------------- /images/takuya.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/craftzdog/link-in-bio/HEAD/images/takuya.jpg -------------------------------------------------------------------------------- /images/youtube.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/instagram.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/x-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Link-in-bio for Craftzdog 2 | ========================= 3 | 4 | https://links.craftz.dog/ 5 | 6 | ![thumbnail](./thumb.jpg) 7 | 8 | [Video tutorial available here](https://youtu.be/u71pHOyvBp0). 9 | 10 | ## License 11 | 12 | MIT by Takuya Matsuyama 13 | 14 | You can create your own link-in-bio page for free without notifying me by forking this project under the following conditions: 15 | 16 | - Add a link to [my homepage](https://www.craftz.dog/) anywhere 17 | - Do not use the Japanese garden picture 18 | -------------------------------------------------------------------------------- /images/homepage.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/wallpapers.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/twitter.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Takuya Matsuyama 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /index-image.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Takuya Matsuyama - Links 6 | 7 | 8 | 9 |
10 |
11 | 12 |

@craftzdog

13 |
14 | 40 |
41 | 42 | 43 | -------------------------------------------------------------------------------- /index-video.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Takuya Matsuyama - Links 6 | 7 | 8 | 9 | 13 |
14 |
15 | 16 |

@craftzdog

17 |
18 | 44 |
45 | 46 | 47 | -------------------------------------------------------------------------------- /index-vanta.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Takuya Matsuyama - Links 6 | 7 | 8 | 9 | 23 | 24 | 25 |
26 |
27 |
28 | 29 |

@craftzdog

30 |
31 | 57 |
58 | 59 | 60 | -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | margin: 0; 3 | padding: 0; 4 | font-family: 'Open Sans', sans-serif; 5 | color: #fff; 6 | } 7 | 8 | body { 9 | background: url(./images/bg01.jpg) no-repeat center center fixed; 10 | background-size: cover; 11 | } 12 | 13 | #vanta { 14 | z-index: 0; 15 | position: absolute; 16 | left: 0; 17 | top: 0; 18 | width: 100%; 19 | height: 100%; 20 | } 21 | 22 | video { 23 | z-index: 0; 24 | position: absolute; 25 | left: 0; 26 | top: 0; 27 | width: 100%; 28 | height: 100%; 29 | object-fit: cover; 30 | } 31 | 32 | main { 33 | position: relative; 34 | } 35 | 36 | main.animated { 37 | opacity: 0; 38 | filter: blur(10px); 39 | transition: opacity 2s ease-in-out, filter 2s ease-in-out; 40 | } 41 | 42 | header { 43 | margin-top: 3em; 44 | text-align: center; 45 | display: flex; 46 | flex-direction: column; 47 | align-items: center; 48 | } 49 | 50 | header > img { 51 | width: 6em; 52 | height: 6em; 53 | border-radius: 100%; 54 | border: 1px solid #fff; 55 | box-shadow: rgb(28 32 93 / 24%) 0px 2px 8px 0px; 56 | } 57 | 58 | header > h1 { 59 | display: inline-block; 60 | font-size: 0.8em; 61 | font-weight: bold; 62 | border-radius: 1em; 63 | background-color: #000a; 64 | color: #fff; 65 | padding: 0.3em 0.6em; 66 | border: 1px solid #fffa; 67 | backdrop-filter: blur(10px) saturate(160%) contrast(180%); 68 | -webkit-backdrop-filter: blur(10px) saturate(160%) contrast(180%); 69 | } 70 | 71 | ul { 72 | box-sizing: border-box; 73 | list-style: none; 74 | margin: 0 auto; 75 | padding: 2em; 76 | max-width: 480px; 77 | } 78 | 79 | ul > li { 80 | background-color: #fffa; 81 | backdrop-filter: blur(10px) saturate(160%) contrast(180%); 82 | -webkit-backdrop-filter: blur(10px) saturate(160%) contrast(180%); 83 | border-radius: 10em; 84 | margin: 1.4em 0; 85 | box-shadow: rgb(28 32 93 / 24%) 0px 2px 8px 0px; 86 | } 87 | 88 | ul > li > a { 89 | display: flex; 90 | flex-direction: row; 91 | justify-content: center; 92 | align-items: center; 93 | gap: 0.5em; 94 | padding: 1em; 95 | } 96 | 97 | a { 98 | color: black; 99 | text-decoration: none; 100 | } 101 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Takuya Matsuyama - Links 7 | 8 | 9 | 10 | 11 | 12 | 39 | 40 | 41 | 42 |
43 |
44 |
45 | 46 |

@craftzdog

47 |
48 | 86 |
87 | 88 | 89 | 90 | --------------------------------------------------------------------------------