diff --git a/public/img/community-discord.jpg b/public/img/community-discord.jpg new file mode 100644 index 0000000..0b48469 Binary files /dev/null and b/public/img/community-discord.jpg differ diff --git a/public/img/community-discord.png b/public/img/community-discord.png deleted file mode 100644 index a303534..0000000 Binary files a/public/img/community-discord.png and /dev/null differ diff --git a/public/img/community-facebook.jpg b/public/img/community-facebook.jpg new file mode 100644 index 0000000..c7c1b03 Binary files /dev/null and b/public/img/community-facebook.jpg differ diff --git a/public/img/community-github.jpg b/public/img/community-github.jpg new file mode 100644 index 0000000..5f77ca3 Binary files /dev/null and b/public/img/community-github.jpg differ diff --git a/public/img/community-mastodon.jpg b/public/img/community-mastodon.jpg new file mode 100644 index 0000000..a3d3131 Binary files /dev/null and b/public/img/community-mastodon.jpg differ diff --git a/public/img/community-minecraft.jpg b/public/img/community-minecraft.jpg new file mode 100644 index 0000000..8d13719 Binary files /dev/null and b/public/img/community-minecraft.jpg differ diff --git a/public/img/community-youtube.jpg b/public/img/community-youtube.jpg new file mode 100644 index 0000000..f14d84d Binary files /dev/null and b/public/img/community-youtube.jpg differ diff --git a/resources/js/views/Community.vue b/resources/js/views/Community.vue index 79d1f40..7928363 100644 --- a/resources/js/views/Community.vue +++ b/resources/js/views/Community.vue @@ -32,40 +32,40 @@ import SMMastHead from "../components/SMMastHead.vue"; const communities = [ { - thumbnail: "/img/community-discord.png", - url: "https://someone.com/", + thumbnail: "/img/community-discord.jpg", + url: "https://discord.gg/yNzk4x7mpD", title: "Discord", content: "A vibrant community for discussion, user support, showcases... and custom emoji!", }, { - thumbnail: "/img/community-discord.png", + thumbnail: "/img/community-minecraft.jpg", url: "/minecraft", title: "Minecraft", content: "Our usual hang-out to kill zombies and build redstone contraptions.", }, { - thumbnail: "/img/community-discord.png", + thumbnail: "/img/community-github.jpg", url: "https://github.com/stemmechanics", title: "GitHub", content: "All our open-source projects. Send bug reports here.", }, { - thumbnail: "/img/community-discord.png", + thumbnail: "/img/community-youtube.jpg", url: "https://youtube.com/stemmechanics", title: "YouTube", content: "Channel for official STEMMechanics videos.", }, { - thumbnail: "/img/community-discord.png", + thumbnail: "/img/community-facebook.jpg", url: "https://facebook.com/stemmechanics", title: "Facebook", content: "Community for discussions and showcasing workshops.", }, { - thumbnail: "/img/community-discord.png", - url: "https://facebook.com/stemmechanics", + thumbnail: "/img/community-mastodon.jpg", + url: "https://mastodon.au/@stemmechanics", title: "Mastodon", content: "Connect with us in the Fediverse.", }, @@ -95,7 +95,6 @@ const communities = [ .thumbnail { aspect-ratio: 16 / 9; - border-radius: 7px; background-position: center; background-size: cover; background-color: var(--card-background-color);