virtual.html

<!doctype html>
<html class="no-js" lang="en" dir="ltr">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NERD Summit 2020</title>
    <link rel="shortcut icon" href="images/NERDS20_Logo_favicon.png" type="image/png" />
    <link rel="stylesheet" href="fonts/stylesheet.css">
    <link rel="stylesheet" href="css-new/styles.css?v=2">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/3.2.2/anchor.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.0.3/purify.min.js"></script>
  </head>

  <body>

  <div id="skip">
    <a href="#maincontent">Skip to main content</a>
  </div>
  
    <header class="header" role="banner">

      <div class="header__inner header--fixed" id="header1">

        <div id="notice">
          <p>COVID-19 UPDATE: NERD Summit 2020 will "go virtual". Scroll down for more.</p>
        </div>

        <nav class="nav" role="navigation">
          <h1 class="logo"><a href="/"><img alt="NERDS 20 logo" src="/images/NERDS20_Logo_Website.png"></a></h1>
          <ul class="nav__list">
            <li class="nav__item"><a href="/#sessions">Sessions</a></li>
            <li class="nav__item"><a href="/#location">Location</a></li>
            <li class="nav__item"><a href="/#sponsors">Sponsors</a></li>
            <li class="nav__item"><a href="/#about">About</a></li>
            <li class="nav__item"><a href="/#contact">Contact</a></li>
            <li class="nav__item billboard__button-item"><a class="billboard__button billboard__button--primary" href="https://www.razoo.com/organization/Nerd" target="blank">Donate</a></li>
          </ul>
        </nav>
      </div>
    </header>

    <a class="billboard__anchor-link" name="summit"></a>

    <main id="mainconten" role="main">

    <section class="billboard billboard--summit">
      <div class="billboard__inner">
        <div class="billboard__narrow">
          <h2 class="billboard__header">Virtual summit information</h2>
        </div>
        <span class="billboard__callout">How does this virtual NERD Summit work?</span>
          <img src="images/nerdys-spice.png" class="nerdy__hero" alt="" />
      </div>
    </section>
    
    <a class="billboard__anchor-link" name="sessions"></a>
    
    <section class="billboard billboard--sessions">
      <div class="billboard__inner">
     
      <div id="virtual">

        <p><strong>March 12, 2020 </strong></p>          

        <h2>NERD Summit is going virtual!</h2>
        <p></p>

        <p>Dear 2020 NERDs, </p>

        <p><strong>Due to the COVID-19 situation, we are going virtual for the 2020 NERD Summit!</strong> </p>

        <p>The dates will remain the same, thus the schedule on the website remains unchanged for now.   </p>

        <p>See more below for details on how this will work.  </p>

        <a name="virtual-practice"></a>

        <h3>How will  virtual work?</h3>

        <p>We will have a Zoom link for each of the "rooms": 135, 145, 221 321, 325 & 329.  Plus we will have other "Zoom Rooms" setup for general discussion and help (TBD).  This will all be listed on the NERD website.  </p>

        <p>A NERD Summit organizer will be in each meeting acting as host, to help speaker and attendees as needed. </p>
        
        <br> 

        <h4>PRACTICE SESSIONS</H4>

        <p>We will be hosting the following practice sessions this coming week for both speakers and attendees.  All you have to do is click the link any time during that practice session to attend that meeting, check it out and ask questions.</p>

        <p><strong>Wednesday, March 18, 4:00PM - 4:45PM EST</strong>  <br />
        Host: Kelly Albrecht <br />
        Link: <a href="https://nerd.zoom.us/my/coffee.networking" target="_blank">nerd.zoom.us/my/coffee.networking</a> </p>

        <p><strong>Wednesday, March 18, 8:00PM - 8:45PM EST </strong>  <br />
        Host: Rick Hood <br />
        Link: <a href="https://nerd.zoom.us/my/hangout.help" target="_blank">nerd.zoom.us/my/hangout.help</a> </p>

        <p><strong>Thursday, March 19, 9:00AM - 9:45AM EST </strong>  <br />
        Host: Kelly Albrecht <br />
        Link: <a href="https://nerd.zoom.us/my/coffee.networking" target="_blank">nerd.zoom.us/my/coffee.networking</a> </p>

        <p><strong>Thursday, March 19, 12:00PM - 12:45PM EST </strong>  <br />
        Host: Rick Hood <br />
        Link: <a href="https://nerd.zoom.us/my/hangout.help" target="_blank">nerd.zoom.us/my/hangout.help</a> </p>
        
        <br> 

        <h4>FOR ATTENDEES:</h4>

        <p>To attend a session, find the session you want to attend on the website schedule ( <a href="https://nerdsummit.org/#sesssions">nerdsummit.org/#sesssions</a> ) then click the <strong>JOIN</strong> link * in that session 5 minutes (or less) from the start time. If you join too early, simply wait for the host to arrive.   </p>

        <p><strong>IMPORTANT:</strong> All the rooms, except Hangout & Help, are <u>password protected</u>. All ticket holders will receive the password by email. Make sure you registered here <a href="https://ti.to/nerd/nerd-summit-2020">ti.to/nerd/nerd-summit-2020</a></p>

        <p>If you do not already have it, download the Zoom Client for Meetings here: <a href="https://zoom.us/download#client_4meeting">zoom.us/download#client_4meeting</a> (you will be prompted to do so when you click the <strong>JOIN</strong> link if you do not have it already).  </p>

        <p>See this link for more information: <a href="https://support.zoom.us/hc/en-us/articles/201362193-Joining-a-Meeting">support.zoom.us/hc/en-us/articles/201362193-Joining-a-Meeting</a> </p>

        <p>The sessions are recorded, so if you do not wish to be recorded at all, you may stay muted and turn your video off. The video recording quality should be quite good. We will grab the Zoom recordings and upload them to our YouTube channel.   </p>

        <p>The host will end the session shortly after the talk ends (ending the Zoom session kicks off the creation of the video file for the session recording).   </p>

        <p>If you run into issues and need help;   </p>

        <ul>
        <li>Post your issue in #summit channel in the NERD Summit Slack *
        <li>Email us at <a mailto="support@nerd.ngo">support@nerd.ngo</a>
        </ul>

        <p>* if you are not on the NERD Summit Slack you can join here: <a href="https://nerd.ngo/join">nerd.ngo/join</a>  </p>

        <br> 

        <h4>FOR SPEAKERS:</h4>

        <p>Join the Zoom session the same way as attendees do above. When entering the Zoom session, announce that you are there and the host will allow you to share your screen. Once you are sharing your screen, you are ready to proceed when the session start time arrives. </p>

        <p>See this link for more information: <a href="https://support.zoom.us/hc/en-us/articles/201362153-Sharing-your-screen">support.zoom.us/hc/en-us/articles/201362153-Sharing-your-screen </a> </p>
       
        <h3>What about the Hackathon and kids activities on Sunday? </h3>

        <p>The Hackathon is going virtual, too! Slack and zoom, the same powerful tools that remote workers use every day, will also empower us to collaborate on the hackathon projects! More details to come.  </p>
        
        <br> 

        <h4>About Ticket Refunds:</h4>

        <p>We have an exciting virtual summit planned, but we understand if you would like your ticket purchase refunded (if you paid for the ticket). Refunds can be requested here (  <a href="https://jira.nerd.ngo/servicedesk/customer/portal/1/create/2">jira.nerd.ngo/servicedesk/customer/portal/1/create/2</a> ) or by emailing 
        <a mailto="support@nerd.ngo">support@nerd.ngo</a>. </p>

        <a name="virtual-hackathon"></a>

        <br> 

        <h4>For Sponsors:</h4>

        <p>We will be in contact with you via a separate email.  Thank you so much for your support! </p>
        
        <br> 

        <h4>NERDSummit 2020: Virtual Hackathon on Sunday!</h4>

            <p>Wow!  We’re really doing it.  We’ve put together a pretty solid plan, and there’s a couple of things we need you to do to be able to participate:</p>

            <p><strong>1. Join us on slack!</strong></p>

            <p>Slack is a web-based chat program that remote workers rely on for professional-quality communication and organization on a large scale!  We’ll be benefitting from the existing NERD Slack which you can join using the following link:

        <a href="https://join.slack.com/t/nerdsummit/shared_invite/enQtNDcyODQ2ODg0NTAyLTllYjIzY2U0ZWE4YjJmYWM0MjVkNTYxMmZmMzUxZGFiYTM3YWE4MzA0ZDZmZTkzZGRiMDVkNTc5OGE5MWQ2YjY" target="_blank">join.slack.com/t/nerdsummit/shared_invite</a></p>

            <p>Once you join Slack, head over to the #hackathon channel and introduce yourself :)</p>

            <p><strong>2. Download and install Zoom: https://zoom.us/download </strong></p>

            <p>Zoom is the industry standard for high-quality video conferencing, screen sharing, and more.  We will be using Zoom to help mentors and participants organize their efforts and share their results.  The specific Zoom rooms we’ll be using will be posted in the Slack channel, so please join there first :)</p>

            <p><strong>3. Install Node and/or become familiar with Scratch </strong></p>

            <p>For beginner programmers, Scratch can introduce you to the idea of using logical components to create a digital outcome.  You put together visual blocks which result in a computer program!  Best of all, Scratch is free and web-based!  You can start playing with it here: http://scratch.mit.edu/ </p>

            <p>As for Node, this is a server-side JavaScript implementation.  You’ll need to install Node 12 LTS from the following link: https://nodejs.org/en/  and, if you’d like, you can get started ahead of time on the NodeSchool workshops: https://nodeschool.io/#workshoppers  </p>

            <p><strong>4. Show up early on Sunday (9am!) and prepare to have fun! </strong></p>

            <p>On Sunday, we plan to start right at 9am, so please be online at that time for the best experience!  We also plan to have mentors available to help you with anything you get stuck on.  We’ll also brainstorm as a group general themes and ideas, and then those who are already well-versed in programming can split out into breakout sessions and hack-a-way :)  Others are welcome to get mentoring in either the  NodeSchool and/or Scratch channels and zoom rooms. </p>

            <p>At the end of the session, we’ll close out with presentations over Zoom from anyone interested in sharing their creations.  We’ll then open it up for feedback, and we’ll learn and grow for next year! </p>

            <p>Looking forward to meeting you all on-line :) </p>

        <p>Thank you!<br>
        The NERD Team</p>

      </div>

      </div>  <!-- end billboard__inner -->
      <a class="billboard__anchor-link" name="location"></a>
    </section>

    <section class="billboard billboard--contact">
      <div class="billboard__inner">
        <h2 class="billboard__header">Contact</h2>
        <p>To volunteer, email Rick Hood at <a href="mailto:rick@nerd.ngo">rick@nerd.ngo</a>.</p>
        <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
        <script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us3.list-manage.com","uuid":"1ef56f9dee567e2d166272484","lid":"3c10b5ac1e"}) })</script>
        <p>To stay up to date on NERD and NERD Summit, <a href="http://eepurl.com/SUIqr" target="blank">subscribe to our newsletter</a>.</p>
        
        <ul class="billboard__button-container">
          <li class="billboard__button-item">
            <a class="billboard__button billboard__button--primary" href="https://join.slack.com/t/nerdsummit/shared_invite/enQtNDcyODQ2ODg0NTAyLTllYjIzY2U0ZWE4YjJmYWM0MjVkNTYxMmZmMzUxZGFiYTM3YWE4MzA0ZDZmZTkzZGRiMDVkNTc5OGE5MWQ2YjY" target="blank">Ask a question: Join us in Slack</a>
          </li>
          <li class="billboard__button-item">
            <a class="billboard__button billboard__button--secondary" href="https://nerd.ngo/feedback" target="blank">Give feedback</a>
          </li>
        </ul>
      </div>
    </section>

    </main>

    <footer class="footer" role="contentinfo">
      <div class="footer__inner">
        <p><a href="https://nerd.ngo" class="nerd-ngo-link">#NERDS20</a></p>
        <p><a href="/code-of-conduct.html" class="nerd-code-link">NERD Summit 2020 Code of Conduct</a></p>
        <ul class="social-media-links">
          <li><a class="social-link" href="https://www.facebook.com/nerdsummit" target="blank"><img class=social-icon
                src="images/social-media-logos/f_Logo_Online_04_2019/black/PNG/f_logo_RGB-Black_72.png" alt="facebook"
                width="33"></a></li>
          <li><a class="social-link" href="https://twitter.com/nerdsummit" target="blank"><img class=social-icon
                src="images/social-media-logos/Twitter Social Icons/Twitter_SocialIcon_Circle/Twitter_Social_Icon_Circle_White.svg"
                alt="twitter" width="33"></a></li>
          <li><a class="social-link" href="https://github.com/NERDngo/" target="blank"><img class=social-icon
                src="images/social-media-logos/GitHub-Mark/PNG/GitHub-Mark-64px.png" alt="github" width="33"></a></li>
          <li><a class="social-link"
              href="https://join.slack.com/t/nerdsummit/shared_invite/enQtNDcyODQ2ODg0NTAyLTllYjIzY2U0ZWE4YjJmYWM0MjVkNTYxMmZmMzUxZGFiYTM3YWE4MzA0ZDZmZTkzZGRiMDVkNTc5OGE5MWQ2YjY" target="blank"><img
                class=social-icon src="images/social-media-logos/Slack-selected-assets/Slack_Mark_Monochrome_Black.svg"
                alt="slack" width="33"></a></li>
        </ul>
      </div>
    </footer>


    <input type="checkbox" id="hamburger" />
    <label class="menuicon" for="hamburger">
      <span></span>
    </label>
    <div class="mobile-menu">
      <ul class="menu">
        <li><a class="menu-links" href="/#sessions">Sessions</a></li>
        <li><a class="menu-links" href="/#location">Location</a></li>
        <li><a class="menu-links" href="/#sponsors">Sponsors</a></li>
        <li><a class="menu-links" href="/#about">About</a></li>
        <li><a class="menu-links" href="/#contact">Contact</a></li>
        <li><a class="menu-links pink-text" href="https://www.razoo.com/organization/Nerd" target="blank">Donate</a></li>
      </ul>
    </div>
    <script>anchors.add('h4.hover-anchor');</script>

    </main>

    <script src="js/vendor/jquery.js"></script>
    <script src="js/vendor/what-input.js"></script>
    <script src="js/app.js"></script>
    <script src="js/sessions.js?ver=1"></script>

    <script language="javascript" type="text/javascript">
      $(document).ready(function () {
        $('#Day-1').on('click', '.top', function () {
          var $this = $(this);
          $this.next().slideToggle(function () {
            history.replaceState(null, null, $(this).is(':visible') ? ('#' + $this.attr('id')) : ' ');
          });
          $this.find('.top-control .plus').toggleClass('hide');
          $this.find('.top-control .minus').toggleClass('hide');          
        });
        $('#Day-2').on('click', '.top', function () {
          var $this = $(this);
          $this.next().slideToggle(function () {
            history.replaceState(null, null, $(this).is(':visible') ? ('#' + $this.attr('id')) : ' ');
          });
          $this.find('.top-control .plus').toggleClass('hide');
          $this.find('.top-control .minus').toggleClass('hide');
        });
      });
    </script>

    <script>
      const header = document.querySelector('#header1');

      if (window.scrollY > 10) {
        header.className = 'header__inner header--fixed header--scroll';
      }
      window.onscroll = () => {
        
        if (this.scrollY <= 10) header.className = 'header__inner header--fixed';
        else header.className = 'header__inner header--fixed header--scroll';
      };

    </script>
  </body>
</html>