add community links

pactus-project · Sep 11, 2024 · 760028d · 760028d
1 parent cbee30c
commit 760028d
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 13 deletions.
diff --git a/content/community.md b/content/community.md
@@ -9,25 +9,25 @@ By joining the Pactus community, you become a part of a global network of innova
 
 {{<translate "dict.community.community_ran">}}
 
-<ul class="list-unstyled community_ran">
-  <li>
-    <a href="https://t.me/pactuschat">
-      {{<translate "dict.community.telegram_chat">}}
+<ul class="list-none">
+  <li class="group">
+    <a href="https://t.me/pactuschat" class="hover:text-[#7064e9]">
+      <i class="fa-brands fa-telegram mr-3 text-2xl"></i>{{<translate "dict.community.telegram_chat">}}
     </a>
   </li>
-   <li>
-    <a href="https://www.facebook.com/PactusChain">
-      {{<translate "dict.community.facebook">}}
+   <li class="group">
+    <a href="https://www.facebook.com/PactusChain" class="hover:text-[#7064e9]">
+      <i class="fa-brands fa-facebook mr-3 text-2xl"></i>{{<translate "dict.community.facebook">}}
     </a>
   </li>
-  <li>
-    <a href="https://t.me/nodesync_top">
-      {{<translate "dict.community.nodesync">}}
+  <li class="group">
+    <a href="https://t.me/nodesync_top" class="hover:text-[#7064e9]">
+      <i class="fa-brands fa-telegram mr-3 text-2xl"></i>{{<translate "dict.community.nodesync">}}
     </a>
   </li>
-  <li>
-    <a href="https://discord.gg/H5vZkNnXCu">
-      {{<translate "dict.community.wechat">}}
+  <li class="group">
+    <a href="https://discord.gg/H5vZkNnXCu" class="hover:text-[#7064e9]">
+      <i class="fa-brands fa-weixin mr-3 text-2xl"></i>{{<translate "dict.community.wechat">}}
     </a>
   </li>
 </ul>
diff --git a/static/css/main.css b/static/css/main.css
@@ -3658,6 +3658,9 @@ html:has(.drawer-toggle:checked) {
 .mb-3 {
   margin-bottom: 0.75rem;
 }
+.mr-3 {
+  margin-right: 0.75rem;
+}
 .block {
   display: block;
 }
@@ -3796,6 +3799,9 @@ html:has(.drawer-toggle:checked) {
 .resize {
   resize: both;
 }
+.list-none {
+  list-style-type: none;
+}
 .grid-flow-row {
   grid-auto-flow: row;
 }
@@ -6328,6 +6334,10 @@ html {
   color: rgb(112 100 233 / var(--tw-text-opacity));
 }
 
+.group:hover .group-hover\:text-\[\] {
+  color: ;
+}
+
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }