Skip to content
This repository has been archived by the owner on Jul 25, 2019. It is now read-only.

Add Laura for August #99

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add Laura for August #99

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion events/2019-07-09-svg-js-heart/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ <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>
View on Meetup<i class="material-icons left">reply</i>

</a>

Expand Down
297 changes: 297 additions & 0 deletions events/2019-08-13-js-in-css-the-magic-of-houdini/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,297 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>NottsJS: JS in CSS, the magic of Houdini</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:[email protected]">[email protected]</a></p>

</div>

<div class="col s12 m8 l9 left-align">
<div class="row">
<div class="col s12">
<h5 class="header"><a href="../../">View next event</a></h5>
</div>
</div>

<div class="row">
<div class="col s12">
<div class="card-panel talk">
<h3 class="header light"><a href="../../events/2019-08-13-js-in-css-the-magic-of-houdini/">JS in CSS, the magic of Houdini</a></h3>
<h6 class="light">Tuesday, August 13, 2019</h6>


<a class="btn waves-effect waves-light yellow black-text top-button" href="https://www.meetup.com/NottsJS/events/qhnpfqyzlbrb/">

RSVP on Meetup<i class="material-icons left">reply</i>

</a>


<div class="flow-text">
<p>Laura is heading up to Nottingham to introduce us to Houdini and the things it can do! She&rsquo;ll talk about paint worklets, the <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model">CSSOM</a>, the layout API, how all these things interact with one another, and why they have the same name!</p>

<p>Join us for Laura&rsquo;s talk, some food and drink, and a chat with your local JS community.</p>

<p>Food and drink are provided by our wonder sponsors! Just bring yourself 🙂</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/walaura.png" alt="Laura Gonzalez Picture" class="circle responsive-img" />
</div>
</div>
</div>
<div class="row">
<div class="col s12 center-align">

<a href="https://github.com/walaura">
<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/freezydorito">
<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://www.lauragonzalez.cc/">
<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">Laura Gonzalez</h5>
Laura Gonzalez is a senior software developer at the Guardian. (and before that, The Next Web). She loves all things Javascript and CSS and in her free time she can be seen doing pointless NPM modules or feeding animals at the park.
</div>
</div>


</div>
</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:[email protected]?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:[email protected]?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>
Loading