- reduced custom styles, use mostly tailwind classes

- updated markdown css for extrausercontent

webroot/js/utils/chat.js

@@ -28,7 +28,7 @@ export function formatMessageText(message, username) {
 
 function highlightUsername(message, username) {
 	const pattern = new RegExp('@?' + username.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'gi');
-  return message.replace(pattern, '<span class="highlighted">$&</span>');
+  return message.replace(pattern, '<span class="highlighted font-bold bg-orange-500">$&</span>');
 }
 
 function linkify(text, rawText) {
@@ -126,8 +126,7 @@ function getInstagramEmbedFromURL(url) {
 
 function isImage(url) {
 	const re = /\.(jpe?g|png|gif)$/i;
-	const isImage = re.test(url);
-	return isImage;
+	return re.test(url);
 }
 
 function getImageForURL(url) {

webroot/js/utils/social.js

@@ -0,0 +1,73 @@
+
+// x, y pixel psitions of /img/social.gif image.
+export const SOCIAL_PLATFORMS = {
+  default: {
+    name: "default",
+    imgPos: [0,0], // [row,col]
+  },
+
+  facebook: {
+    name: "Facebook",
+    imgPos: [0,1],
+  },
+  twitter: {
+    name: "Twitter",
+    imgPos: [0,2],
+  },
+  instagram: {
+    name: "Instagram",
+    imgPos: [0,3],
+  },
+  snapchat: {
+    name: "Snapchat",
+    imgPos: [0,4],
+  },
+  tiktok: {
+    name: "TikTok",
+    imgPos: [0,5],
+  },
+  soundcloud: {
+    name: "Soundcloud",
+    imgPos: [0,6],
+  },
+  bandcamp: {
+    name: "Bandcamp",
+    imgPos: [0,7],
+  },
+  patreon: {
+    name: "Patreon",
+    imgPos: [0,1],
+  },
+  youtube: {
+    name: "YouTube",
+    imgPos: [0,9 ],
+  },
+  spotify: {
+    name: "Spotify",
+    imgPos: [0,10],
+  },
+  twitch: {
+    name: "Twitch",
+    imgPos: [0,11],
+  },
+  paypal: {
+    name: "Paypal",
+    imgPos: [0,12],
+  },
+  github: {
+    name: "Github",
+    imgPos: [0,13],
+  },
+  linkedin: {
+    name: "LinkedIn",
+    imgPos: [0,14],
+  },
+  discord: {
+    name: "Discord",
+    imgPos: [0,15],
+  },
+  mastodon: {
+    name: "Mastodon",
+    imgPos: [0,16],
+  },
+};