contact page restructure
This commit is contained in:
@@ -60,7 +60,7 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
|
||||
Join our primarily Hungarian-speaking community (English speakers are also welcome!).
|
||||
</p>
|
||||
|
||||
<div class="space-y-8">
|
||||
<div class="grid grid-cols-3 gap-4 justify-center">
|
||||
<div class="community-section border-[#5865F2]">
|
||||
<h3 class="community-section-title">Discord</h3>
|
||||
<p class="community-section-desc">We have a vibrant Discord server for real-time chat and support.</p>
|
||||
@@ -69,8 +69,9 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="community-section border-indigo-600">
|
||||
<h3 class="community-section-title">IRC Chat</h3>
|
||||
<div class="community-section border-green-500">
|
||||
<h3 class="community-section-title">IRC</h3>
|
||||
<p class="text-sm text-gray-600 mb-3">If Discord is too modern, find us on IRC!</p>
|
||||
<div class="irc-box">
|
||||
<span class="irc-network">Network: Libera.Chat</span>
|
||||
<code class="irc-channel">#teletypegames</code>
|
||||
@@ -96,7 +97,7 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
|
||||
@apply inline-flex items-center gap-3 bg-[#5865F2] hover:bg-[#4752C4] text-white font-black py-4 px-8 rounded-full text-lg transition-all transform hover:scale-105 shadow-xl;
|
||||
}
|
||||
.contact-grid {
|
||||
@apply grid grid-cols-1 md:grid-cols-2 gap-12 max-w-5xl mx-auto;
|
||||
@apply grid grid-cols-1 gap-12 max-w-5xl mx-auto;
|
||||
}
|
||||
.contact-card {
|
||||
@apply bg-white p-8 rounded-2xl shadow-xl border border-gray-100;
|
||||
@@ -114,7 +115,7 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
|
||||
@apply border-l-4 pl-4;
|
||||
}
|
||||
.community-section-title {
|
||||
@apply text-lg font-bold text-gray-900 mb-2;
|
||||
@apply text-lg font-bold text-green-700 mb-2;
|
||||
}
|
||||
.community-section-desc {
|
||||
@apply text-gray-600 text-sm mb-3;
|
||||
@@ -123,13 +124,13 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
|
||||
@apply text-[#5865F2] font-bold hover:underline inline-flex items-center gap-1;
|
||||
}
|
||||
.irc-box {
|
||||
@apply bg-indigo-50 p-4 rounded-xl border border-indigo-100 mt-3 inline-block;
|
||||
@apply bg-green-100 p-4 rounded-xl border border-green-200 mt-3 inline-block;
|
||||
}
|
||||
.irc-network {
|
||||
@apply block text-xs font-semibold text-indigo-400 uppercase tracking-wider mb-1;
|
||||
@apply block text-xs font-semibold text-green-500 uppercase tracking-wider mb-1;
|
||||
}
|
||||
.irc-channel {
|
||||
@apply text-indigo-600 font-mono text-lg font-bold;
|
||||
@apply text-green-800 font-mono text-lg font-bold;
|
||||
}
|
||||
.bbs-box {
|
||||
@apply bg-amber-50 p-4 rounded-xl border border-amber-100 mt-3 inline-block;
|
||||
|
||||
Reference in New Issue
Block a user