Merge branch '34-social-media-icons' into 'develop'

Resolve "Social Media Icons"

Closes #34

See merge request !19

html/typo3conf/ext/t3omy/Resources/Private/Partials/Femanager/Email/Footer.html

@@ -18,32 +18,32 @@
 			 
 		</td>
 		<td valign="middle" align="center" width="15%" style="vertical-align: middle;">
-			<a href="#SOCIAL_LINK" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
-				<img src="http://via.placeholder.com/150x150" alt="Social-Link" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;"/>
+			<a href="https://www.facebook.com/typo3/" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
+				<img alt="TYPO3 facebook" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;" src="{f:uri.resource(path:'Images/Mails/facebook.png', absolute:1,extensionName:'t3omy')}"></a>
 			</a>
 		</td>
 		<td valign="middle" width="*" style="vertical-align: middle;">
 			&nbsp;
 		</td>
 		<td valign="middle" align="center" width="15%" style="vertical-align: middle;">
-			<a href="#SOCIAL_LINK" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
-				<img src="http://via.placeholder.com/150x150" alt="Social-Link" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;"/>
+			<a href="https://stackoverflow.com/questions/tagged/typo3" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
+				<img alt="TYPO3 Stack overflow" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;" src="{f:uri.resource(path:'Images/Mails/stack-overflow.png', absolute:1,extensionName:'t3omy')}"></a>
 			</a>
 		</td>
 		<td valign="middle" width="*" style="vertical-align: middle;">
 			&nbsp;
 		</td>
 		<td valign="middle" align="center" width="15%" style="vertical-align: middle;">
-			<a href="#SOCIAL_LINK" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
-				<img src="http://via.placeholder.com/150x150" alt="Social-Link" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;"/>
+			<a href="https://twitter.com/typo3" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
+				<img alt="TYPO3 twitter" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;" src="{f:uri.resource(path:'Images/Mails/twitter.png', absolute:1,extensionName:'t3omy')}"></a>
 			</a>
 		</td>
 		<td valign="middle" width="*" style="vertical-align: middle;">
 			&nbsp;
 		</td>
 		<td valign="middle" align="center" width="15%" style="vertical-align: middle;">
-			<a href="#SOCIAL_LINK" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
-				<img src="http://via.placeholder.com/150x150" alt="Social-Link" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;"/>
+			<a href="https://www.youtube.com/typo3" target="_blank" style="background-image: none; margin: 0; padding: 0; color: inherit; display: inline-block; text-decoration: none; border: none; box-shadow: none; outline: none;" rel="noopener noreferrer">
+				<img alt="TYPO3 youtube" width="40" height="40" style="width: 40px; height: 40px; max-width: 40px; display: block; border: 0;" src="{f:uri.resource(path:'Images/Mails/youtube.png', absolute:1,extensionName:'t3omy')}"></a>
 			</a>
 		</td>
 		<td valign="middle" width="18%" style="vertical-align: middle;">