Belly of the Dragon | The Joy Formidable

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <title> Belly of the Dragon | The Joy Formidable </title> <link href="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/d395621e9e194e43ac5ab7fe_s.png" type="image/x-icon" rel="icon"><link href="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/d395621e9e194e43ac5ab7fe_s.png" type="image/x-icon" rel="shortcut icon"> <link rel="preconnect" href="https://cdn.shopify.com" /> <link rel="preconnect" href="https://chrisapp.nyc3.cdn.digitaloceanspaces.com" /> <link rel="preconnect" href="https://forum1.nyc3.cdn.digitaloceanspaces.com" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.14/css/lightgallery.min.css"> <link rel="stylesheet" href="https://cdn-a.shopicial.com/css/libs/fontawesome/css/all.min.css"> <link rel="stylesheet" href="https://cdn-a.shopicial.com/css/libs/quill/quill.snow.css"> <link rel="stylesheet" href="https://cdn-a.shopicial.com/css/libs/quill/quill.mention.min.css?746537280000"> <link rel="stylesheet" href="https://cdn-a.shopicial.com/css/libs/quill/quill-emoji.css?3365598539999999999543"> <link rel="stylesheet" href="https://cdn-a.shopicial.com/css/libs/datetimepicker/build/jquery.datetimepicker.min.css"> <link rel="stylesheet" href="https://vjs.zencdn.net/8.16.1/video-js.css"> <link rel="stylesheet" href="https://cdn-a.shopicial.com/css/client/client.css?19000989550099990000"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.14/js/lightgallery-all.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.7/quill.min.js"></script> <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/lg-thumbnail.min.js?v=2420225412670066254"></script> <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/jquery.cookie.js?v=6079608456328084039"></script> <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/quill.mention.min.js?v=207889843411377"></script> <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/quill-emoji.js?v=8814428590233368224"></script> <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/jquery.timeago.js?v=2420225412670066254"></script> <script src="https://cdn-a.shopicial.com/js/libs/locales/jquery.timeago.en-short.js"></script> <script> var _text_placeholder_ = "Share your moment... Mention someone by typing @ + name..."; var _text_placeholder_comment_ = "Write your comment..."; var _text_user_blocking_warning_ = "Warning: Blocking another user prevents them from interacting with you on the forum. That user will not be able to see your profile page and cannot send private messages to you. Are you sure you want to proceed with blocking this user?"; </script>  <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/common.js?v=9006266333224005011009800"></script> <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/front_page.js?v=166650700132011999900"></script> <script src="https://cdn.shopify.com/s/files/1/0332/3979/3799/t/1/assets/new_post.js?v=10910247195002011210000"></script> <script src="https://unpkg.com/socket.io-client@4.0.0/dist/socket.io.min.js"></script> <meta name="description" content=""> <style type="text/css"> body { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center top; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .header-logo { height: 30px ; } .form-control, .btn-default, .text-dark, a.text-dark { color: rgb(255, 255, 255) !important; } a.text-dark:hover { color: rgb(255, 255, 255) !important; opacity: .7; } .form-control:focus { background-color: transparent !important; } .text-muted { color: !important; } .modal-header, .badge-icon, .border-top { border-top-color: !important; } .modal-header, .badge-icon, .border-bottom { border-bottom-color: !important; } .form-textbox > .ql-editor, .form-control { border-style: !important; border-color: !important; } .navbar-home { background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255); } .navbar-home .navbar-brand, .navbar-home .navbar-nav .nav-link { color: rgb(255, 255, 255) !important; } .navbar-home .navbar-nav .nav-link:hover { color: rgb(255, 255, 255); opacity: .5; } a { color: rgb(192, 79, 29); } a:hover { color: rgb(192, 79, 29); opacity: .5; } .btn-primary { background-color: rgb(192, 79, 29) !important; border-color: rgb(192, 79, 29) !important; color: rgb(0, 0, 0); } .badge-icon, .popover .popover-header, .card-header { color: rgb(255, 255, 255); } .card-header .btn-link { color: rgb(255, 255, 255); } .bg-light { } .modal-content, .popover, .badge-box, .card { border-style: !important; border-color: !important; } .card { background-color: rgba(0,0,0,0.75) } .navbar, .card-header, #card-menu { font-family: Cinzel!important; } .btn_video, .btn_product, #card-types-filter { display:none; } .tjf_accent { color: #c04f1d } .ql-editor.ql-blank::before { color: gray; } </style> <script type="application/javascript"> var link_topic_view_count = "/a/botd/api/topics/view-count.json"; var link_topic_list = "/a/botd/api/topics.json"; var link_topic_hidden = "/a/botd/api/topics/hidden.json"; var link_single_topic_list = "/a/botd/api/topics/single.json"; var link_topic_search = "/a/botd/api/topics/search.json"; var link_single_topic = "/a/botd/api/topics/single.json"; var link_topic_like = "/a/botd/api/topics/like.json"; var link_topic_report = "/a/botd/api/topics/report.json"; var link_topic_likes = "/a/botd/api/topics/likes.json"; var link_post_likes = "/a/botd/api/posts/likes.json"; var link_topic_hide = "/a/botd/api/topics/hide.json"; var link_topic_unhide = "/a/botd/api/topics/unhide.json"; var link_topic_delete = "/a/botd/api/topics/delete.json"; var link_createTopic = "/a/botd/api/topics/create.json"; var link_move_topic = "/a/botd/api/topics/move.json"; var link_votes_list = "/a/botd/api/topics/votes-list.json"; var link_poll_vote = "/a/botd/api/topics/poll-vote.json"; var link_post_view_count = "/a/botd/api/posts/view-count.json"; var link_comment_list = "/a/botd/api/posts/comments.json"; var link_comment_search = "/a/botd/api/posts/search.json"; var link_reply_list = "/a/botd/api/posts/get-replies.json"; var link_single_post = "/a/botd/api/posts/single.json"; var link_post_likes = "/a/botd/api/posts/likes.json"; var link_post_like = "/a/botd/api/posts/like.json"; var link_post_detail = "/a/botd/api/posts/detail.json"; var link_post_edit = "/a/botd/api/posts/edit.json"; var link_post_hide = "/a/botd/api/posts/hide.json"; var link_post_delete = "/a/botd/api/posts/delete.json"; var link_createComment = "/a/botd/api/posts/create.json"; var link_user_view_count = "/a/botd/api/users/view-count.json"; var link_user_list = "/a/botd/api/users/all.json"; var link_users = "/a/botd/api/users.json"; var link_users_search = "/a/botd/api/users/search.json"; var link_send_message = "/a/botd/api/messages/send-message.json"; var link_check_follow = "/a/botd/api/users/check-follow.json"; var link_do_follow = "/a/botd/api/users/do-follow.json"; var link_do_block = "/a/botd/api/users/do-block.json"; var link_tags_search = "/a/botd/api/tools/search-tags.json"; var link_upload = "/a/botd/api/tools/upload.json"; var link_upload_chunks = "/a/botd/api/tools/upload-chunks.json"; var link_suggestion = "/a/botd/api/tools/suggestion.json"; var link_read_notificaiton = "/a/botd/api/tools/mark-read.json"; var link_del_notification = "/a/botd/api/tools/del-notification.json"; var _text_login_required_ = "Please login to continue!"; var _text_have_no_permission_ = "You have not enough permission to do this!"; var _text_enter_content_ = "Please enter your content!"; var _text_enter_options_ = "Please enter all of poll options!"; var _text_enter_min_options_ = "Poll must have at least 2 options!"; var _text_enter_search_ = "Please enter your text!"; var _text_loggedin_to_poll_option_checked_ = "Only logged in user can vote."; var _text_loggedin_to_like_ = "Only logged in users can like posts."; var _text_loggedin_to_reply_ = "Only logged-in users can reply to posts."; var _text_invalid_video_url_ = "Invalid video url!"; var _text_upload_error_ = "Error in uploading file!"; var _text_file_size_error_ = "File is too large ({size} kB). Maximum allowed: {max} kB!"; var _text_max_files_allowed_ = "Max files allowed is {max} files!"; var _text_delete_notification_error_ = "Error in deleting notification!"; var _text_enter_message_title_ = "Please enter message title!"; var _text_enter_message_content_ = "Please enter message content!"; var _text_content_not_found_ = "Content does not exist or has been deleted!"; var _text_search_not_found_ = "No results found!"; var _text_private_content_ = "Access permission is restricted!"; var _text_confirm_delete_post_ = "Are you sure you want to delete this post?"; var _text_confirm_delete_comment_ = "Are you sure you want to delete this comment?"; var _text_confirm_hide_post_ = "Are you sure you want to hide this post? This content may still appear elsewhere."; var _text_confirm_unhide_post_ = "Are you sure you want to unhide this post?"; var _text_confirm_hide_comment_ = "Are you sure you want to hide this comment? This content may still appear elsewhere."; var _text_confirm_cancel_comment_ = "You haven't finished your comment yet. Do you want to leave without saving?"; var _text_enter_event_name_ = "Please enter the event name!"; var _text_enter_event_location_ = "Please enter the event location!"; var _text_enter_event_dates_ = "Please enter all the times of event!"; var _text_event_end_date_invalid_ = "End Time should be greater than Start Time!"; var customer_id = ""; var online_user_id = ""; var id_shop = "8940"; var dev_account = false; var money_format = "£{{amount}}"; var current_user_id = null; var max_file_size = 209715200; var max_files_allowed = 10; var reader = {}; var slice_size = 1000 * 1024; // 1MB var shop_domain = window.location.host; var csrfTokenKey = "key=3c76815c98694ad1a0e75edfa0c1bef0&time=1740159403"; var csrfTokenHash = "f5ce38ad43e1c84e2813c115c290cd5cba9108466bfc66e60e0604a4859192da"; var page = 1; var sortOrder = ""; var theEnd = false; var isLoading = false; var quillsList = []; var onlineList = []; var originalTitle = document.title; var windowFocus = true; var notificationUnread = 0; var userId = ""; var categoryId = ""; var searchQuery = ""; var searchFrom = ""; var hashtagQuery = ""; var socket = io("https://io.app1pro.com:2801/shopicial"); $.ajaxSetup({ headers: { 'X-CSRF-Key': csrfTokenKey, 'X-CSRF-Hash': csrfTokenHash, } }); </script> <script> var bg_hotswap = [ ["/music-club-feedback", "botd_thisweek2.jpg?v=1682010932", "center top"], ["/upcoming-gigs", "botd_upcoming.jpg?v=1682011413","center top"], ["/band-life", "botd_bandlife.jpg?v=1682010932","center top"], ["/this-week-i-ve-been-mostly", "botd_thisweek.jpg?v=1682010932","center top"], ["/fan-fiction", "botd_fanfiction.jpg?v=1682010932","center top"] ]; $(function() { $("a.navbar-brand").attr("href","https://www.thejoyformidable.com/"); var swapped=false; for (var swap of bg_hotswap) { if ($(location).attr("href").indexOf(swap[0])>0) { console.log("setting bg"); $("body").css("background-image", `url(https://cdn.shopify.com/s/files/1/0505/8805/7790/files/${swap[1]})`); $("body").css("background-position", swap[2]); swapped = true; break; } } if (!swapped) { $("body").css("background-image", "url(https://cdn.shopify.com/s/files/1/0505/8805/7790/files/botd_fanfiction2.jpg?v=1682010932"); $("body").css("background-position", "center top"); } }); </script> <link rel="stylesheet" id="the-joy-formidable-font-cinzel-css" href="//fonts.googleapis.com/css?family=Cinzel&ver=5.4.2" type="text/css" media="all"> <link rel="canonical" href="https://www.thejoyformidable.com/a/botd"> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0505/8805/7790/files/tjf-logo-white.jpg?height=628&pad_color=fff&v=1613797296&width=1200" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0505/8805/7790/files/tjf-logo-white.jpg?height=628&pad_color=fff&v=1613797296&width=1200" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> </head> <body id="pages_index" class="body-default guest anonymous pages" > <a id="top"></a> <nav id="main-header" class="navbar navbar-expand-lg navbar-light border-bottom bg-white navbar-home"> <div class="container" style="background-color:transparent;"> <button class="navbar-toggler" id="sidebarToggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" style="border:none;"> <div class="navbar-toggler-hamburger-icon"> <div></div> <div></div> <div></div> </div> </button> <a class="navbar-brand" href="https://www.thejoyformidable.com/a/botd"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/8b4c7b83f54043065d49f724_m.png" class="img-fluid header-logo" alt=""> </a> <div class="d-block d-lg-none"> <button class="navbar-toggler" id="sidebarToggler2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown2" style="border:none;"> <i class="fas fa-search"></i> </button> </div> <div class="collapse navbar-collapse" id="navbarNavDropdown2"> <div class="mt-4"> <form method="get" accept-charset="utf-8" id="searchFormTop" action="https://www.thejoyformidable.com/a/botd/search"> <div class="input-group mb-2"> <input type="search" name="q" class="form-control" placeholder="Enter keyword..."> <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button> </div> </form> <div class="search-footer text-end" style="font-size: 14px;"> View all: <a href="https://www.thejoyformidable.com/a/botd/search">Posts</a> | <a href="https://www.thejoyformidable.com/a/botd/search?from=comments">Comments</a> | <a href="https://www.thejoyformidable.com/a/botd/members">Members</a> </div> </div> <div class="topmenu-blocks mt-3"> <div class="row"> <div class="col-md-6"> <div class="card mb-3"> <div class="card-header"> <h4 class="mb-0"><i class="fas fa-history"></i> Latest posts</h4> </div> <div class="card-body py-2"> <ul class="posts-latest"> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="134732"> <a href="/a/botd/users/134732" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/8a951b3180e6872a466e14a0.png" class="user-img" alt="Was" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/207589" class="text-dark"> <h4 class="post-title">"Let us know of some film music you'd like us t...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/134732" itemprop="author" data-username="Was"> Was </a> <time class="timeago text-muted" datetime="2024-08-20T16:15:00+00:00">8/20/24, 4:15 PM</time> <span class="comment-counter text-primary"><i class="fas fa-comments"></i> 8</span> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="156756"> <a href="/a/botd/users/156756" class="pull-left"> <span class="user-icon user-img" style="background-color:#5c85e4;color:#000000;">js</span> </a> </div> <div class=""> <a href="/a/botd/topics/196140" class="text-dark"> <h4 class="post-title">Bath bombs packaging custom boxes offer a luxur...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/156756" itemprop="author" data-username="johns smiths"> johns smiths </a> <time class="timeago text-muted" datetime="2024-04-23T11:39:53+00:00">4/23/24, 11:39 AM</time> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c.jpg" class="user-img" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/191777" class="text-dark"> <h4 class="post-title">One of those books that you'd love everyone to ...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/133433" itemprop="author" data-username="Ritzy Bryan"> Ritzy Bryan </a> <time class="timeago text-muted" datetime="2024-03-12T22:59:15+00:00">3/12/24, 10:59 PM</time> <span class="comment-counter text-primary"><i class="fas fa-comments"></i> 1</span> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c.jpg" class="user-img" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/191775" class="text-dark"> <h4 class="post-title">March 31st Music Club friends @ 7PM UK ❤️Big lo...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/133433" itemprop="author" data-username="Ritzy Bryan"> Ritzy Bryan </a> <time class="timeago text-muted" datetime="2024-03-12T22:56:22+00:00">3/12/24, 10:56 PM</time> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c.jpg" class="user-img" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/191774" class="text-dark"> <h4 class="post-title">March 31st Music Club friends @ 7PM UK ❤️ Big l...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/133433" itemprop="author" data-username="Ritzy Bryan"> Ritzy Bryan </a> <time class="timeago text-muted" datetime="2024-03-12T22:55:54+00:00">3/12/24, 10:55 PM</time> <span class="comment-counter text-primary"><i class="fas fa-comments"></i> 1</span> </div> </div> </li> </ul> </div> </div> </div> <div class="col-md-6"> <div class="card mb-3"> <div class="card-header"> <h4 class="mb-0"><i class="fas fa-user-plus"></i> Newest members</h4> </div> <div class="card-body py-2"> <ul class="users-liked"> <li class="clearfix"> <div class="avatar pull-left" title="Mark Robison" data-online_id="179096"> <a href="/a/botd/users/179096" class="pull-left"> <div class="user-icon" style="background-color:#675325;color:#ffffff;">MR</div> </a> </div> <div class="content"> <a href="/a/botd/users/179096" class="text-dark"> <h4 class="user-name">Mark Robison</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-29T15:04:37+00:00">1/29/25, 3:04 PM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United States</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Ken West" data-online_id="178598"> <a href="/a/botd/users/178598" class="pull-left"> <div class="user-icon" style="background-color:#70d882;color:#000000;">KW</div> </a> </div> <div class="content"> <a href="/a/botd/users/178598" class="text-dark"> <h4 class="user-name">Ken West</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-23T16:13:49+00:00">1/23/25, 4:13 PM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United States</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="john burke" data-online_id="177453"> <a href="/a/botd/users/177453" class="pull-left"> <div class="user-icon" style="background-color:#2a09d4;color:#ffffff;">jb</div> </a> </div> <div class="content"> <a href="/a/botd/users/177453" class="text-dark"> <h4 class="user-name">john burke</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-15T09:22:05+00:00">1/15/25, 9:22 AM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> Ireland</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Joe Gonzalez" data-online_id="177183"> <a href="/a/botd/users/177183" class="pull-left"> <div class="user-icon" style="background-color:#62a572;color:#000000;">JG</div> </a> </div> <div class="content"> <a href="/a/botd/users/177183" class="text-dark"> <h4 class="user-name">Joe Gonzalez</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-13T08:17:28+00:00">1/13/25, 8:17 AM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United States</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Stephen Chattaway" data-online_id="176538"> <a href="/a/botd/users/176538" class="pull-left"> <div class="user-icon" style="background-color:#3b37fa;color:#ffffff;">SC</div> </a> </div> <div class="content"> <a href="/a/botd/users/176538" class="text-dark"> <h4 class="user-name">Stephen Chattaway</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-02T19:15:42+00:00">1/2/25, 7:15 PM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United Kingdom</small> </span> </div> </div> </li> </ul> </div> </div> </div> <div class="col-md-6"> <div class="card mb-3"> <div class="card-header"> <h4 class="mb-0"><i class="fas fa-thumbs-up"></i> Most liked authors</h4> </div> <div class="card-body users-reward py-2"> <ul class="users-liked mb-0"> <li class="clearfix"> <div class="avatar pull-left" title="Ritzy Bryan" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c_s.jpg" class="user-img not-responsive" itemprop="image" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/133433" class="text-dark"> <h4 class="user-name">Ritzy Bryan</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>113</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Melanie Evans" data-online_id="134446"> <a href="/a/botd/users/134446" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/d2616150d4102baaea9acc41_s.jpeg" class="user-img not-responsive" itemprop="image" alt="Melanie Evans" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134446" class="text-dark"> <h4 class="user-name">Melanie Evans</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>18</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="David Fowler" data-online_id="134443"> <a href="/a/botd/users/134443" class="pull-left"> <div class="user-icon" style="background-color:#9aa67a;color:#000000;">DF</div> </a> </div> <div class="content"> <a href="/a/botd/users/134443" class="text-dark"> <h4 class="user-name">David Fowler</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>18</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Simon Clifford" data-online_id="134433"> <a href="/a/botd/users/134433" class="pull-left"> <div class="user-icon" style="background-color:#e3245b;color:#ffffff;">SC</div> </a> </div> <div class="content"> <a href="/a/botd/users/134433" class="text-dark"> <h4 class="user-name">Simon Clifford</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>17</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="John Flynn" data-online_id="134713"> <a href="/a/botd/users/134713" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/324809f807c69c204e28f4a2_s.jpg" class="user-img not-responsive" itemprop="image" alt="John Flynn" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134713" class="text-dark"> <h4 class="user-name">John Flynn</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>15</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="TJF Admin" data-online_id="134019"> <a href="/a/botd/users/134019" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/e5bcd83bf1e4dd9e085b34bc_s.jpeg" class="user-img not-responsive" itemprop="image" alt="TJF Admin" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134019" class="text-dark"> <h4 class="user-name">TJF Admin</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>15</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Was" data-online_id="134732"> <a href="/a/botd/users/134732" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/8a951b3180e6872a466e14a0_s.png" class="user-img not-responsive" itemprop="image" alt="Was" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134732" class="text-dark"> <h4 class="user-name">Was</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>13</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Rhydian Dafydd" data-online_id="133717"> <a href="/a/botd/users/133717" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/6cf9a9a2f75728482bbf4647_s.jpg" class="user-img not-responsive" itemprop="image" alt="Rhydian Dafydd" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/133717" class="text-dark"> <h4 class="user-name">Rhydian Dafydd</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>13</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="J.A. Schwartz" data-online_id="134715"> <a href="/a/botd/users/134715" class="pull-left"> <div class="user-icon" style="background-color:#5ccbd5;color:#000000;">JS</div> </a> </div> <div class="content"> <a href="/a/botd/users/134715" class="text-dark"> <h4 class="user-name">J.A. Schwartz</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>12</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="gary gellin" data-online_id="134619"> <a href="/a/botd/users/134619" class="pull-left"> <div class="user-icon" style="background-color:#e49124;color:#000000;">gg</div> </a> </div> <div class="content"> <a href="/a/botd/users/134619" class="text-dark"> <h4 class="user-name">gary gellin</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>12</span> </span> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="collapse navbar-collapse" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link " href="https://www.thejoyformidable.com" target="_blank" > Main site </a> </li> <li class="nav-item dropdown"> <a class="nav-link " href="/a/botd" > Belly of the Dragon </a> </li> <li class="nav-item dropdown"> <a class="nav-link " href="https://www.thejoyformidable.com/join" target="_blank" > TJF Music Club </a> </li> <li class="nav-item d-md-none"> <a class="nav-link" data-bs-toggle="collapse" href="#collapseCategories" role="button" aria-expanded="false" aria-controls="collapseCategories"> Categories <button class="text-muted dropdown-toggle float-right bg-transparent border-0"></button> </a> </li> </ul> <div class="collapse" id="collapseCategories"> <ul class="navbar-nav d-block d-md-none"> <hr class="my-1" /> <li class="nav-item"> <div class="category-row"> <div class="category-link"> <a class="nav-link " href="/a/botd/music-club-feedback" itemprop="url"> <div class="pull-left me-1" style="color: ;"> <i class=" fa-fw"></i> </div> TJF Music Club <div class="pull-right par-total "> <span class="badge text-bg-primary">17</span> </div> </a> </div> </div> </li> <li class="nav-item"> <div class="category-row"> <div class="category-link"> <a class="nav-link " href="/a/botd/upcoming-gigs" itemprop="url"> <div class="pull-left me-1" style="color: ;"> <i class=" fa-fw"></i> </div> Upcoming Gigs <div class="pull-right par-total "> <span class="badge text-bg-primary">7</span> </div> </a> </div> </div> </li> <li class="nav-item"> <div class="category-row"> <div class="category-link"> <a class="nav-link " href="/a/botd/band-life" itemprop="url"> <div class="pull-left me-1" style="color: ;"> <i class=" fa-fw"></i> </div> Band life <div class="pull-right par-total "> <span class="badge text-bg-primary">7</span> </div> </a> </div> </div> </li> <li class="nav-item"> <div class="category-row"> <div class="category-link"> <a class="nav-link " href="/a/botd/fan-fiction" itemprop="url"> <div class="pull-left me-1" style="color: ;"> <i class=" fa-fw"></i> </div> Fan Fiction <div class="pull-right par-total "> <span class="badge text-bg-primary">2</span> </div> </a> </div> </div> </li> <li class="nav-item"> <div class="category-row"> <div class="category-link"> <a class="nav-link " href="/a/botd/this-week-i-ve-been-mostly" itemprop="url"> <div class="pull-left me-1" style="color: ;"> <i class=" fa-fw"></i> </div> This week, I've been mostly... <div class="pull-right par-total "> <span class="badge text-bg-primary">11</span> </div> </a> </div> </div> </li> <hr class="my-1" /> </ul> </div> <ul class="nav navbar-nav ms-auto justify-content-end"> <li class="nav-item"> <a class="nav-link" href="https://www.thejoyformidable.com/account/login?checkout_url=/a/botd/"> Login </a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.thejoyformidable.com/account/register?checkout_url=/a/botd/"> Register </a> </li> </ul> <div class="d-block d-md-none"> <div class="top-menu-app pt-2 border-top"> <div class="mb-2"> <h5>Get the app for free</h5> <small class="text-muted">Enter Forum ID = "8940" to access the Forum</small> </div> <div> <a href="https://apps.apple.com/us/app/forum-pro/id1570959649"><img src="https://cdn-a.shopicial.com/img/app-store.svg" width="96px" alt=""></a> <a href="https://play.google.com/store/apps/details?id=com.forumpro"><img src="https://cdn-a.shopicial.com/img/play-store.svg" width="96px" alt=""></a> </div> </div> </div> </div> </div> </nav> <div class="container px-2 px-md-3" style="margin-bottom:3.0rem;"> <br/> <div id="main-block" class="row mx--2"> <div id="sidebar-left" class="col-md-4 col-lg-3 px-2"> <div class="sidebar d-none d-md-block"> <div id="card-about-us" class="card widget-sidebar mb-3"> <div class="card-header"> <h4 class="mb-0">About us</h4> </div> <div class="card-body p-3"> <p>Welcome to TJF's Belly of the Dragon. 🐉 We value good conversation, authenticity, kindness & respect. </p> <p>Please refrain from mentioning curry pot noodle in the chat. 🥣</p> </div> </div> <div id="card-menu" class="card widget-sidebar mb-3"> <ul class="menu list-group list-group-flush"> <li class="cat-wrapper list-group-item bg-transparent p-0"> <a href="/a/botd/music-club-feedback" class="p-3 d-block text-dark " itemprop="url"> TJF Music Club <div class="pull-right par-total "> <span class="badge text-bg-primary">17</span> </div> </a> </li> <li class="cat-wrapper list-group-item bg-transparent p-0"> <a href="/a/botd/upcoming-gigs" class="p-3 d-block text-dark " itemprop="url"> Upcoming Gigs <div class="pull-right par-total "> <span class="badge text-bg-primary">7</span> </div> </a> </li> <li class="cat-wrapper list-group-item bg-transparent p-0"> <a href="/a/botd/band-life" class="p-3 d-block text-dark " itemprop="url"> Band life <div class="pull-right par-total "> <span class="badge text-bg-primary">7</span> </div> </a> </li> <li class="cat-wrapper list-group-item bg-transparent p-0"> <a href="/a/botd/fan-fiction" class="p-3 d-block text-dark " itemprop="url"> Fan Fiction <div class="pull-right par-total "> <span class="badge text-bg-primary">2</span> </div> </a> </li> <li class="cat-wrapper list-group-item bg-transparent p-0"> <a href="/a/botd/this-week-i-ve-been-mostly" class="p-3 d-block text-dark " itemprop="url"> This week, I've been mostly... <div class="pull-right par-total "> <span class="badge text-bg-primary">11</span> </div> </a> </li> </ul> </div> <div id="card-types-filter" class="card widget-sidebar mb-3"> <ul class="menu list-group list-group-flush"> <li class="list-group-item bg-transparent filter_type-all p-0"> <a href="#" class="btn-filter p-3 d-block text-dark"><i class="fas fa-folder"></i> All posts</a> </li> <li class="list-group-item bg-transparent filter_type-photos p-0"> <a href="#type=photo" class="btn-filter p-3 d-block text-dark"><i class="far fa-image"></i> Photos</a> </li> <li class="list-group-item bg-transparent filter_type-embeds p-0"> <a href="#type=embed" class="btn-filter p-3 d-block text-dark"><i class="fab fa-youtube"></i> Embeds</a> </li> <li class="list-group-item bg-transparent filter_type-videos p-0"> <a href="#type=video" class="btn-filter p-3 d-block text-dark"><i class="fas fa-video"></i> Videos</a> </li> <li class="list-group-item bg-transparent filter_type-products p-0"> <a href="#type=product" class="btn-filter p-3 d-block text-dark"><i class="fab fa-product-hunt"></i> Products</a> </li> <li class="list-group-item bg-transparent filter_type-polls p-0"> <a href="#type=poll" class="btn-filter p-3 d-block text-dark"><i class="fas fa-poll"></i> Polls</a> </li> <li class="list-group-item bg-transparent filter_type-events p-0"> <a href="#type=event" class="btn-filter p-3 d-block text-dark"><i class="fas fa-calendar-alt"></i> Events</a> </li> </ul> </div> <div id="app-section" class="sidebar-app"> <div class="mb-3"> <div class="mb-2"> <h5>Get the app for free</h5> <small class="text-muted">Enter Forum ID = "8940" to access the Forum</small> </div> <div> <a href="https://apps.apple.com/us/app/forum-pro/id1570959649"><img src="https://cdn-a.shopicial.com/img/app-store.svg" width="96px" alt=""></a> <a href="https://play.google.com/store/apps/details?id=com.forumpro"><img src="https://cdn-a.shopicial.com/img/play-store.svg" width="96px" alt=""></a> </div> </div> </div> </div> </div> <div id="central-wrapper" class="col-md-8 col-lg-9 px-2"> <div class="row mx--2"> <div id="main-content" class="col-md-12 col-lg-8 px-2"> <div class="text-end mb-3"> <span class="btn btn-sm bg-light box-post-counter"><strong>36</strong> Posts</span> <span class="btn btn-sm bg-light box-follow-counter"><strong>14</strong> Followers</span> </div> <form method="post" accept-charset="utf-8" id="formPost" class="form-post" novalidate="novalidate" action="https://www.thejoyformidable.com/a/botd/pages/post"><div style="display:none;"><input type="hidden" name="_csrfToken" autocomplete="off" value="5LVgTsyu2fiLvmYDKNHii/s8rSZ/n/DZcu6AKAkmmJh/g68dueft0I5WS0+RlXOI92uN+UiHJUc+BoteThIgqToj5H0MbKH4yAXLE0/+yLhLiOFMaxKvqUy3yyvcgt/huzR8eaWmQOzGXuvPeeRGcw=="></div> <div id="card_new_post" class="card mb-3 guest card-editor-anonymous"> <div class="card-header px-2 py-1"> <button class="btn btn-sm btn-default py-2 btn_image" type="button"><i class="far fa-image"></i> Image</button> <button class="btn btn-sm btn-default py-2 btn_youtube" type="button"><i class="fab fa-youtube"></i> Embed</button> <button class="btn btn-sm btn-default py-2 btn_video" type="button"><i class="fas fa-video"></i> Video</button> <button class="btn btn-sm btn-default py-2 btn_product" type="button"><i class="fab fa-product-hunt"></i> Product</button> <button class="btn btn-sm btn-default py-2 btn_poll" type="button"><i class="fas fa-poll"></i> Poll</button> <button class="btn btn-sm btn-default py-2 btn_event" type="button"><i class="fas fa-calendar-alt"></i> Event</button> </div> <div class="card-body p-0"> <div class="post_content" data-id="post-top" style="min-height:60px;"></div> <input type="hidden" name="content" class="form-control bg-transparent py-2 rounded-0 border-1" rows="2"> </div> <div id="form_image" class="card-body p-3" style="display:none;"> <ul id="images_list" class="images-list"> </ul> </div> <div id="form_embed" class="card-body p-3" style="display:none;"> </div> <div id="form_video" class="card-body p-3" style="display:none;"> </div> <ul id="form_product" class="card-body p-3 mb-0" style="display:none;"> </ul> <div id="form_poll" class="card-body p-3 mb-0" style="display:none;"> <div class="poll-header mb-3"> <h4>Add poll:</h4> <button type="button" class="btn btn-sm btn-times"><i class="fas fa-times"></i></button> </div> <div class="options-wrapper"></div> <div class="row"> <div class="col-4 py-1 add-poll-option"> <button type="button" class="btn-add-option btn btn-sm btn-secondary"><i class="fas fa-plus"></i> Add option</button> </div> <div class="col-8 py-1 text-end"> Expiration date: <input type="text" name="poll[expiration_date]" class="form-control form-control-sm form-control-inline text-center datetime" placeholder="Enter date..." autocomplete="off"> </div> </div> </div> <div id="form_event" class="card-body p-3 mb-0" style="display:none;"> <div class="event-header mb-3" style="position: relative;"> <h4>Add event:</h4> <button type="button" class="btn btn-sm btn-times"><i class="fas fa-times"></i></button> </div> <div class="event-options" style="position: relative"> <div class="row mb-2"> <div class="col-sm-2 text-muted">Name:</div> <div class="col-sm-10"> <input type="text" name="event[name]" class="form-control form-control-sm" autocomplete="off" > </div> </div> <div class="row mb-2"> <div class="col-sm-2 text-muted">Location:</div> <div class="col-sm-10"> <div class="form-check form-switch"> <input type="hidden" name="event[is_online]" value="0"><input type="checkbox" name="event[is_online]" value="1" class="form-check-input" id="customSwitch0"> <label class="form-check-label text-muted" style="padding-top: 2px;" for="customSwitch0"> Online event </label> </div> <div> <input type="text" name="event[location]" class="form-control form-control-sm" placeholder="Include a place or address" autocomplete="off"> </div> </div> </div> <div class="row mb-2"> <div class="col-sm-2 text-muted">Starts:</div> <div class="col-sm-10"> <input type="text" name="event[start_date]" class="form-control form-control-sm form-control-inline text-center datetime" placeholder="Enter start date" autocomplete="off"> </div> </div> <div class="row mb-2"> <div class="col-sm-2 text-muted">Ends:</div> <div class="col-sm-10"> <input type="text" name="event[end_date]" class="form-control form-control-sm form-control-inline text-center datetime" placeholder="Enter end date" autocomplete="off"> </div> </div> </div> </div> <div id="progress-wrapper" class="px-3 bg-light py-1" style="display:none;"> <progress class="mb-0" id="progressBar" value="0" max="100" style="width:100%;"></progress> </div> <div class="card-footer p-2 px-3"> <div class="row no-gutters"> <div class="col-6 text-muted"> </div> <div class="col-6 text-end"> <button class="btn btn-sm btn-primary" type="submit"><i class="fas fa-paper-plane"></i> Publish</button> </div> </div> </div> </div> </form>  <div class="modal fade" id="insertVideoModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Insert Youtube/Vimeo Video</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <input type="text" name="youtube_url" class="form-control form-control-lg" placeholder="Ex: https://www.youtube.com/watch?v=38uEZN5-Hqg"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary btn-add-video" >Add</button> </div> </div> </div> </div> <div class="modal fade" id="insertProductModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Enter product name to search:</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <input type="text" name="product_name" class="form-control form-control-lg" autocomplete="off" placeholder="Ex: Printed dress..." autofocus> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="main-page"> <div class="posts-sort mb-3 px-3 text-muted text-small"> <i class="fas fa-sort-amount-up"></i> <div class="dropdown d-inline-block"> <button class="btn btn-sm btn-default dropdown-toggle" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Recent Activity </button> <div class="dropdown-menu dropdown-sort" aria-labelledby="dropdownMenuLink"> <button class="dropdown-item" value="recent-activity" >Recent Activity</button> <button class="dropdown-item" value="recent-post" >Post Time: New → Old</button> <button class="dropdown-item" value="old-post" >Post Time: Old → New</button> <button class="dropdown-item" value="most-likes" >Most Likes</button> <button class="dropdown-item" value="most-comments" >Most Comments</button> </div> </div> </div> <div id="posts" class="posts mb-4"></div>  <div id="page-loading" class="loading text-center" style="display:none;"> <div class="loadingio-spinner-bars-erj21a52jlk"><div class="ldio-dakm5wdd744"> <div></div><div></div><div></div><div></div> </div></div>  </div></div> <script type="application/javascript"> var imagesList = $('#images_list'); var imagesListContainer = $('#form_image'); var embedContainer = $('#form_embed'); var uploadVideoContainer = $('#form_video'); var productContainer = $('#form_product'); var pollContainer = $('#form_poll'); var eventContainer = $('#form_event'); var postsContainer = $('#posts'); $(function() { // $('textarea').each(function () { // this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;'); // }); loadMoreData(); $(window).scroll(function() { if ($(window).scrollTop() >= ($(document).height() - $(window).height() - 500)) { // ajax call get data from server and append to the div if (window.theEnd) { return true; } loadMoreData(); } }); $(document).on('click', '.dropdown-sort button', function(e) { window.sortOrder = $(this).val(); $(this).closest('.dropdown').find('[data-bs-toggle="dropdown"]').text( $(this).text() ); console.log('sortOrder', window.sortOrder); postsContainer.html(''); window.page = 1; window.theEnd = false; loadMoreData(); }); $('.btn-follow').each(function() { var _this = $(this); var _type = _this.data('type'); var _entity_id = _this.data('entity-id'); _this.prop('disabled', true); $.get(link_check_follow, {type: _type, entity_id: _entity_id}, function(response) { if (!response || !response.success) { return false; } _this.prop('disabled', false); if (response.following) { _this.addClass('btn-light border following'); _this.removeClass('btn-primary'); } else { _this.addClass('btn-primary'); } }); }); }); </script> </div> <div id="sidebar-right" class="d-none d-lg-block col-lg-4 px-2 mb-4"> <div class="sidebar row d-none d-md-block"> <div class="col-md-12 col-sm-12"> <div id="card-search" class="card widget-sidebar mb-3"> <div class="card-header"> <h4 class="mb-0">Search</h4> </div> <div class="card-body p-3"> <form method="get" accept-charset="utf-8" id="searchFormSidebar" action="https://www.thejoyformidable.com/a/botd/search"> <div class="input-group mb-2"> <input type="search" name="q" class="form-control" placeholder="Enter keyword..."> <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button> </div> </form> </div> </div> </div> <div class="col-md-12 col-sm-6"> <div id="card-latest-posts" class="card widget-sidebar mb-3"> <div class="card-header"> <h4 class="mb-0">Latest posts</h4> <div style="position: absolute;right: 15px;top: 8px;"><small><a href="https://www.thejoyformidable.com/a/botd/search">View all</a></small></div> </div> <div class="card-body px-3 py-2"> <ul class="posts-latest"> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="134732"> <a href="/a/botd/users/134732" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/8a951b3180e6872a466e14a0.png" class="user-img" alt="Was" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/207589" class="text-dark"> <h4 class="post-title">"Let us know of some film music you'd like us t...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/134732" itemprop="author" data-username="Was"> Was </a> <time class="timeago text-muted" datetime="2024-08-20T16:15:00+00:00">8/20/24, 4:15 PM</time> <span class="text-primary"><i class="fas fa-comments"></i> 8</span> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="156756"> <a href="/a/botd/users/156756" class="pull-left"> <span class="user-icon user-img" style="background-color:#5c85e4;color:#000000;">js</span> </a> </div> <div class=""> <a href="/a/botd/topics/196140" class="text-dark"> <h4 class="post-title">Bath bombs packaging custom boxes offer a luxur...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/156756" itemprop="author" data-username="johns smiths"> johns smiths </a> <time class="timeago text-muted" datetime="2024-04-23T11:39:53+00:00">4/23/24, 11:39 AM</time> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c.jpg" class="user-img" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/191777" class="text-dark"> <h4 class="post-title">One of those books that you'd love everyone to ...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/133433" itemprop="author" data-username="Ritzy Bryan"> Ritzy Bryan </a> <time class="timeago text-muted" datetime="2024-03-12T22:59:15+00:00">3/12/24, 10:59 PM</time> <span class="text-primary"><i class="fas fa-comments"></i> 1</span> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c.jpg" class="user-img" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/191775" class="text-dark"> <h4 class="post-title">March 31st Music Club friends @ 7PM UK ❤️Big lo...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/133433" itemprop="author" data-username="Ritzy Bryan"> Ritzy Bryan </a> <time class="timeago text-muted" datetime="2024-03-12T22:56:22+00:00">3/12/24, 10:56 PM</time> </div> </div> </li> <li class="d-flex py-2"> <div class="author-icon avatar avatar-xs me-2 pull-left" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c.jpg" class="user-img" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class=""> <a href="/a/botd/topics/191774" class="text-dark"> <h4 class="post-title">March 31st Music Club friends @ 7PM UK ❤️ Big l...</h4> </a> <div class="post-meta text-small"> <a href="/a/botd/users/133433" itemprop="author" data-username="Ritzy Bryan"> Ritzy Bryan </a> <time class="timeago text-muted" datetime="2024-03-12T22:55:54+00:00">3/12/24, 10:55 PM</time> <span class="text-primary"><i class="fas fa-comments"></i> 1</span> </div> </div> </li> </ul> </div> </div> </div> <div class="col-md-12 col-sm-6"> <div id="card-newest-members" class="card widget-sidebar mb-3"> <div class="card-header"> <h4 class="mb-0">New members</h4> <div style="position: absolute;right: 15px;top: 8px;"><small><a href="https://www.thejoyformidable.com/a/botd/members">View all</a></small></div> </div> <div class="card-body px-3 py-2"> <ul class="users-liked"> <li class="clearfix"> <div class="avatar pull-left" title="Mark Robison" data-online_id="179096"> <a href="/a/botd/users/179096" class="pull-left"> <div class="user-icon" style="background-color:#675325;color:#ffffff;">MR</div> </a> </div> <div class="content"> <a href="/a/botd/users/179096" class="text-dark"> <h4 class="user-name">Mark Robison</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-29T15:04:37+00:00">1/29/25, 3:04 PM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United States</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Ken West" data-online_id="178598"> <a href="/a/botd/users/178598" class="pull-left"> <div class="user-icon" style="background-color:#70d882;color:#000000;">KW</div> </a> </div> <div class="content"> <a href="/a/botd/users/178598" class="text-dark"> <h4 class="user-name">Ken West</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-23T16:13:49+00:00">1/23/25, 4:13 PM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United States</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="john burke" data-online_id="177453"> <a href="/a/botd/users/177453" class="pull-left"> <div class="user-icon" style="background-color:#2a09d4;color:#ffffff;">jb</div> </a> </div> <div class="content"> <a href="/a/botd/users/177453" class="text-dark"> <h4 class="user-name">john burke</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-15T09:22:05+00:00">1/15/25, 9:22 AM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> Ireland</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Joe Gonzalez" data-online_id="177183"> <a href="/a/botd/users/177183" class="pull-left"> <div class="user-icon" style="background-color:#62a572;color:#000000;">JG</div> </a> </div> <div class="content"> <a href="/a/botd/users/177183" class="text-dark"> <h4 class="user-name">Joe Gonzalez</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-13T08:17:28+00:00">1/13/25, 8:17 AM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United States</small> </span> </div> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Stephen Chattaway" data-online_id="176538"> <a href="/a/botd/users/176538" class="pull-left"> <div class="user-icon" style="background-color:#3b37fa;color:#ffffff;">SC</div> </a> </div> <div class="content"> <a href="/a/botd/users/176538" class="text-dark"> <h4 class="user-name">Stephen Chattaway</h4> </a> <div class="text-muted info-meta"> <time class="timeago" datetime="2025-01-02T19:15:42+00:00">1/2/25, 7:15 PM</time> <span class="label-user-location text-success text-center" style="min-height:20px;"> <small><i class="fas fa-map-marker-alt"></i> United Kingdom</small> </span> </div> </div> </li> </ul> </div> </div> </div> <div class="col-md-12 col-sm-6 mb-3"> <div class="card widget-sidebar" id="card-most-liked-authors"> <div class="card-header"> <h4 class="mb-0">Most liked authors</h4> </div> <div class="card-body px-3 users-reward py-2"> <ul class="users-liked mb-0"> <li class="clearfix"> <div class="avatar pull-left" title="Ritzy Bryan" data-online_id="133433"> <a href="/a/botd/users/133433" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/65ffedb1bc3d4e164103b69c_s.jpg" class="user-img not-responsive" itemprop="image" alt="Ritzy Bryan" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/133433" class="text-dark"> <h4 class="user-name">Ritzy Bryan</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>113</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Melanie Evans" data-online_id="134446"> <a href="/a/botd/users/134446" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/d2616150d4102baaea9acc41_s.jpeg" class="user-img not-responsive" itemprop="image" alt="Melanie Evans" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134446" class="text-dark"> <h4 class="user-name">Melanie Evans</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>18</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="David Fowler" data-online_id="134443"> <a href="/a/botd/users/134443" class="pull-left"> <div class="user-icon" style="background-color:#9aa67a;color:#000000;">DF</div> </a> </div> <div class="content"> <a href="/a/botd/users/134443" class="text-dark"> <h4 class="user-name">David Fowler</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>18</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Simon Clifford" data-online_id="134433"> <a href="/a/botd/users/134433" class="pull-left"> <div class="user-icon" style="background-color:#e3245b;color:#ffffff;">SC</div> </a> </div> <div class="content"> <a href="/a/botd/users/134433" class="text-dark"> <h4 class="user-name">Simon Clifford</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>17</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="John Flynn" data-online_id="134713"> <a href="/a/botd/users/134713" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/324809f807c69c204e28f4a2_s.jpg" class="user-img not-responsive" itemprop="image" alt="John Flynn" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134713" class="text-dark"> <h4 class="user-name">John Flynn</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>15</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="TJF Admin" data-online_id="134019"> <a href="/a/botd/users/134019" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/e5bcd83bf1e4dd9e085b34bc_s.jpeg" class="user-img not-responsive" itemprop="image" alt="TJF Admin" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134019" class="text-dark"> <h4 class="user-name">TJF Admin</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>15</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Was" data-online_id="134732"> <a href="/a/botd/users/134732" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/8a951b3180e6872a466e14a0_s.png" class="user-img not-responsive" itemprop="image" alt="Was" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134732" class="text-dark"> <h4 class="user-name">Was</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>13</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Rhydian Dafydd" data-online_id="133717"> <a href="/a/botd/users/133717" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/6cf9a9a2f75728482bbf4647_s.jpg" class="user-img not-responsive" itemprop="image" alt="Rhydian Dafydd" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/133717" class="text-dark"> <h4 class="user-name">Rhydian Dafydd</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>13</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="J.A. Schwartz" data-online_id="134715"> <a href="/a/botd/users/134715" class="pull-left"> <div class="user-icon" style="background-color:#5ccbd5;color:#000000;">JS</div> </a> </div> <div class="content"> <a href="/a/botd/users/134715" class="text-dark"> <h4 class="user-name">J.A. Schwartz</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>12</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="gary gellin" data-online_id="134619"> <a href="/a/botd/users/134619" class="pull-left"> <div class="user-icon" style="background-color:#e49124;color:#000000;">gg</div> </a> </div> <div class="content"> <a href="/a/botd/users/134619" class="text-dark"> <h4 class="user-name">gary gellin</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>12</span> </span> </div> </li> </ul> <ul id="user_liked_more" class="users-liked mb-0" style="display: none;"> <li class="clearfix"> <div class="avatar pull-left" title="Peter Dysart Erickson" data-online_id="134432"> <a href="/a/botd/users/134432" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/0c0a25dc114803760d8cbfcf_s.jpeg" class="user-img not-responsive" itemprop="image" alt="Peter Dysart Erickson" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134432" class="text-dark"> <h4 class="user-name">Peter Dysart Erickson</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>11</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Rachel Allen" data-online_id="134692"> <a href="/a/botd/users/134692" class="pull-left"> <div class="user-icon" style="background-color:#d33b82;color:#ffffff;">RA</div> </a> </div> <div class="content"> <a href="/a/botd/users/134692" class="text-dark"> <h4 class="user-name">Rachel Allen</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>9</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Matt Ketring" data-online_id="134748"> <a href="/a/botd/users/134748" class="pull-left"> <div class="user-icon" style="background-color:#53273f;color:#ffffff;">MK</div> </a> </div> <div class="content"> <a href="/a/botd/users/134748" class="text-dark"> <h4 class="user-name">Matt Ketring</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>8</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Rae Shine" data-online_id="137061"> <a href="/a/botd/users/137061" class="pull-left"> <div class="user-icon" style="background-color:#784ff2;color:#ffffff;">RS</div> </a> </div> <div class="content"> <a href="/a/botd/users/137061" class="text-dark"> <h4 class="user-name">Rae Shine</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>7</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Steven Deatherage" data-online_id="134497"> <a href="/a/botd/users/134497" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/12916fc15b5637fc59727991_s.jpg" class="user-img not-responsive" itemprop="image" alt="Steven Deatherage" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134497" class="text-dark"> <h4 class="user-name">Steven Deatherage</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>7</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Rob Hammel" data-online_id="134721"> <a href="/a/botd/users/134721" class="pull-left"> <div class="user-icon" style="background-color:#1256fd;color:#ffffff;">RH</div> </a> </div> <div class="content"> <a href="/a/botd/users/134721" class="text-dark"> <h4 class="user-name">Rob Hammel</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>6</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Matt Thomas" data-online_id="134063"> <a href="/a/botd/users/134063" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/cae267c4004122fe5e64f9e2_s.jpg" class="user-img not-responsive" itemprop="image" alt="Matt Thomas" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134063" class="text-dark"> <h4 class="user-name">Matt Thomas</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>6</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Tom Kennedy" data-online_id="134643"> <a href="/a/botd/users/134643" class="pull-left"> <div class="user-icon" style="background-color:#52ccdc;color:#000000;">TK</div> </a> </div> <div class="content"> <a href="/a/botd/users/134643" class="text-dark"> <h4 class="user-name">Tom Kennedy</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>5</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Annie Catwoman" data-online_id="134472"> <a href="/a/botd/users/134472" class="pull-left"> <div class="user-icon" style="background-color:#2e9bb5;color:#ffffff;">AC</div> </a> </div> <div class="content"> <a href="/a/botd/users/134472" class="text-dark"> <h4 class="user-name">Annie Catwoman</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>5</span> </span> </div> </li> <li class="clearfix"> <div class="avatar pull-left" title="Matt DelleDonne" data-online_id="134435"> <a href="/a/botd/users/134435" class="pull-left"> <img src="https://forum1.nyc3.cdn.digitaloceanspaces.com/uploads/thejoyformidable/3b794b5cea491a2c6f05ba5a_s.jpeg" class="user-img not-responsive" itemprop="image" alt="Matt DelleDonne" onerror="this.src='https://cdn-a.shopicial.com/img/noavatar.png'"> </a> </div> <div class="content"> <a href="/a/botd/users/134435" class="text-dark"> <h4 class="user-name">Matt DelleDonne</h4> </a> <span class="text-muted"> <span class="icon-like-circle"> <i class="fas fa-thumbs-up"></i> </span> <span>5</span> </span> </div> </li> </ul> <div class="text-muted text-end"> <button id="btn_view_more" class="btn text-muted pe-0">View more <i class="fas fa-caret-down"></i></button> <button id="btn_view_less" class="btn text-muted pe-0" style="display: none;">View less <i class="fas fa-caret-up"></i></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="text-muted text-center copyright"> © 2025, The Joy Formidable | Powered by <a href="https://apps.shopify.com/shopicial">Shopicial</a> </div> </div> </div>  <div class="overlay"></div> <div id="loading-bar" style="display:none;"> <div class="lds-facebook"><div></div><div></div><div></div></div> </div> <div class="back-to-top btn btn-default border-secondary rounded-circle" id="top-link" title="Back to top"> <i class="fas fa-arrow-up"></i> </div>   <div class="modal fade" id="editCommentModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <form id="formEditComment"> <div class="modal-header"> <h5 class="modal-title">Edit comment</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <input type="hidden" name="comment_id" value=""> <div class="edit_content bg-fade" data-id="comment-modal" style="min-height:60px;"></div> <input type="hidden" name="content" rows="5" class="form-control"> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary btn-save-comment" >Save</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="reportFormModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <form id="formReport"> <div class="modal-header"> <h5 class="modal-title">Submit a Report</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="mb-4"> Thanks for looking out for yourself and other members of the community by reporting things that break the rules. Let us know what's happening, and we'll look into it. </div> <div class="report-reasons mb-4"> <input type="hidden" name="reason" id="reason" value=""><label for="reason-harassment"><input type="radio" name="reason" value="Harassment" id="reason-harassment" class="item-reason"><span>Harassment</span></label><label for="reason-spam"><input type="radio" name="reason" value="Spam" id="reason-spam" class="item-reason"><span>Spam</span></label><label for="reason-hate"><input type="radio" name="reason" value="Hate" id="reason-hate" class="item-reason"><span>Hate</span></label><label for="reason-plagiarism"><input type="radio" name="reason" value="Plagiarism" id="reason-plagiarism" class="item-reason"><span>Plagiarism</span></label><label for="reason-joke-answer"><input type="radio" name="reason" value="Joke Answer" id="reason-joke-answer" class="item-reason"><span>Joke Answer</span></label><label for="reason-poorly-written"><input type="radio" name="reason" value="Poorly Written" id="reason-poorly-written" class="item-reason"><span>Poorly Written</span></label><label for="reason-impersonation"><input type="radio" name="reason" value="Impersonation" id="reason-impersonation" class="item-reason"><span>Impersonation</span></label><label for="reason-copyright-violation"><input type="radio" name="reason" value="Copyright violation" id="reason-copyright-violation" class="item-reason"><span>Copyright violation</span></label><label for="reason-trademark-violation"><input type="radio" name="reason" value="Trademark violation" id="reason-trademark-violation" class="item-reason"><span>Trademark violation</span></label><label for="reason-factually-incorrect"><input type="radio" name="reason" value="Factually Incorrect" id="reason-factually-incorrect" class="item-reason"><span>Factually Incorrect</span></label><label for="reason-adult-content"><input type="radio" name="reason" value="Adult Content" id="reason-adult-content" class="item-reason"><span>Adult Content</span></label> </div> <label>Explain this report (Optional)</label> <textarea name="message" rows="4" class="form-control"></textarea> </div> <div class="modal-footer"> <input type="hidden" name="type" value=""> <input type="hidden" name="object_id" value=""> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary btn-save-form" >Save</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="likesListModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Who like this post?</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="" style="max-height:375px;overflow-y:auto"> <ul class="users-liked list-group list-group-flush"></ul> </div> <div class="modal-footer"> <button type="button" class="btn btn-width-sm btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div>  <div class="modal fade" id="votesListModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Who voted this option?</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="" style="max-height:375px;overflow-y:auto"> <ul class="users-voted list-group list-group-flush"></ul> </div> <div class="modal-footer"> <button type="button" class="btn btn-width-sm btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true"> <div id="modal-upgrade" class="modal-dialog modal-dialog-centered modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="text-center mb-0">Please login to continue</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-center"> <div class="user-login mt-3 mb-3"> <img src="https://cdn-a.shopicial.com/img/noavatar.png" class="user-icon rounded-circle" style="width:48px;" alt=""> </div> <div class="text-muted mb-3 px-5"> Please login or register a new account to continue. </div> <p> </p> <div class="mb-3"> <a href="https://www.thejoyformidable.com/account/login?checkout_url=/a/botd" class="btn btn-primary btn-width-sm">Login</a> <a href="https://www.thejoyformidable.com/account/register?checkout_url=/a/botd" class="btn btn-secondary btn-width-sm">Register</a> </div> </div> </div> </div> </div> <div class="modal fade" id="categorySelectorModal" tabindex="-1" role="dialog" aria-hidden="true"> <div id="modal-upgrade" class="modal-dialog modal-dialog-centered modal-md" role="document"> <div class="modal-content"> <form method="post" accept-charset="utf-8" id="categorySelectorForm" action="/proxy/?shop=thejoyformidable.myshopify.com&logged_in_customer_id=&path_prefix=%2Fa%2Fbotd&timestamp=1740159401&signature=07885505fdc61bddc0b5e1ae73b403afe5497fe6fd7d31a13eab6412e117087b"><div style="display:none;"><input type="hidden" name="_csrfToken" autocomplete="off" value="5LVgTsyu2fiLvmYDKNHii/s8rSZ/n/DZcu6AKAkmmJh/g68dueft0I5WS0+RlXOI92uN+UiHJUc+BoteThIgqToj5H0MbKH4yAXLE0/+yLhLiOFMaxKvqUy3yyvcgt/huzR8eaWmQOzGXuvPeeRGcw=="></div> <div class="modal-header"> <h3 class="mb-0">Move the post to</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="card"> <ul class="list-group list-group-flush"> <li class="list-group-item py-0 bg-light"> <label class="d-flex py-3 mb-0" style="justify-content: space-between; align-items: center;cursor: pointer;"> (No category) <input type="radio" name="category_id" value="" data-url="/a/botd" > </label> </li> <li class="list-group-item py-0 bg-light"> <label class="d-flex py-3 mb-0" style="justify-content: space-between; align-items: center;cursor: pointer;"> TJF Music Club <input type="radio" name="category_id" value="4187" data-url="/a/botd/music-club-feedback" > </label> </li> <li class="list-group-item py-0 bg-light"> <label class="d-flex py-3 mb-0" style="justify-content: space-between; align-items: center;cursor: pointer;"> Upcoming Gigs <input type="radio" name="category_id" value="4188" data-url="/a/botd/upcoming-gigs" > </label> </li> <li class="list-group-item py-0 bg-light"> <label class="d-flex py-3 mb-0" style="justify-content: space-between; align-items: center;cursor: pointer;"> Band life <input type="radio" name="category_id" value="4189" data-url="/a/botd/band-life" > </label> </li> <li class="list-group-item py-0 bg-light"> <label class="d-flex py-3 mb-0" style="justify-content: space-between; align-items: center;cursor: pointer;"> Fan Fiction <input type="radio" name="category_id" value="4190" data-url="/a/botd/fan-fiction" > </label> </li> <li class="list-group-item py-0 bg-light"> <label class="d-flex py-3 mb-0" style="justify-content: space-between; align-items: center;cursor: pointer;"> This week, I've been mostly... <input type="radio" name="category_id" value="4235" data-url="/a/botd/this-week-i-ve-been-mostly" > </label> </li> </ul> </div> </div> <div class="modal-footer"> <div class="row"> <div class="col-md-6"> You need to confirm in the next step </div> <div class="col-md-6 text-end"> <input type="hidden" name="topic_id" value=""> <button type="button" class="text-reset btn btn-light border-secondary" data-bs-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-primary btn-width-sm">Continue</button> </div> </div> </div> </form> </div> </div> </div>  </body> </html> <script src="https://vjs.zencdn.net/8.16.1/video.min.js"></script> <script type="application/javascript"> var link_tracking = "/a/botd/api/tools/tracking.json"; var link_user_profile_temp = "/a/botd/users"; var link_hashtag_temp = "/a/botd/hashtag"; var link_page_view = "/a/botd/api/tools/page-view.json"; $('input.datetime').datetimepicker({ timepicker:true, format:'Y-m-d H:i' }); $(document).on('change', '#customSwitch0', function (e) { let is_online = $(this).is(':checked'); var location = $(this).closest('form').find('[name="event[location]"]'); if (is_online) { location.attr('disabled', true); } else { location.removeAttr('disabled'); } }); $('.post_content').each(function() { var _this = $(this); var _qid = _this.data('id'); quillsList[_qid] = new Quill(this, quillDefaultSettings); quillsList[_qid].on('text-change', () => { _this.parent().find('[name=content]').val( quillsList[_qid].root.innerHTML ); }); quillsList[_qid].on('selection-change', function(range, oldRange, source) { if (range !== null && oldRange === null) { if (!window.online_user_id) { $('#loginModal').modal('show'); return false; } $(".overlay").show(); } }); }); $(document).on('click', '.post-body-text .mention, .comment-content .mention', function() { var _id = $(this).data('id'); var _value = $(this).data('value'); if ($(this).data('denotation-char') === '@') { window.location.href = link_user_profile_temp + '/' + _id; } else if ($(this).data('denotation-char') === '#') { window.location.href = link_hashtag_temp + '/' + _value; } }); $('.edit_content').each(function() { var _this = $(this); var _qid = _this.data('id'); quillsList[_qid] = new Quill(this, quillEditionSettings); quillsList[_qid].on('text-change', () => { _this.parent().find('[name=content]').val( quillsList[_qid].root.innerHTML ); }); }); $(document).ready(function(){ jQuery.timeago.settings.allowFuture = true; jQuery.timeago.settings.strings.suffixFromNow = ''; $(".timeago").timeago(); $('[data-bs-toggle="tooltip"]').tooltip(); if (window.customer_id && !isNaN(window.customer_id)) { $.get(link_tracking, null, function(response) { if (typeof response === 'undefined' || response === null) { return false; } if (typeof response.notifications !== 'undefined' && response.notifications.length > 0) { if (response.notifications_count > 0) { $('#notificationCount').addClass('text-bg-danger').text(response.notifications_count); } $('#notificationBox').addClass('active'); response.notifications.forEach(function(item, index) { var el = buildNotification(item); $('#notificationBox').find('ul').append(el); }); $(".timeago").timeago(); } if (typeof response.messages !== 'undefined' && response.messages.length > 0) { if (response.unread_message_count > 0) { $('#messageCount').addClass('text-bg-danger').text(response.unread_message_count); } $('#messageBox').addClass('active'); response.messages.forEach(function(item, index) { var el = buildMessage(item); $('#messageBox').find('ul').append(el); }); $(".timeago").timeago(); } if (typeof response.user !== 'undefined') { window.current_user_id = response.user.id; } // if (typeof response.user !== 'undefined' && $('[data-fetch="user"').length) { // // console.log($('[data-fetch="user-avatar"').length, response.user); // $('[data-fetch="user"').each(function(item, index) { // var key = $(this).data('key'); // if (typeof response.user[key] !== 'undefined' && response.user[key] !== null) { // $(this).html(response.user[key]); // } // }); // } }, 'json'); } $.post(link_page_view, {url: window.location.href}); $('.nav-notification').popover({ container: 'body', placement: 'bottom', html: true, // trigger: 'click', title: $('#notificationTitle'), content: $('#notificationBox') }); $('.nav-message').popover({ container: 'body', placement: 'bottom', html: true, // trigger: 'click', title: $('#messagesBoxTitle'), content: $('#messageBox') }); $(document).on('click', function(e) { if (!$(e.target).is('.nav-notification') && !$(e.target).parents().is('.nav-notification') && !$(e.target).parents().is('.popover')) { $('.nav-notification').popover('hide'); } if (!$(e.target).is('.nav-message') && !$(e.target).parents().is('.nav-message') && !$(e.target).parents().is('.popover')) { $('.nav-message').popover('hide'); } if (!$(e.target).is('.textarea-emoji-control') && !$(e.target).parents().is('.textarea-emoji-control') && !$(e.target).parents().is('#textarea-emoji')) { $('#textarea-emoji').remove(); } }); // $('#searchForm').submit(function() { // var _search = $(this).find('[name="q"]'); // var _searchValue = _search.val(); // if (_searchValue == '' || _searchValue.trim() == '') { // notify('Please enter your keyword to search!'); // return false; // } // }); $('.overlay').on('click', function(e) { $(this).fadeOut(); }); $(document).on('click', '.ribbon-wrapper', function(e) { $(this).find('.badge-box').toggle(); }); $('.toggle-menu').on('click', function(e) { e.preventDefault(); e.stopPropagation(); if ($(this).closest('li').children('ul').is(':hidden')) { $(this).parent().find('.sub-total').addClass('hidden'); $(this).parent().find('.par-total').hide().removeClass('hidden').fadeIn('slow'); } else { $(this).parent().find('.sub-total').hide().removeClass('hidden').fadeIn('slow'); $(this).parent().find('.par-total').addClass('hidden'); } $(this).closest('li').children('ul').slideToggle('fast', function() { $(this).toggleClass('active'); }); }); $('.category-dropdown button').on('click', function(e) { e.preventDefault(); // e.stopPropagation(); var subTotal = $(this).closest('.category-link').children().find('.sub-total'); var parrentTotal = subTotal.next('.par-total'); if(subTotal && !subTotal.is(':hidden')) { subTotal.addClass('hidden'); parrentTotal.hide().removeClass('hidden').fadeIn('slow'); } else { subTotal.hide().removeClass('hidden').fadeIn('slow'); parrentTotal.addClass('hidden'); } }); $(document).on('keyup', function(e) { if (e.keyCode == 27) { $('.overlay').fadeOut(); } }); $('#formMessage').submit(function() { var _title = $(this).find('[name="title"]').val(); var _content = $(this).find('[name="content"]').val(); var _this = $(this); if (!window.online_user_id || isNaN(window.online_user_id)) { notify(_text_login_required_); return false; } if (!_title) { notify(_text_enter_message_title_); return false; } else if (!_content) { notify(_text_enter_message_content_); return false; } $('#loading-bar').show(); _this.find('[type=submit]').prop('disabled', true); $.post(link_send_message, $(this).serialize(), function(response) { $('#loading-bar').hide(); _this.find('[type=submit]').prop('disabled', false); _this.get(0).reset(); if (typeof response.message === 'undefined') { notify("Something went wrong!"); return false; } $('#messageUserModal').modal('hide'); notify("Your message have sent successfully!", "success"); }, 'json') .fail(function(xhr, textStatus, error) { $('#loading-bar').hide(); _this.find('[type=submit]').prop('disabled', false); return alert(xhr.responseJSON.message); }); return false; }); $(document).on('click', '.dropdown-sort button', function(e) { window.sortOrder = $(this).val(); $(this).closest('.dropdown').find('[data-bs-toggle="dropdown"]').text( $(this).text() ); console.log('sortOrder', window.sortOrder); postsContainer.html(''); window.page = 1; window.theEnd = false; loadMoreData(); }); $('#btn_view_more').on('click', function() { $(this).hide(); $('#user_liked_more').show(); $('#btn_view_less').show(); }); $('#btn_view_less').on('click', function() { $(this).hide(); $('#user_liked_more').hide(); $('#btn_view_more').show(); }); $('.btn-read-notification').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var _this = $(this); var _post = _this.closest('.post'); _post.removeClass('active bg-lighter'); $('.tooltip').remove(); $.post(link_read_notificaiton, { id: _post.data('id') }); }); $('.mark-all-read').on('click', function(e) { e.preventDefault(); e.stopPropagation(); $('#notifications').find('.post').each(function(item) { $(this).removeClass('active bg-lighter'); }); $('#notificationBox').find('.post').each(function(item) { $(this).removeClass('active bg-lighter'); }); $('#notificationCount').removeClass('text-bg-danger').text('0'); $.post(link_read_notificaiton, null); }); $('#sidebarToggler').on('click', function (e) { $('#navbarNavDropdown2').collapse('hide'); }); $('#sidebarToggler2').on('click', function (e) { $('#navbarNavDropdown').collapse('hide'); }); $('.btn-del-notification').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var _this = $(this); var _post = _this.closest('.post'); _post.fadeOut('slow', function() { $(this).remove(); }); $('.tooltip').remove(); $.post(link_del_notification, { id: _post.data('id')}, function (response) { if (!response.success) { notify(_text_delete_notification_error_); } if (response.totalNotification === 0) { $('#notifications').find('.alert-box').removeClass('hidden').fadeIn('fast'); } }, 'json'); }); $('.del-all-notification').on('click', function(e) { e.preventDefault(); e.stopPropagation(); $('#loading-bar').show(); $.post(link_del_notification, null, function (response) { if (!response.success) { notify(_text_delete_notification_error_); } $('.notification-page').find('.pagination').remove(); $('#notifications').find('ul').remove(); $('#notifications').find('.alert-box').removeClass('hidden').fadeIn('fast'); $('#loading-bar').hide(); }, 'json'); }); }); socket.emit('add_user', {id: window.online_user_id, group: id_shop}); // Whenever the server emits 'login', log the login message socket.on('login', function (data) { console.log(data); connected = true; onlineList = data.listUsers; checkOnline(); updateIOCounter(data.listUsers.length, data.total_visitors || 0); }); // Whenever the server emits 'user_joined', log it in the chat body socket.on('user_joined', function (data) { console.log(data.username + ' joined'); console.log(data); onlineList = data.listUsers; checkOnline(); updateIOCounter(data.listUsers.length, data.total_visitors || 0); }); // Whenever the server emits 'user_left', log it in the chat body socket.on('user_left', function (data) { console.log(data.username + ' left'); console.log(data); onlineList = data.listUsers; checkOnline(); updateIOCounter(data.listUsers.length, data.total_visitors || 0); }); $([window, document]).blur(function() { windowFocus = false; }).focus(function() { windowFocus = true; notificationUnread = 0; document.title = originalTitle; }); socket.on('new_notification', function (data) { console.log('new notification', data); renderNotificationPopup(data); var el = buildNotification(data); $('#notificationBox').addClass('active').find('ul').prepend(el); $('#notificationBox').find(".timeago").timeago(); var notifications_count = parseInt( $('#notificationCount').text() ) + 1; $('#notificationCount').addClass('text-bg-danger').text(notifications_count); notificationUnread++; if (!windowFocus) { document.title = '(' + notificationUnread + ') ' + originalTitle; } }); socket.on('disconnect', function () { console.log('you have been disconnected'); }); socket.on('reconnect', function () { console.log('you have been reconnected'); socket.emit('add_user', {id: window.online_user_id, group: window.id_shop }); }); socket.on('reconnect_error', function () { console.log('attempt to reconnect has failed'); }); </script>

CINXE.COM

Belly of the Dragon | The Joy Formidable