index.html

---
layout: home

channels:
  - title: General
    description: >
      A place to meet other Masters of their respective Tech fields, to introduce themselves and discuss topics that don't quite fit in the other channels

  - title: Business
    description: >
      Business Strategy, Business News, and Business Intelligence... If it has anything to do with Business, this is the place to talk about it!

  - title: Jobs
    description: >
      Is your company hiring? Do you want to be hired? Post your jobs and requests here! Don't forget to invite anyone to this channel who is looking or posting

  - title: Technology
    description: >
      As Arthur C. Clarke once said, "Any sufficiently advanced technology is indistinguishable from magic." ... But we Tech Masters know better, don't we?

  - title: Debugging
    description: >
      When #programming questions get too detailed, use this channel to cut the noise and do 1:1 debugging with other Masters.

  - title: Science
    description: >
      Edward Teller once said, "The #science of today is the #technology of tomorrow." Let's talk about the things that will amaze us tomorrow!

partners:
  - name: Full Stack Toronto
    logo: fsto.png
    link: http://fsto.co/

  - name: "#DevTO"
    logo: devto.png
    link: http://www.devto.ca/

  - name: NodeDay
    logo: nodeday.jpg
    link: http://nodeday.com/

  - name: Functions17
    logo: functions17.jpg
    link: http://functions.world/
---

<div class="tm-container mdl-grid">
  <div
    class="tm-card tm-card--join mdl-card mdl-color--white mdl-shadow--4dp mdl-color-text--grey-800 mdl-cell mdl-cell--8-col mdl-cell--2-offset-desktop"
  >
    <div class="mdl-grid">
      <div class="mdl-cell mdl-cell--12-col">
        <h3>Join our Discord community!</h3>
        <legend class="tm-signup" id="signup">
          <p>
            By choosing to join the TechMasters community, you agree to the
            terms in our <a href="/conduct/">code of conduct</a>.
          </p>
          <div>
            <label>
              <input autocomplete="off" type="checkbox" />
              I will treat others with mutual respect and will not abuse others
            </label>
          </div>
          <div>
            <label>
              <input autocomplete="off" type="checkbox" />
              I will not spam, and will read channel descriptions before posting
            </label>
          </div>
          <div>
            <label>
              <input autocomplete="off" type="checkbox" />
              I agree to uphold the code of conduct
            </label>
          </div>
          <div>
            <label>
              <input autocomplete="off" type="checkbox" />
              I understand that TechMasters prefers conversations over
              promotional content. If I join and only promote my product or
              service and do not contribute to any conversations, I may receive
              an immediate ban without notice
            </label>
          </div>
        </legend>
        <a
          id="signupBtn"
          disabled="true"
          data-disabled="true"
          class="mdl-button mdl-button--colored mdl-button--raised mdl-js-button mdl-js-ripple-effect"
          href=""
          aria-describedby="formWarning"
          >Join our Discord Network</a
        >
        <span
          id="formWarning"
          tabindex="-1"
          style="display: none; margin-top: 0.5em"
        >
          You must agree to our code of conduct by checking the boxes above.
        </span>

        <script>
          // form validation
          var url = "{{ site.discord }}";
          var warningOpen =
            'You must agree to our code of conduct by checking the boxes above. <a href="#wontAbuse" role="button" draggable="false">Go to first checkbox</a>';

          var signupBtn = document.getElementById("signupBtn");
          var formWarning = document.getElementById("formWarning");

          var validate = function () {
            const unchecked = document.querySelectorAll(
              '#signup input[type="checkbox"]:not(:checked)'
            );
            if (unchecked.length === 0) {
              // Form valid
              signupBtn.setAttribute("href", url);
              signupBtn.dataset.disabled = "false";
              signupBtn.removeAttribute("disabled");
              formWarning.style.display = "none";
              formWarning.innerHTML = "";
            } else {
              // Form invalid
              signupBtn.setAttribute("href", "");
              signupBtn.dataset.disabled = "true";
              signupBtn.setAttribute("disabled", "true");
            }
          };

          document
            .getElementById("signup")
            .addEventListener("change", validate);

          // Error handler when user clicks on disabled signup link
          signupBtn.addEventListener("click", function (e) {
            if (e.currentTarget.dataset.disabled === "true") {
              e.preventDefault();
              formWarning.style.display = "block";
              formWarning.innerHTML = warningOpen;
              window.requestAnimationFrame(function () {
                formWarning.focus();
              });
            }
          });

          // Allow spacebar to toggle links whose role is `button`
          document.addEventListener("keydown", (e) => {
            let target = e.target;
            if (e.keyCode === 32 && target.getAttribute("role") === "button") {
              e.preventDefault();
              target.click();
            }
          });
        </script>

        <!-- Registration for Slack has been temporarily disabled. Please check back here at a later time.<br/>Contact us on <a href="https://twitter.com/techmasterschat" target="_blank">Twitter</a> if you wish to be invited.-->
      </div>
    </div>
  </div>

  <div class="mdl-cell mdl-cell--12-col">
    <h3 class="mdl-typography--text-center mdl-color-text--primary-dark">
      Official Communities
    </h3>
  </div>

  {% for partner in page.partners %}
  <div
    class="tm-card tm-card-partner mdl-card mdl-shadow--2dp mdl-cell mdl-cell--2-col-phone mdl-cell--4-col-tablet mdl-cell--2-col-desktop {% cycle 'mdl-cell--2-offset-desktop', '', '', '' %}"
  >
    <div class="mdl-card__title mdl-card--expand mdl-typography--text-center">
      <img src="/assets/images/partners/{{ partner.logo }}" />
    </div>

    <div class="mdl-card__actions mdl-card--border mdl-typography--text-center">
      <a href="{{ partner.link }}">{{ partner.name }}</a>
    </div>
  </div>
  {% endfor %}

<!--  <div class="mdl-cell mdl-cell--12-col">
    <h3 class="mdl-typography--text-center mdl-color-text--primary-dark">
      Featured Channels
    </h3>
  </div>

  {% for channel in page.channels %}
  <div
    class="tm-card tm-card-channel tm-card-channel--{{ channel.title | downcase }} mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col-phone mdl-cell--8-col-tablet mdl-cell--4-col-desktop {% cycle 'mdl-cell--2-offset-desktop', '' %}"
  >
    <div class="mdl-card__title">
      <h2 class="mdl-card__title-text">#{{ channel.title }}</h2>
    </div>
    <div class="mdl-card__supporting-text">{{ channel.description }}</div>
    <div class="mdl-card__actions mdl-card--border">
      <a
        class="mdl-button mdl-button--colored mdl-button--raised mdl-js-button mdl-js-ripple-effect"
        href="https://techmasters.slack.com/messages/{{ channel.title | downcase }}/"
        >Live Discussion</a
      >
      <div class="mdl-layout-spacer"></div>
    </div>
  </div>
  {% endfor %}
</div>
-->