<commit_before><template>
  <div
    class="container is-widescreen"
    :on-scroll="handleScroll"
  >
    <div class="columns is-vcentered">
      <div
        ref="about-col-left"
        class="hidden column"
      >
        <img
          src="@/assets/about.png"
          alt="feature image"
        >
      </div>
      <div
        ref="about-col-right"
        class="hidden column is-three-fifths pad-32"
      >
        <h2>Who we are</h2>
        <p>
          We’re a student-run software engineering team devoted to building software projects in a
          collaborative and professional environment.
        </p>
        <p>
          Our primary objective is to be the best space at UBC for students to meet other tech
          enthusiasts, build projects in a team setting, gain experience with professional development
          tools and principles, and share their knowledge with others.
        </p>
        <p>
          We form teams based on common interests and project ideas of our own choosing, and hack on
          our projects to completion! We are also lucky enough to have sponsors which help provide
          our teams with necessary resources, like servers, to help us achieve our goals.
        </p>

        <p>
          <a
            href="https://medium.com/ubc-launch-pad-software-engineering-blog/what-is-ubc-launch-pad-d3bbfe6322dc"
            target="_blank"
            rel="noopener noreferrer"
            @click="reportArticleClick"
          >
            <b>Read the Medium article ></b>
          </a>
          <br>
        </p>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';
import goals from '@/lib/fathomGoals';
import { updateClassesIfInView } from '@/lib/util';

/**
 * About implements a section for introducing visitors to Launch Pad.
 */
export default Vue.extend({
  name: 'About',
  created() {
    window.addEventListener('scroll', this.handleScroll);
  },
  methods: {
    reportArticleClick() {
      this.$fathom.trackGoal(goals.ABOUTUSARTICLE_CLICK);
    },
    handleScroll() {
      updateClassesIfInView(window, this.$refs['about-col-left'], {
        addClasses: 'animated fadeInLeft',
        removeClasses: 'hidden',
      });
      updateClassesIfInView(window, this.$refs['about-col-right'], {
        addClasses: 'animated fadeInLeft',
        removeClasses: 'hidden',
      });
    },
  },
});
</script><commit_msg>link to sponsors from about (#186)<commit_after><template>
  <div
    class="container is-widescreen"
    :on-scroll="handleScroll"
  >
    <div class="columns is-vcentered">
      <div
        ref="about-col-left"
        class="hidden column"
      >
        <img
          src="@/assets/about.png"
          alt="feature image"
        >
      </div>
      <div
        ref="about-col-right"
        class="hidden column is-three-fifths pad-32"
      >
        <h2>Who we are</h2>
        <p>
          We’re a student-run software engineering team devoted to building software projects in a
          collaborative and professional environment.
        </p>
        <p>
          Our primary objective is to be the best space at UBC for students to meet other tech
          enthusiasts, build projects in a team setting, gain experience with professional development
          tools and principles, and share their knowledge with others.
        </p>
        <p>
          We form teams based on common interests and project ideas of our own choosing, and hack on
          our projects to completion! We are also lucky enough to have sponsors which help provide
          our teams with necessary resources, like servers, to help us achieve our goals.
        </p>

        <p>
          <a
            href="https://medium.com/ubc-launch-pad-software-engineering-blog/what-is-ubc-launch-pad-d3bbfe6322dc"
            target="_blank"
            rel="noopener noreferrer"
            class="margin-bottom-16"
            @click="reportArticleClick"
          >
            <b>Read the Medium article ></b>
          </a>
          <br>
          <a @click="goTo('sponsors')">
            <b>See our sponsors ></b>
          </a>
        </p>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';
import goals from '@/lib/fathomGoals';
import { updateClassesIfInView, goTo } from '@/lib/util';

/**
 * About implements a section for introducing visitors to Launch Pad.
 */
export default Vue.extend({
  name: 'About',
  created() {
    window.addEventListener('scroll', this.handleScroll);
  },
  methods: {
    reportArticleClick() {
      this.$fathom.trackGoal(goals.ABOUTUSARTICLE_CLICK);
    },
    handleScroll() {
      updateClassesIfInView(window, this.$refs['about-col-left'], {
        addClasses: 'animated fadeInLeft',
        removeClasses: 'hidden',
      });
      updateClassesIfInView(window, this.$refs['about-col-right'], {
        addClasses: 'animated fadeInLeft',
        removeClasses: 'hidden',
      });
    },
    goTo(anchor: string) { goTo(document, anchor); },
  },
});
</script>
{'fraction_non_alphanumeric': 0.11484759095378565, 'fraction_numerical': 0.004523107177974435, 'mean_word_length': 2.1807379612257662, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 66, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5073516', 'n_tokens_mistral': 1486, 'n_tokens_neox': 1439, 'n_words': 421}