diff --git a/Documentation/templates-src/NetCord/partials/example.tmpl.partial b/Documentation/templates-src/NetCord/partials/example.tmpl.partial new file mode 100644 index 000000000..726e39c52 --- /dev/null +++ b/Documentation/templates-src/NetCord/partials/example.tmpl.partial @@ -0,0 +1,9 @@ +var builder = Host.CreateDefaultBuilder(args) + .UseDiscordGateway() + .UseApplicationCommands(); + +var host = builder.Build() + .AddSlashCommand("square", "Square!", (int a) => $"{a}² = {a * a}") + .UseGatewayEventHandlers(); + +await host.RunAsync(); diff --git a/Documentation/templates-src/NetCord/partials/root.tmpl.partial b/Documentation/templates-src/NetCord/partials/root.tmpl.partial index 73ef5fef5..ce7fb478d 100644 --- a/Documentation/templates-src/NetCord/partials/root.tmpl.partial +++ b/Documentation/templates-src/NetCord/partials/root.tmpl.partial @@ -8,6 +8,17 @@ +
+

Build a Discord Bot in Minutes!

+

+ Quickly add a /square command to calculate squares with just a few lines of C#. +

+
+
{{>partials/example}}
+
+

Start building now with NetCord!

+
+

Key Features of NetCord

diff --git a/Documentation/templates-src/NetCord/src/main.css b/Documentation/templates-src/NetCord/src/main.css index d839ee6e8..1cbce525b 100644 --- a/Documentation/templates-src/NetCord/src/main.css +++ b/Documentation/templates-src/NetCord/src/main.css @@ -335,14 +335,40 @@ code, } .features-section { - padding: 100px 0; - text-align: center; + padding-bottom: 100px; + color: var(--bs-emphasis-color); +} + +.code-example { + width: fit-content; + max-width: 100%; + font-size: 1em; +} + + .code-example pre code.hljs { + padding: 1.5em !important; + } + +.code-example-section { + margin-top: 100px; + padding-bottom: 20px; + display: flex; + flex-direction: column; + align-items: center; color: var(--bs-emphasis-color); } .section-title { font-size: 30px; margin-bottom: 30px; + text-align: center; +} + +.section-text { + font-size: 18px; + text-align: center; + margin-bottom: 30px; + padding: 0 10px; } .features-container { @@ -404,11 +430,7 @@ body { } .section-title { - font-size: 7vw; - } - - .features-section { - padding: 50px 0; + font-size: 6.5vw; } .feature-item { @@ -427,6 +449,10 @@ body { padding-left: 40px; padding-right: 40px; } + + .code-example { + font-size: 1.2em; + } } @view-transition {