public inbox for [email protected]
 help / color / mirror / Atom feed
From: Muhammad Rizki <[email protected]>
To: Ammar Faizi <[email protected]>
Cc: Muhammad Rizki <[email protected]>,
	Alviro Iskandar Setiawan <[email protected]>,
	Arthur Lapz <[email protected]>, Memet Zx <[email protected]>,
	GNU/Weeb Mailing List <[email protected]>
Subject: [PATCH v1 06/11] feat(page): add GNUWeeb member list UI
Date: Sat, 23 Sep 2023 03:58:12 +0700	[thread overview]
Message-ID: <[email protected]> (raw)
In-Reply-To: <[email protected]>

This commit adds the GNUWeeb organization member list UI component,
which will display GitHub organization members. The UI rendering
function for displaying members is under development and will be
released in the next commit.

Signed-off-by: Muhammad Rizki <[email protected]>
---
 index.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/index.html b/index.html
index af65fcc..40f8a9e 100644
--- a/index.html
+++ b/index.html
@@ -253,6 +253,27 @@
         </section>
 
       </section>
+
+      <!-- MEMBER LIST SECTION | RIGHT -->
+      <section class="hidden xl:flex flex-col space-y-3 py-5 max-h-screen">
+        <section class="border border-neutral-800 rounded-xl overflow-hidden w-[20rem]">
+          <div class="flex px-5 py-2 border-b border-neutral-800 justify-between items-center">
+            <h1 class="text-lg font-bold text-center w-full">Member List</h1>
+          </div>
+          <div id="member-list" class="px-3 py-2 space-y-1 text-sm max-h-[300px] overflow-y-auto"></div>
+          <a href="https://github.com/orgs/gnuweeb/people" draggable="false" target="_blank">
+            <div
+              class="p-3 border-t border-neutral-800 hover:bg-neutral-800
+                    flex justify-center items-center w-full"
+            >
+              <span class="select-none font-semibold text-sky-500 mr-1">View on GitHub</span>
+              <svg class="w-3 h-3 text-neutral-500" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+                <path d="M 40.960938 4.9804688 A 2.0002 2.0002 0 0 0 40.740234 5 L 28 5 A 2.0002 2.0002 0 1 0 28 9 L 36.171875 9 L 22.585938 22.585938 A 2.0002 2.0002 0 1 0 25.414062 25.414062 L 39 11.828125 L 39 20 A 2.0002 2.0002 0 1 0 43 20 L 43 7.2460938 A 2.0002 2.0002 0 0 0 40.960938 4.9804688 z M 12.5 8 C 8.3826878 8 5 11.382688 5 15.5 L 5 35.5 C 5 39.617312 8.3826878 43 12.5 43 L 32.5 43 C 36.617312 43 40 39.617312 40 35.5 L 40 26 A 2.0002 2.0002 0 1 0 36 26 L 36 35.5 C 36 37.446688 34.446688 39 32.5 39 L 12.5 39 C 10.553312 39 9 37.446688 9 35.5 L 9 15.5 C 9 13.553312 10.553312 12 12.5 12 L 22 12 A 2.0002 2.0002 0 1 0 22 8 L 12.5 8 z"></path>
+              </svg>
+            </div>
+          </a>
+        </section>
+      </section>
     </main>
 
     <footer class="pt-10 p-5">
-- 
Muhammad Rizki


  parent reply	other threads:[~2023-09-22 20:59 UTC|newest]

Thread overview: 14+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2023-09-22 20:58 [PATCH v1 00/11] Refactoring and Add New Features Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 01/11] style: remove extra newline at end of file Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 02/11] feat(static/img): add `profile-cover.jpg` Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 03/11] refactor(page): improve page design and add profile image cover Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 04/11] feat(page): improve UX for copying text Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 05/11] chore(page): add newlines to enhance Developer Experience Muhammad Rizki
2023-09-22 20:58 ` Muhammad Rizki [this message]
2023-09-22 20:58 ` [PATCH v1 07/11] feat(page): add `getOrgMembers()` function Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 08/11] feat(page): add `renderMemberList()` function Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 09/11] feat(page): add initial UI for displaying recent group messages Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 10/11] feat(css): add initial CSS class styles for chat bubbles Muhammad Rizki
2023-09-22 20:58 ` [PATCH v1 11/11] feat(page): implement chat bubble message rendering Muhammad Rizki
2023-09-23  3:15   ` Ammar Faizi
2023-09-23  8:43     ` Muhammad Rizki

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox