{"id":1066,"date":"2025-12-21T00:17:13","date_gmt":"2025-12-21T00:17:13","guid":{"rendered":"https:\/\/southsunindustries.com\/?page_id=1066"},"modified":"2026-01-09T13:35:26","modified_gmt":"2026-01-09T13:35:26","slug":"query-finder","status":"publish","type":"page","link":"https:\/\/southsunindustries.com\/index.php\/query-finder\/","title":{"rendered":"Query Finder"},"content":{"rendered":"\n<!--\n  Drop-in snippet: paste this where you want the \"Help Finder\" tool to appear.\n  It won\u2019t touch <html>, <head>, <body>, or your global template styles.\n-->\n<div id=\"sousn-help-root\" class=\"sousnHelp\">\n  <div class=\"sousnHelp__card\">\n    <div class=\"sousnHelp__header\">\n      <h2 class=\"sousnHelp__title\">SOUSN Query Finder<\/h2>\n      <div class=\"sousnHelp__sub\">\n        Pick a topic and it\u2019ll show which Director, Officer or Discord channel to message for help.\n<br>\nRemember you can use the <b>#general<\/b> channel in Discord for any query &#8211; many of our members are hidden experts, and it might provide quicker answers.\n      <\/div>\n    <\/div>\n\n    <div class=\"sousnHelp__grid\">\n      <div class=\"sousnHelp__field\">\n        <label class=\"sousnHelp__label\" for=\"sousnHelpTopic\">I need help with&#8230;<\/label>\n        <select id=\"sousnHelpTopic\" class=\"sousnHelp__select\">\n          <option value=\"\" selected disabled>Select a topic\u2026<\/option>\n          <!-- Alphabetical topics -->\n          <option value=\"Corp Projects\">Corp Projects<\/option>\n          <option value=\"Discord Technical Issues\">Discord Technical Issues<\/option>\n          <option value=\"Fuel\">Fuel<\/option>\n          <option value=\"Ideas and Suggestions\">Ideas and Suggestions<\/option>\n          <option value=\"Manufacturing\">Manufacturing<\/option>\n          <option value=\"Mentorship\">Mentorship<\/option>\n          <option value=\"Mining\">Mining<\/option>\n          <option value=\"Mining Tax\">Mining Tax<\/option>\n          <option value=\"Moonshine Mining\">Moonshine Mining<\/option>\n          <option value=\"Moons\">Moons<\/option>\n          <option value=\"Problem with another Member\">Problem with another Member<\/option>\n          <option value=\"PvE\">PvE<\/option>\n          <option value=\"PvP\">PvP<\/option>\n          <option value=\"Recruitment\">Recruitment<\/option>\n          <option value=\"Website\/SEAT Technical Issues\">Website\/SEAT Technical Issues<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"sousnHelp__actions\">\n        <button type=\"button\" class=\"sousnHelp__btn sousnHelp__btn--ghost\" id=\"sousnHelpClear\">\n          Clear\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"sousnHelp__results\" aria-live=\"polite\">\n      <div class=\"sousnHelp__resultsTitle\">Results<\/div>\n      <div id=\"sousnHelpOutput\" class=\"sousnHelp__output\">\n        <div class=\"sousnHelp__muted\">No results yet.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Scoped styles ONLY to this tool *\/\n  #sousn-help-root.sousnHelp {\n    font-family: inherit;\n    color: inherit;\n  }\n\n  #sousn-help-root .sousnHelp__card {\n    background: linear-gradient(180deg, rgba(32, 43, 57, 0.95), rgba(14, 20, 28, 0.95));\n    border: 1px solid rgba(60, 78, 98, 0.55);\n    border-radius: 12px;\n    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);\n    padding: 18px;\n    max-width: 1100px;\n  }\n\n  #sousn-help-root .sousnHelp__header {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-bottom: 14px;\n  }\n\n  #sousn-help-root .sousnHelp__title {\n    margin: 0;\n    font-size: 18px;\n    letter-spacing: 0.5px;\n    font-weight: 800;\n    color: rgba(255, 255, 255, 0.92);\n    text-transform: uppercase;\n  }\n\n  #sousn-help-root .sousnHelp__sub {\n    font-size: 13px;\n    color: rgba(210, 224, 240, 0.8);\n  }\n\n  #sousn-help-root .sousnHelp__grid {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 14px;\n    align-items: end;\n  }\n\n  #sousn-help-root .sousnHelp__field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  #sousn-help-root .sousnHelp__label {\n    font-size: 12px;\n    color: rgba(210, 224, 240, 0.8);\n  }\n\n  #sousn-help-root .sousnHelp__select {\n    width: 100%;\n    padding: 12px;\n    border-radius: 10px;\n    border: 1px solid rgba(60, 78, 98, 0.6);\n    background: rgba(10, 15, 21, 0.55);\n    color: rgba(255, 255, 255, 0.9);\n    outline: none;\n  }\n\n  #sousn-help-root .sousnHelp__select:focus {\n    border-color: rgba(104, 164, 255, 0.9);\n    box-shadow: 0 0 0 3px rgba(104, 164, 255, 0.18);\n  }\n\n  #sousn-help-root .sousnHelp__actions {\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  #sousn-help-root .sousnHelp__btn {\n    padding: 10px 14px;\n    border-radius: 10px;\n    border: 1px solid rgba(60, 78, 98, 0.6);\n    background: rgba(10, 15, 21, 0.35);\n    color: rgba(255, 255, 255, 0.85);\n    font-weight: 700;\n    cursor: pointer;\n  }\n\n  #sousn-help-root .sousnHelp__results {\n    margin-top: 16px;\n    border-top: 1px solid rgba(60, 78, 98, 0.35);\n    padding-top: 14px;\n  }\n\n  #sousn-help-root .sousnHelp__resultsTitle {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    color: rgba(210, 224, 240, 0.75);\n    margin-bottom: 10px;\n    font-weight: 700;\n  }\n\n  #sousn-help-root .sousnHelp__output {\n    background: rgba(10, 15, 21, 0.35);\n    border: 1px solid rgba(60, 78, 98, 0.45);\n    border-radius: 12px;\n    padding: 14px;\n    min-height: 60px;\n  }\n\n  #sousn-help-root .sousnHelp__muted {\n    color: rgba(210, 224, 240, 0.65);\n    font-size: 13px;\n  }\n\n  #sousn-help-root .sousnHelp__row {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  #sousn-help-root .sousnHelp__whoLabel {\n    font-size: 13px;\n    color: rgba(255, 255, 255, 0.88);\n    font-weight: 700;\n  }\n\n  #sousn-help-root .sousnHelp__pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  #sousn-help-root .sousnHelp__pill {\n    padding: 6px 10px;\n    border-radius: 999px;\n    border: 1px solid rgba(60, 78, 98, 0.55);\n    background: rgba(16, 23, 32, 0.55);\n    color: rgba(230, 242, 255, 0.9);\n    font-size: 13px;\n    font-weight: 700;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    white-space: nowrap;\n  }\n\n  #sousn-help-root .sousnHelp__flag {\n    font-size: 15px;\n    line-height: 1;\n    filter: saturate(1.1);\n  }\n\n  #sousn-help-root .sousnHelp__note {\n    padding: 10px 12px;\n    border-radius: 10px;\n    border: 1px solid rgba(86, 140, 220, 0.45);\n    background: rgba(104, 164, 255, 0.08);\n    color: rgba(225, 240, 255, 0.9);\n    font-size: 13px;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 720px) {\n    #sousn-help-root .sousnHelp__grid {\n      grid-template-columns: 1fr;\n    }\n    #sousn-help-root .sousnHelp__actions {\n      justify-content: flex-start;\n    }\n  }\n\/* Center the Help Finder on the page *\/\n#sousn-help-root {\n  display: flex;\n  justify-content: center; \/* horizontal centering *\/\n  align-items: center;     \/* vertical centering *\/\n  min-height: 100vh;       \/* take full viewport height *\/\n  box-sizing: border-box;\n  padding: 20px;           \/* optional spacing on small screens *\/\n}\n<\/style>\n\n<script>\n  (function () {\n    const root = document.getElementById(\"sousn-help-root\");\n    if (!root) return;\n\n    const topicSelect = root.querySelector(\"#sousnHelpTopic\");\n    const output = root.querySelector(\"#sousnHelpOutput\");\n    const clearBtn = root.querySelector(\"#sousnHelpClear\");\n\n    \/\/ Emoji flags by country label used in your list\n    const FLAGS = {\n      UK: \"\ud83c\uddec\ud83c\udde7\",\n      USA: \"\ud83c\uddfa\ud83c\uddf8\",\n      Canada: \"\ud83c\udde8\ud83c\udde6\",\n      Estonia: \"\ud83c\uddea\ud83c\uddea\",\n      Germany: \"\ud83c\udde9\ud83c\uddea\"\n    };\n\n    \/\/ Updated mapping (flags only for people; no \"(UK)\/(USA)\" text)\n    const TOPICS = {\n      \"Corp Projects\": {\n        type: \"people\",\n        people: [{ name: \"Jerry\", country: \"Canada\" }]\n      },\n      \"Discord Technical Issues\": {\n        type: \"people\",\n        people: [{ name: \"Abu\", country: \"UK\" }]\n      },\n      \"Fuel\": {\n        type: \"people\",\n        people: [{ name: \"Reekjam\", country: \"Estonia\" }]\n      },\n      \"Ideas and Suggestions\": {\n        type: \"people\",\n        people: [{ name: \"Katelo\", country: \"USA\" }]\n      },\n      \"Manufacturing\": {\n        type: \"note\",\n        note: \"Ask in the <b>#industry-and-mining<\/b> channel.\"\n      },\n      \"Mentorship\": {\n        type: \"people\",\n        people: [{ name: \"Katelo\", country: \"USA\" }]\n      },\n      \"Mining\": {\n        type: \"people\",\n        people: [\n          { name: \"Vants\", country: \"UK\" },\n          { name: \"Fenrir\", country: \"USA\" }\n        ]\n      },\n      \"Mining Tax\": {\n        type: \"people\",\n        people: [{ name: \"Semper\", country: \"Canada\" }]\n      },\n      \"Moonshine Mining\": {\n        type: \"people\",\n        people: [{ name: \"Bameru\", country: \"Germany\" }]\n      },\n      \"Moons\": {\n        type: \"people\",\n        people: [\n          { name: \"Vants\", country: \"UK\" },\n          { name: \"Fenrir\", country: \"USA\" }\n        ]\n      },\n      \"Problem with another Member\": {\n        type: \"people\",\n        people: [\n          { name: \"Koomji\", country: \"Canada\" },\n          { name: \"Fenrir\", country: \"USA\" }\n        ]\n      },\n      \"PvE\": {\n        type: \"note\",\n        note: \"Ask in the <b>#general<\/b> channel.\"\n      },\n      \"PvP\": {\n        type: \"people\",\n        people: [\n          { name: \"Abu\", country: \"UK\" },\n          { name: \"Koomji\", country: \"Canada\" },\n          { name: \"Trojan\", country: \"UK\" },\n          { name: \"Nick\", country: \"UK\" }\n        ]\n      },\n      \"Recruitment\": {\n        type: \"people\",\n        people: [\n          { name: \"Fenrir\", country: \"USA\" },\n          { name: \"Seoul\", country: \"UK\" }\n        ]\n      },\n      \"Website\/SEAT Technical Issues\": {\n        type: \"people\",\n        people: [{ name: \"Abu\", country: \"UK\" }]\n      }\n    };\n\n    function escapeHtml(str) {\n      return String(str).replace(\/[&<>\"']\/g, (m) => ({\n        \"&\": \"&amp;\",\n        \"<\": \"&lt;\",\n        \">\": \"&gt;\",\n        '\"': \"&quot;\",\n        \"'\": \"&#039;\"\n      }[m]));\n    }\n\n    function render(topic) {\n      if (!topic || !TOPICS[topic]) {\n        output.innerHTML = '<div class=\"sousnHelp__muted\">No results yet.<\/div>';\n        return;\n      }\n\n      const data = TOPICS[topic];\n\n      if (data.type === \"note\") {\n        output.innerHTML = `\n          <div class=\"sousnHelp__row\">\n            <div class=\"sousnHelp__whoLabel\">${escapeHtml(topic)}<\/div>\n            <div class=\"sousnHelp__note\">${data.note}<\/div>\n          <\/div>\n        `;\n        return;\n      }\n\n      const pills = data.people\n        .map((p) => {\n          const flagEmoji = FLAGS[p.country] || \"\";\n          const flag = flagEmoji\n            ? `<span class=\"sousnHelp__flag\" aria-hidden=\"true\">${flagEmoji}<\/span>`\n            : \"\";\n          return `<span class=\"sousnHelp__pill\">${flag}<span>${escapeHtml(p.name)}<\/span><\/span>`;\n        })\n        .join(\"\");\n\n      output.innerHTML = `\n        <div class=\"sousnHelp__row\">\n          <div class=\"sousnHelp__whoLabel\">${escapeHtml(topic)} \u2014 who can help<\/div>\n          <div class=\"sousnHelp__pills\">${pills}<\/div>\n        <\/div>\n      `;\n    }\n\n    topicSelect.addEventListener(\"change\", () => render(topicSelect.value));\n\n    clearBtn.addEventListener(\"click\", () => {\n      topicSelect.selectedIndex = 0;\n      output.innerHTML = '<div class=\"sousnHelp__muted\">No results yet.<\/div>';\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p> [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-1066","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/1066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/comments?post=1066"}],"version-history":[{"count":13,"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/1066\/revisions"}],"predecessor-version":[{"id":1145,"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/1066\/revisions\/1145"}],"wp:attachment":[{"href":"https:\/\/southsunindustries.com\/index.php\/wp-json\/wp\/v2\/media?parent=1066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}