 We're going to do a long shot and we'll do that in the summer, the last minute of the year, now it's half of the year, look at what we've got here. So, we are here. This is the end of the video. Yeah, I'm sure you can see it. Yeah. Alright, so we're going to get going. Alright, cool. So, yeah, hello everybody. Thank you for being here. So, for those of you who don't know me, my name is Arthur D. I've been here for 17 years. Obviously, today is a very special week out there. So, you can see we've got a Santa Claus 6th and 7th grade. We did manage to produce a group of 10. And, yeah, so obviously, we signed one for all of us. What I wanted to do was reflect on and to represent and share our community with Drupal. And share with you guys that. Now, since I used to know, you don't know the origins of Drupal. So, you know, it's now in public to us and it's a privilege to be able to pronounce this name. Sorry, it gives me a hard time watching this. So, Drupal, can you just close up? Right, I'm going to go ahead and speak a little bit. Okay, can you just have a moment to say a few words? Okay, well, good. So, down with the culture, it's you guys and I want to have a university mentor. And it's interesting history today that Drupal is actually good as a community teacher or as a student here on the side to share and communicate with other students. It's very interesting. What was so amazing about Drupal at that time was, you know, it was adopted in prior to the U.S. Department of Education in 2003. This was about Drupal's students that are very interesting. Drupal's students were born in 2004. In 2003, Drupal was the leader of this echo. So, do you guys have an echo or something? Do you see that? Yeah, I think I want to speak to that. Sorry about that. I'll give it a second. I'm really sorry about the echo. So, if you want to use that echo to me, I also think, you know, one of the world's greatest, you know, open source enterprise-grade CMSs. We have a thriving and active community as, and in some of our community organizations across many industries. And, yeah, I'll say it. This is a very important point. So, Drupal certainly is a really important community and it can take the services to a whole lot of useful levels. It's pretty incredible to think about the Drupal side and where it's today. So, close up. So, just to also reflect on the impact of Drupal there, of course, for us, we're reflecting on Drupal narrow, as we can. So, of course, it would be incredible the opportunity of Drupal to be in mode. But if you reflect on the impact of Drupal that it's had in Australia, one that we can speak, you know, of their thing which is the adoption of Drupal that it's had among governments. So, first of all, it's not all Drupal, but a real realization of what impact of Drupal is, is the adoption of Drupal Y4 out of the 9 main companies or Y4 out of the 9 main institutions which is pretty impressive. So, each of these institutions is adoption, but I won't say the name, but it's pretty good. And the thing is probably that many of these airlines that are among the 12 institutions, there are hundreds and hundreds of sites or each of the presences that are serving to, you know, convince them to be descendants of all the best of Drupal. So, the steps, try to look at them all the way. You know, somebody needs to say how we're looking at adoption of Drupal. Let's talk about what's been the criteria for why Drupal has been successful with these. And, you know, as many of you know, it's really important that criteria is such that of course they are the source. And then, like, I want to make sure that another big one that is underestimated is CIPA on my heart, like, and what is it about the adoption of Drupal to be a part of CIPA. But the other one is, and it's a big one that many of the custodians are all going to work on to talk about is the last one that we are assuming in talking about Drupal as my source CMS and in talking about the other major agencies that are considering regarding each other's skills and, importantly, data and contributing to the data and data in our year-long process, the skills that they learn are just important. So now, I want to specifically talk about some of the experience in relationship with Drupal and, right, I'll take it a very brutal and honest for you, to share with you, we're going to separate data from what is to be taken and how to make it here. The real shot of the different data is to, one, confess to our work with the communities on various side and how we really can see and take it as a real war. But two, is to also introduce a few years ago on the takers and makings of Drupal where we talked about the tension between the workers and the takers and how tension creates a sustainable community. And so, honestly, after we took on and recognised the early years of our community in Drupal, we were and so, to share with you, we're self-reliable for almost 20 years, 20 to 30 years. So, pre-2010, we've got a whole lot of data in Drupal, on the route where we're now and around 2010 we actually had a developer around to introduce us to a thing called Drupal and it was part of that introduction of Drupal where we did doing our first Drupal in 2018 for the government of East Auckland, in 2006. And so, and then, shortly after we started understanding the root power of Drupal and why it was important to us to be very specific to how the collaboration was going to be in comparison to the other programs that we had at home. And so, that was where I was at home with and what was interesting to me was the way that we started to see the tenderness and peace explicitly in the start of Drupal in-air in Drupal, and so it was interesting for us to see following that where we began to obviously respond to this and we were really a whole bunch of people to be able to deal with that and then shortly after that in 2014 we made a significant investment in certification and training and we made a key explicit decision to invest in Drupal for the last few years and I'll leave you with that until today as it's been Drupal and we're going to respond to what we're calling our approach to Drupal so that's a a type that you know and so now I'm going to make a between 2013 so this is for us to be able to do that and we can start from the like contribution automate the rate of contribution so in 2015 we started to go to the events all through the events we were held by an authority that we had to do the presentation and then in 2003 when we came to Drupal we were given this written to them this was called the position of Drupal and then and then in 2016 and then in 2016 we started to do more contributions to our models and packets and then we started to go there as well and then in 2016 we were able to make a turning point for us where we started to deliver our major large programs multi-site multi-site for our use for people of course and also contribution to Drupal what it did do was provide great stories and great use cases for interpretation which was it was a contribution to Drupal and so in 2008 we started to come up with new facts and we were able to develop a new project for Drupal we were able to contribute modules and in 2016 we then started to contribute tools for example we use the one of these which is an open source which is in relation to a separate content from any source and then and then and then and then in 2016 we were able to develop a team that continues to contribute to whole large projects and the most recent contribution is where we celebrated and started innovation and in particular we wanted to because that's the second part of the project we wanted to do more of that so if we come up with new projects it's going to be important to start a new project in time we're going to assume that so when you think of Drupal we're going to be doing more support to do more innovations to be able to support more multi-channel experiences it's either better or and the other ways around personalisation obviously it's the next evolution phase of Drupal where we decided to contribute to personalisation to ultimately create better more personalised experiences obviously and I'll move on to the other two and so what I wanted to leave off with and share is one of our biggest contributions to Drupal which is what you're going to hear from me is a product which is called Civic Thing which is an open source design system in Drupal 10 for the theme and as the slide you represent this is the result of a whole lot of history, a whole lot of legacy a whole lot of work, a whole lot of observed patents for us to identify an opportunity for us to provide a product an open source product that allows us to create quality websites at rapid speed at time and so yes, that's my conclusion and I want to say congratulations to Drupal for releasing a 10 today as well as a very big thank you and shout appreciation gratitude to all Drupal and what it's meant to us and our partners it's obviously a fantastic thing and that concludes my talk, thank you and I will now hand over to Alex, over to you Pizza, it tastes better than that we're going to have another maybe 20 minutes, yeah we're trying to give it 20 minutes of talks and more pizza and more beer I guess yep yeah yeah yeah, everyone just help yourself yeah, this is like formal I'm actually going to talk about 10 inside of Drupal 10 I'm going to slide through it very quickly just for those of us who doesn't know what's coming we're just going to wait 30 seconds actually if you're planning to go to the spring this morning are you ready? yeah, I'm ready are you ready? yes yeah once it's loud yeah can I start this again? cool hi everyone, Alex doing Drupal for the last 10 more than 10 years I'm going to talk about Drupal 10 what's coming well actually what's here what's here since yesterday quite a lot of Drupal 10 go live parties across the world can you hear me? can you hear me okay? I don't want to use the microphone so what is Drupal 10? well it's Drupal 9.4 minus the expectations so we here with it's not that many changes but it's good we're getting a more cleaner code basis with all the API's being removed practically what that means is some of you who may use code quality tools like PHP stand may have seen that when you use some functions for API or Drupal that are about to be duplicated would issue an error or a warning saying hey this will be duplicated in 9.3 9.4 or Drupal 10 and will be removed from the next version so these are the ones that have been removed can actually cover this just a bit later about duplications new features we've got all the error for those of you who don't know when you install Drupal 10 you'll see this all the error theme replacing body it's a long time overview body itself is about 2 years old and all the error is this new theme you can use it as your base if you want and it doesn't support IE 11 which is great so Drupal 10 does not support IE 11 it's much easier to develop now you have to use all that old technology Claro has an iteration theme by default replacing 7 7 now is a country theme and Claro is claimed to be a cleaner UI which I think it is much more modern as a theme so when you install Drupal 10 as an admin theme it will be your default theme one of the biggest one of the main reasons for this upgrade is cp8.5 upgrade replacing cp8.4 it's useful more modern editing tools than an opening experience but also security so the company that supports and develops cp8.5 they always support the end support for cp8.5 soon and they ask everyone to create cp8.5 because security support will not be for cp8.4 now there is a case an example of a decoupled implementation of functionality in Drupal 10 with names that's the first trial module in the core to deal with decoupled out of the box this is why complex to deal with and now with this module in Drupal 10 it can be worked with very easily much easier than what we had before in Drupal 9 further improvements in Drupal 10 not actually there they are just functional improvements there you can check them out and screen up this one is one of the major ones as well we started with tools what this is it's a development tool but you can start new themes by running one command out of the box now that command can create your new theme from existing ones moreover as a developer and basically as a developer of a theme like a civic theme for example you can define your theme to be a base one for the static theme tools to pick it up as a source so now basically any concept theme can be made a base theme very easily by declaring itself as a base theme and allowing you to start a new tools to be integrated with it what that means practically is less time for a brand new project jQuery so it doesn't work it can't kill it I don't know whether we should but try and remove jQuery from four step by step this time so it's not removed fully but some of the functionality this is being removed by the way jQuery is only removed from four and replaced with more angelic components and last but not least it's actually the second component for a second reason why we do this major upgrade so c.26 c.24 is EOL actually this year so because of that if you don't know it's the framework that runs at the low level of Drupal and this is what we've done from Drupal 7 to Drupal 8 from the island of our own communications of certain internal components to use in c.24 and now we always use that to follow the day version c.24s security next year is there a lot of people out there? we'll talk about that in a second yeah so the good news is that for web server no significant changes database no significant changes on the language level 8.1 you need to run 8.1 and if you want still a people 9 most of us are if you run 9.3 or above you can already switch to 8.1 and be ready for the prototype cool now just quickly so c.18.5 replaced if it's a replacement for c.18.4 as I mentioned before but c.18.4 is available as a quantity what that means is you can get a Drupal 9 site and you can upgrade to Drupal 10 if you have some configuration for c.18.4 you can install it as a quantity model and it still works by the way so it's a drop-in replacement jQuery jQuery UI what is interesting about this one is if you use a module such as a platform that is like a dependency tree you can install a platform that actually depends on jQuery UI which in its own direction jQuery and jQuery UI has to be used as a separate module you may actually end up using multiple jQuery UI because they all mean split into separate ones you have three web calendars and other ones so just be aware of that and this is the interesting part so I took 20 actually two slides here top 20 modules and to check whether they are ready for Drupal 10 interesting fact, it's actually two slides here interesting fact is that two months ago about 80% of these were not ready within two months they all get ready apart from two so that link which doesn't have a patch and that doesn't work we have that form but sorry patch is available there will be ready other ones you can see from my experience at all I'm using almost all of these on every build so they are Drupal 10 compatible which is good news and it also between teams of function modules that work on this in the last two months to get through by the way two months ago I was making some theme to Drupal 10 compatible and it took like two days to patch all the modules now it's ready so it's great that you get into months such a great push by everyone what do we do this is the thing that you are a developer here remember we'll check this out it's a bit technical but what happens is you want to use a contrary that is not ready but you are happy to patch the thing is it just happened to be because of the way dependency resolution works on Drupal and Composer itself the patch to apply to a module to make it compatible to Drupal 10 requires it to be compatible so it's like a currency issue to be the problem there is a special project called ModerDrupal Minions Minions I think and if you run this code you can actually take a Drupal 9 module run couple of commands like this one Drupal token is version 1.10 it was not compatible with Drupal 10 but if you run this command it actually can be made and this whole problem of relative pollution will go away it actually took me some time to find this it's not that advertised how to do it it will save you a lot of time until you need to use a lot of Drupal 9 modules in Drupal 10 you would not have to deal with every module one by one use the patches as you need yes so if you're all on Drupal 9 you can't keep upgrading to next and next version Drupal 9 until you're ready to switch to Drupal 10 have until 2023 that's to your point this is where you know what occurs 2023 November basically almost a year from now on to upgrade now that's what Drupal 9 hoping you are and if you are if you are still in Drupal 7 you can wait until 2023 November as well or you can start upgrading today is that you can present a kill here talking about how to upgrade fast and efficient I guess yeah, thank you welcome everyone, thank you again for coming today for another meetup I'll be quick, I'll just give a quick summary on the specific theme which is v10 ready and as Alfred alluded to it's 100,000 hours 10 years of Google work 100 sites of culmination to build civic thing do you want to wait for a second do everyone so for people playing at home there's a quick food break alright just my stuff continuing so why did we build civic thing what was it like before civic things so we noticed that there was a lot of repeated waste and effort and time in solving the same design patterns for projects there was a lot of repeated effort in also doing user research and a lot of money spent for every single project and at the same time there was a lot of work in accessibility compliance and testing for every single project individually now it's not that it's wasted money but it's a repeated pattern that we were seeing so we decided to come up with something that was cost projects and it cost design as well so the design phase and the build phase and that was civic theme so civic theme creates engaging inclusive and consistent digital experiences very quickly it's an open source inclusive and component-based design system created for governments and corporations to rapidly assemble modern consistent digital experiences so I mean it's going to fly through some of the benefits here so we didn't build it from scratch it was kind of using the people over here the old Australian government design system that was our base to build everything so there was a trial and battle tested design system and it was decommissioned September 2021 about a year or a bit ago but we had started working on it quite a bit earlier than that and so that was a great base for us to actually build up from we used a lot of the common used components looked at those and then uplifted many of those components to build our base civic theme build we then built each of the components individually so they were actually individually standalone components not just a part of a big theme but it looked at individually from accessibility compliance and usability and UX point of view we aimed to make a lot of the components and assembly done from the admin UI within Drupal so the assembly and management of the site very quick and very low to no code so making it much easier for content management and site management there you go I mentioned so no code very little code so unless you're going to make drastic changes you can actually manage the design, the layout and even many of the component kind of fields and mappings within the actual Drupal admin UI one of the other features is that you can manage the colors through the site so there's a interface there that shows you both storybook which is now shipped also with civic theme but also the atomic library and the atomic design system is actually built into built into the Drupal admin as well so you can change colors on the fly and adjust all your styling as well as I mentioned it's a true design system so we both have a big mark design library and design system that actually has a parody of all the builds components as well so what you see in Pigma and design in Pigma will actually be available out of the box within civic theme itself and then we have a theme implementation which is in Drupal 10 version ready it is open source and so you can download both the design system files within Pigma and also the code as well we've tested it against WCAG 2.1AA and all the components out of the box meet this appliance so we tested for any changes as well every time there's a release as I mentioned the component library with 40 plus components available out of the box as well which you can adjust and as we built the system it was project led so we worked with clients specifically and as these requirements were coming out of the projects we were able to bring them back into civic theme where we found that they were common use requirement we also ensured that there were many of the video policies to make this actually accessible and usable by everyone and did some of the stats today so specifically for the civic theme we had about 18 months of work 5000 hours and we have 6 contributors early contributors that helped work with the project and there are 60 components out of the box now although it says 1.3 there I think we're up to version 1.4 already and 1.4 is about to come out so looking forward we're also looking at Drupal 10 ready we're also looking at other ways of working with decoupled and other systems as well just a quick preview I'm not going to demo this just a quick preview there so this is civic theme you can see there this particular version is a government version but there are multiple industry types that we've set up and they all come out of the box we've got to speed up to do so you can go in there and adjust any of these just straight out of the box and of course it's responsible so if you wanted to start working with civic theme you can work with the pigment design files or work with Drupal it's up to you it's also an open source product that's maturing so it's not perfect you can see there we've got a few different versions and then a bit of a forward plan for what we need to get done as well and if you're welcome to see what it looks like online and contribute there is the bigmo library component library and the Drupal theme if you want any details I can make you know what those are you can also head to civic theme.io to find out all these details there's some other resources and you can see that one and just to kind of fill in the gaps there so civic theme is an open source product at the moment Salsa is the main contributor and maintainer for the product, for the base build and as we grow the community we'll be expecting and hoping that a lot more people will be able to contribute and build a product up thank you very much for your time that concludes the presentations for this evening please enjoy more food if you want to wrap we had a cake cutting I believe so unfortunately I'm going to have to wrap this up we do have a detailed take we'll go on to the solution thank you very much