scrumplex.net
My personal website
feat: add GitHub Sponsors
Signed-off-by: Sefa Eyeoglu <contact@scrumplex.net>
+142
assets/icons/github_sponsors.svg
+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
+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
src/icons/icons.eot
This is a binary file and will not be displayed.
+9
-1
src/icons/icons.html
+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
+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
+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
src/icons/icons.woff
This is a binary file and will not be displayed.
src/icons/icons.woff2
src/icons/icons.woff2
This is a binary file and will not be displayed.
+1
src/index.pug
+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
+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,