diff --git a/index.html b/index.html index 3d501d5..ab85bc6 100644 --- a/index.html +++ b/index.html @@ -53,8 +53,11 @@ ชุมชนเทคโนโลยีสำหรับคนข้ามเพศและพันธมิตรในประเทศไทย เราให้ความสำคัญกับซอฟต์แวร์เสรี แพลตฟอร์มกระจายศูนย์ และข้อมูลเปิด
+ + ติดตามเราบน Fediverse + - ร่วมพูดคุยกับเรา + ร่วมพูดคุยกับเราผ่าน Discord
diff --git a/style.css b/style.css index 2cde754..a194f34 100644 --- a/style.css +++ b/style.css @@ -96,6 +96,7 @@ html * padding: 10px 10px; margin-top: 1cm; margin-bottom: 1cm; + margin-right: 0.25cm; transition-duration: 0.2s; } @@ -105,6 +106,7 @@ html * .gtk-button-pill { + position: relative; width: auto; height: 44px; @@ -122,6 +124,24 @@ html * flex-wrap: nowrap; } + .gtk-button { + height: 1cm; + border-radius: 6px; + background-color: rgba(53, 132, 228, 1); + color: white; + text-decoration: none; + font-weight: bold; + padding: 10px 10px; + margin-top: 1cm; + margin-bottom: 1cm; + margin-right: 0.25cm; + transition-duration: 0.2s; + } + + .gtk-button:hover { + background-color: rgba(53, 132, 228, 0.9); + } + .itemcard { display: grid; border-radius: 12px; @@ -190,6 +210,7 @@ html * padding: 10px 10px; margin-top: 1cm; margin-bottom: 1cm; + margin-right: 0.25cm; transition-duration: 0.2s; } @@ -215,6 +236,24 @@ html * flex-wrap: nowrap; } + .gtk-button { + height: 1cm; + border-radius: 6px; + background-color: rgba(53, 132, 228, 1); + color: white; + text-decoration: none; + font-weight: bold; + padding: 10px 10px; + margin-top: 1cm; + margin-bottom: 1cm; + margin-right: 0.25cm; + transition-duration: 0.2s; + } + + .gtk-button:hover { + background-color: rgba(53, 132, 228, 0.9); + } + .itemcard { display: grid; border-radius: 12px;