Differences

This shows you the differences between two versions of the page.

View differences: Side by SideInline Go

Link to this comparison view

2022/01/29 14:22 external edit2022/01/29 14:20 Page created by templateGo		2022/01/29 14:22 external edit2022/01/29 14:20 Page created by templateGo
wiki:menu-social [2022/01/29 14:20] – Page created by template 66.249.66.21		wiki:menu-social [2022/01/29 14:22] (current) – external edit 127.0.0.1
Line 5:		Line 5:
	When editing this table, you don't need to align the dividers, but it can help make the code more readable. Any line beginning with ''|'' is treated as an entry.		When editing this table, you don't need to align the dividers, but it can help make the code more readable. Any line beginning with ''|'' is treated as an entry.
-	^Label                ^Icon    ^Icon style^Link                     ^Colour ^	+	^Label    ^Icon     ^Icon style^Link                                      ^Colour ^
-	|Facebook example link|facebook|brands    |https://www.facebook.com/|#1778F2|	+	|Facebook |facebook |brands    |https://www.facebook.com/BristolACappella |#1778F2|
		+	|InstaGram|instagram|brands    |https://www.instagram.com/BristolACappella|#333333|
		+	|Twitter  |twitter  |brands    |https://www.twitter.com/BrizACappella     |#38A1F3|
		+	|Meetup   |meetup   |brands    |https://www.meetup.com/BristolACappella   |#ED1C40|
		+	|YouTube  |youtube  |brands    |https://www.youtube.com/BristolACappella  |#ED3833|
-	**Label**: the text that will be shown.	+	**Label**: the text that will be shown in screen readers.
	**Icon**: the exact name of the [[https://fontawesome.com/icons?d=gallery&m=free|Font Awesome free icon]] to be used, like ''microphone''.		**Icon**: the exact name of the [[https://fontawesome.com/icons?d=gallery&m=free|Font Awesome free icon]] to be used, like ''microphone''.
	**Icon style**: the Font Awesome icon style, usually ''solid'', ''regular'', or ''brands''.		**Icon style**: the Font Awesome icon style, usually ''solid'', ''regular'', or ''brands''.
-
-	**Link**: where the action link takes you; on this site, use a relative URL like ''/visit''; for an external site use a canonical URL like ''https://paypal.com/''.
	**Colour**: The CSS colour code for the icon, in any CSS-compatible format, like ''#FF0000'' or ''rgb(100%,0,0)''.		**Colour**: The CSS colour code for the icon, in any CSS-compatible format, like ''#FF0000'' or ''rgb(100%,0,0)''.
		+	**Link**: where the action link takes you; on this site, use a relative URL like ''/visit''; for an external site use a canonical URL like ''https://paypal.com/''.