index.html

<!DOCTYPE html>
<html lang="en">
  <head>
	<meta name="generator" content="Hugo 0.54.0" />
    <meta charset="utf-8" />
    <title>NottsJS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="NottsJS is a meetup for developers and anyone else interested in development. We meet every 2nd Tuesday of the month to talk about Node, JavaScript and Full Stack development in the Nottingham area.">
<meta property="og:title" content="NottsJS - Nottingham&apos;s JavaScript Meetup">
<meta property="og:type" content="website">
<meta property="og:url" content="https://nottsjs.org">
<meta property="og:image" content="https://nottsjs.org/img/logo.png">
<meta property="og:site_name" content="NottsJS - Nottingham&apos;s JavaScript Meetup">
<meta property="og:description" content="NottsJS is a meetup for developers and anyone else interested in development. We meet every 2nd Tuesday of the month to talk about Node, JavaScript and Full Stack development in the Nottingham area.">

<meta name="twitter:site" content="@nottsjs">
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="NottsJS - Nottingham&apos;s JavaScript Meetup" />
<meta name="twitter:image" content="https://nottsjs.org/img/logo.png" />
<meta name="twitter:description" content="NottsJS is a meetup for developers and anyone else interested in development. We meet every 2nd Tuesday of the month to talk about Node, JavaScript and Full Stack development in the Nottingham area.">
<meta name="twitter:url" content="https://www.nottsjs.org">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="./style.css">
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />

  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col s12 m4 l3 center-align">
          <div class="row">
  <div class="col s4 offset-s4 m12">
    <img class="logo hoverable responsive-img" src="./img/logo.png" alt="NottsJS Logo" />
  </div>
</div>
<div class="row">
  <div class="col s10 offset-s1">
    <a class="black-text" href="https://goo.gl/maps/CANG94ZcpaL2">
      <address>
        <i class="material-icons valign-middle">place</i>34a Stoney Street,<br />Nottingham,<br />NG1 1NB
      </address>
    </a>
  </div>
</div>

<div class="row sponsor-images">
  <div class="col s3 offset-s2 m6 offset-m3">
    <a href="https://www.wearejh.com/" target="_blank"><img class="responsive-img" src="./img/jhlogo.png" /></a>
  </div>
  <div class="col s5 m8 offset-m2">
    <a href="https://rebelrecruiters.co.uk/" target="_blank"><img class="responsive-img" src="./img/rebel-logo.png" /></a>
  </div>
  <div class="col s4 offset-s4 m8 offset-m2">
    <a href="https://www.nearform.com/" target="_blank"><img class="responsive-img" src="./img/nflogo.gif" /></a>
  </div>
</div>

<p class="light">Would you like to sponsor us? <a class="black-text" href="mailto:contact@nottsjs.org">contact@nottsjs.org</a></p>

        </div>

        <div class="col s12 m8 l9 left-align">
          
          <div class="row">
            <div class="col s12">
              <h3 class="header">Next event: Tuesday, July 9, 2019</h3>
              <h5 class="header light">18:00 to 20:00</h5>
            </div>
          </div>

          <div class="row">
  <div class="col s12">
    <div class="card-panel talk">
      <h3 class="header light"><a href="./events/2019-07-09-svg-js-heart/">SVG &#43; JS = 💖</a></h3>
      <h6 class="light">Tuesday, July 9, 2019</h6>

      
      <a class="btn waves-effect waves-light yellow black-text top-button" href="https://www.meetup.com/NottsJS/events/qhnpfqyzkbmb/">
        
        RSVP on Meetup<i class="material-icons left">reply</i>
        
      </a>
      

      <div class="flow-text">
        <p>All the cool kids use <a href="https://developer.mozilla.org/en-US/docs/Web/SVG">SVG</a>. Vector graphics are small, fast, and can do all sorts of amazing things.</p>

<p>This talk will explain what SVGs are, how to use them, techniques to make them as small and fast as possible, and some nifty tricks you can use.</p>

      </div>

      
      <hr />
      <div class="row profile">
  <div class="col s12 m4 l3">
    <div class="row">
      <div class="col s8 offset-s2">
        <div class="avatar">
          <img src="https://github.com/edent.png" alt="Terence Eden Picture" class="circle responsive-img" />
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col s12 center-align">
        
        <a href="https://github.com/edent">
          <svg class="logo" viewBox="0 0 24 24">
            <path fill="black" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" />
          </svg>
        </a>
        
        
        <a href="https://twitter.com/edent">
          <svg class="logo" viewBox="0 0 24 24">
            <path fill="black" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"></path>
          </svg>
        </a>
        
        
        <a href="https://shkspr.mobi/blog/">
          <svg class="logo" viewBox="-2 -2 24 24">
            <path fill="black" d="M19.175,4.856L15.138,0.82c-0.295-0.295-0.817-0.295-1.112,0L8.748,6.098c-0.307,0.307-0.307,0.805,0,1.112l1.462,1.462l-1.533,1.535L7.215,8.746c-0.307-0.307-0.805-0.307-1.112,0l-5.278,5.276c-0.307,0.307-0.307,0.805,0,1.112l4.037,4.037c0.154,0.153,0.355,0.23,0.556,0.23c0.201,0,0.403-0.077,0.556-0.23l5.28-5.276c0.148-0.148,0.23-0.347,0.23-0.556c0-0.209-0.083-0.409-0.23-0.556l-1.464-1.464l1.533-1.535l1.462,1.462c0.153,0.153,0.355,0.23,0.556,0.23c0.201,0,0.402-0.077,0.556-0.23l5.278-5.278c0.147-0.147,0.23-0.347,0.23-0.556C19.406,5.203,19.322,5.004,19.175,4.856zM9.585,13.339l-4.167,4.164l-2.925-2.925l4.166-4.164l0.906,0.905l-0.67,0.668c-0.307,0.307-0.307,0.805,0,1.112c0.154,0.153,0.356,0.23,0.556,0.23c0.203,0,0.403-0.077,0.556-0.23l0.67-0.668L9.585,13.339z M13.341,9.578l-0.906-0.906l0.663-0.662c0.307-0.307,0.307-0.805,0-1.112c-0.307-0.307-0.805-0.307-1.112,0L11.322,7.56l-0.906-0.906l4.166-4.166l2.925,2.925L13.341,9.578z"></path>
          </svg>
        </a>
        
      </div>
    </div>
  </div>
  <div class="col s12 m8 l9">
    <h5 class="title">Terence Eden</h5>
    Terence is a digital troublemaker and general geek. As one of the editors of the HTML5 standard, he is passionate about Web technologies. He also got 4 ½ new emoji into Unicode - buy him a beer to find out how.
  </div>
</div>

      
    </div>
  </div>
</div>

          

          <div class="row">
            <div class="col s12">
              <h5 class="header"><a href="past.html">View past events</a></h5>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
  <div class="section">
    <div class="row">
      <div class="col s12 m8 offset-m2 l8 offset-l2 center">
        <p class="light center">We are committed to creating a safe and diverse environment and ask all our attendees to adhere to the <a href="./codeofconduct.html">Code of Conduct</a>.</p>
        <p class="light center">We will never share or sell your personal information.</p>
      </div>
    </div>
  </div>
</div>

    <div class="section yellow">
  <div class="container">
    <div class="row">
      <div class="col s12 m4">
        <div>
          <h5 class="center">Help Out</h5>
          <p class="light">If you fancy helping out with getting this group off the ground, please feel free to <a class="black-text" href="mailto:contact@nottsjs.org?Subject=NottsJS+site+question">drop us a mail</a>              - all help would be gratefully received!
          </p>
        </div>
      </div>
      <div class="col s12 m4">
        <div>
          <h5 class="center">Sign me up!</h5>
          <p class="light"><a href="//eepurl.com/bvVtwb" class="black-text">Sign up to our mailing list</a> to get more info on what is
            going on with the group - we&apos;ll keep you up to date with upcoming talks, and advance notice of dates.</p>
        </div>
      </div>
      <div class="col s12 m4">
        <div>
          <h5 class="center">Suggest a Talk</h5>
          <p class="light">If you&apos;d like to submit a proposal for a talk, or have any suggestions for topics you&apos;d like to see,
            please add a ticket over at <a class="black-text" href="https://github.com/nottsjs/speakers">github.com/nottsjs/speakers</a>.</p>
        </div>
      </div>
    </div>
  </div>

</div>

    <footer class=" blue-grey darken-2">
  <div class="container">
    <div class="row last">
      <div class="col s12">
        <br>
        <p class="grey-text text-lighten-4 center">NottsJS is a meetup for developers and anyone else interested in development. We meet every 2nd Tuesday of the
          month to talk about Node, JavaScript and Full Stack development in the Nottingham area.</p>
        <br>
      </div>
      <div class="col s6 m4 offset-m3">
        <h5 class="white-text">Links</h5>
        <ul>
          <li><a class="white-text" href="mailto:contact@nottsjs.org?subject=NottsJS+Contact">Contact</a></li>
          <li><a class="white-text" href="https://eepurl.com/bvVtwb">Newsletter</a></li>
          <li><a class="white-text" href="https://github.com/nottsjs/speakers">Submit a Talk</a></li>
          <li><a class="white-text" href="./codeofconduct.html">Code of Conduct</a></li>
        </ul>
      </div>
      <div class="col s6 m4">
        <h5 class="white-text">Connect</h5>
        <ul>
          <li>
            <a class="white-text" href="https://twitter.com/nottsjs">
              <svg class="logo-small" viewBox="0 0 24 24">
                <path fill="#ffffff" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"
                />
              </svg> nottsjs</a>
          </li>
          <li>
            <a class="white-text" href="https://github.com/nottsjs">
              <svg class="logo-small" viewBox="0 0 24 24">
                <path fill="#ffffff" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"
                />
              </svg> nottsjs</a>
          </li>
          <li>
            <a class="white-text" href="https://gitter.im/nottsjs/discuss">
              <svg class="logo-small" viewBox="0 0 24 24">
                <line stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="6.625" y1="1.75" x2="6.625" y2="14.469" />
                <line fill="none" x1="10.5" y1="5.938" x2="10.5" y2="21.188" />
                <line fill="none" x1="14.438" y1="5.938" x2="14.438" y2="21" />
                <line fill="none" x1="18.375" y1="5.938" x2="18.375" y2="13.469" />
                <line stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="10.625" y1="4.75" x2="10.625" y2="21.5" />
                <line stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="14.625" y1="4.75" x2="14.625" y2="21.5" />
                <line stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="18.625" y1="4.75" x2="18.625" y2="14.469" />
              </svg> nottsjs/discuss
            </a>
          </li>
          <li>
            <a class="white-text" href="https://github.com/nottsjs/feedback">
              <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" height="20" viewBox="0 0 24 24" width="20">
                <path d="M0 0h24v24H0V0z" fill="none" />
                <path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                />
              </svg> Feedback
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</footer>

    
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-2195173-7"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-2195173-7');
</script>
<script>
  $(document).ready(function(){
    $('.modal-trigger').leanModal();
  });
</script>
<script>
  $(document).ready(function() {
    var pastHashes = [
      '2018-11-13-warriorjs-arena',
      '2018-10-09-performance-of-images-and-video-delivery',
      '2018-09-11-building-bots-with-the-web-speech-api',
      '2018-08-14-node-application-performance',
      '2018-07-10-warriorjs-arena',
      '2018-06-12-saving-the-world-with-json-schema',
      '2018-05-08-lightning-talks',
      '2018-03-13-why-would-i-ever-elm',
      '2018-02-13-umbraco-cms-+-lean-coffee-+-cool-wall',
      '2017-11-14-node-js-in-the-aws-cloud',
      '2017-10-10-being-asynchronous',
      '2017-08-08-hands-on-with-react.native',
      '2017-06-13-machine-learning-for-muggles',
      '2017-05-09-chat-bots',
      '2017-04-11-firefox-containers-isolating-the-web-whilst-hacking-web-extensions',
      '2017-03-14-hands-on-with-react',
      '2017-01-10-elm',
      '2016-12-08-notttechparty-christmas-party-2016',
      '2016-11-08-javascript-cool-wall',
      '2016-10-11-exploring-progressive-web-apps',
      '2016-09-13-realtime-apps-with-node.js-and-rethinkdb'
    ]
    var hash = window.location.hash.substr(1);
    if (hash && pastHashes.indexOf(hash) > -1) {
      window.location.href = '/events/' + hash;
    }
  })
</script>

  </body>
</html>