Home grown Discord widget for bootstrap

  • Bootstrap 4.3.1
  • jQuery 3.4.1
  • Fontawesome 5.13.0

Light Theme Dark Theme

  1. First add the CSS

    <link href="../vendor/discord/css/discord.css" rel="stylesheet">
     choose either light 
    <link href="../vendor/discord/css/light.css" rel="stylesheet">
     or dark theme 
    <link href="../vendor/discord/css/dark.css" rel="stylesheet">

  2. Then add the vendor/discord/ folder to ../vendor/ (If you change this make sure you change the path to css)

  3. Edit the discord config with all required changes

    /vendor/discord/discordConfig.php

  4. Then add the link to the JS 

    <script src="../vendor/discord/js/discord.js"></script>

  5. Add the required ID "discordWidget" to the colum you want the widget to appear on 

    <div class="col-lg-4" id="discordWidget"></div>