<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doc Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav id="navbar">
<header>Documentation Topics</header>
<a class="nav-link" href="#Introduction">Introduction</a>
<a class="nav-link" href="#Setup">Setup</a>
<a class="nav-link" href="#Roles_and_Permissions">Roles and Permissions</a>
<a class="nav-link" href="#Customization">Customization</a>
<a class="nav-link" href="#Moderation">Moderation</a>
</nav>
<header>
<h1>How to successfully set up and manage your very own discord server</h1>
</header>
<main id="main.doc">
<section id="Introduction" class="main-section">
<header><h1>Introduction</h1></header>
<p>Welcome everyone to my tutorial on how to build your very own discord server successfully. I'm Rylie! In case you are asking yourself...what in the hell is Discord? I'm here to tell you it's a powerful platform for creating communities. It started out being a place where gamers came together to stream and play video games, but has grown by leaps and bounds since its birth in 2016.</p>
</section>
<section id="Setup" class="main-section">
<header><h1>Setting Up</h1></header>
<p>First things first, you will need a discord account. If you don't already have one all you have to do is sign up. It's quick and easy and fairly <em>painless</em>...jkjk.<br>
Once you have created your account you are going to log in. In the Discord app, click on the plus symbol on the left menu bar to “Add a Server” A window will now open. The 3rd step you encounter is joining a server that has already been made or create your own. Click on “Create a server” when making your own.<br>
Then you need to decide if you are going to want this server big enough for you and your friends, or if you are going to grow your community and have hundreds if not more members.<br>
Next, the menu for creating your own Discord server will open. Here you can choose your server’s name. Once you have entered the name, click on “Create”.<br>Your discord is now ready to use and you can start inviting your friends, but I must warn you, there are a few more things one needs to know to ensure the safety of their community members and other important things..</p>
</section>
<section id="Roles_and_Permissions" class="main-section">
<header><h1>Roles and Permissions</h1></header>
<p>First thing after creating your server, you probably don't want to open it to the public just yet. You need to set roles and permissions so that it keeps your community safe and prevents people taking over and nuking your server. <br>
In Discord, roles are like ranks on forums, giving users different privileges on a server. Permissions are the privileges granted by roles, and can control access to settings like deleting messages or banning users. Permissions can be set on a server-wide level or for specific channels. <br>
Similar to forum ranks, roles can differentiate users by adding color to their names or placing them higher on the sidebar. Roles determine a user's appearance and privileges.<br>
Permissions control access to various server settings, like deleting messages or banning users. Permissions can be basic, like allowing users to react to messages, or more administrative.</p>
<p>This is crucial for managing your community effectively.</p>
<ul>
<li>Create roles based on user responsibilities.</li>
<li>Assign permissions carefully to avoid misuse.</li>
</ul>
</section>
<section id="Customization" class="main-section">
<header><h1>Customization</h1></header>
<p>Now that we have all that out of the way, customization and bots are key to getting your community involved and flowing smoothly. You will want to add bots, hold events, do giveaways. It's all a lot of fun. The key is keeping people engaged in activity you provide within your community. <br>Its pretty easy to add a bot or multiple bots to your server.</p>
<ul>
<li>Gain permission to add the bot.</li>
<li>Visit a Discord bot website such as top.gg or mee6</li>
<li>Click a tag to sort bots by category</li>
<li>Search for a bot using the search bar.</li>
<li>Go to the bot's page and click 'Invite'. Once you've chosen the bot you want to add, click the bot's name. Once on the bot's page, click the 'Invite' button and wait for an authorization menu to appear.</li>
<li>Select your server as the one you want the bot added to</li>
<li>Give your bots permissions</li>
<li>Authorize the bot and complete the reCAPTCHA.</li>
</ul>
<p>Which bots should I add you ask? Moderation bots are key so that you have a layer of security in keeping your server safe from trolls and nuke happy people. There are tons and tons of bots for fun, games, music, social media, RSS feeds.</p>
</section>
<section id="Moderation" class="main-section">
<header><h1>Moderation</h1></header>
<p>Mods are key for keeping out the trolls, spammers, and evil that lurks. Not only can you call upon and make roles for your closest trusted community members, there are bots for security as well. <br>
If you find yourself needing to ban someone the code is:</p>
<code>!ban @user</code>
<p><h3>So what are you waiting for?!??!??!</h3>Get going and enjoy your new server!!</p>
</section>
</main>
<footer>
<p>© 2024 Rylie Cloud. All rights reserved.</p>
</footer>
</body>
</html>
Do you have a question?
I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
1 Like
I’m so sorry I was tryin to figure out why my page didn’t pass. Everything that had an x by it was included in my project?
The first test:
You should have a
mainelement with anidofmain-doc
Please re-check this id:
Test number 8:
Each
.main-sectionshould have anidthat matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.
This section isn’t qualified:
You should have at least 10
pelements (total) within your.main-sectionelements.
You have 8 p elements.
You should have at least five
codeelements that are descendants of.main-sectionelements.
You have none.