CreativeProject5/how_to_create.html at main · ZakkeryDaRebel/CreativeProject5 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8'/>
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

    <title>You should play D&D</title>

    <link rel='stylesheet' href='styles.css'/>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
  </head>
  <body>
    <!--Navbar Code Below-->
    <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
      <a class="navbar-brand" href="index.html">Home</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link" href="how_to_create.html">How To Create a Character</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="classTs.Ctml" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Classes
            </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <a class="dropdown-item" href="classes.html">The Classes</a>
            <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="classes.html#barbarian">Barbarian</a>
              <a class="dropdown-item" href="classes.html#bard">Bard</a>
              <a class="dropdown-item" href="classes.html#cleric">Cleric</a>
              <a class="dropdown-item" href="classes.html#druid">Druid</a>
              <a class="dropdown-item" href="classes.html#fighter">Fighter</a>
              <a class="dropdown-item" href="classes.html#monk">Monk</a>
              <a class="dropdown-item" href="classes.html#paladin">Paladin</a>
              <a class="dropdown-item" href="classes.html#ranger">Ranger</a>
              <a class="dropdown-item" href="classes.html#rogue">Rogue</a>
              <a class="dropdown-item" href="classes.html#sorcerer">Sorcerer</a>
              <a class="dropdown-item" href="classes.html#warlock">Warlock</a>
              <a class="dropdown-item" href="classes.html#wizard">Wizard</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="races.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Races
            </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <a class="dropdown-item" href="races.html">The Races</a>
            <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="races.html#dwarf">Dwarf</a>
              <a class="dropdown-item" href="races.html#elf">Elf</a>
              <a class="dropdown-item" href="races.html#halfling">Halfling</a>
              <a class="dropdown-item" href="races.html#human">Human</a>
              <a class="dropdown-item" href="races.html#dragonborn">Dragonborn</a>
              <a class="dropdown-item" href="races.html#gnome">Gnome</a>
              <a class="dropdown-item" href="races.html#half-elf">Half-Elf</a>
              <a class="dropdown-item" href="races.html#half-orc">Half-Orc</a>
              <a class="dropdown-item" href="races.html#tiefling">Tiefling</a>
            </div>
          </li>
        </ul>
      </div>
    </nav>
    <!--Navbar Content above, About Me section below-->

    <div class='divider'></div>
    <div class="photo">
        <img src='https://www.tribality.com/wp-content/uploads/2014/10/prep.jpg' id="create-cover"/>
    </div>

    <div class="header">
        <h1>How To Create a D&D Character</h1>
    </div>

    <div class='page'>
        <div class='page-section page-section-odd'>
          <div class='content'>
            <div class='columns'>
              <div class='image-container profile-pic'>
                <img src='https://content.instructables.com/F32/Y0FV/J8F5Q3W5/F32Y0FVJ8F5Q3W5.png?auto=webp&fit=bounds&frame=1&height=1024&width=1024auto=webp&frame=1&height=150' id="character-sheet"/>
              </div>
              <div class='text-container'>

                <h3>So you want to make a Character huh?</h3>
                <p>Good for you! A lot of veteran D&D players really enjoy
                    creating characters because they can try and find some
                    really fun and cool play style that they get to play and
                    try out. But I'll walk you through the steps so that you
                    can understand whats happening, as well as create a
                    character along side you to help you too. So let's begin!</p>

              </div> <!-- Text container -->
            </div> <!-- Columns -->
          </div> <!-- Content -->
        </div> <!-- Page section (ODD) -->

        <div class='page-section page-section-even'>
          <div class='content'>
            <div class='columns'>
              <div class='image-container profile-pic second'>
                <img src='images/class-icons.jpg'/>
              </div>
              <div class='text-container'>

                <h3>First things first, Class.</h3>
                <p>The most important thing when it comes to gameplay, and
                    hence the most important choice you'll make. If you're
                    new to D&D, I'd suggest you choose a Martial class like
                    Fighter or Monk. If you're new to D&D but have a lot of
                    gaming knowledge, try a Half Caster like Bard or Ranger.
                    But if you're feeling gutsy or are experienced, play a
                    Full Spellcaster, they're tons of fun! You're decision
                    matters, but if you don't like playing your class, just
                    talk to your DM and he'll help you choose a different
                    class. So for my example, I'm going to be playing a
                    Barbarian! A rage monster that hits hard and can be hit
                    hard too.</p>

              </div> <!-- Text container -->
            </div> <!-- Columns -->
          </div> <!-- Content -->
        </div> <!-- Page section (EVEN) -->

        <div class='page-section page-section-odd'>
          <div class='content'>
            <div class='columns'>
              <div class='image-container profile-pic'>
                <img src='https://preview.redd.it/9fcnnizhnpe71.jpg?auto=webp&s=36e57ae767bb842637b14f391f9da3883bda7af9'/>
              </div>
              <div class='text-container'>

                <h3>Second thing is still closely related to the first, Race.</h3>
                <p>Now that you've decided on your class, we're only going to
                    focus on your Class's Primary Ability, and pick a Race. You
                    have two options, 1. You can choose a Race you are the most
                    interested in playing, or 2. You can choose a Race that
                    boosts the same Ability as your Class. For my example,
                    Barbarians use Strength, so choosing a Dragonborn that
                    boosts both Strength and Charisma would be a great choice,
                    so that's what I'm going to do.</p>

              </div> <!-- Text container -->
            </div> <!-- Columns -->
          </div> <!-- Content -->
        </div> <!-- Page section (ODD) -->

        <div class='page-section page-section-even'>
          <div class='content'>
            <div class='columns'>
              <div class='image-container landscape second'>
                <img src='https://hedwig-cf.netmarble.com/forum-common/sk2gb/sk2_en/thumbnail/8ec70423e098400f9d0645d6d308ce00_1639117155647_d.jpg'/>
              </div>
              <div class='text-container'>

                <h3>Third, couple of random things</h3>
                <p>This section, while still necessary to do, also is just for
                    fun. You need to decide your character's name, and
                    background. For my example, my Blue Dragonborn Barbarian
                    is going to be named; Torinn Delmirev. (If you can't come
                    up with a name, you can also look at the Player's Handbook
                    and there will be some name options there. As for my
                    background, Torinn is an Outlander, meaning he was the
                    fiercesom hunter in his clan, and he always traveled to
                    find food and supplies for his clan. But one day he found
                    a group of adventureres and he after talking and sharing
                    tales, he decided he wanted to explore the world.</p>

              </div> <!-- Text container -->
            </div> <!-- Columns -->
          </div> <!-- Content -->
        </div> <!-- Page section (EVEN) -->

        <div class='page-section page-section-odd'>
          <div class='content'>
            <div class='columns'>
              <div class='image-container landscape'>
                <img src='https://thekindgm.files.wordpress.com/2017/12/pointbuy.jpg?w=529&h=189' id="point-buy"/>
              </div>
              <div class='text-container'>

                <h3>Fourth, we need to find out our Ability Scores</h3>
                <p>There are 6 different Ability Scores; Strength, Dexterity,
                    Constitution, Intelligence, Wisdom, and Charisma. To
                    determine your Ability Scores, you can do a couple things,
                    you can roll 4 6-sided dies and drop the lowest one, and
                    that would be one of your Stats. Or you can have a standard
                    set ofnumbers; 15, 14, 13, 12, 10, 8, and choose where to put
                    them. The last method is to use point buy, where all your
                    stats start at 8 and you have 27 points to increase your
                    stats higher, see chart for costs. For me, I'll choose the
                    standard set and put 14 in Strength, 12 in Dexterity, 10 in
                    Constitution, 8 in Intelligence, 15 in Wisdom, and 13 in
                    Charisma.</p>

              </div> <!-- Text container -->
            </div> <!-- Columns -->
          </div> <!-- Content -->
        </div> <!-- Page section (ODD) -->

        <div class='page-section page-section-even'>
          <div class='content'>
            <div class='columns'>
              <div class='image-container landscape second'>
                <img src='https://www.dndspeak.com/wp-content/uploads/2021/04/City-1.jpg'/>
              </div>
              <div class='text-container'>

                <h3>Last thing you're going to want to do...</h3>
                <p>Some final things to finish your character include what
                    equipment does your character have (Look at the Player's
                    Handbook in your Class Section to choose), and to think
                    of how to Roleplay as your character. That means what kind
                    of flaws might your character have, for example Torrin will
                    never back away from a challenge, even if he could get
                    serious injured from it. What drives you character, for
                    example, Torrin wants to explore the world and find new things,
                    as well as prove he's the strongest person out there. Stuff
                    like that.</p>

              </div> <!-- Text container -->
            </div> <!-- Columns -->
          </div> <!-- Content -->
        </div> <!-- Page section (EVEN) -->

        <div class='page-section page-section-odd'>
          <div class='content'>
            <div class='columns'>
              <div class='image-container landscape'>
                <img src='https://media4.popsugar-assets.com/files/thumbor/sUTaU9CqP3fdCiCJwDIr5DWw424/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2016/08/10/738/n/1922283/590975f24f90b851_main.jpg' id=""/>
              </div>
              <div class='text-container'>

                <h3>Once you have all that,</h3>
                <p>You're just about all good to go. Have your DM look over your
                    character and make sure everything is looking good. And
                    get ready to have fun playing with your friends. Make
                    sure you work with the group of adventureres to accomplish
                    tasks, some tasks will be impossible for you to do by
                    yourself. If you have any problems, tell your DM and they can
                    work something out. Best of luck!</p>

              </div> <!-- Text container -->
            </div> <!-- Columns -->
          </div> <!-- Content -->
        </div> <!-- Page section (ODD) -->

      </div>

        <div class="footer">
        <h4>Github: <a href="https://github.com/ZakkeryDaRebel/CreativeProject5">ZakkeryDaRebel/CreativeProject5</a></h4>
      </div>

        <!--Bootstrap Code Insertion-->
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
  </body>
</html>