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 8c9d2e7..f80c075 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/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})); + } + } 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)) {