hacktoberfest.html

<!doctype html>
<!--
@license
Copyright 2018 Comcast Cable Communications Management, LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <meta name="title" content="Open Source | Comcast" />
    <meta name="description" content="Comcast Open Source web site" />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="open source, comcast, innovation" />

    <link rel="stylesheet" href="./style/css.css" />
    <link rel="apple-touch-icon" sizes="57x57" href="https://comcast.github.io/img/favicon/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="https://comcast.github.io/img/favicon/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="https://comcast.github.io/img/favicon/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="https://comcast.github.io/img/favicon/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="https://comcast.github.io/img/favicon/apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="https://comcast.github.io/img/favicon/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="https://comcast.github.io/img/favicon/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="https://comcast.github.io/img/favicon/apple-touch-icon-152x152.png" />
    <link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-196x196.png" sizes="196x196" />
    <link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-16x16.png" sizes="16x16" />
    <link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-128.png" sizes="128x128" />

    <title>Hacktoberfest 2019</title>
  </head>
  <body>
    <div class="top-informational">
      <header>
        <div>
          <img src="./img/logo-comcast-color.png" alt="Comcast">
          <ul class="navbar">
            <li id="nav-about"><a href="https://corporate.comcast.com/news-information/company-overview" target="_blank">About</a></li>
            <li id="nav-projects"><a href="https://comcast.github.io/">Home</a></li>
            <li id="nav-talks"><a href="talks.html">Talks</a></li>
            <li id="nav-sponsorship"><a href="sponsorship.html">Sponsorship</a></li>
            <li id="nav-contact"><a href="#contact">Contact</a></li>
            <li id="nav-contact"><a href="blog">Blog</a></li>
          </ul>
        </div>
      </header>
      <div class="intro-message-container">
        <img src="./img/Hacktoberfest_19_Events_1240x150.png" alt="Hacktoberfest 2019 logo">
        <h1 class="message-title">Hacktoberfest 2019</h1>
        <p class="message-content"><a href="https://hacktoberfest.digitalocean.com/" target="_blank">Hacktoberfest </a>is an event that takes place every year for the entire month of October to encourage open source contributions. Here at Comcast we produce and work on many open source projects. This page highlights opportunities and contributions to our projects during Hacktoberfest.
      </div>
    </div>
    <div class="bottom-informational">
      <div class="hacktoberfest-stats">
        <div class="stat-box">
          <h3>Overall Stats</h3>
          <ul>
            <li>Total Participating Repos: <div id="total-repos" class="stats-text animated-loader">&nbsp;</div></li>
            <li>Total Open Issues: <div id="total-open-issues" class="stats-text animated-loader">&nbsp;</span></li>
            <li>Total Contributors: <div id="total-contributors" class="stats-text animated-loader">&nbsp;</span></li>
            <li>Total Open Pull Requests: <div id="total-open-pull-requests" class="stats-text animated-loader">&nbsp;</span></li>
            <li>Total Closed Issues: <div id="total-closed-issues" class="stats-text animated-loader">&nbsp;</span></li>
            <li>Total Closed Pull Requests: <div id="total-closed-pull-requests" class="stats-text animated-loader">&nbsp;</span></li>
          </ul>
        </div>
        <div class="stat-box">
          <div class="stat-heading">
            <h3>Participating Repos</h3>
            <span id="hacktoberfest-repos-toggle" class="stat-toggle" onclick="toggleContent('hacktoberfest-repos')">show</span>
          </div>
          <ul id="hacktoberfest-repos" hidden>
          </ul>
        </div>
        <div class="stat-box">
          <div class="stat-heading">
            <h3>Contributors</h3>
            <span id="hacktoberfest-contributors-toggle" class="stat-toggle" onclick="toggleContent('hacktoberfest-contributors')">hide</span>
          </div>
          <ul id="hacktoberfest-contributors">
          </ul>
        </div>
        <div class="stat-box issues-list">
          <div class="stat-heading">
            <h3>Open Hacktoberfest Issues</h3>
            <span id="hacktoberfest-issues-toggle" class="stat-toggle" onclick="toggleContent('hacktoberfest-issues')">hide</span>
          </div>
          <ul id="hacktoberfest-issues">
          </ul>
        </div>
      </div>
    </div>
    <footer id="contact">
      <section>
        <h2>Learn More</h2>
        <address>
          <a class="email" href="mailto:Comcast_Open_Source_Services@comcast.com"><span>Comcast Open Source Services</span></a>
          <a class="blog" href="http://labs.comcast.com"><span>Comcast Labs Blog</span></a>
        </address>
      </section>
      <section>
        <p>Like what you see? <span>Come work with us!</span></p>
        <a href="http://jobs.comcast.com/search-jobs?q=open+source&amp;loc=&amp;team=Technology&amp;radius=25&amp;postDate=&amp;pos=Full+Time&amp;country=#results" class="button button--primary">View Job Openings</a>

        <ul class="social">
          <li><a href="https://www.facebook.com/ComcastCareers/?fref=ts"><img src="img/icon-facebook.svg" alt="Facebook"></a></li>
          <li><a href="https://twitter.com/comcastcareers"><img src="img/icon-twitter.svg" alt="Twitter"></a></li>
          <li><a href="https://www.instagram.com/comcastcareers/"><img src="img/icon-instagram.svg" alt="Instagram"></a></li>
          <li><a href="https://www.youtube.com/user/ComcastCareers"><img src="img/icon-youtube.svg" alt="YouTube"></a></li>
          <li><a href="https://dribbble.com/comcast"><img src="img/icon-dribbble.svg" alt="Dribbble"></a></li>
        </ul>
      </section>
      <section>
        <div class="copyright">
          <a href="http://corporate.comcast.com"><img src="img/logo-comcast-alt.svg" alt="Comcast"></a> &copy; 2018 Comcast
          <a href="humans.txt" class="humans"><span class="screen-reader-text">humans.txt</span></a>
        </div>
      </section>
    </footer>
    <script src="./js/hacktoberfest.js"></script>
    <script>
      var GA_PAGEVIEW_SENT = false;
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-102911798-1', 'auto');
      setTimeout(function() {
        if(!window.GA_PAGEVIEW_SENT) {
          ga('send', 'pageview');
          GA_PAGEVIEW_SENT = true;
        }
      }, 3000);
    </script>
  </body>
</html>