2
2
3
3
The footer of your project documentation is a great place to add links to
4
4
websites or platforms you or your company are using as additional marketing
5
- channels, e.g. :fontawesome-brands-twitter :{ style="color: #1DA1F2 " } or
5
+ channels, e.g. :fontawesome-brands-mastodon :{ style="color: #5A4CE0 " } or
6
6
:fontawesome-brands-youtube:{ style="color: #EE0F0F" }, which you can easily
7
7
configure via ` mkdocs.yml ` .
8
8
@@ -36,15 +36,15 @@ with:
36
36
` ` ` yaml
37
37
extra:
38
38
social:
39
- - icon: fontawesome/brands/twitter # (1)!
40
- link: https://twitter.com/ squidfunk
39
+ - icon: fontawesome/brands/mastodon # (1)!
40
+ link: https://fosstodon.org/@ squidfunk
41
41
` ` `
42
42
43
43
1. Enter a few keywords to find the perfect icon using our [icon search] and
44
44
click on the shortcode to copy it to your clipboard :
45
45
46
46
<div class="mdx-iconsearch" data-mdx-component="iconsearch">
47
- <input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="brands twitter " />
47
+ <input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="mastodon " />
48
48
<div class="mdx-iconsearch-result" data-mdx-component="iconsearch-result" data-mdx-mode="file">
49
49
<div class="mdx-iconsearch-result__meta"></div>
50
50
<ol class="mdx-iconsearch-result__list"></ol>
@@ -59,30 +59,31 @@ The following properties are available for each link:
59
59
This property must contain a valid path to any icon bundled with the theme,
60
60
or the build will not succeed. Some popular choices :
61
61
62
+ * :fontawesome-brands-mastodon: – `fontawesome/brands/mastodon`
63
+ <small>automatically adds [`rel=me`][rel=me]</small>
64
+ * :fontawesome-brands-twitter: – `fontawesome/brands/twitter`
65
+ * :fontawesome-brands-github: – `fontawesome/brands/github`
62
66
* :fontawesome-brands-docker: – `fontawesome/brands/docker`
63
67
* :fontawesome-brands-facebook: – `fontawesome/brands/facebook`
64
- * :fontawesome-brands-github : – `fontawesome/brands/github `
68
+ * :fontawesome-brands-medium : – `fontawesome/brands/medium `
65
69
* :fontawesome-brands-instagram: – `fontawesome/brands/instagram`
66
70
* :fontawesome-brands-linkedin: – `fontawesome/brands/linkedin`
67
- * :fontawesome-brands-medium: – `fontawesome/brands/medium`
68
71
* :fontawesome-brands-pied-piper-alt: – `fontawesome/brands/pied-piper-alt`
69
- * :fontawesome-brands-product-hunt: – `fontawesome/brands/product-hunt`
70
72
* :fontawesome-brands-slack: – `fontawesome/brands/slack`
71
- * :fontawesome-brands-twitter: – `fontawesome/brands/twitter`
72
73
73
74
[`link`](#+social.link){ # +social.link }
74
75
75
76
: :octicons-milestone-24 : Default: _none_ · :octicons-alert-24: __Required__ –
76
77
This property must be set to a relative or absolute URL including the URI
77
78
scheme. All URI schemes are supported, including `mailto` and `bitcoin` :
78
79
79
- === ":fontawesome-brands-twitter : Twitter "
80
+ === ":fontawesome-brands-mastodon : Mastodon "
80
81
81
82
` ` ` yaml
82
83
extra:
83
84
social:
84
- - icon: fontawesome/brands/twitter
85
- link: https://twitter.com/ squidfunk
85
+ - icon: fontawesome/brands/mastodon
86
+ link: https://fosstodon.org/@ squidfunk
86
87
` ` `
87
88
88
89
=== ":octicons-mail-16 : Email"
@@ -103,13 +104,14 @@ The following properties are available for each link:
103
104
` ` ` yaml
104
105
extra:
105
106
social:
106
- - icon: fontawesome/brands/twitter
107
- link: https://twitter.com/ squidfunk
108
- name: squidfunk on Twitter
107
+ - icon: fontawesome/brands/mastodon
108
+ link: https://fosstodon.org/@ squidfunk
109
+ name: squidfunk on Fosstodon
109
110
` ` `
110
111
111
112
[icon search] : ../reference/icons-emojis.md#search
112
113
[Social links support] : https://github.com/squidfunk/mkdocs-material/releases/tag/1.0.0
114
+ [rel=me] : https://docs.joinmastodon.org/user/profile/#verification
113
115
114
116
# ## Copyright notice
115
117
0 commit comments