Good afternoon. So as Faldina hopefully introduced, my name is Amelia Bellamy-Royds. I write books about SVG and various articles. I have been spending a lot of time this past year working on the SVG standards and every so often I'm actually lucky enough to make cool things with SVG on the web. And just if you want to tweet me at Amelia's brain and these slides are already up on GitHub pages if you want to follow along. So I called this talk today the great SVG retcon. And in good web standards practice I'm going to start by defining my terms. Now what is great? What is SVG? And what, pray tell, is a retcon? Well, great in this particular context is mostly in the sense of big. It might also be in the sense of good but you'll be the ones to judge that. SVG in case you hadn't figured it out by now is a scalable vector graphics. It's a language for describing images on the web using markup and style so it's compatible with HTML and CSS and other web technologies. And retcon, well, that's where it gets a little more complicated. Retcon is a word that I borrowed from the comic con word world of comic books and science fiction movie franchises. But the con and retcon doesn't stand for convention or conference, it stands for continuity. Continuity in the sense of a story that continues smoothly. And continuity in those science fiction world is something you really talk about in the sense of broken continuity. So for example, maybe you've got a big action movie sequence and somebody's costume gets damaged. And then the next shot, the costume is perfectly fine. So maybe Captain America has this amazing self-repairing costume or maybe they just messed up with many, many shots and all being edited together. And it's a little detail and lots of people wouldn't notice but some nerds notice and they have websites like moviemistakes.com to report all these mixed up errors. Now, the ret in retcon, that's retroactive. Because sometimes you have to go back and fix the past. And specifically you're retroactively fixing continuity. You're creating something in your story now that changes how the previous story is being interpreted. Now, why would you do this if you have a successful storyline? Why would you want to change it? Well, usually because you want to move the story forward in directions that you hadn't thought of when you wrote the first episode or whatever it was. For example, maybe you've had successful movie franchise and you decide you want to spin off television show and the spin off television show is going to start everybody's favorite character actor who is a supporting character in the movies. But see, there's just a little problem. The problem is you killed off that character in the last movie. Oops. So what do you do? You retcon it. You make up this new storyline that yes, he died sort of but then he was brought back by this top secret technology. But it was top secret so either people were pretending he was still dead or they actually thought he was still dead. And that's how come Agent Coulson is dead in the Marvel movie universe but he is leading a team in the Marvel TV universe. And it all makes sense. You can move forward. And at this point in the game you're probably wondering now what does this all have to do with the web in general and SVG in particular? Well, continuity is even more important in the web than it is in movies. You can reboot movies. You can have a new Spider-Man series and it starts from the beginning again and everybody's okay with that. But you can't reboot the web. The web is out there. It's existing. It's continuous. You can't just change it all at once. This is different from other programming environments. If you're programming on server side or if you're building something that you're going to compile as a binary that ships to your customers, you control the environment. You control the language you use. You can switch any time. It's also different from JavaScript libraries because even though JavaScript libraries are on the web, you as the website developer get to decide which version of a JavaScript library you're pulling in. And so the libraries can update with new versions that have breaking changes.  And when you have time to refactor to the new version, then you can update. But you can't reboot and version and break the content that's actually going to be read and interpreted by the browsers because you don't control which browsers see your website. Now, rebooting the web has been tried before. That's basically what XML was. Suddenly a bunch of serious programmers looked at this horrible mess that was the web in the 90s and said, oh, we've got to get some structure in here. But problem with XML was that all the browsers still had to support HTML because they had existing content on the web that they wanted their users to be able to access. And all the web developers still had to support old browsers. So they also continued to use HTML because after all the other option was opting into beautiful error messages like this or like this. And these were kind of useful in a world before DevTools, but they were kind of awful if you made one typo and this is what your end users saw. So XML kind of died and web standards makers learned from this. They learned that you've got to focus on continuity. You can't just tell everybody to upgrade to a new version of the web. So new standards are always built in this focus on continuity. The browsers as much as possible unless there's major security concerns still support all the old features. And new features as much as possible are designed to allow good fallbacks, assuming the people creating the websites use the options for fallbacks. For example, we have the picture element. And the picture element is all this cool new functionality, but at its very core, it's just a basic IMG element. So if you send all that modern picture element markup to an old browser, IE8 or something, it's like the far side cartoon of where you're talking to a dog and it's just blah, blah, blah, until it gets to the point where it actually understands something. That's your IMG tech. Now, this brings us to SVG2, which as I said, I've spent way too much of the past year working on. Now, SVG2, as of two weeks ago, is a W3C candidate recommendation, which basically means that those of us who've been working on it and people have been working on it a lot longer than I have are done fussing with it, and we really want the browsers to implement it so we can fix up any last bugs and get this stable and usable for you content creators. SVG2 has a number of interesting new features, which I'm not going to really talk about too much today because they're not out in browsers yet, so you can't really play with them much. But there are a few features that you can start. I should warn you, there are also drop features, which goes against everything I've said about continuity, but the features from SVG1 that have been dropped are all ones that were never web compatible anyway, which means that there was at least one major browser that either didn't support them or their support was so buggy you'd never dare use it.  So what I am going to talk about today is not either of those aspects, but rather some more central core changes in the concepts of what SVG means and how it interacts with the rest of the web because SVG 1.0 came out, it was finalized in 2001, and the rest of the web has kind of changed a bit since then. So SVG 2.0 is doing a lot of retconning, revising how you think about what SVG means in order to fit better in the rest of the web. So to start that off, we can start with markup. Core of any web page is your markup. And the core idea of SVG 2.0, sorry, of SVG 1.0, the original story was that SVG is XML because back in 1999, 2001, when SVG 1.0 came out, XML was going to take over the world. It was the newest, the coolest SVG was going to come along, you would be able to integrate it with all sorts of different XML languages, XML style sheets, transforms, lots of crazy neat stuff, but as I've already mentioned, XML did not take over the world. So we need 15 years later a slight new perspective. So the new perspective, recognizing that HTML has continued to take over the world, is that SVG is a document model which can be expressed in XML, which still got continuity with everything that exists, or HTML markup. Now, if you already use SVG a lot, you probably already use this without thinking too much. Because if you're using inline SVG code in a .html document, that SVG code isn't being treated as a XML markup, it's being treated as a type of HTML markup in the sense that it's being read by your HTML parser. The SVG 2.0 changes are not so specific to making a new change, it's more tidying up the SVG spec to match the current reality. But an important thing to remember about that, I'm going to move this out of the way, is that if you have a .svg file, that is still an XML file. So what I have here, in this little gift demonstration, two browser tabs, two files with the absolute identical text content. The only difference between these two tabs is that one is a .html file and one is a .svg file. And the .html file has no problem drawing this Euro character. The .svg file gives you the XML yellow screen of death. And that's one error of many in this file, because it's actually a horrible, horrible markup that I stole from a Stack Overflow contest for how few characters can you use to describe this image. But the HTML parser has no problem figuring it out, even all these horrible markup errors. SVG parser, not so much, the XML parser used by the SVG file. So what do you do if you have crappy markup, maybe just hack something together on code pan or just quickly, it works fine in HTML, but you need a .svg file? Well, you use the parser loop. Your browser parser, the HTML parser knows how to turn that awful markup into a good DOM. So you can just take advantage of that. The easiest way to do this is to open it up in Microsoft Edge. And Microsoft Edge, you open it up and you just click on the inline SVG, right click at the context menu, there's a save picture as just like on a canvas or a JPEG. And I'll save it as a perfectly beautiful SVG file that works standalone. It's wonderful. But it's only in Microsoft Edge. And I noticed some of you don't have Windows computers in front of you. So any other browser of the GIF sequence that is being shown there, you open it up in your DevTools, you do copy out or HTML, paste it into your code editor, that's cleaned up all your quoting, it's cleaned up all your tag nesting for you. And the only thing you have to add at the end is your XML namespaces and hopefully your code editor has autocomplete so that you don't actually have to remember what those are. So that's just basic hints. If you're going in the reverse direction, if you're going from an SVG file to HTML file, it's mostly good because that HTML parser is so good at handling weird markup. But the warning is don't do anything weird with XML, especially with XML prefixes, don't ever put prefixes on your SVG or HTML element names. And there are some namespace attributes, always use the standard prefixes, excellent colon href, XML colon lang. If you're using SVG software, like illustrator, it's going to do this anyways, you're good for that point. But if you're using SVG software, you have to worry about a whole bunch of other XML stuff, it might throw in custom namespace stuff, just because it's including all its extra information in case you want to open it up and edit it again. You don't want this if you're cutting and pasting into your HTML file, you want the proper export for web, and then you probably want to throw it through an optimizer as well after that. You'll notice in this one, I actually commented out the actual SVG stuff from this drawing. All the rest there is junk, except for the view box on the SVG is about the only thing there you need. But other than that, you know, if you did copy and pasted the HTML parser would handle it, it's just wouldn't like it. Now that's if you're using a markup file, if you're using scripts, it's a whole different story. If you're using scripts, if you're creating dynamic SVG in the DOM, you always need the namespaces, the DOM still needs namespaces. The HTML parser adds them in for you, but if you're using DOM, you have to create that. You have two options, you either use the namespaced methods or you use a JavaScript library that under its hood uses these namespace methods. So any JavaScript library that's SVG focused will do this, non SVG focused ones won't, and you'll end up with something that looks like SVG markup in your dev tools, because your dev tools don't show you namespaces, but it doesn't draw SVG and you'll be banging your head and trying to figure out what's wrong. And it's, yeah, you've got a whole bunch of HTML elements that just have the names circle path, rect, but they aren't actually SVG circle path and rect. The other option is once again, you can use the parser loop. You can use the inner HTML property of a DOM element. And that if you're in an HTML document, it'll trigger the HTML parser. The only problem with inner HTML is that it was originally only defined on HTML elements. And the new browsers all supported on SVG elements, but depending on your browser support, you can easily trip up with that giving you a undefined or other problems. So what I've got there is creating an HTML div and using its inner HTML property to read the markup. So that's markup and XML versus HTML. The next basic concept when you're talking about web is links. And links in SVG version 1.1 used something called xlink. SVG uses the xlink href attribute to create simple links. Now, since most of you probably don't know much about xlink, it was a very interesting specification, this idea that you could have one consistent way of defining links across many different types of documents. You could have complex multiple relationship links, you could have a single file of links that connected the relationships between two other files that were, you know, video or audio or something that didn't have its own link format. It was really neat and it really went nowhere with the rest of XML. So the only time you bump into xlink these days are all these nasty prefixes in your SVG file. And SVG only ever had these simple links and simple links were basically the kind of links you had in HTML for 25 years now without needing any extra namespaces. So SVG 2 simplifies the story. SVG uses the href attribute to create links. xlink is dead.  What does this mean to you? Not much. I'm sorry, but at this point in time, this change does not mean much practically. And this is a tweet came into me just last week. xlink is now deprecated in SVG 2, but if I use without it, it doesn't work in Safari. What should I do? And my answer is still use xlink because you as content creators have to be worried about continuity and the fact that there are lots of browsers out there that haven't immediately updated to the new spec. So for continuity, you still have to use the old one. There are fallback rules in the spec for what happens if you give both attributes, but that would be just introducing redundancy in your code. And why would you want to do that? The only time you actually want to use both of them is if you're doing something like this, which is a code pen I created as a does your browser support SVG href without the xlink prefix. And so it has both attributes with different values. So you get yes or no. Currently, the ones that say yes are all versions of MS edge chrome version 50 plus so that's stable since this past April, Firefox 51 plus, which is currently nightly might have just hit dev edition. But right now, no support, estimated time in Safari and of course, all versions of Internet Explorer and the current stable Firefox. So unless you're using electron apps or something where you just aiming for the latest version of Chrome, keep using that excellent prefix. But you can dream of the day when xlink will really and truly be dead. Next step up for building your website styles. After all, this is a CSS conference. But back when SVG was still created in 2001, as I said, CSS was still kind of new, wasn't sure whether it was just going to be a fad. And the people who wrote the spec decided that they weren't going to require every SVG software out there to be have to implement a CSS parser. So they gave options. They said, SVG styles can be defined with CSS properties, or with equivalent XML attributes. Now, it's been 15 years. CSS keeps getting bigger. They have conferences about it now. And this has been a problem for updating there are lots and lots of new CSS properties, which would mean lots and lots of new attributes. And there are also lots and lots of new CSS for features that don't map to attributes. So there's all these new at rules, new pseudo classes. And how do you represent that in XML attributes? And the other big problem when you're dealing with a progressive enhancement world is that you don't have an easy way of doing fallback in attributes because you can only have one attribute of a given name on any element. So for SVG to the spec has moved all the way on to SVG styles are defined with CSS properties, some of which still have presentation attributes. So I should say CSS is now required in the spec for software that's interpreting SVG. You do not have to use it in your SVG code. If you're worried about your SVG files being processed by little utilities like image magic for creating PNG fallbacks, then you might want to stick with the simple attributes. But moving forward, the idea is to move all the way into CSS. There will be no new presentation attributes for new properties. Using CSS and SVG, you can use anything that the browser supports. The CSS and SVG is just the same as the CSS you use in your HTML file. Not every property applies to SVG, but all the syntax that the CSS parser reads applies. So that means you can use all your usual CSS fallback methods. If you're using something new like CSS variables, you can have a previous declaration and browsers that don't understand variables will just use the previous one. You can do something with an at supports rule if you need to coordinate different styles. And you can build robust applications with lots of fallbacks this way. But one question, you've got all this CSS, where are you going to put it? Really depends what you're doing with your SVG. If your SVG is going to be used as an image, so that you're using it as a background image, or you're using it as something with an HTML, IMG element, then that CSS needs to be in your SVG file. Images do not load additional resources. They don't load additional style sheets. They don't load additional fonts. They don't load additional image files. So SVG has a style element just like HTML. You can put that style element anywhere in your SVG file, and then you can write all this CSS code in there and it'll apply to that image. There'll be no crossover from the main document to the image, but you can do anything you need inside that image file. For other types of using SVG, if you're using object element, then you get an interactive content that can load external style sheets. If you're using inline element, inline SVG, then you can have external style sheets, but you need to watch that your styles now apply to your entire document, your HTML, your SVG, your any other SVGs, which can be a good thing if you've got an icon system that you want to style every little SVG with one line of CSS. It's great. It also means that they inherit styles, so your SVGs can inherit the font size and font color, which you can then use through the current color keyword. Also great, but if you're not paying attention just like any other web page component issue, you can get a style specificity and clashing between different components. So that's how you apply your styles, but what does it mean to style an SVG graphic? Now, as I said, in the original SVG spec, they didn't make CSS required, but it was at a time when CSS was new and especially this idea, this theory that you should separate your styles from your content. That was a big thing in web standards. So SVG wanted to go in that, but SVG is an image format. What style and what's content when you're talking about an image? It's a bit of an arbitrary distinction. But the decision that the spec writers made was that geometry was content and colors and everything else was style. So that makes sense geometric style structure was always defined in the SVG markup. So that makes sense if you have a drawing and this is a great example from SVG Essentials by my co-author David Eisenberg, little drawing of a cat. You take that cat, you take all the styles the same, but you change the geometry. So it's short point of years become long curved ears and it's long whiskers become short wiggers and you no longer have a drawing of a cat, you have a drawing of a rabbit. In contrast, if you take that cat drawing and you keep all the geometry the same, but change the strokes and the colors, you still have a cat, you just have a crazy cat. It's a style change versus the content change. In that context, it makes perfect sense. But not all SVGs are drawings. There are lots of diagrams and charts and in diagrams and charts, the geometry is often symbolic. It's arbitrary and you can change the geometry and the important thing in the geometry is that you've got consistency. Anything that represents the same concept has the same geometry and when you have that sort of thing where you can change it, but you want lots of things to change together, well it would be really nice if you could just slap a class on there and then have a single CSS rule that changed it all. And currently in SVG, you can't do that and so you end up needing some sort of scripting tool that keeps everything organized and up to date. So the SVG2 story, tweaked it a little bit, document structure is defined in SVG markup, geometry is defined by new geometric style properties or their presentation attributes. So we had a perfect opportunity for retcon. SVG already had this concept that style properties could be represented by attributes. So we can say that yes, all those attributes that existed, they're still supported, they're still work, but those attributes are now presentation attributes for style properties that just nobody's known about forever. So the existing story is explained in a new bigger story. Now, what does this mean for you? Well, when it's fully supported, it means you can do lots of things with geometry that you can currently only do with styles, like change it up based on media queries or pseudo classes and animations and transitions with CSS animations. But it hasn't been a perfect transition. It hasn't been a perfect transition because attributes are not directly equivalent to styles. Attributes in markup are always attached to an element and that means they can be defined and explained in context the element styles should be universal. And when the CSS parser reads your CSS styles, it doesn't know what type of elements on. So you have to have the same value always. And there have been many examples in SVG where the attributes were very context sensitive. We had to change it up a little bit for converting to styles. For example, two different elements had attributes called RX and RY, the radius elements. If you attach those attributes to a rectangle, you're setting the corner radius of that rectangle. If you attach those attributes to an ellipse, you're actually setting the size of the ellipse. That point is not a problem, but there was different default behaviors in rectangles. You could only set one of these attributes if you wanted and the other one would automatically match and you get a circular corner. In an ellipse, if you didn't set one of these, the ellipse would be an error and not be drawn. So we have different defaults, different behaviors. In this particular case, it was actually an easy fix. It is going to be a breaking change once it's implemented. It's not implemented now, but the ellipses will borrow the rectangle behavior according to the spec. So you will be able to just set one and the other one will get an auto value, CSS auto and match. In this case, it's a breaking change, but we're only breaking something that was already broken. We're breaking the error condition to create a useful function. That's sort of a spec change where we're okay with that. But there were lots of other cases where it wasn't this simple. For example, we have X and Y attributes all over SVG. In most cases, they're describing a single point. That's going to be the top left corner of a rectangle. But on text elements, X and Y take a whole series of different values to describe the position of every single character in that text. And this is something where the parser has to know what element it is to know whether it's allowed to have many different values. And at this point, the decision has been made to not make a decision. So X and Y for most elements are available or will be available as presentation attributes in your CSS. But on text, they are still regular attributes. This is not a great situation, but it's a compromise. It's where we're at now. The story is not over. But because we have to worry about continuity on the web and preserving things long term, we don't want to jump in and make a bad decision that we're then going to be stuck with forever. So this is where it currently is with SVG2. We've got a variety of geometry properties. We've got some elements, shape elements that you can set those values with CSS. And then we've got other elements, the text elements and graphical effects elements that unfortunately have attributes of the exact same names that aren't tied to CSS. As I said, it's not ideal, but it's dealing with trying to work from what we had and move forward without breaking anything. And that brings us to the other side of geometry in SVG, which is transforms. Now, because it was geometry in the original SVG, it was also originally an attribute-based thing where you had to set in your XML a transform. So, core story, the SVG coordinate system can be manipulated with the transform attribute. Now, Justin talked a lot about transforms, so don't just go into details, but you can make all sorts of cool designs. You can change and manipulate shapes without going in and changing the individual geometry. You can move entire drawings in different positions and angles and whatnot, and it's so wonderful that CSS wanted to get in on the game. And so we have the CSS transforms module, which some of you might be familiar with. And it was going to be an easy retcon for SVG too, just like the other geometry attributes, the transform attribute would become a presentation attribute for the transform property. But unlike the other geometry attributes, there would also be this extension that you could use it in the rest of CSS, not just in SVG. So, we have this revised story. Coordinates, SVG or not, can be manipulated with the transform and the new transform origin properties or with the transform presentation attribute. It was wonderful. Or not. If any of you have actually tried using CSS transforms on SVG elements, you know that the current state is not very wonderful. CSS transforms in SVG are the perfect example of broken continuity web standards. SVG transforms have been around for 15 years. All the browsers have had perfectly interoperable implementations of SVG transforms as long as they've had implementations of SVG at all. But the CSS transforms spec was written by CSS folks thinking about CSS needs and not thinking about continuity with SVG. And this is a problem because SVG layout and therefore SVG transforms were all based on this coordinate system. But CSS doesn't always have a coordinate system. It have boxes which are sometimes floated and sometimes in inline wrapping and sometimes in grids and sometimes in flex. And so CSS transforms were going to be defined relative to the box. And so if you rotated something it wouldn't be rotating around a coordinate system origin. It would be rotating around the center of the box, which is all very useful. But the specs never said how this is going to apply to SVG. So different browsers took different solutions. Firefox just maintained continuity and their application of CSS transforms to SVG matched the SVG transforms that have already been implemented. Blankin Webkit went for trying to be as close and SVG as they were in the CSS and used individual boxes around the shapes. And so far Microsoft has dealt with the issue by not dealing with the issue and not applying CSS transforms to SVG at all. There is hope. There has been something in the draft spec for about a year now and there was an agreement by the CSS working group last week to get this and the rest of the 2D CSS transforms in a stable spec published as soon as possible so that hopefully the browsers will implement it as soon as possible. 3D transforms have been pushed off because they've got a whole other set of bugs. But the important thing for SVG is something called transform box which is going to be a new property. And to set explain what that is, imagine a very simple SVG. I've got an SVG element and one polygon in it and the only important other thing there is I've got this view box on the SVG which as other people have mentioned sets up your coordinate system and I'm setting up my coordinate system so it's 70 units wide, 70 units high, but it's offset by 35 units so that my center of my coordinate system is actually, my origin of my coordinate system is going to be in the center of my SVG which I am representing in these images by the dashed lines being your x and y axis. So with transform box this new property you're going to have two options. You can say transform box view box, view box referring to that SVG view box attribute. So now all your transforms are relative to that origin in the view box and if you have any percentages they're relative to the width and the height of that view box SVG area and this is completely backwards compatible with SVG transforms. The other option is to say transform box fill box and it will create a box around the fill of the SVG is the name for the basic core paint of an SVG shape so the fill box is basically the geometry box not including the stroke outline and you'll use that box as your reference box. The 0,0 point will be the top left corner of that box but you could easily change your transform origin back to the 50% default that it is for CSS boxes and so by changing two properties if you like the CSS mode of transforming and that makes sense to you you'll be able to do it versus if you want this SVG mode you'll be able to do that and it will be wonderful when it gets in browsers. It's not in browsers yet. So the question is what do you do for now? Here's a final story, multiple edits of where we want to be. That's where we want to be with transform transform origin and transform box in browsers but it's not there yet. So what are you doing if you want to transform SVG elements for now? For most things keep on using the attribute. As I said all the browsers have interoperable implementations of the transform attribute. If you're using CSS transforms make sure it's a progressive enhancement and make sure you don't use any percentages because that's currently the main disgruntlement between the Chrome and Firefox implementations. But if you are using the transform attribute and you use to the CSS transform property be aware there are other important differences. The SVG old syntax does not use units. It always use numbers that are equivalent to either degrees or pixels depending on the context and there are also lots of these new shorthand functions in CSS which don't have equivalent in the old syntax. So you're doing this for fall back. You want maximum support. You've got to use the old syntax. These changes were a good retcon. The idea is that future browsers will continue to support the old syntax in the attribute. Not in the style property but in the attribute you'll be able to continue to use the old one. So for now you should use the old one so that the old browsers can support it. The other way you be using CSS transforms on SVG is if you want to as I said add in extra effects like maybe 3D transforms which didn't exist in the old SVG. So you can create a cool layer with 3D transforms and then you can make a lot of adjustments to this to do with all the bugs of 3D transforms which are bad in all of CSS but especially bad when applied to SVG. So I'm actually fading something to zero opacity at the back there because otherwise things were getting painted in the wrong order and it was kind of horrible. But it worked.  We've got the team web. Everybody moving. But if you look at that in Microsoft Edge I've got a 2D layout and Edge doesn't apply the CSS transforms but it still applies that transform attribute. The other browsers the transform attribute just gets overridden by the CSS so the fallback doesn't hurt them at all and the only complication is that I've still got that opacity animation coming through because the you can't use the at supports rule to cancel out your 3D transforms if they're not supported because Edge does support 3D transforms on other elements just not an SVG elements. So it goes back to the bit about the universal parser. The CSS parser is what does the at supports rules and it thinks that's valid because it's valid on some elements and then it just doesn't get used in actual drawing. But in this case I think that's an acceptable fallback that somebody who just saw this would totally think that that was an intentional design choice and not a side effect of a hack that was created for a completely different layout and just spilled over into this layout. It's not perfect but if you're willing to accept the website does not have to look identical in every browser theory then you can make it work. That's about all I have time for today. There is much much more that I would have liked to tell you all about. I'm going to try and turn these into a series of articles about other new features and which you can and can't use yet but otherwise you can find me or tweet me or email me if you have specific questions and that's all about me and thanks for your time. You can bring that mic over and then I can just yeah much easier. So much exciting stuff in SVG too. So you've had like a so exciting right. You haven't even talked about mesh gradients yet. What? Mesh gradients. They're all other talk right. So you've kind of had a sneak peek into this for a long long time. Like how are you like holding your tongue and biting all this information for so long. Oh goodness we haven't been holding your tongue. Definitely if you care about this please look into the specs. Start playing around with the experimental implementations like I should have mentioned the geometry properties. There's experimental implementations in Chrome and WebKit. You can play around with them. They're a little buggy and not to the current spec but if you're careful with your fallbacks you can do interesting things with creating alternate media query layer or something like that. So yeah play around them and also for the things that aren't implemented that look into them talk about them tell the browsers you want them to implement them because that's the only way we're moving forward. So how do we tell the browsers that we want to implement them or that like we found a bug. There are all the browsers have bug reports now. So the different bug trackers of the open source things you know most of them have feature request bugs for all these new features that you can upvote and Edge has a separate feature request system that's different from their bug tracker but they're both open and you can vote and encourage things and also you know just be vocal on social media Twitter and whatever there's lots of browser dev well people that you can harass about this is really important and I would totally use your browser all the time if it could make really awesome 3D animations with performance or rapping text in SVG is another thing coming and so yeah it's cool to get the word out nag them so question from the audience CSS properties seem like a recipe for class name complex if you export and minify your SVG assets how is SVG to going to avoid this or is this not even a problem. CSS properties oh if you've got like multiple SVGs and then you're combining them all into one giant file yes that is something that you're going to have to factor in your build tool whether you want all those icons to be styled consistently or want individual control then yeah you're going to need a naming system and possibly something in your build tool that will add extra prefixes to classes so that you can have you need honestly probably the best situation where we have something that takes every class and gives it both as the common class name and as an icon prefixed one so you can then target both one in your CSS. Cool that's going to be a good thing so what else besides mass gradients in your talk is super exciting to you or other piece that you can get to an SVG to I would have liked to talk about the SVG and open type fonts there's some cool demos out there and just as of August there they've been supported in Firefox for a couple years as of August they're now supported in Microsoft Edge as well they're kind of the replacement for the old SVG fonts which are completely dead because they had many problems and browsers that did support them never supported the cool features and support has been removed but SVG and open type kind of combines the best of the SVG fonts with the best of all other font formats that are currently in active use and sort of not a retcon a complete do-over learning from the past mistakes. Cool nice stuff well I imagine you're still going to be around for most of the day right I'll be around for another hour or so. All right cool well if anyone has more questions on SVG you know where to find Amelia let's give her a huge round of applause.


Hi there, Psych2Goers! Before we begin, we would like to thank you for your support on our channel. Our mission is to help everyone learn about psychology in a digestible way. Now let's start. Despite the growing number of online resources on mental disorders, there is still a lot of misinformation and stigma surrounding them. Mental disorders are sometimes misrepresented and even glamorized on social media, and personality traits can be mistaken for mental disorders or vice versa. As such, this video aims to raise awareness about different mental disorders. However, it should not be used to self-diagnose. If you relate to any of the signs in this video, please seek help from a licensed mental health professional to avoid improper diagnosis. With that said, let's begin. 1. Perfectionism and OCD According to the American Psychological Association, perfectionism is the desire to achieve an extremely high level of performance, accompanied by overly critical self-evaluations and other people's evaluations of you. In people with obsessive-compulsive disorder, perfectionism often manifests in compulsions or the need to do something, like organizing things in a particular way or repeatedly doing something in a way that disrupts their normal life. Unlike perfectionism in typically functioning people or people with anxiety or major depressive disorder, people with OCD are perfectionists in response to the obsessive part of their disorder. Failure to follow through with the perfectionist compulsions often leads to feelings of anxiety, panic, or a sense of doom that can harm their personal life and relationships. As such, praising people with OCD for their perfectionism or attention to detail can be harmful because it negates the uncomfortable and fearful feelings that motivates their actions. Not only that, using the term OCD to describe a perfectionistic, typical, functioning person downplays the struggles of people who are actually diagnosed with OCD. 2. Procrastination and Major Depressive Disorder While procrastination is a common trait, it can occur as a side effect of major depressive disorder or clinical depression. Research has linked brooding and lower levels of self-compassion with procrastination, two factors that are also common signs of depression. Other symptoms of depression that might cause procrastination are fatigue, difficulty concentrating, restlessness, and feelings of hopelessness or emptiness. It can be difficult for those experiencing a depressive episode to be productive because even small tasks like getting out of bed take a lot of energy to accomplish. Those who don't understand how it feels to have depression may label those with major depressive disorder as lazy or bad with time management, but their procrastination may stem from their disorder rather than their personality. 3. Suspicion and Paranoid Personality Disorder While most people have jumped to conclusions or felt like they're being watched at some point in their life, when these suspicions are almost constant, they could be a sign of Paranoid Personality Disorder. Symptoms of Paranoid Personality Disorder include fear that people in your life are trying to harm you without evidence, extreme distrust and suspicion that others will use your words against you and reading malicious intent in people's benign or indifferent actions towards you and lashing out in response. Paranoia could also be a symptom of mental disorders such as schizophrenia or borderline personality disorder.  It's important to have empathy in these situations and avoid telling people who have been diagnosed with these personality disorders that they're overreacting because this creates a false narrative that associates paranoia with their personality. 4. Shyness and Social Anxiety Disorder Although there can be overlap between shyness and social anxiety, shyness is a personality trait that is usually defined as hyper-awareness of other people, physical symptoms such as shaking and sweating and quietness or withdrawal in social situations, while social anxiety is presented as more intense and distressing towards a person's everyday functioning. In addition, the basis of shyness comes from someone's personality, while social anxiety stems from fear. People who are shy are usually aware of themselves in social situations and take a longer time to open up to and get to know others, but they don't feel it as strongly or worry about it as much as people with social anxiety disorder do. Social anxiety can cause people to panic and as a result, they often avoid social situations because it triggers fear responses and they might be extremely fearful of people's judgments. This anxiety goes far deeper than the discomfort that may come from shyness. 5. Egotism and Narcissistic Personality Disorder You can probably think of a person who has talked themselves up and boasted about their successes at some point, but if this person vastly exaggerates their accomplishments, finds it difficult to empathize with others and demand special treatment from everyone, including people of the same or higher qualification, they could be suffering from narcissistic personality disorder rather than an egotistical personality. 6. Impulsivity and Bipolar Disorder Impulsivity is often seen as a fun and even desirable trait with self-help resources frequently encouraging us to switch up our routine. But in the case of bipolar disorder, impulsivity comes in the form of risky decisions that people with BD may later regret doing. Impulsivity in people with bipolar disorder usually occurs during manic episodes, heightened moods that typically come with increased energy, multitasking, and irritability, and an increased risk for dangerous or harmful behaviors. Examples of impulsive behaviors someone with bipolar disorder might do are spending sprees, gambling, reckless driving, unprotected sex, drug use, or binge-eating and drinking. And although movies and TV shows often portray these actions as exciting, the real-life consequences include financial loss, relationship conflict, property damage, health complications, and even death. Glamorizing them takes away from what someone with bipolar disorder might be experiencing as a result. 7. Distraction and ADHD ADHD is a mental disorder that involves three types of behaviors—inattention, hyperactivity, and impulsivity. People who are diagnosed with ADHD may have one or a combination of these signs. People with inattentive ADHD often forget things, have trouble concentrating on a single task, struggle to be organized, and have difficulty paying attention to others. For a person who is less educated about ADHD, they may take negatively to a person with inattentive ADHD for not listening to them or caring about them, when in fact, their disorder makes it difficult for them to pay attention without getting distracted by their thoughts or external stimuli. 8. Attention Seeking and Histronic Personality Disorder There are many reasons why someone might seek attention or validation from others, including low self-esteem, self-doubt, and trust issues. But if someone is a part of the 2-3% of the population diagnosed with histrionic personality disorder, their need for external validation goes beyond seeking reassurance. People with histrionic personality disorder can feel worthless or undervalued if they are not at the center of attention, and often react with strong emotional outbursts in response to these feelings. Those with HPD might also try to retain other people's attention through flirtatious and sometimes inappropriate behavior, bright clothing, and bold claims. A person with histrionic personality disorder is more than just needy or high maintenance, and labeling them as such can be harmful because it shifts the focus from their personality affecting disorder to their individual personality. 9. People Pleasing and Dependent Personality Disorder Many people find it difficult to say no to others and struggle to set boundaries. However, people with dependent personality disorder feel intense fear when they have to do anything by themselves, which could include everyday tasks like choosing when to wake up or what to have for breakfast. Those with dependent personality disorder are also more likely to stay in an abusive relationship, change jobs or move to stay with their significant other or another person they are dependent on and jump into a new relationship immediately after their previous one ends.  Traits such as perfectionism and attention seeking are okay for the majority of people, but when it comes to a source of significant stress in your everyday life, preventing you from living normally, it may be a sign of something more and thus requires the advice and diagnosis of a mental health professional. It's important to give people the benefit of the doubt. There may be reasons why someone is acting in a certain way that you are unaware of. Again, please note that this video aims to clear up different ambiguities and confusion surrounding personality traits and mental disorders but does not claim to diagnose anyone with or without a disorder. Have you or someone you know ever experienced confusion between these traits and mental disorders? What was your experience with it and how did you react? Let us know in the comments below. If you enjoyed this video and learned something new, please consider giving us a like and subscribing to our channel for more videos like this. Thanks for watching and we'll see you next time.


songs of innocence from songs of innocence and songs of experience by William Blake this is a LibriVox recording all LibriVox recordings are in the public domain for more information or to volunteer please visit LibriVox.org recording by Thomas Copeland songs of innocence introduction piping down the valley's wild piping songs of pleasant glee on a cloud I saw a child and he laughing said to me pipe a song about a lamb so I piped with merry cheer Piper pipe that song again so I piped he wept to hear drop that pipe thy happy pipe sing thy songs of happy cheer so I sung the same again while he wept with joy to hear Piper sit thee down and write in a book that all may read so he vanished from my sight and I plucked a hollow reed and I made a rural pen and I stay in the water clear and I wrote my happy songs every child make joy to hear the shepherd how sweet is the shepherd sweet lot from the morn to the evening he strays he shall follow his sheep all the day and his tongue shall be filled with praise for he hears the lamb's innocent call and he hears the youths tend to reply he is watchful while they are in peace for they know when their shepherd is nigh the echoing green the sun does arise and make happy the skies the merry bells ring to welcome the spring the skylock and thrush the birds of the bush sing louder around to the bells cheerful sound while our sport shall be seen on the echoing green oh John with white hair does laugh awake hair sitting under the oak among the old folk they laugh at our play and soon they all say such such with the joys when we all girls and boys in our youth time was seen on the echoing green till the little ones weary no more can be married the sun does descend in our sports of an end round the laps of their mothers many sisters and brothers like birds in their nest are ready for rest and sport no more seen on the darkening green the lamb little lamb who made the does they'll know who made thee gave thee life and bid thee feed by the stream and what the mead gave the clothing of delight softest clothing woolly bright gave thee such a tender voice making all the veils rejoice little lamb who made thee does they'll know who made thee little lamb I'll tell thee little lamb I'll tell thee he is called by thy name for he calls himself a lamb he is meek and he is mild he became a little child I a child and thou a lamb we are called by his name little lamb God bless thee little lamb God bless thee the little black boy my mother bore me in the southern wild and I am black but oh my soul is white white as an angel is the English child but I am black as if bereaved of light my mother taught me underneath the tree and sitting down before the heat of day she took me on her lap and kissed me and pointing to the east began to say look on the rising sun there God does live and gives his light and gives his heat away and flowers and trees and beasts and men receive comfort in morning joy in the noon day and we are put on earth a little space that we may learn to bear the beams of love and these black bodies and the sunburnt face are but a cloud and like a shady grove for when our souls have learned the heat to bear the cloud will vanish we shall hear his voice saying come out from the grove my love and care and round my golden tent like lambs rejoice thus did my mother say and kissed me and thus I say to little English boy when I from black and he from white cloud free and round the tent of God like lambs we joy I'll shade him from the heat till he can bear to lean in joy upon our father's knee and then I'll stand and stroke his silver hair and be like him and he will then love me the blossom merry merry sparrow under leaves so green a happy blossom sees you swift as arrow seek your cradle narrow near my bosom pretty pretty Robin under leaves so green a happy blossom hears you sobbing sobbing pretty pretty Robin near my bosom the chimney sweeper when my mother died I was very young and my father sold me while yet my tongue could scarcely cry weep weep weep so your chimneys I sweep and in suit I sleep there's little Tom Dacre who cried when his head that curled like a lambsback was shaved so I said hush Tom never mind it for when your heads bear you know that the suit cannot spoil your white hair and so he was quiet and that very night as Tom was asleep being he had such a sight that thousands of sweepers Dick Joe Ned and Jack were all of them locked up in coffins of black and by came an angel who had a bright key and he opened the coffins and set them all free then down a green plain leaping laughing they run and wash in a river and shine in the sun then naked and white all their bags left behind they rise upon clouds and sport in the wind and the angel told Tom if he'd be a good boy he'd have God for his father and never want joy and so Tom awoke and we rose in the dark and got with our bags and our brushes to work though the morning was cold Tom was happy and warm so if all do their duty they need not fear harm the little boy lost father father where are you going who do not walk so fast speak father speak to your little boy or else I shall be lost the night was dark no father was there the child was wet with dew the mire was deep and the child did weep and away the vapor flew the little boy found the little boy lost in the lonely fenn led by the wandering light began to cry but God ever nigh appeared like his father in white he kissed the child and by the hand led and to his mother brought win sorrow pale to the lonely Dale her little boy weeping salt laughing song when the green woods laugh with the voice of joy and the dimpling stream runs laughing by when the air does laugh with our merry wit and the green hill laughs with the noise of it when the meadows laugh with lively green and the grasshopper laughs in the merry scene when Mary and Susan and Emily with their sweet round mouth sing ha ha he when the painted birds laugh in the shade where our table with cherries and nuts is spread come live and be merry and join with me to sing the sweet chorus of ha ha he a cradle song sweet dreams form a shade or my lovely infant's head sweet dreams of pleasant streams by happy silent moony beams sweet sleep with soft down weave thy brows an infant crown sweet sleep angel mild hover or my happy child sweet smiles in the night hover over my delight sweet smiles mother smiles all the live long night beguiles sweet moans dove like sighs chase not slumber from thy eyes sweet moans sweeter smiles all the dove like moans beguiles sleep sleep happy child all creations slept and smiled sleep sleep happy sleep while or thee thy mother weep sweet babe in thy face holy image I can trace sweet babe once like thee thy maker lay and wet for me wet for me for thee for all when he was an infant small thou his image ever see heavenly face that smiles on thee smiles on thee on me on all who became an infant small infant smiles are his own smiles heaven and earth to peace beguiles the divine image to mercy pity peace and love all pray in their distress and to these virtues of delight return their thankfulness for mercy pity peace and love is God our father dear and mercy pity peace and love is man his child and care for mercy as a human heart pity a human face and love the human form divine and peace the human dress then every man of every climb that prays in his distress prays to the human form divine love mercy pity peace and all must love the human form in heathen Turk or Jew where mercy love and pity dwell their God is dwelling to holy Thursday was on a holy Thursday their innocent faces clean the children walking to and to in red and blue and green gray-headed beetles walk before with wands as white as snow till into the high dome of poles they like Thames waters flow oh what a multitude they seem these flowers of London town seated in companies they sit with radiance all their own the hum of multitudes was there but multitudes of lambs thousands of little boys and girls raising their innocent hands now like a mighty wind they raised to heaven the voice of song or like harmonious thunderings the seats of heaven among beneath them sit the aged man wise guardians of the poor then cherish pity lest you drive an angel from your door night the sun descending in the west the evening star to shine the birds are silent in their nest and I must seek for my the moon like a flower in heaven's high bower with silent delight sits and smiles on the night farewell green fields and happy groves where flocks of took delight where lambs of nibble silent moves the feet of angels bright unseen they poor blessing and joy without ceasing on each button blossom and each sleeping bosom they look in every thoughtless nest where birds are covered warm they visit caves of every beast to keep them all from harm if they see any weeping that should have been sleeping they poor sleep on their head and sit down by their bed when wolves and tigers howl for prey they pitying stand and weep seeking to drive their thirst away and keep them from the sheep but if they rush dreadful the angels most heedful receive each mild spirit new worlds to inherit and there the lion's ruddy eyes shall flow with tears of gold and pitying the tender cries and walking round the fold saying wrath by his meekness and by his health sickness is driven away from our immortal day and now beside the bleaching lamb I can lie down and sleep or think on him who bought thy name graze after thee and weep for washed in life's river my bright mane forever shall shine like the gold as I guard or the fold spring sound the flute now it's mute birds delight day and night night and gale in the dale lock in sky merrily merrily merrily to welcome in the year little boy full of joy little girl sweet and small copter's throw so do you merry voice infant noise merrily merrily to welcome in the year little lamb here I am come and lick my white neck let me pull your soft wool let me kiss your soft face merrily merrily we welcome in the year nurses song when voices of children are heard on the green and laughing is heard on the hill my heart is at rest within my breast and everything else is still then come home my children the sun has gone down and the dews of night arise calm calm leave off play and let us away till the morning appears in the skies no no let us play for it is yet day and we cannot go to sleep besides in the sky the little birds fly and the hills are all covered with sheep well well go and play till the light fades away and then go home to bed the little ones leap it and shouted and laughed and all the hills echo it infant joy I have no name I am but two days old what shall I call thee I happy am joy is my name sweet joy before thee pretty joy sweet joy but two days old sweet joy I call thee thou just smile I sing the while sweet joy before thee a dream once a dream did weave a shade or my angel guarded a bed that an Emmett lost its way where on grass me thought I lay troubled wielded and forlorn dark benighted travel worn over many a tangled spray all heart broke I heard her say oh my children do they cry do they hear their father sigh now they look abroad to see now return and weep for me pitying I dropped a tear but I saw a glow warm near who replied what wailing white calls the watchman of the night I am set to light the ground while the beetle goes his round follow now the beetles hum little wanderer hide the home on another's sorrow can I see another's woe and not be in sorrow too can I see another's grief and not seek for kind relief can I see a falling tear and not feel my sorrow share can a father see his child weep nor be with sorrow filled can a mother sit and hear an infant groan an infant fear no no never can it be never never can it be and can he who smiles on all hear the wren with sorrows small hear the small birds grief and care hear the woes that infants bear and not sit beside the nest pouring pity in their breast and not sit the cradle near weeping tear on infants tear and not sit both night and day wiping all our tears away oh no never can it be never never can it be he doth give his joy to all he becomes an infant small he becomes a man of woe he doth feel the sorrow too think not thou canst sigh a sigh and thy maker is not by think not thou canst weep a tear and thy maker is not near oh he gives to us his joy that our grief he may destroy till our grief is fled and gone he doth sit by us and moan end of songs of innocence recording by Thomas Copeland songs of experience from songs of innocence and songs of experience by William Blake this LibriVox recording is in the public domain recording by Thomas Copeland introduction hear the voice of the Bard who present past and future sees whose ears have heard the holy word that walked among the ancient trees calling the lapsid soul and weeping in the evening dew that might control the starry pole and fallen fallen light renew oh earth oh earth return arise from out the dewy grass night is worn and the mourn rises from the slumbrous mass turn away no more why will thou turn away the starry floor the watery shore is given thee till the break of day earth's answer earth raised up her head from the darkness dread and drear her light fled stony dread and her locks covered with gray despair prisoned on watery shore starry jealousy does keep my den cold and whore weeping or I hear the father of the ancient men selfish father of men cruel jealous selfish fear can delight chained in night the virgins of youth and mourning bear does spring hide its joy when buds and blossoms grow does the sower so by night or the plowman in darkness plow break this heavy chain that does freeze my bones around selfish vain eternal bane that free love with bondage pound the Claude and the pebble love seeketh not itself to please nor for itself hath any care but for another gives its ease and builds a heaven in hell's despair so song a little Claude of clay trodden with the cattle's feet but a pebble of the brook who wobbled out these meters meet love seeketh only self to please to bind another to its delight joys and another's loss of ease and builds a hell in heavens despite holy Thursday is this a holy thing to see in a rich and fruitful land babes reduced to misery fed with cold and usurious hand is that trembling cry a song can it be a song of joy and so many children poor it is a land of poverty and their son does never shine and their fields are bleak and bare and their ways are filled with thorns it is eternal winter there for where air the sun does shine and where air the rain does fall babe can never hunger there nor poverty the mind of Paul the little girl lost in futurity I prophesy that the earth from sleep grave the sentence deep shall arise and seek for her maker meek and the desert wild become a garden mild in the southern climb where the summer's prime never fades away lovely like a lay seven summers oh lovely like a toad she had wandered long hearing wild bird song sweet sleep come to me underneath this tree do father mother weep where can like a sleep lost in desert wild is your little child how can like a sleep if her mother weep if her heart does a then let like a way if my mother sleep like a shall not weep frowning frowning night or this desert bright let thy moon arise while I close my eyes sleeping like a lay while the beasts of prey come from caverns deep viewed the maid asleep the kingly lion stood and the virgin viewed then he gambled round or the hallowed ground leopards tigers play round her as she lay while the lion old bowed his mane of gold and her bosom nick and upon her neck from his eyes of flame ruby tears there came while the lioness loosed her slender dress and naked they conveyed to caves the sleeping maid the little girl found all the night in woe like his parents go over valleys deep by the desert sweep tired and woe begun horse with making moan arm in arm seven days they traced the desert ways seven nights they sleep among shadows deep and dream they see their child starved in desert wild pale through pathless ways the fancied image strays famished weeping weak with hollow pitia shriek rising from unrest the trembling woman pressed with feet of weary woe she could no further go in his arms he bore her armed with sorrow soar till before their way a couching lion lay turning back was vain soon his heavy mane bore them to the ground then he stalked around smelling to his prey but their fears a lay when he licks their hands and silent by them stands they look upon his eyes filled with deep surprise and wondering behold a spirit armed in gold on his head a crown on his shoulders down flowed his golden hair gone was all their care follow me he said weep not for the maid in my palace deep like our lies asleep then they followed where the vision led and saw their sleeping child among tigers wild to this day they dwell in a lonely dale nor fear the Woolvish howl nor the lion's growl the chimney sweeper a little black thing among the snow crying weep weep in notes of woe where are thy father and mother say they are both gone up to the church to pray because I was happy upon the heath and smiled among the winter snow they clothed me in the clothes of death and taught me to sing the notes of woe and because I am happy and dance and sing they think they have done me no injury and are gone to praise God and his priest and king who made up a heaven of our misery nurses song when the voices of children are heard on the green and whispers are in the dale the days of my youth rise fresh in my mind my face turns green and pale then come home my children the sun has gone down and the dews of night arise your spring and your day are wasted in play and your winter at night in disguise the sick rose oh rose thou art sick the invisible worm that flies in the night in the howling storm has found out thy bed of crimson joy and his dark secret love does thy life destroy the fly little fly thy summers play my thoughtless hand has brushed away and not I a fly like thee or art not thou a man like me for I dance and drink and sing till some blind hand shall brush my wing if thought is life and strength and breath and the want of thought is death then am I a happy fly if I live or if I die the angel I dream to dream what can it mean and that I was a maiden queen guarded by an angel mild witless woe was near beguiled and I wept both night and day and he wiped my tears away and I wept both day and night and hid from him my heart's delight so he took his wings and fled then the mourn blushed rosy red I dried my tears and armed my fears with ten thousand shields and spears soon my angel came again I was armed he came in vain for the time of youth was fled and gray hairs were on my head the tiger tiger tiger burning bright in the forests of the night what immortal hand or eye could frame thy fearful symmetry in what distant deeps or skies burnt the fire of thine eyes on what wings dare he aspire what the hand dare sees the fire and what shoulder and what arc could twist the sinews of thy heart and when thy heart began to beat what dread hand and what dread feet what the hammer what the chain in what furnace was thy brain what the anvil what dread grasp dare its deadly terrors clasp when the stars threw down their spears and watered heaven with their tears did he smile his work to see did he who made the lamb make the tiger tiger burning bright in the forests of the night what immortal hand or eye dare frame thy fearful symmetry my pretty rose tree a flower was offered to me such a flower as may never bore but I said I have a pretty rose tree and I passed the sweet flower or then I went to my pretty rose tree to tend her by day and by night but my rose turned away with jealousy and her thorns for my only delight our sunflower our sunflower weary of time who countest the steps of the Sun seeking after that sweet golden climb where the traveler's journey is done where the youth pined away with desire and the pale virgin shrouded in snow arise from their graves and aspire where my sunflower wishes to go the lily the modest rose puts forth a thorn the humble sheep a threatening horn while the lily white shall in love delight nor a thorn nor a threat stain her beauty bright the garden of love I went to the garden of love and saw what I never had seen a chapel was built in the midst where I used to play on the green and the gates of this chapel were shut and thou shalt not read over the door so I turned to the garden of love that so many sweet flowers bore and they saw it was filled with graves and tombstones where flowers should be and priests in black gowns were walking their rounds and binding with briars my joys and desires the little vagabond dear mother dear mother the church is cold but the alehouse is healthy and pleasant and warm besides I can tell where I am used well such usage in heaven will never do well but if at the church they would give us some ale and a pleasant fire our souls to regale we'd sing and we'd pray all the live long day nor ever once wish from the church to stray then the parson might preach and drink and sing and we'd be as happy as birds in the spring and modest dame lurch who's always a church would not have bandied children nor fasting or birch and God like a father rejoicing to see his children as pleasant and happy as he would have no more quarrel with the devil or the barrel but kiss him and give him both drink and apparel london I wander through each chartered street near where the chartered Thames does flow a mark in every face I meet marks of weakness marks of woe in every cry of every man in every infant's cry of fear in every voice in every ban the mindforged manacles I hear how the chimney sweepers cry every blackening church appalls and the hapless soldier sigh runs in blood down palace walls but most through midnight streets I hear how the youthful harlot's curse blasts the newborn infant's tear and blights with plagues the marriage hers the human abstract pity would be no more if we did not make somebody poor and mercy no more could be if all were as happy as we and mutual fear brings peace till the selfish loves increase then cruelty knits a snare and spreads his baits with care he sits down with holy fears and waters the ground with tears then humility takes its root underneath his foot soon spreads the dismal shade of mystery over his head and the caterpillar and fly feed on the mystery and it bears the fruit of deceit ruddy and sweet to eat and the raven his nest has made in its thickest shade the gods of the earth and sea sought through nature to find this tree but their search was all in vain there grows one in the human brain infant sorrow my mother groaned my father wept into the dangerous world I left helpless naked piping loud like a fiend hid in a cloud struggling in my father's hands striving against my swaddling bands bound and weary I thought best to suck upon my mother's breast a poison tree I was angry with my friend I told my wrath my wrath did end I was angry with my foe I told it not my wrath did grow and I watered it in fears night and morning with my tears and I sunned it with smiles and with soft deceitful wiles and it grew both day and tonight till it bore an apple bright and my foe beheld it shine and in you that it was mine and into my garden stole when the night had veiled the pole in the morning glad I see my foe outstretched beneath the tree a little boy lost not loves another as itself nor venerates another so nor is it possible to thought a greater than itself to know and father how can I love you or any of my brothers more I love you like the little bird that picks up crumbs around the door the priest sat by and hurt the child in trembling zeal he seized his hair he led him by his little coat and all admired his priestly care and standing on the altar high low what a fiend is here said he one who sets reason up for judge of our most holy mystery the weeping child could not be heard the weeping parents wept in vain they stripped him to his little shirt and bound him in an iron chain and burned him in a holy place where many had been burned before the weeping parents wept in vain all such things done on Albion's shore a little girl lost children of the future age reading this indignant page know that in a former time love sweet love was thought a crime in the age of gold free from winter's cold youth and maiden bright to the holy light naked in the sunny beams delight once a youthful pair filled with softest care met in garden bright where the holy light had just removed the curtains of the night there in rising day on the grass they play parents were far strangers came not near and the maiden soon forgot her fear tired with kisses sweet they agree to meet when the silent sleep waves or heavens deep and the weary tired wanderers weep to her father white came the maiden bright but his loving look like the holy book all her tender limbs with terror show oh no pale and weak to thy father speak oh the trembling fear oh the dismal care that shakes the blossoms of my hoary hair a divine image cruelty has a human heart and jealousy a human face terror the human form divine and secrecy the human dress the human dress is forged iron the human form a fiery forge the human face a furnace sealed the human heart it's hungry gorge a cradle song sleep sleep beauty bright dreaming in the joys of night sleep sleep in thy sleep little sorrows sit and weep sweet babe in thy face soft desires i can trace secret joys and secret smiles little pretty infant wiles as thy softest limbs i feel smiles as of the morning steel or thy cheek and or thy breast where thy little heart does rest oh the cunning wiles that creep in thy little heart asleep when thy little heart does wake then the dreadful light shall break the schoolboy i love to rise in a summer morn when the bird sing on every tree the distant huntsman winds his horn and the skylark sings with me oh what sweet company but to go to school in a summer morn oh it drives all joy away under a cruel eye i'll warn the little one spend the day in sighing and dismay ah then at times i drooping sit and spend many an anxious hour nor in my book can i take delight nor sit in learning's bower worn through with the dreary shower how can the bird that is born for joy sit in a cage and sing how can a child when fears annoy but droop his tender wing and forget his youthful spring oh father and mother if buds are nipped and blossoms blown away and if the tender plants are stripped of their joy in the springing day by sorrow and cares dismay how shall the summer rise in joy or the summer fruits appear or how shall we gather what griefs destroy or bless the mellowing year when the blasts of winter appear to tears up what air is born of mortal birth must be consumed with the earth to rise from generation free then what have i to do with thee the sexes sprung from shame and pride blowed in the morn in evening died but mercy changed a death into sleep the sexes rose to work and weep thou mother of my mortal part with cruelty ditched mold my heart and with false self-deceiving tears ditched blind my nostrils eyes and ears ditched close my tongue in senseless clay and me to mortal life betray the death of jesus set me free then what have i to do with thee the voice of the ancient bard youth of delight come hither and see the opening mourn image of truth newborn doubt is fled and clouds of reason dark disputes and artful teason folly is an endless maze tangled roots perplex her ways how many have fallen there they stumble all night over bones of the dead and feel they know not what but care and wish to lead others when they should be led end of the songs of experience end of the songs of innocence and the songs of experience by william blake recording by thomas copeland


David, this is Gordon. Since he was born, he's had a skin condition. He would have redness, inflammation, and if he was sweating or was hot, it would begin to sting his skin. He said that during the prayer, you rebuke the skin condition. And he said the inflammation has gone down, the redness is leaving, and he has no stinging in his skin. It's completely healed. Really? Yes, you rebuked it, and I came running down to the stage. I just felt like the redness in my skin just immediately resided.  I felt a whole warmth just enter my body. Lord, may it never return in Jesus' name. Let him receive of your power in Jesus' name. And the church said,


When the King of the Inhumans is attacked, young Black Bolt and Maximus spring into action to save their leader. But when Black Bolt loses control, what are the consequences for his future kingdom and his own family? It's a pivotal moment in the lives of Black Bolt and Maximus and a turning point for the entire Inhuman race. Hey everybody, welcome to another exciting episode, another edition of A Week in Keep Them Here on YouTube. This time we're going back to the Inhumans with one of my favorite titles of recent memory. It is Inhumans, Ones and Future Kings. This is a five-issue miniseries written by Christopher Priest with art by the glorious Phil Nonto and his beautiful artwork. This is a book that I was really, really anxious to read because it takes us back to the history of the royal family of the Inhumans. And if you take a fan favorite writer like Christopher Priest and with the Inhumans book, I was really happy about the fact that he was going to explore all these characters in a possible new way or at least bring some drama into the royal family when they were youngsters. But unfortunately the series, to me at least, it's a little bit too short. Now the plot of the story, it starts out extremely interesting where we go back in time. Aegon, the former king and father of Black Bolt and young Maximus has recently died and the living Tarogen, which he is basically this unspoken king. He is sort of the Stuart King because Black Agar and Maximus are too young as of this moment. So he's warming up the seat, if you will. But when a failed assassination attempt occurs at the site of this monument with the Alpha Primitives targeting the king, he is forced to make a very strange decision. At first he accepts the help that the brothers give him by saving his life, but later we see that he is going to use this opportunity to basically frame himself as the hero and that he saved the boys instead of the other way around. Now I won't go too much into spoilers with this book, but just know the fact that this miniseries relies heavily on politics, on the rights issues of slavery and regular citizens of a city, because this story is based on Atalan and the Inhuman Society as a whole is a very reclusive and introverted society. They don't really care about the dealings outside of their world. And of course they may look human, but technically they're more alien than everybody else. The Alpha Primitives however, at first back in the Silver Age, it was a very complicated or convoluted method of explaining why the Alpha Primitives exist, but I believe it was the mighty Avengers run from a few years ago that it was explained that the Alpha Primitives are actual humans that have undergone pterogenesis and are deformed into mindless looking slaves. And the Inhumans, they live in a society where you have a role assigned to you and that's what you carry out. So they use the Primitives as a slave race, constructing, doing the heavy lifting and just maintaining the city's lifestyle and all that stuff. So yeah, there is a very interesting topic here that could have been exploited a little bit better in my opinion with Black Bolt questioning the rights of these Primitives, whereas the living pterogen, the Steward King, he is not really a fan of characters going against the norm and wants to keep everything on hush level, I guess I should say. Maximus, however, he's more in line with the Steward and he believes that Black Bolt is wrong and well, he is supposed to be the king, but we all know that Black Agar ends up in the actual throne. We also see characters like Triton, Karnak, Gorgon, Medusa, even Baby Lockjaw The cutest renditions of Lockjaw that I've ever seen. The story sort of takes off from there. I don't want to spoil it, just know that there is a character called, I think I'm saying this right, Elisha or Elisha. He is this alpha primitive that has retained his smarts and he knows he's very fluent. He studies, he wants to free the rest of the slaves. Elisha is part of this revolt of this new era, if you will, and it goes a little bit different than what is expected. The first issue ends with them arriving in New York after I mentioned earlier that they are, or the Boltagon brothers are framed for the assassination attempt. They are forced to go to the real world, to New York City. And that to me is the turning point of the series where I thought, man, this series is awesome too. It's okay. I liked it. It could have been better. To me, that's the main problem I have with the story that a lot of writers tend to take the inhumans at face value and they want to do action-adventure stories and make them superheroes. Where I think this race, I should say, these cast of characters are better handled on a more political level and interpersonal drama, not so much action-adventure X-Men copies, if you will.  And it has to do with an old Fantastic Four villain. I'm not going to spoil it just in case you want to pick it up. And the art, and it's just spectacular. Phil Nauto is legendary. He has a crafty way of just pulling out the most beautiful and sincere expressions from the character anatomy, anatomy, and you see it on everybody's faces. From the bad guys, you see the seeker, which is one of the henchmen to the king. You see it on the seeker and the way that he is so angry. You see it on Karnak with his contemplative nature, Triton.  Medusa, she's super feisty. And you see the regalness of Black Bolt. And that can only be done by a master artist like Phil. And his art just speaks volumes. And it was meant to be. This is the highest selling point to me, why I recommend Inhumans Once and Future Kings. The art is just spectacular, folks. I really, really enjoyed the hell out of it. The story, like I mentioned at the beginning of the video, takes a very interesting turn. I love when we explore, like, this vignette, if you will, the earlier years of the Royal Family. And you get to see how they became the way they were. But unfortunately, it sort of derails into this action adventure where the consequences at the end, since this is in the past, the conflict sort of gets resolved with the Alpha Primitives, if you've read older Inhumans storylines. But it doesn't really match up when you consider the state of that race in actuality. I don't know. I have talked on for way too long. I thought the book was awesome, even though it could have continued on the more political aspect and the daily life inside of Ataland. That's what I want to see and how the kingdom is built and how all these houses get along and they work their way around. If you see heavy political play with characters wanting to marry other characters for more power and all that stuff, if the story would have continued down that route, it would have been one of the best Inhuman stories. Nonetheless, I digress whatever you want to call it. It is a fun ride. If you love the Inhumans, you're going to enjoy this, mixing the, or matching the puzzle pieces, if you will, of how everything came to be with wonderful art. And if you're not a fan and if you're wanting to read this for the very first time, then yeah, go ahead and pick it up. You will love the art and the story is intriguing enough that you will want to continue the adventures of the royal family. Tell me down below what you thought of the story, if you've read it, and if not, let me know what other Inhuman story would you like for me to review. There aren't a lot, but I kind of want to cover them all. As always, thank you once again for liking, commenting, subscribing, and doing all that wonderful stuff that you guys do. Thank you. Alright, I have got to go. I will catch all of you on our next review.


But I have a great alternative to Kahoot that I'd like to tell you about in a moment. If you're familiar with Kahoot, say so in the comments. Give it a thumbs up if you've at least used it. If you're familiar with it, let me know in the comments as we go. Also, in a little bit, we'll be playing a game. So it would be super helpful if we had as many people as possible here in the broadcast. So if you want to share it out, that would be great. Put it on Twitter. Thanks, Chris, the first one to do it. And we'll look at the alternative in a little bit. We'll play it and you can see how it's different and how it's similar to Kahoot, which is probably a favorite of yours already. So I see some thumbs up in the room. Yep, familiar but never used it. All right, you've heard of Kahoot but haven't used it. All right, well, it's going to be a little different than Kahoot but very, very similar as well. So if you're not familiar with me, again, my name is Tony Vincent and I used to teach fifth grade in Omaha, Nebraska. And then I taught kindergarten through fifth grade as my school's tech specialist. And now I've worked for several years as a self-employed consultant. So I travel to schools and conferences and present to teachers. And when I'm not presenting or traveling, I'm at home playing, trying to find this stuff. So it's really fun. So the alternative I want to tell you about is called Quiz Is. Now again, if you've heard of Quiz Is, let me know in the comments. I tried to pronounce the last Z so that when you go to quizzes.com ever, you remember there are two Zs at the end. I guess Quiz Is with one Z was already taken. If you want me to come to your school, my website is learninginhand.com or just Google Tony Vincent and you'll find it. There's some lots of great information. Thank you for asking. So you can play class quiz games. And as a fifth grade teacher, this was my very favorite thing to do. I love playing game shows. I would get out a disco ball. I'd put around the chalkboard at the time when I was teaching was I'd wait until after the holidays and get the expensive holiday lights because they'll be cheap and get the ones that are like Las Vegas where they swirl around and they do different patterns. So my students knew when they came into the classroom, it was gonna be game show day and it was an exciting day. It also probably meant that a test was coming up but that wasn't important to them. They wanted to play the game. They liked the competition. They liked the social aspect of it. And it's a game. It's fun. And Quiz Is can help you do that if your students each have a device or Quiz Is is different enough from Kahoot that you can use this in a center or station. So students have their own device. It works in a web browser so it can work on any device. And well, let's play it and then we'll compare it to Kahoot. So I know some of you, you're only on your phone and you can't play but if some of you have a second device that you can play on, let's do it. So let me get this game called up here. Here's the Quiz Is main screen and I've already got a quiz set up and I have made a quiz about Periscope. So I wanna see what you know about Periscope and we're gonna play live. If you're watching the replay, I'm gonna go through the questions too so you see what it's like. But when I click play live, then Quiz Is has some options that I can do and these options are more numerous than what you get with Kahoot because you can turn off the leaderboard and question timer. That's probably one key difference that's important to know. Sometimes a leaderboard and a question timer can really make students nervous, increase their anxiety. If you're working with students who have a problem with the competition aspect, you could turn those off. I'm gonna leave all the settings on for what we're doing today. And so I have that, I'm gonna click proceed and now it gives us this join code. So if you have a second device, a computer around, would you please join us by going to join.quizis.com and then I'm gonna ask you for a join code, put in 10484 and your name and we'll see if we just have a couple people in there that's great, if we get more, that's even better. It's cute, oh, we got somebody's in there. All right, Ashley Langford is our first troop into our game, awesome. It's join.quizis.com and hopefully you can see this. The number is 10484. And now Shelly's in, welcome Shelly. Each time you join you get a different animal avatar. Sometimes students are disappointed in what they get. Sometimes they're excited. Oh, your laptop's not cooperating. Well, that actually happens in the classroom quite a bit too. Sometimes people can't get in. So a lot of few more people join. All right, it's very similar to Kahoot. It's a different company. I've actually spoke with one of the developers. It was developed by a couple of college buddies in India and they just had this vision for a game and it does, it looks super similar to Kahoot. You would think it's just a different game mode in Kahoot but it's a completely different company. It will take a separate account. We have nine troops in there. That's going to be enough for us to play. I'm gonna click start game but I'm also gonna do something weird. While some of it is, yeah, that's important. It's completely totally free and from my talk with one of the founders, he said it'll always be free for teachers. I worry about this because then what about ads? He said their business model is maybe charging parents for some sort of access but they want to keep it completely free for teachers. So I'm gonna open up a new window here and I'm actually going to join quizzes so that those of you that aren't one of our troops can still get in, quizzes has this nice winter theme right now and okay, now I gotta remember 10484. So this is what a student would do and they type in their name and join. Okay, I'm getting an avatar. Those of you that joined, you saw the screen already. It is great to have free things for teachers, yes. Okay, here I am and I'm that awesome bird. I'm not gonna feel disappointed. I'm going to be excited that I got that bird. All right, and now as the teacher, back on the teacher end, unlike Kahoot, you don't look at my screen for the answers. As the teacher, my screen shows a real time view of the data. I can see how many questions are right, how many are wrong and the progress of each of my students. So instead of them having to look up here and back at their device, all the question answers are all on their device and if you're playing along, you're going to notice you get a different question at a different time. At the end, there will be a leaderboard but all the questions are randomized. Oh, you got it to work, awesome, I'm glad you're in. So I'm gonna click start game and it should be starting for those of you signed in and then I'm going to switch over to student view and those of you can play at home and those of you watching, get to cheat a little bit because you'll see questions ahead of time but I get a question and responses right on my device as a student. So Periscope broadcast can be filmed vertically or horizontally, vertically only or horizontally only. I'm going to choose vertically or horizontally because I've used Periscope enough to know. And in between each one, they have really cute memes, these funny pictures that show up. I can see the ranking real quick and now as a student, I get the next question. What's the name of the live streaming app that is like Periscope but can have up to four people appear in the video? As a student, I know that that is blab. Woo, now the faster you answer, I forgot to tell you this, it's like the faster you answer, the more points you get. So I'm going kind of slow because I'm reading the question out loud. When broadcasting, what is double tapping the screen do? Let's just get this wrong so you can see block all comments and oh, zero points and there's my meme. The memes are really fun, they're pretty cute. All right, another question. How long after the live broadcast is a Periscope replay expire? 24 hours, hopefully lots of our friends get to see this before it expires or it's on catch.me, so not a big deal. What is Periscope's parent company? Well, you sign in with Twitter, so it is Twitter. So yes, each student goes at their very own pace. You don't have to wait for each student to answer the question before going on. That does have one disadvantage of you can't discuss the questions as a whole class until everybody is done because everybody's at a different part and I've had different questions. Periscope was released in March. All right, and let's see, that was question six. I must have had seven questions. Okay, each time the user joins, they can give up to 500 hearts. You are welcome, I'm glad you like it. It's a really neat tool. Waiting for everyone to finish the Soboard. Well, if you're in my classroom, then I would have other things for you to do while you were waiting to be done, but at least you wouldn't have to wait in between each one. You just have to wait at the very end of the quiz to see how everybody did. So then I see my rank was four, my accuracy was 85%. And if I switch over to the teacher view, here's what the teacher sees. So I don't have to, I really wouldn't show this to my class, but I can see that collectively we had 67 correct and 25 wrong. It does randomize each question for each device and will randomize the options too. So be careful of having an all of the above question. So then it looks like, I can see, Ashley missed a couple, is anybody that got 100%? Terry hasn't finished, I'm gonna end the game so we can see this. I can tell, by the way, I can tell Terry didn't finish because she has a gray line there. And sometimes people don't finish because they've lost connection. Maybe she lost interest. But I'm gonna end the game and I'll get this handy chart which I can download as an Excel spreadsheet if I'd like. So here I can see Amy. Amy, you got the most points and you got them all wrong. Round of applause. Let's give Amy some hearts for being our winner and I think she's the only one that got them all right. So Amy knows quite a bit about Periscope. So here I can see question and student in this chart. Amy, look at all those hearts, awesome. And now I can see questions. Each question I can see the number right and the number wrong and then I could use this to do some reteaching perhaps.  Congratulations. So you can see some of the differences and similarities to Kahoot. I would say that you could use either one. You like this better than Kahoot. In general, I like this better too but I do know as a teacher there are times when I want to discuss each question as we go and this is not the tool for you, Kahoot is better for that. But in other cases, this is the tool for you. And check this out, I'm gonna save the data. Again, I could save it as, oh it's saving as an Excel spreadsheet right now. I don't need that. I'm gonna go back to my home and let's see. I'm gonna go to my quizzes and when I start this quiz, I could assign it as homework and I can have it expire up to two weeks later because unlike Kahoot where everybody has to look at my screen, you have your own screen which means that a quiz can be taken at any time before I make it expire. And I'll have a code just like before. So this works great at a classroom center or station because students could cycle through and play. They don't each need their own device right now. So definitely some advantages over Kahoot and then again that big disadvantage is that it's student-paced for, there might be times when you want what you do to be teacher-paced. Okay, great, we have a couple minutes for questions. You can add pictures as a background to each question. There are no support for videos. Questions, there is not currently a way that I know of to have the questions read allowed to students. With Kahoot, that's another advantage is that if it's teacher-paced, you can read the question and responses allowed to your students. Quiz is, you can't do that for the whole class. Can kids retake to improve? If it's left open as homework, I think they could put in the code and take it again and again, yes. The questions can be pictures. You can upload a picture or put in a URL to a picture. That's true. The answers cannot include a picture. However, they do have, and this is new to quizzes, they do have an insert menu for Greek, Latin, special characters and math characters. So they do have some fractions and square roots but that you could use in your question or option answers. If I go to create, it's pretty easy here. I name my quiz and I can make it public or private because just like Kahoot, people could search through their library and take your questions. And then here, the neat thing is as I type on this side, I see a preview of what the question will look like over here. So I have option one. You can see I have to at least have two but I can have two to four options and I say which one is correct. Yep, and quizzes.com is the URL. Thank you for sharing that. The other cool thing is if I wanna search for questions, I could search, and they call this teleporting, I can teleport somebody else's question into mine. So if I wanted a question about, I don't know, let's say inventors and I only wanted this one question from this one quiz, I click plus and it's teleported into my questions and that's where I can edit it and all that. So again, thank you for tuning in. I hope that you enjoy quizzes. If you don't know about Kahoot, try that one out too. It's very, very similar. There's not a limit to making your quizzes. You can use it as much as you want and you can use the teleport option as much as you want. It's a neat thing. So I'll leave you with this. I'm on Periscope is at Tony Vincent and Twitter at Tony Vincent and I'm brand new to Instagram so I and I'm posting techie things on Instagram. So find me at learning in hand. That's my website and that's what I am on Instagram and I'd love to have a follow. I think I can teach you more and I'll see you on Periscope another time and on the I teach TV network. I will see you in about a month and I'll answer that one last question. You can have multiple quizzes open at a time for homework. So that's important too. The developers of quizzes are super responsive. They wanna make this great for teachers and I think they really have. They've improved it over the year that I've been using it. I've had almost 200 people take one quizzes at once. So that tells you how powerful it is. Great. Thanks for tuning in and I will see you later.