From 761596b36c7e5cc64324b27125e0a1f940aa5925 Mon Sep 17 00:00:00 2001
From: Nic Barker <nic@nicbarker.com>
Date: Fri, 4 Oct 2024 10:05:13 +1300
Subject: [PATCH 1/2] Add discord link to official website
---
examples/clay-official-website/main.c | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/examples/clay-official-website/main.c b/examples/clay-official-website/main.c
index 8c9d2e7..1ea24c5 100644
--- a/examples/clay-official-website/main.c
+++ b/examples/clay-official-website/main.c
@@ -311,6 +311,12 @@ Clay_RenderCommandArray CreateLayout(bool mobileScreen, float lerpValue) {
CLAY_TEXT(CLAY_ID("LinkDocsText"), CLAY_STRING("Docs"), CLAY_TEXT_CONFIG(.disablePointerEvents = true, .fontId = FONT_ID_BODY_24, .fontSize = 24, .textColor = {61, 26, 5, 255}));
}
}
+ Clay_ElementId discordButtonId = CLAY_ID("HeaderButtonDiscord");
+ CLAY_BORDER_CONTAINER(CLAY_ID("LinkDiscordOuter"), CLAY_LAYOUT(), CLAY_BORDER_CONFIG_OUTSIDE_RADIUS(2, COLOR_RED, 10)) {
+ CLAY_RECTANGLE(discordButtonId, CLAY_LAYOUT(.padding = {16, 6}), CLAY_RECTANGLE_CONFIG(.cornerRadius = CLAY_CORNER_RADIUS(10), .link = CLAY_STRING("https://discord.gg/p2Ky5M7b"), .color = Clay_PointerOver(discordButtonId) ? COLOR_LIGHT_HOVER : COLOR_LIGHT)) {
+ CLAY_TEXT(CLAY_ID("LinkDiscordText"), CLAY_STRING("Discord"), CLAY_TEXT_CONFIG(.disablePointerEvents = true, .fontId = FONT_ID_BODY_24, .fontSize = 24, .textColor = {61, 26, 5, 255}));
+ }
+ }
Clay_ElementId githubButtonId = CLAY_ID("HeaderButtonGithub");
CLAY_BORDER_CONTAINER(CLAY_ID("LinkGithubOuter"), CLAY_LAYOUT(), CLAY_BORDER_CONFIG_OUTSIDE_RADIUS(2, COLOR_RED, 10)) {
CLAY_RECTANGLE(githubButtonId, CLAY_LAYOUT(.padding = {16, 6}), CLAY_RECTANGLE_CONFIG(.cornerRadius = CLAY_CORNER_RADIUS(10), .link = CLAY_STRING("https://github.com/nicbarker/clay"), .color = Clay_PointerOver(githubButtonId) ? COLOR_LIGHT_HOVER : COLOR_LIGHT)) {
From 2cf212e99262839a56e34c1d06d7f7a892d93bcd Mon Sep 17 00:00:00 2001
From: Nic Barker <nic@nicbarker.com>
Date: Fri, 4 Oct 2024 10:19:08 +1300
Subject: [PATCH 2/2] Update discord link to permanent and add note for discord
link in readme
---
README.md | 2 ++
examples/clay-official-website/main.c | 2 +-
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 396c0ef..3bd9737 100644
--- a/README.md
+++ b/README.md
@@ -144,6 +144,8 @@ In summary, the general order of steps is:
6. [Clay_EndLayout()](#clay_endlayout)
7. Render the results using the outputted [Clay_RenderCommandArray](#clay_rendercommandarray)
+For help starting out or to discuss clay, considering joining [the discord server.](https://discord.gg/b4FTWkxdvT)
+
## High Level Documentation
### Building UI Hierarchies
diff --git a/examples/clay-official-website/main.c b/examples/clay-official-website/main.c
index 1ea24c5..f80c075 100644
--- a/examples/clay-official-website/main.c
+++ b/examples/clay-official-website/main.c
@@ -313,7 +313,7 @@ Clay_RenderCommandArray CreateLayout(bool mobileScreen, float lerpValue) {
}
Clay_ElementId discordButtonId = CLAY_ID("HeaderButtonDiscord");
CLAY_BORDER_CONTAINER(CLAY_ID("LinkDiscordOuter"), CLAY_LAYOUT(), CLAY_BORDER_CONFIG_OUTSIDE_RADIUS(2, COLOR_RED, 10)) {
- CLAY_RECTANGLE(discordButtonId, CLAY_LAYOUT(.padding = {16, 6}), CLAY_RECTANGLE_CONFIG(.cornerRadius = CLAY_CORNER_RADIUS(10), .link = CLAY_STRING("https://discord.gg/p2Ky5M7b"), .color = Clay_PointerOver(discordButtonId) ? COLOR_LIGHT_HOVER : COLOR_LIGHT)) {
+ CLAY_RECTANGLE(discordButtonId, CLAY_LAYOUT(.padding = {16, 6}), CLAY_RECTANGLE_CONFIG(.cornerRadius = CLAY_CORNER_RADIUS(10), .link = CLAY_STRING("https://discord.gg/b4FTWkxdvT"), .color = Clay_PointerOver(discordButtonId) ? COLOR_LIGHT_HOVER : COLOR_LIGHT)) {
CLAY_TEXT(CLAY_ID("LinkDiscordText"), CLAY_STRING("Discord"), CLAY_TEXT_CONFIG(.disablePointerEvents = true, .fontId = FONT_ID_BODY_24, .fontSize = 24, .textColor = {61, 26, 5, 255}));
}
}