My personal website

feat: add GitHub Sponsors

Signed-off-by: Sefa Eyeoglu <contact@scrumplex.net>

+204 -41
+142
assets/icons/github_sponsors.svg
··· 1 + <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2 + <!-- Created with Inkscape (http://www.inkscape.org/) --> 3 + 4 + <svg 5 + width="32" 6 + height="32" 7 + viewBox="0 0 8.4666659 8.4666659" 8 + version="1.1" 9 + id="svg8" 10 + inkscape:version="1.3 (0e150ed6c4, 2023-07-21)" 11 + sodipodi:docname="github_sponsors1.svg" 12 + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 13 + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 14 + xmlns="http://www.w3.org/2000/svg" 15 + xmlns:svg="http://www.w3.org/2000/svg" 16 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 17 + xmlns:cc="http://creativecommons.org/ns#" 18 + xmlns:dc="http://purl.org/dc/elements/1.1/"> 19 + <defs 20 + id="defs2" /> 21 + <sodipodi:namedview 22 + id="base" 23 + pagecolor="#ffffff" 24 + bordercolor="#666666" 25 + borderopacity="1.0" 26 + inkscape:pageopacity="0.0" 27 + inkscape:pageshadow="2" 28 + inkscape:zoom="11.2" 29 + inkscape:cx="7.9464286" 30 + inkscape:cy="28.169643" 31 + inkscape:document-units="mm" 32 + inkscape:current-layer="layer1" 33 + showgrid="false" 34 + units="px" 35 + showguides="true" 36 + inkscape:guide-bbox="true" 37 + inkscape:window-width="2560" 38 + inkscape:window-height="1386" 39 + inkscape:window-x="0" 40 + inkscape:window-y="54" 41 + inkscape:window-maximized="1" 42 + inkscape:lockguides="true" 43 + inkscape:showpageshadow="2" 44 + inkscape:pagecheckerboard="0" 45 + inkscape:deskcolor="#d1d1d1"> 46 + <sodipodi:guide 47 + position="0,0" 48 + orientation="0,32" 49 + id="guide815" 50 + inkscape:locked="true" /> 51 + <sodipodi:guide 52 + position="8.4666659,0" 53 + orientation="-32,0" 54 + id="guide817" 55 + inkscape:locked="true" /> 56 + <sodipodi:guide 57 + position="8.4666659,8.4666659" 58 + orientation="0,-32" 59 + id="guide819" 60 + inkscape:locked="true" /> 61 + <sodipodi:guide 62 + position="0,8.4666659" 63 + orientation="32,0" 64 + id="guide821" 65 + inkscape:locked="true" /> 66 + <sodipodi:guide 67 + position="0,4.233333" 68 + orientation="0,1" 69 + id="guide823" 70 + inkscape:locked="true" 71 + inkscape:label="" 72 + inkscape:color="rgb(0,0,255)" /> 73 + <sodipodi:guide 74 + position="4.233333,0" 75 + orientation="1,0" 76 + id="guide825" 77 + inkscape:locked="true" 78 + inkscape:label="" 79 + inkscape:color="rgb(0,0,255)" /> 80 + <sodipodi:guide 81 + position="1.0583332,0" 82 + orientation="1,0" 83 + id="guide846" 84 + inkscape:locked="true" 85 + inkscape:label="" 86 + inkscape:color="rgb(0,0,255)" /> 87 + <sodipodi:guide 88 + position="7.4083327,0" 89 + orientation="1,0" 90 + id="guide848" 91 + inkscape:locked="true" 92 + inkscape:label="" 93 + inkscape:color="rgb(0,0,255)" /> 94 + <sodipodi:guide 95 + position="0,7.4083327" 96 + orientation="0,1" 97 + id="guide850" 98 + inkscape:locked="true" 99 + inkscape:label="" 100 + inkscape:color="rgb(0,0,255)" /> 101 + <sodipodi:guide 102 + position="0,1.0583332" 103 + orientation="0,1" 104 + id="guide852" 105 + inkscape:locked="true" 106 + inkscape:label="" 107 + inkscape:color="rgb(0,0,255)" /> 108 + </sodipodi:namedview> 109 + <metadata 110 + id="metadata5"> 111 + <rdf:RDF> 112 + <cc:Work 113 + rdf:about=""> 114 + <dc:format>image/svg+xml</dc:format> 115 + <dc:type 116 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> 117 + <dc:title /> 118 + <cc:license 119 + rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" /> 120 + </cc:Work> 121 + <cc:License 122 + rdf:about="http://creativecommons.org/publicdomain/zero/1.0/"> 123 + <cc:permits 124 + rdf:resource="http://creativecommons.org/ns#Reproduction" /> 125 + <cc:permits 126 + rdf:resource="http://creativecommons.org/ns#Distribution" /> 127 + <cc:permits 128 + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> 129 + </cc:License> 130 + </rdf:RDF> 131 + </metadata> 132 + <g 133 + inkscape:label="Layer 1" 134 + inkscape:groupmode="layer" 135 + id="layer1" 136 + transform="translate(0,-288.53334)"> 137 + <path 138 + d="m 4.2333353,295.47734 0.1463867,0.28258 a 0.31823283,0.31823283 0 0 1 -0.2927741,0 l -0.0034,-0.002 -0.00763,-0.005 a 3.0346683,3.0346683 0 0 1 -0.1315365,-0.0722 9.3581667,9.3581667 0 0 1 -1.457082,-1.02428 c -0.7807312,-0.67339 -1.64844621,-1.68366 -1.64844621,-2.89294 0,-1.13037 0.88511171,-1.90941 1.80331951,-1.90941 0.6564082,0 1.2317732,0.3403 1.5911641,0.85711 0.359391,-0.51681 0.9347558,-0.85711 1.5911642,-0.85711 0.9182078,0 1.8033193,0.77904 1.8033193,1.90941 0,1.20928 -0.8677149,2.21955 -1.6484461,2.89294 a 9.3628342,9.3628342 0 0 1 -1.5886183,1.09642 l -0.00763,0.005 -0.00254,0.001 h -8.54e-4 z M 2.6421712,290.4917 c -0.5668787,0 -1.1668538,0.49389 -1.1668538,1.27293 0,0.91226 0.6704106,1.75833 1.4278046,2.41093 a 8.7323088,8.7323088 0 0 0 1.3302133,0.93814 8.7323088,8.7323088 0 0 0 1.3302132,-0.93814 c 0.7573943,-0.6526 1.4278047,-1.49867 1.4278047,-2.41093 0,-0.77904 -0.5999749,-1.27293 -1.1668537,-1.27293 -0.5825783,0 -1.107026,0.41837 -1.2852363,1.0421 a 0.31780851,0.31780851 0 0 1 -0.6118557,0 c -0.1782104,-0.62373 -0.7026581,-1.0421 -1.2852363,-1.0421 z" 139 + id="path1" 140 + style="stroke-width:0.424309" /> 141 + </g> 142 + </svg>
+19 -15
src/icons/icons.css
··· 1 1 @font-face { 2 2 font-family: "icons"; 3 - src: url("./icons.eot?9a7ea82e838e585f07ffddab74d39fda#iefix") 3 + src: 4 + url("./icons.eot?b71f541e3a0b7a193ebc963c93e9b62e#iefix") 4 5 format("embedded-opentype"), 5 - url("./icons.woff2?9a7ea82e838e585f07ffddab74d39fda") format("woff2"), 6 - url("./icons.woff?9a7ea82e838e585f07ffddab74d39fda") format("woff"); 6 + url("./icons.woff2?b71f541e3a0b7a193ebc963c93e9b62e") format("woff2"), 7 + url("./icons.woff?b71f541e3a0b7a193ebc963c93e9b62e") format("woff"); 7 8 } 8 9 9 10 i[class^="icon-"]:before, ··· 24 25 .icon-codeberg:before { 25 26 content: "\f102"; 26 27 } 27 - .icon-github:before { 28 + .icon-github_sponsors:before { 28 29 content: "\f103"; 29 30 } 30 - .icon-gitlab:before { 31 + .icon-github:before { 31 32 content: "\f104"; 32 33 } 33 - .icon-ko-fi:before { 34 + .icon-gitlab:before { 34 35 content: "\f105"; 35 36 } 36 - .icon-liberapay:before { 37 + .icon-ko-fi:before { 37 38 content: "\f106"; 38 39 } 39 - .icon-mail:before { 40 + .icon-liberapay:before { 40 41 content: "\f107"; 41 42 } 43 + .icon-mail:before { 44 + content: "\f108"; 45 + } 42 46 .icon-matrix:before { 43 - content: "\f108"; 47 + content: "\f109"; 44 48 } 45 49 .icon-new_tab:before { 46 - content: "\f109"; 50 + content: "\f10a"; 47 51 } 48 52 .icon-paypal:before { 49 - content: "\f10a"; 53 + content: "\f10b"; 50 54 } 51 55 .icon-phone:before { 52 - content: "\f10b"; 56 + content: "\f10c"; 53 57 } 54 58 .icon-teamspeak:before { 55 - content: "\f10c"; 59 + content: "\f10d"; 56 60 } 57 61 .icon-telegram:before { 58 - content: "\f10d"; 62 + content: "\f10e"; 59 63 } 60 64 .icon-wire:before { 61 - content: "\f10e"; 65 + content: "\f10f"; 62 66 }
src/icons/icons.eot

This is a binary file and will not be displayed.

+9 -1
src/icons/icons.html
··· 1 - <!DOCTYPE html> 1 + <!doctype html> 2 2 <html lang="en"> 3 3 <head> 4 4 <meta charset="UTF-8" /> ··· 68 68 </span> 69 69 <br /> 70 70 <span class="label">codeberg</span> 71 + </div> 72 + 73 + <div class="preview"> 74 + <span class="inner"> 75 + <i class="icon icon-github_sponsors"></i> 76 + </span> 77 + <br /> 78 + <span class="label">github_sponsors</span> 71 79 </div> 72 80 73 81 <div class="preview">
+13 -12
src/icons/icons.json
··· 1 1 { 2 2 "00-baseline": 61697, 3 3 "codeberg": 61698, 4 - "github": 61699, 5 - "gitlab": 61700, 6 - "ko-fi": 61701, 7 - "liberapay": 61702, 8 - "mail": 61703, 9 - "matrix": 61704, 10 - "new_tab": 61705, 11 - "paypal": 61706, 12 - "phone": 61707, 13 - "teamspeak": 61708, 14 - "telegram": 61709, 15 - "wire": 61710 4 + "github_sponsors": 61699, 5 + "github": 61700, 6 + "gitlab": 61701, 7 + "ko-fi": 61702, 8 + "liberapay": 61703, 9 + "mail": 61704, 10 + "matrix": 61705, 11 + "new_tab": 61706, 12 + "paypal": 61707, 13 + "phone": 61708, 14 + "teamspeak": 61709, 15 + "telegram": 61710, 16 + "wire": 61711 16 17 }
+16 -12
src/icons/icons.ts
··· 1 1 export type IconsId = 2 2 | "00-baseline" 3 3 | "codeberg" 4 + | "github_sponsors" 4 5 | "github" 5 6 | "gitlab" 6 7 | "ko-fi" ··· 17 18 export type IconsKey = 18 19 | "i00Baseline" 19 20 | "Codeberg" 21 + | "GithubSponsors" 20 22 | "Github" 21 23 | "Gitlab" 22 24 | "KoFi" ··· 33 35 export enum Icons { 34 36 i00Baseline = "00-baseline", 35 37 Codeberg = "codeberg", 38 + GithubSponsors = "github_sponsors", 36 39 Github = "github", 37 40 Gitlab = "gitlab", 38 41 KoFi = "ko-fi", ··· 50 53 export const ICONS_CODEPOINTS: { [key in Icons]: string } = { 51 54 [Icons.i00Baseline]: "61697", 52 55 [Icons.Codeberg]: "61698", 53 - [Icons.Github]: "61699", 54 - [Icons.Gitlab]: "61700", 55 - [Icons.KoFi]: "61701", 56 - [Icons.Liberapay]: "61702", 57 - [Icons.Mail]: "61703", 58 - [Icons.Matrix]: "61704", 59 - [Icons.NewTab]: "61705", 60 - [Icons.Paypal]: "61706", 61 - [Icons.Phone]: "61707", 62 - [Icons.Teamspeak]: "61708", 63 - [Icons.Telegram]: "61709", 64 - [Icons.Wire]: "61710", 56 + [Icons.GithubSponsors]: "61699", 57 + [Icons.Github]: "61700", 58 + [Icons.Gitlab]: "61701", 59 + [Icons.KoFi]: "61702", 60 + [Icons.Liberapay]: "61703", 61 + [Icons.Mail]: "61704", 62 + [Icons.Matrix]: "61705", 63 + [Icons.NewTab]: "61706", 64 + [Icons.Paypal]: "61707", 65 + [Icons.Phone]: "61708", 66 + [Icons.Teamspeak]: "61709", 67 + [Icons.Telegram]: "61710", 68 + [Icons.Wire]: "61711", 65 69 };
src/icons/icons.woff

This is a binary file and will not be displayed.

src/icons/icons.woff2

This is a binary file and will not be displayed.

+1
src/index.pug
··· 30 30 +icon-link("gitlab", "GitLab.com", "https://gitlab.com/Scrumplex") 31 31 div.col-med-6 32 32 h2 Donate 33 + +icon-link("github_sponsors", "GitHub Sponsors", "https://github.com/sponsors/Scrumplex") 33 34 +icon-link("liberapay", "Liberapay", "https://liberapay.com/Scrumplex/donate") 34 35 +icon-link("paypal", "PayPal", "https://www.paypal.me/Scrumplex") 35 36 +icon-link("ko-fi", "Ko-Fi", "https://ko-fi.com/scrumplex")
+4 -1
src/scss/_variables.scss
··· 11 11 $colorScrollbarTrack: darken($colorPrimary, 10%); 12 12 $colorScrollbarThumb: $colorBase; 13 13 14 - $btnColors: "default" $colorTextPrimary, "primary" $colorPrimary, 14 + $btnColors: 15 + "default" $colorTextPrimary, 16 + "primary" $colorPrimary, 15 17 "accent" $colorAccent; 16 18 $brandColors: ( 17 19 "archlinux" #1793d1, 18 20 "bitcoin" #ff9900, 19 21 "codeberg" #2185d0, 20 22 "github" #555, 23 + "github_sponsors" #cba6f7, 21 24 // looks better than real brand color #24292e 22 25 "gitlab" #fc6d26, 23 26 "ko-fi" #29abe0,