So we're talking about the future of Europe with a Euro-Mediterranean perspective, Central Mediterranean perspective. And this is an event of extreme importance. We invite you all to attend the event. The European People's Party will also be contributing its views on rethinking and relaunching our meeting. And in that respect, we're taking concrete steps. And the European People's Party, in its manifesto after the last European elections, indicated its aim as being creating a new community spirit, able to protect and enhance our Europe. There lies the spirit of our feelings towards the pandemic and the mistrust that in some cases has arisen in many parts of Europe with respect to European institutions, leading us to relaunching European institutions on the basis of the culture and the spirit of our party. We contributed towards defining an intuition and a perspective, relying on the strengthening of its resources to allow Europe to redefine its tasks, such as the redevelopment of the African continent, and our founders already understood how important it was for there to be a Mediterranean perspective of this great sea, a sea of culture, as it has been defined, to see that it separates us from Africa, Africa which is still very far from Europe, and upon which good neighbourhood policies are still running very late. And this is something that I'll be commenting on later. The sub-Saharan population will go from 15% to 23%. It used to be 10% in 1990. Almost two billion and a half people will live in Africa. Half of the population will have younger than 26, rather than younger than 19, as it is at present. Well, and Europe will represent only 4% of the world population, and the number of young people in Africa will be 10 times higher than the European ones. So there is this strategic role of the south of Europe, and more specifically Sicily and the south of Italy. And that is why we are launching this message to the European People's Party to insist on the neighbourhood policies considering the Mediterranean and Africa as an extraordinary possibility for the future. In this part of the world, that is the boundary of Europe, it is the boundary of Europe. In Europe we have the Sicilian straits and then the Maghreb and sub-Saharan Africa, that straits of Sicily that was defined as strategic straits within Fortupon Sea. It is a situation that must stress how important it is to have Euro-Mediterranean policies, according to what Don Sturzo said. He was the founder of the European People's Parties, and he used to say that the Mediterranean was central to mankind. So we must insist so as to confirm that the Mediterranean is the centre of this European outlook, and by doing that, relaunching Europe itself. This conference must consider really the future of the Mediterranean. Well, Europe within a common initiative by the European Parliament, the Council and the Commission, whereby the European Union can demonstrate that it is very attentive to the concerns and worries of European citizens. A recent poll that was carried out by European institutions demonstrated that three-fourths of Europeans consider that the conference on the future of Europe will have a positive impact on Europe. And six out of ten believe that the COVID crisis led them to reconsider the future of Europe, and the voice of the citizens should be taken into account more carefully. And this new conference on the future of Europe is precisely opening up to citizens a bottom-up approach. So involving, well, really concentrating on citizens and something that has no precedence as such in European treaties. And the neighborhood policy is precisely the objective of today's dialogue. A conference on the future of Europe that may take into account neighborhood policies 26 years after the Barcelona conference, the so-called Barcelona process, which unfortunately is far from having reached the objective of peace, stability and prosperity in the Mediterranean after the recent joint communication with the European Commission and the high representative of the UN. So this renewed partnership, well, this southern neighborhood, the new agenda for the Mediterranean, that's what we are having now. And it is a target that is yet to be reached. We need a multi-level governance that must be guaranteed, involving both international and local authorities and effective migration policy. I believe President Tajani will underline how important this is in the European perspective to have a migration policy that will reconsider Dublin agreements and visiting financial solidarity mechanisms and insisting on lawful migration, linking it up with the European economic development oriented to the south of Europe and also to avoid any form of discrimination based on race or religion. There is a task by southern European regions in relaunching the neighborhood policy and also this relationship with Africa across the Mediterranean, but especially with regard to islands. The issue of islands is very close to my heart. It is one of my priority objective at the COR. And in this respect, insularity, as you know, is a condition we are very well aware of because the next planning at the level of the council level is something that is of paramount importance, especially considering the support. So island regions must be considered as a sort of hinge between Europe and the Mediterranean with vis-à-vis Africa. Of course, Africa is for us the privileged interlocutor for this neighborhood policy. Economic and social cohesion, therefore, is precisely what we must be very keen on, both with regard to the neighborhood policy and the European cohesion policy better involving the southern regions of Europe. With an approach that is precisely that of the treaties where we read that solidarity is a fundamental value. According to Article 3, the Union promotes these values, economic cohesion, social and territorial cohesion among states. And this is confirmed by Article 174. And so this economic and social cohesion that must be translated into practical mechanisms. So real attention to the Mediterranean. So stronger Europe because it is stronger because there is more cohesion. Sicily was one of the actors through the Messina conference in June 1955. Back then Europe was going through a moment of crisis and through the Messina and Termina conference.  And we hope that this conference on the future of Europe may be a great occasion not to be missed. It is a great opportunity for European citizens to contribute to the relaunching of European institutions. We need a system of continental relations between Europe and Africa that otherwise would collapse in a matter of years considering the numbers I mentioned at the beginning of my presentation we can work together, and we can build a great great future. Well, well, our idea is that of Italy giving a maximum contribution. This is the meaning of today's meeting. Thank you. Good morning. Good morning everyone. We've just heard a message from the Vice President of Sicily Region, Gaitano Armao, and he gave us a list of things that he's doing. So I'd first like to extend my warmest greetings. I'd like to say also that this local dialogue, EPP local dialogue meeting was organized by the European COR and the President of the Sicily Region, and it will be streaming live. You'll be able to access it at hashtag local dialogue, EPP COR. And so let's now very warmly welcome all of our speakers today. I would ask you to keep your microphone off when you're not using it. And I think that's about all. So apart from thanking everyone once again, I'll give the floor to the Honourable Giuseppe Mirazzo, member of the European Parliament, and EPP Forzitalia as the Sicilian representative. So let me now give the floor to Giuseppe Mirazzo. Thank you very much and good morning. I'd like to start with a word of thanks, a very heartfelt word of thanks to Professor Armao, because what he's doing is outstanding in terms of linking, representing us at the European institutions, and he's doing an extraordinary job. I mean, on a daily basis, I experience our distance from Europe, and thanks to Gaitano Armao, I see that Sicily is playing a part thanks to Armao, and Sicily is really playing a central role, not in a passive way. It's really belonging to and taking center stage in a very active way, thanks to Mr. Armao, and he's doing this in a very purposeful, deliberate way. I listened to what he told us in his opening message. He spoke about defining this relationship and liked to focus on his definition of the sea, which he called a sea of civilization, which has a thousand things in common. A thousand things may sound like a lot of things, perhaps too many, but he really gives us a very concrete depiction of the potential that the Mediterranean Sea has, our sea has. It is truly the most important sea of the world. The Mediterranean is rich in history, rich in culture. Today, an example of multiculturalism, it's a center of tourism, of employment, of trading, and of a political coming together and sharing, even at the religious level. I mean, just think of our Palatine Chapel, which every time there was a new occupation, it wasn't destroyed, it was appreciated, it was enhanced, and every occupying force added its tradition and its history. So this is a teaching that I'm grateful for through Professor Armao. I believe that what we must do is leave our mark. We must not delete other things to do that. And I'm just thinking about COVID, and it was mentioned a few minutes ago. I think we need to remember how strenuously Europe has been tested and passed this test. Of course, this is only the starting point. We have a long way to go, but I heard mention of Africa as well. Let's remember how important Africa is geopolitically and Asia as well, China. I believe we need to focus on Africa. We have a political right to take an interest and focus on Africa. We need to dominate this process and also keep a strong focus on what's happening in the Middle East. And I hope, I believe, that the European People's Party can and must identify an internationally credible dialogue partner and be that partner to contribute peace, to contribute a sharing and an awareness of events, because the Mediterranean should not represent a sea of death and desolation, as it sometimes is viewed. It's almost like a time machine that can take us back in time, rather than see the Mediterranean as a Sicilian issue. Sometimes, in fact, it is not a nationwide problem. I've seen Muslim, I've seen our mouth dealing with an issue that, in fact, is everyone's problem. It's an Italian problem. It's a European problem. And I think the short-sightedness that exists is all too widespread. I believe if it were up to the European People's Party, there would be total freedom of movement. I see a lot of skepticism. I see European institutions basically dropping out and making distinctions where there should be no distinctions. I think this ought to represent an opportunity that we should all try and grasp as quite rightly the Vice President of the Sicilian region was saying. The question of immigration is a serious issue. It is offering us an extraordinary opportunity and how many jobs can our society today no longer deal with? If we were able to appreciate as resources in these immigrants, I remember on a previous occasion, Professor Armao was talking about the inland areas of Sicily that are basically drying up. But were we capable of adding value to these regions? That would be a wonderful thing. I don't want to take too much time. But I think we're also hearing about the option of hope for a European charter that would be embedded with what we believe in at our confictions with a strengthening of participation of electors and voters and citizenry. For example, the direct election of the President of the European Commission, as well as a single defence policy Europe wide, a single employment policy Europe wide. We have a situation whereby in Italy, there is a certain employment arrangement with laws, rules and regulations in France. There's a different one. What we need to do is try to come together and form a standard with no more distinctions between Italian citizens. We see things one way and have a certain approach towards employment versus France, say, which has a completely different one. Now, all of these things today I believe are seeing the approach of a new era that I believe Professor Armao is seeing as we are with the European People's Party. Professor Armao's presentation speaks of a Europe of hope, a Europe which will again be a benchmark for one and all worldwide. When people ask me in the street, what's the matter with Europe? We were saying, well, who knows? But with the People's Party today, I think we can say that there are a multitude of resources that can be used and that can be spent. And here too, Sicily is playing a major role. It's a model despite the issues, the problems, the pain of Sicily's past economic scenario and financial scenario. But today Sicily is proving its ability to plan effectively, to employ its resources effectively rather than improvise things. And I think we've moved away from the past and from the typical improvisation that Sicily was charged or accused of. And today things are far more concrete. I don't know whether we'll be around to see the ultimate goal being reached. I hope we will be. Obviously, every time there are new elections, new people come on the scene. But I'm sure that whoever will come on the scene next time will find a Sicily in order with perspectives and with a future. And I'd like to thank you because I believe that this truly is not a meeting where we just come along and say a few words. This is truly a meeting that will rely on and that will enhance the concept of planning and preparedness. And I'm more than willing and delighted to continue along this track. Thank you very much, honorable Minazzo. Thank you for being with us today. I hope you can stay with us a bit longer because we will have a discussion. I want to inform all participants that this event is recorded, is being recorded. So the use of this images will be done by the EPP will be used on social media. And now I give the floor to Sergio Cacci is the mayor of Montalto di Castro and he's a member of the Committee of the Regents. And he belongs to the EPP and for say Talia. Mr. Cascio, you have the floor. I wish to thank Leonardo and get our mouth for organizing this dialogue on this very special subject. And I'd like to invite both him and MP Milazzo. And I wish to ask both of them a question about the islands, the south of Italy and Sicily. Is it a national boundary or a European boundary, European frontier? Because that is precisely what we must consider after what Mr. Armao said and what Mr. Milazzo said, because quite frequently I see that President Musumec and other presidents of the southern regions as well as the mayor of Lampedusa, are left alone in, I mean, in facing the problem of rescuing migrants. And I believe that is one of the major problems at the moment. That is why I believe that we need a European approach. We must speak of the south of Europe, not so much of the south of Italy. And we must be helped in the management of all these situations. Obviously, Europe is being loved increasingly by citizens. And during the pandemic, of course, this role was extremely important. You understand a bit less what Europe is about when they want to set a traffic light on Italian products. But we have our Italian MPs, but also the members of the Committee of the Regions. We are there and we are willing to fight, to fight, of course, with all this. I mean, even if you drink a gallon of water, the consequences would be devastating for your health. So it's not certainly the why that causes any damage to the health. It's just a matter of quantities. At Maastricht, the Committee of the Regions was set up and of course it was a big step forward. Precisely in this idea of neighborhood policy, regional policy, European policies. Precisely to get to know the real ideas that European citizens have, the citizens of individual states, what they think about Europe, what they actually think about Europe. But Europe must give a clear idea about the different policies, the cohesion policies, the economic policies. It cannot go fast when it applies the same telephone tariffs in all European states, whereas there are policies that are quite different in terms of taxes in member states. I know that the thing is similar also in the United States, but the differences are not as big as in Europe. And we have seen that many Italian companies ran away and they went to other European states, of course, causing a damage to our economy. All this evidence must be well underlined and discussed at the European level. And as Mr. Armau said, well, the fact that we do not have a European constitution, well, that was detrimental to the development of this European history. I hope that the vote on this European constitution, I mean that this idea may go on. Italy had approved it. France stopped everything and then the UK as well. So other EU member states blocked it all. So I believe it would be a good idea to go back to the European constitution and giving a true meaning to this union and also accelerating the policies that we are discussing today. Thank you. Thank you very much, Sergio Cacci, Mayor of Montalto di Casto. Thanks for your kind words. And in the meantime, I'm receiving word that President Taiani is trying to join us from a train that he's traveling on. There are a few problems there. Hopefully he'll be with us soon and we'll have the opportunity to listen to him in the meantime. I'll give the floor to Dr. Peter Agios, who's an EU expert on EU matters. Issues, thank you. Mr. Agios and I'll give you the floor. Tutti, many thanks to President Armau and to all of you for this invitation and for this initiative. I think this is a very interesting discussion which we need to promote and I have followed the activity of President Armau in particular on promoting the needs and the common cause of islands in the European Union. I would like to share with you a perspective, a personal one, essentially, but before that I want to introduce myself so you understand where this is coming from. Essentially, I am a European official, I'm a bureaucrat, which turned into a politician. In fact, I have contested the European Parliament elections and I am still active in my party back at home in Malta as a candidate for the European elections. But before that I started, I was working, first of all, in the Council Legal Service as a European official, then as a negotiator, as an advisor to negotiations in the Council, where of course my job was to solve disputes and propose solutions to new European legislation to find compromises between member states. And after that I worked in the European Parliament, first as a head of the office in Malta as a communicator, and then I had the privilege of joining the service of President Ayane who will be joining us soon. After that, as I told you, I was a European election candidate. So I know a bit of the machinery of the European Union institutions, how they produce legislation, but now as a politician I'm looking at it also from a different perspective of how to respond to the particular needs of the Maltese people in particular, because I come from Malta and I need to push forward the stronger voice for Malta in the European Union. And I trust, when I say of Malta, I trust that there are a whole series of issues on which there is an alliance, there is as President Armao said, an alliance of interests. But when I look at the European Union in this regard, given, however, notwithstanding that there is an article in the treaty, as you also mentioned, which says that the European Union needs to give particular attention to regions, especially those which suffer, and I quote here article 174 of the treaty, particular attention to regions which suffer from permanent natural handicaps, such as islands. And I believe that notwithstanding that there is indeed, there are a lot of efforts being done by several institutions on several levels to promote this particular attention. I think we are still very far away from achieving this declared objective of the treaty. And even though EU funding, you know, EU budgetary policy, EU cohesion policy, do effectively make a lot of difference. So if you invest more heavily in the needs of particular regions, yes, this makes a difference. But this is not enough in itself to bridge the gap between the different regions and ensure that the regions which are lagging behind actually catch up, actually have the same levels of employment, economic prosperity and opportunities. So I think I sincerely think that what we need is not simply a budgetary measure. I think we need to sensibilize the institutions to make them more in queue to the perspectives of islands and isolated regions. To make sure that this article 174 of the treaty, this particular attention to islands, is kind of ingrained in the system, is ingrained in a kind of a systematic test, a systematic part of the procedure which obligatorily should include the island perspective in proposed legislation. So I'm not speaking here of funding of budgetary measures but legislation, new laws or older laws which are being amended or implemented, which should keep an island perspectives in mind. And this is why I personally took the opportunity as a citizen, as a citizen, in the context of the future of Europe Conference to present a proposal to change the way the Commission operates. It's a small change, but which I think can make a lot of difference. What I would like to tell effectively is to include the assessment of the cost of insularity in the impact assessments of the European Commission. As you know, the European Commission conducts a very thorough exercise. The impact assessment, the Commission is obliged to do an impact assessment before it actually presents legislation to the Committee of the Regents for consultation and to the legislators for adoption and amendment. This impact assessment includes economic, social, and environmental impacts of the proposed measures that the European Commission is considering before it can actually submit the study attention of the legislature. However, this kind of impact assessment is not the Commission of course has a wide margin of how to conduct it. These are, broadly speaking, very regularly assigned to external third parties, nothing wrong with that. But this exercise normally is very generic in the sense that it sets the impact of the legislation on, let's say, European society as a whole. There is no particular attention at that stage of the procedure on how the impact, the proposed legislation will affect the particular case of Sicily or Cyprus or Malta, which, as we all know, they have specific challenges. There is no particular attention, as the treaty expressed before sees that particular attention is not therefore ingrained in the way that the European Commission operates to propose new legislation so my my proposal is simple. I submitted this in the Future of Europe Conference, you can find it online. I will also paste a link in the chat here for you to consider this proposal and possibly even if you want to endorse it. My proposal is very simple. The European Commission should include, obligatorily, a test which assesses the impact of its proposed legislation on islands and isolated regions to actually give life to this article 174 of the treaty, and check the and indeed ensure to have this particular attention to islands and isolated regions and we have plenty of of examples from the past, even the recent past where proposed legislation which does not include this assessment, actually causes problems later on. Right now, there are 12 member states in court in the European Court of Justice challenging the new legislation of the European Commission with regards to road transport. These member states, including Malta Cyprus, and the number of other member states are saying, listen, the proposed new rules on tracking on road capital are having a disproportionate impact on on isolated regions. Of course, I will not enter into the matter of the specific case, but this shows that we need a more systematic test to to see that the needs of islands is is ingrained in the system. That's all from my end I will continue to follow with interest discussion and many thanks again for this initiative. Thank you very much. Thank you very much, Dr Agios for your presentation. I believe we have the president Tiani with us, if we could possibly see him, I'm being told that he's joined us. Could we ask a control room if we can get through to Antonio Tiani. No, I still don't see him. Okay, so the end of this first round of comments I would give the floor to the Vice President of the Sicily region, Gaetano Armao, to hear his impression, his views on what he's heard so far. Thank you for your suggestions. So, Professor Armao, I'll give you the floor. And when President Tiani joins us, I might just change the agenda slightly. Yes, sure, absolutely. If President Tiani joins us, I'll disconnect. First of all, let me please thank our friends who've spoken this morning for the attention they've paid to what I said, and also to the crucial focal point of this meeting today. And this brings me back to what we heard this morning, what Sergio Caci and Giuseppe Malazzo said, which is Sicily's role in the south of Italy, the Berlin Islands play in the European dimension, and rethinking front-ex, rethinking migration policies. I think there really needs to be a greater focus on borders within Europe. And clearly, as Giuseppe Malazzo rightly said, European Union is facing this crisis with a strength that never knew it had, I think if we look at Europe a few days years ago, everyone was very much closed in watertight compartments thinking about their GDP. Their figures, numbers, parameters, everything was all very rigid. Now, Europe is much more open, much more forward-looking, and there's a considerable focus on younger generations who are seeing themselves as living in a Europe that is changing. And that is the whole concept that we're talking about here, Europe rethinking itself. And I sent you a version of my presentation and it'll shortly also be available in English. What I tried to do was consider the context, the setting of a Europe that is changing, a Mediterranean that is changing very deeply and an African continent that will very soon be changing. If we think of Schumann's original text, well, I think we can just imagine how far we will be by 2050, so we're very much closer to the future than we were from Europe's roots in the past. And I know that time is moving along at warp speed, and if Europe's borders for southern Europe, for Italy are truly looking forward, then altogether we must be looking at what is happening in the Mediterranean. We're seeing migrants arriving in the Puglia region, in the Campania region, in Sicily, not just Sicily. Generally speaking, Italy's culture, the south of Italy's culture is very closely tied in with Spain's and Portugal's, and the same would go for Greece or Cyprus in relation to Turkey, for example. So I believe that even given the dramatic events of the past few days that we're seeing over and over again on the news, it's really bringing back to the 1970s when we're seeing the Gaza Strip, those dramatic pictures of clashes between Palestinians and Israel. It's a phenomenon that is certainly not of a local nature only. And with Europe's strategy and with Europe's vision, it needs to tackle the issues and the challenges of the future. That is our perspective. And what we must do as the European People's Party is to convey our culture, our values, to contribute the institutional and popular concept that unity is the answer. Coming together, communicating, seeking dialogue, this is what will enable us to get away from a purely national view of things, making the Mediterranean a sea of peace and serenity. And this was in the minds of the founders of the European Union when they first thought of the European community and then the European Union as the solution, the solution to those dramatic dimensions of war and conflict that for decades were part and parcel of our life in Europe with constant wars in between short periods of peace. The past 70 years have been peace, years of peace in Europe, and that has only been thanks to the European Union's existence. Obviously there have been clashes, there have been issues, but gradually Europe is becoming more integrated. And this is what we heard from a Giuseppe Milazzo before. I think the idea is that of rethinking and relaunching a new European constitution. It cannot be a mere window dressing or tops. I think about the direct election of European Commission, for example, and I think that obviously it needs to be focused on and Cedric Archie was quite right. Also, in commenting on the regions and the role of the regions, which must no longer be a marginal role. They can truly make a very vital contribution towards a multi-level dimension that will truly convey European values, which is very much in line with our own values as a people's party. The values that pay attention to local communities, to local interests and the first frontier of democracy, that is, local authorities, local autonomies and local communities. These local authorities are closest to citizens and our party is a political party. It's a European political family that can express its values, the values of Europe and President von der Leyen's leadership is displaying great vision, great foresightedness, particularly in regards to migration, agricultural policy. There are issues that need to be tackled and solved urgently, but relaunching neighborhood policy, relaunching European institutions from the standpoint of its bureaucracy and streamlining that democracy is truly something that we must work on. Let us hope that these seminars, these remote seminars will soon go back to being held live so that we can come together and display the determination that we all have to achieve change. Thank you very much. Today, we're adding a little food to the thought that hopefully will take us further ahead. Thank you very much. You mentioned Sergio Caci's comments earlier and I believe he wants to take the floor and make a few comments. Mr. Caci, you have the floor. I take the opportunity. I take this opportunity. And I wish to go back to what was said about Israel, what Tugay Tanarmal just mentioned. Yes, we can hear you fine. Thank you. Well, Israel, because of course this is a very, very special, special and warmly felt issue. The summit is, I think, is going on at present. President Tajani participated to an event that took place in the Jewish neighborhood in Rome and I attended as well. And there were many, many Italian politicians attending, so it was not anything that had to do with a specific party, but all parties were represented. And then I went to the website of the Palestinian Embassy and the ambassador, the Palestinian ambassador was complaining about the fact that there had been very few declarations by Italian politicians or European politicians about what was going on. My experience, well, my experience goes back to European institutions and I recall the experience of Mr. Milazzo and President Tajana. In Europe, the only state that recognizes Palestinian state as a state is only Sweden. The other states have never recognized it as a state and there were children at the event with boards declaring let's free Palestine from Hamas. But the public opinion is not really taking sides. I mean, they are not just siding with Israel, but of course they are considering also the difficulties of the Palestinian people. In the, in 89 we eliminated walls whereas now there they are building walls back again, since Israel is very close to the European culture. At some point Israel wanted to become a member of the European Europe. And so this closeness must also be accompanied by some advice, because the stances taken lately also by the Security Council at the UN by the Israeli president. Well, I don't, I don't approve, even if I had just a mere of a small, small municipality, but I have friends who work within institutions both in Palestine and Israel and I don't think it is acceptable. The end. We don't hear you Leonardo I think you need to switch on your mic. What about now. Yes. Thank you. Good. Okay, thank you very much for your comments I'd like to like our ask if anybody else would like to take the floor, whether speakers or participants, you're welcome to turn your mic on. I would like to make whatever comments you wish to make otherwise. I would give the floor to Dr argues if he's still with us, and perhaps ask him if he has any comments to make to the previous words. Mr Milat so if you'd like to take the floor. I would say to our now and Milat so that next time you come, I come to Sicily I'd like to be able to cross the bridge. Whether you come to see us or we come to see you. It would be great if we could cross the bridge over the street. Mr argues. Okay, you have the floor. I mean after the comments you heard from our participants. What about what sort of thoughts do you have now. In English, but I suppose that there's an interpreter that helps you with Italian. I would I wanted maybe taking a cue from what Vice President are now said to open this discussion a bit also in the context of the recovery funds. The recovery fund after the COVID the pandemic. I saw that in Italy there was a very strong dimension a regional dimension I saw that the region of Sicily, for example, made a very strong case for a number of infrastructure structural projects to be completed. So discussion about the airport in Mela and the metro metro system in Palermo and the straight to the machine up. I'm very interested to see your perspectives of this on whether this this process is satisfactory enough when I see when I see the process in Malta. I am I'm a bit disappointed in the sense that there is not. There's no public discussion about this. And, you know, I think this this process should be wider should involve a wider public discussion for the public to also be involved, because after all, we have European funding we have European regional policies but it is fundamental that we open up this process to the public. Because one of the elements that can actually allow us enable us to get Europe closer to the citizens if we keep the, you know, the process away from them then it will become much harder for the citizens actually to feel part of this. I don't know whether what kind of perspectives you have of this context. That's all from my end it's a question actually more than than a statement. Thank you very much. So I wanted to, I think, understand that there is an honorable guest. Colleague. Colleague. In the thank you to all of them who came and before we get started let's say the congratulations to the President of the Italian region, Professor Beta Norma. Thank you. Thank you. I thank you for the attention and passion you have helped us organize this initiative today. Thank you also to Pedro Girona and Francesco Cimó, who gave us the opportunity to organize it thanks to the Telepraties and especially thanks to the European Parliament, which has hosted this initiative today. Thank you to the European People's Party and to all those who are behind the scenes and in front of the scenes have been assisting us today. And I think that thinking about the Mediterranean perspective for the new conference on the future of Europe is a very original initiative. And it offers the opportunity to open up a whole new perspective that is quite unusual when we think about the future of Europe. But I think of what enabled the European People's Party to convey its values, its ideas, its founding engagement commitments that can truly give a useful contribution to making Europe less selfish and more interested and keen to solve the challenges that lie ahead of us across Europe and from north to south. So this is the perspective. I hope that today we were able to offer the EPP food for thought. And I hope that that food for thought will in fact engage citizens more closely via the platform created Europe-wide to bring together ideas and proposals and the thoughts of our citizenry for a Europe that truly can look at its future interpret the aspirations of some of the most trouble, more troubled areas, more marginal areas, so that there is a perspective of the future in the interests of the new generations. I think that's our duty. We've been fortunate enough to receive from the European institutions a great legacy. We need to be truly able to convey the best of all that to those who come after us. Thank you very much to Professor Gaetano Armao, it was his initiative that enabled us to come together today on a very interesting subject. I'd like also to thank the Honourable Giuseppe Milazzo for joining us. Mayor Sergio Cacci, Professor Peter Agus. Unfortunately, we had problems joining with Antonio Caittiani, whose secretariat has sent his apologies for being unable to be here today. But I'd also very much like to thank the European People's Party COA, all the people from the party who are behind the scenes. And who made this event possible. I hope there will be more like this, thanks to the efforts of the Insularity Group in the Committee of the Regions. So thanks to everyone. And as you said, hopefully next time we'll be able to meet face to face. But what matters is for us to be able to come together and think about the future of Europe. Thank you everyone and have a great day. Thanks once again. Thank you. Bye bye.


Hi everyone! Very sorry I couldn't be there in person. Thank you so much to Alfredo and Jonathan for arranging things so that I could speak to you this way. As you can see from the title card that I think is somewhere around my chin or to the right or left, who knows. My talk today is trying to cover Tailwind for WordPress developers, why WordPress developers might want to use it. And before getting into that I want to give you a bit of context. Thinking about the number of lines of CSS I've been writing per year since I started making websites. I know we all lie in bed at night and think about these things and for me the graph starts back in 1998 when I first was being paid to make websites for people and there was no CSS. So it's a glorious flat line and then as you can see things start to curve up a bit. Once you hit around the 2000 mark things started to get to the point where it was safe to use them and it just escalated. By the mid-2000s, writing a lot of lines of CSS, not doing much to organize them, just throwing them into a single file a lot of the time, it was a different time than now. Things did change. We had a distinct drop in the number of lines but we add a new dashed line representing the number of lines actually being sent to visitors of websites I created. The solid line is the number of lines I typed by hand and as some of you may have guessed, SAS. I love SAS, used it for more than a decade on every project I did and it really helped organize my CSS and made me happier writing CSS. And SAS functions certainly changed things, made it easier to do all kinds of things that were hard to do when it was all done by hand. And that began. SAS was probably the reason I started adding build processes to all of my projects and I never really looked back from that. That really helped me do a lot more interesting work, I thought, and take on bigger projects and so all that I think started with SAS. Then, the big change, 2018, huge drop in the amount of lines of CSS I'm writing by hand, minor drop in the amount being sent to site visitors. How do we account for that? Tailwind. So, what is it about Tailwind that gives us that huge drop in the amount that I'm writing by hand and a significant drop for visitors changing how much CSS is being sent over the wire reducing the bandwidth being consumed by sites? Let's double back to that after we discuss what Tailwind CSS is, because that will give you a bit more of a sense in terms of how that chart is possible. I like to go straight to the source. If you go to the Tailwind CSS website, they describe themselves with this sentence, rapidly build modern websites without ever leaving your HTML. What does that look like in practice? This is also taken from their website, so no credit to me for this one. So, as you can see, there are already a number of Tailwind classes on your screen. So in the code on the right, you can see they're just the classes attached that describe how the figure to the left is laid out. You can see, for example, it has a light gray background. It has rounded corners. That's the background gray dash 100, the rounded dash XL, the image below, it's width and height are defined using Tailwind classes. And then when you get into the text, they've done some minor things. They've made the quote itself large and they have added a bit of padding and spacing in between the two sections. But let's see what happens when we really get going here. So as more classes are added, you can see things getting fleshed out. So the image is now a circle. We're making the quote semi-bold. We're going to add a bit of weight to the type below. We'll make the name blue, and we will gray, just lighten down the credit. Now, from there, we're going to start making things responsive, and we're still doing everything just by adding new classes. So they're doing everything at the medium size. Tailwind defines some sizes for you. So the medium size is roughly a tablet and portrait. And so we've added a number of classes. Just doing that, you've created these two distinct responsive versions of this quote card without leaving this HTML at any point. And you've done it in minutes without jumping around into different files, without doing things that might affect other things in your project. That's the concise summary of what Tailwind CSS can do for you. So let's talk a bit about the properties of Tailwind CSS that let it do this for us. So first off, and the thing that if you're familiar with utility classes you've noticed already, it is utility class based. And what is a utility class? So if we look at some HTML that was written without Tailwind CSS in mind, you'll see classes like these, classes that describe the thing that is being created. So the HTML is creating the notification block above. It has various wrappers that are needed to attach styles to the items below. And then as you go through, you can see that in each context you're adding a new name. So you have to think about these names. You have to think about what the wrappers represent and are doing. And then you would then write the CSS for this. Obviously, if you're using something like SAS, it would be organized in a different way. But fundamentally, you are naming the blocks that you're creating and then you're adding the CSS to attach to those. The exact same element above, this is what it would look like created with utility classes. So instead of creating custom CSS for each of these design elements, you're instead just adding them directly in the HTML one after another in any particular order. And so you aren't writing any CSS for this. When you add something like p-6 or mx-auto, it will write the corresponding CSS for you and attach it to your project. So in your style.css file in a WordPress theme, the presence of those classes in your project causes the CSS to be added to that file. You don't have to write it yourself whatsoever. And that has a bunch of benefits that we'll get into. But the way to think about it is that each place that you use one of these utility classes, it only needs to be defined in the CSS one time. So it may seem as though you will end up with more CSS in the end, but that just isn't the case. That's sort of the power of utility classes. You write them directly in the HTML and creating one corresponding CSS block, and then that can be used throughout your project. So there's a big savings there, both in terms of time to write the code and then in terms of how much is sent to your visitors. A big benefit with Tailwind CSS. So some people may recognize the concept of utility classes from lots of other CSS frameworks. If you think about Bootstrap, it is using utility classes. Some of them are exactly the same or very familiar. But a big difference with Tailwind is that it is totally design agnostic. So when you start out and we're going to see this once I get to a demo, it is very raw. It's not dictating anything in terms of what your site should look like. It really expects that you are bringing your own design system and your own design, and it makes it possible to build absolutely anything. You don't end up in a position where you start out with your site already looking like something. You really start from the ground level and can build up your site from there, which is very valuable if you're building client websites based on a design that is provided to you. And finally, it is optimized for production in a very deep and thorough manner. So everything about it is really building towards this idea of sending as little CSS as possible to your visitors in as prompt a manner as possible. So it takes less time for you to create the CSS and then once it's ready to be bundled up and deployed, it is creating the smallest file possible. And that ends up the utility classes themselves end up creating a situation where you just end up with less CSS. It ends up being easier to keep your CSS organized in a way that prevents duplication and prevents you from sending CSS to visitors they don't necessarily need. So in my experience, the amount of CSS that I was sending to site visitors just dropped, it dropped a fairly significant amount from this more than other optimizations I could have managed. Switching to something like Tailwind though, it's not really about the technical side of it. It's about how Tailwind can make your life better. And so let's look and with those ideas in mind, what is it about the properties of Tailwind that let you do things like work faster? So I have found that I am able to complete projects much faster than before when using Tailwind as my CSS framework and that comes from the elimination of almost all context switching. So you don't have to be jumping back from one file to another. You can stay in one place, just keep blaring on utility classes until things look the way you want them to look. And you don't have to worry about things like specificity, nesting issues, things that come up in SAS that start to get quite complex once you're building components that are used in multiple ways. And sometimes that comes down to realizing late in the project, hey, this component needs to be in multiple places. And suddenly you're fighting with restructuring it throughout everywhere it's referenced in CSS. That's something that just goes away. It goes away when you're using utility classes in this manner. And you don't have to think about naming things anymore. So you have all these components. Who cares what the wrapper should be called. You don't have to decide. It's just you drop in the utility classes that say how it looks. You will be done in less time and you will not have to worry about wrangling these nested blocks of CSS and trying to make sure that the specificity you've created doesn't end up overriding a global property that you want. There are all sorts of things that you just are no longer things you have to think about. You can build absolutely anything. It makes it so simple to create a design system that you can use throughout your project and to maintain it in a way that just will keep working for you from start to finish without having to refactor a lot of things. And without having to it's the bootstrap example again where you don't have to fight against presets that end up making it. You know that you're already baked into a grid or form styles or anything like that it's all it all comes to you. Unstyled in a way that's very straightforward to build up to the design that you're creating for your client. And just as an example I recently had a project come to me where it wanted to reference chemistry and so the entire site was hexagons hexagons everywhere and that ended up being no problem at all. I just I feel like it there's this idea that tailwind has a look but it's really not about starting out a given way. I think there are component systems that can send you looking like other tailwind sites but you start it you start at zero and you can go in any direction you want. There's no look for a tailwind site out of the box and you can create absolutely anything with with less effort than I've found with any other CSS framework. And finally if like if you're like me and you have a lot of projects on the go or you have clients coming back to you for changes it makes it so much easier to go from one to another. You don't have to dive back into a project you haven't touched in a week or a month and start going through the the SAS files and thinking how did I structure things this time. Or digging through just a single SAS file and saying all right where does can I change this and not override how things look in any other places. And it gets as a project gets bigger and bigger that can get harder and harder this just eliminates that issue all together. And then as you have more projects that you're leaving for months because they've been deployed they're live your clients are happy. But then they come back and they just want to change one minor thing those minor changes are so much easier it's hard to even quantify how much time I've saved. Just by being able to jump into something add a utility class recompile the CSS deploy it and move on to something else it's it's so much easier and faster than anything I've done before in terms of those sorts of changes. If you're adding a new component especially that's something that can you would I would worry in the past but about things I add clashing with things that are there already that worry is just gone. So how do we bring tail into WordPress because there isn't a built in system for this it's not something tail and itself doesn't have a place you go that explains how to bring it to WordPress. And WordPress itself is evolving so much right now that that really it takes some thought to think what is the best approach. So I think that hybrid themes are really the way to go. If you haven't if you haven't been immersed in the world of the different the names of the different types of themes we can build now hybrid themes are PHP based. So the three things are going to talk about right now are classic themes hybrid themes and block themes. So like classic themes hybrid themes are PHP based and if you've been building themes for years they will be very familiar to you but they fully embrace the block editor for content. That's the big difference between classic themes where it's it's sort of they might but they don't necessarily hybrid themes will have a theme.json file that will define things for the block editor. They will make full use of the block editor throughout that's that's the best definition of that. And I think this is the best way forward for the foreseeable future in terms of integrating tailwind into WordPress. Could you use it with a classic theme you could. Why would you I feel like I the block editor is truly great and it is where WordPress is going and I feel like to not get on board with it now. I understand if you have old projects you may still be embracing the classic editor I have old projects for clients that that still use it but if you're building something new. I would suggest using a hybrid theme but there is no reason you couldn't do it with a classic theme. And what about block themes I think if you really put your mind to it it could be done but I just wouldn't suggest that block themes right now especially are very much evolving. And they have very strong opinions about how CSS should be integrated into them and are generating blocks of CSS throughout. There are all sorts of things going on there that you would be fighting against. I think again as block themes evolve I think we may get to a point where it makes sense to integrate tailwind. I wouldn't suggest it now but if you do it I would love to hear about it. So what does it actually look like to build a theme with tailwind. Let's build one and see it in practice. I last year wrote an article for CSS tricks before the big digital ocean thing happened called adding tailwind CSS to new and existing WordPress themes. If you wanted to go the route of really starting from scratch adding it to either a new theme or one that you're already working on I recommend my own article. I'm not sure if anyone else has written anything along these lines but I know that I covered it. So that's if you wanted to do that you could read this article and it talks about it a bit. But if you are not interested in starting from scratch in the sense of figuring out how to integrate tailwind to run into a bunch of gotchas and potential issues I have also created a theme generator so inspired by underscores or underscore s which many of you may remember. It is called underscore TW the TW is for tailwind. It lets you generate a theme built for tailwind right out of the box. And so if you click that button the generate button you would end up on this page or download would begin and you would have a theme. And so that is what I've done once you have that theme so you're going to unzip it you're going to move it into your WP content slash themes folder. And then once you've loaded in your code editor of choice assuming it has a little terminal. These are the commands that you need to run and this is this is it this is all you need to do to get things moving with tailwind. So let's see what that looks like. So I have loaded I already copied everything over that happened in the background. I'm running MPM install and now run MPM run watch. Once you've run this command from then on it is going to be watching your entire project checking for any utility classes you've added and as you add them it will add them to your style that CSS file simple as that. So let's we talked I talked a bit about design systems so I'm this is going to be extremely basic but just give you a sense of how this looks. If we wanted to add our project colors and project fonts where we do that. So tailwind comes with a configuration file. So this is tailwind.config.js. I'm going to scroll down to the theme area. I'm going to add a new block for colors. I have to spell the American way even though my slide went to Canadian which was you know gotta gotta keep it accurate in Vancouver. So I'm adding magenta first. I am then going to add pink. I'm using the same colors as my title card and so let me just figure this one out. So I'm adding pink and that is it. So now now a range of utility classes are automatically created for those two colors so I can use it for backgrounds for borders for any for text anything I want. I now have magenta and pink all the corresponding utility classes are automatically created. So let's take a look just to give you a sense of what it looks like in practice. Let's do a really quick job of laying out a page header. This is what things look like with no work done at all on the theme we just installed. So it does center. You can see it centers the text by the way this text is just a blog post I wrote a long time ago. It will yeah so I just paste that in. It will center that text but everything else is pretty pretty unadorned. It's very basic and to call this middle text adorned would be a stretch but it's centered and it's not the full width of the browser. So I guess that's something. So let's see what we would do. First yeah so let's let's start up here in the header. I'm going to switch back over to my code editor. You can see I'm in the header dot content file. So all we have to do let's start out in classes. Let's make the background magenta and let's put some white text on top of it. So make all the header text was make it white. It saves which back over refresh already off to a pretty good start. Now let's see if we can move that menu over to the right. We'll just switch on display flex and we'll justify between then we'll get far left far right for those elements. Things are looking a bit tight to the edges. So let's add a bit of padding you know we're already in much better shape. But what can we do about this menu area so the easy part is that we will take this button so this button would be used to show the menu on mobile devices. We're not going to worry too much about getting into the responsive side today. So I'm just going to hide it so display hidden simple as that pop back over it is gone. And now what shall we do about this menu. So here's where things get a little bit different. If we look in our PHP file so we have a standard WP nav menu block. We could there are all sorts of things we could there are a number of ways we could address this. We could create go all out and create a nav walker that would apply the CSS classes to the different elements. There are ways we could stretch it. We could we could sneak some classes into this block here straight in in the in the function itself. But instead of doing that I am going to show you an example of using a tailwind. The common question when you're first looking into tailwind is how do you if I can't control the classes being created by my CMS or whatever system I'm on or or a JavaScript widget anything like that if I can't control the class names. Can I still apply tailwind classes to them. And the answer is yes. So let's take a look at this we're still we want to change this menu we just want to make it left and right to side by side as well. We already know the ID is primary menu. So I am just going to jump over to a file called components dot CSS. So it's meant to be custom styles that that you add to your your tailwind theme. So we already know that primary menu is the ID. So all we're going to do is it's it's that's going to be the the unordered list element. So we're just going to make it flex put a gap in between the two items and that should be enough. There you go. So now they've popped back up we could we could do a lot more elaborate things we could highlight the active element we could go much further than that but that gives you a sense of we can apply styles in that way. But let's let's let's make things a bit more obvious in terms of hierarchy between our friends our logo our friendly logo on the left and our menu on the right. So there we've up the text size and then but they're not lined up anymore. So I'm just going to change it so they show the same baseline. So well let's bold it to and then yeah we're going to change we're going to set things on the same baseline. So do items and and now if we refresh we have a nice bold logo and if you look we've got a perfect line there they're lined up great. So let's let's call today on that header but what shall we do about this footer at the bottom. This is our out of the box. We've got some widgets. We've got some things going on down here. Let's create a super super basic footer. What will that look like. So I am going to delete most of this I just want to make a little note at the bottom saying saying we made this site and we're happy about it. So I'm just going to delete all of this. This is going to be very similar to what you saw at the top but just to give you a sense of how quickly you can start moving things around and styling things. I'm going to keep this wrapper that that had the probably powered by block but I'm just going to type it out to make it very clear what's happening. So now let's add a paragraph looking good looking good. Now let's see how things are appearing over here. Yeah you know so still very unadorned. Let's let's let's use the other pink we fired up and so we'll set background pink instead of background magenta and we'll do the same padding and let's center this text. I think that'll look a bit better and refresh again and there we go. Nothing special but you can very very quickly start adding classes moving things around. And so this gives you a sense of obviously if you had more down there you'd be throwing flexes around and adding gutters and all those fun things but that just gives you a sense of how quickly it can happen. So with our header and footer covered what can we do about the content that we're getting from the block editor. That is our next key spot. So when you think about post content often this is coming from clients or this is something that you you don't have full control over and tailwind has a solution for that too. So there is a an official tailwind plugin called tailwind typography and it creates typographic defaults. I'm reading straight off straight off what it says typographic defaults for HTML you don't control and what better description is there for the things that people put into the block editor. The classic editor all the editors and what did so let's let's activate that plugin and take a look at how things appear right after that. So again so I'm just going through to give you sense there's a hairline in here there's some headings but it all just looks like text back in our config file. I'm just going to add so this is the line for tailwind typography I'm just going to uncomment it save and here we go this this is just this is just a starting point. This is to show you what you get out of the box just because it will bother me for them not to be there I'm going to add some margin to the top and bottom so we've swung over to the content our single dot PHP file. We can add utility classes straight into the post class function so I'm just going to add my means margin on the top and bottom 12 is a bit more than we have for the padding for and the header and footer. And so now it's you know it's a generous space but let's see what can we do about the style of the link and the headers. So I swung over to my functions dot PHP file there's a constant here called underscore TW typography classes and this lets you control project wide the classes that are applied to the content coming from the block editor. So we can actually add tailwind utility classes but specific to different elements of our typography block so if I refresh now we're going to get magenta links and header and headings. But I think we could probably still do a bit more to distinguish between our heading levels actually let's see how this looks in the in the admin first so you can see inside the block editor itself it has also updated so it also now gets the. The magenta headings we created the magenta links that all happens behind the scenes without us having to do anything in particular. And just to give you a sense of how things can be changed and even a more specific level let's take the age three and we'll just make it black so an easy thing to notice. So we'll swing back over we refresh in here and our second heading seconds age three or third level heading but our second heading in the article is now black. And let's swing over to this refresh here and it's black here as well so we're just adding there's just one place where we can make all these decisions so so we could style the text size in the paragraphs the space between paragraphs I have used it to make. Intended paragraphs there's no space in between at all you can style block quotes all these things you can apply utility classes to them and they will be applied. Anywhere they're coming from the block editor and they will be reflected in the block editor as well so it gives you this great way to. To customize that part of the project without having to worry about that being a separate thing that you need to go go and write custom CSS for. And finally I had promised that that I hope gives you a good sense of what it looks like to bring tailwind to themes my suggested approach being the hybrid theme but the same thing working across it. And then but what does it look like in a WordPress plugin so I haven't seen a ton of plugins that are using tailwind but there is one big one that does. Yoast SEO started using tailwind for its settings area in the back and I'm almost certain this is powered by react it's it's the settings area you get from from the menu. Not all of the if you go to general some of the other ones you're not getting this this advanced settings area I think they're sort of rolling it out to more parts as they go. But right now if you go to Yoast SEO settings you will see this page and so if you have something like this in your plugin it could make it could definitely make sense to use tailwind. And the only gotcha is that you should name space your classes and what does that look like so. Because the class names chosen by tailwind are pretty generic if you started using things like hidden things like background read you might conflict with another plugin or with the theme that is being used on the site that your plugin has been installed on. So instead of doing that the trick is to add a namespace ahead of them so there is a tailwind feature that lets you out of prefix in Yoast SEO case they have chosen YST so they knocked out those vowels and made three characters long. So if you start looking here you can see a mix so you see. Once you may recognize so YST-P-4 towards the center we were using P-4 so just prefixes it with YST this makes sure that they don't have to worry about conflicting with anyone else's styles. And in terms of doing that in tailwind in that config file that we looked at before it really is just as simple as adding a key for prefix and saying what your prefix is. And then all of your generated CSS will have that prefix and then you just have to type with the prefix when you're adding your classes. But let's step back even more why do any of this why switch to tailwind when you have a system that works for me if you look at this little chart. It seems like a big life moment for me in 2018 was discovering tailwind and it was but other big things did happen in 2018. I became a dad and I had a lot less time and it was no accident that I was searching somewhat desperately for ways to do more work in less time. And to not have to worry about working at night not have to worry about working on weekends and to make the same amount of money hopefully so that was really the goal and it worked. I really you know we're already all using WordPress I don't have to talk you into that or I assume the vast majority of people in the room are already using WordPress. So I don't have to talk you into that but I will try to talk you into tailwind because I feel like of the things I have used in my career the things that made the biggest difference in terms of my quality of life have been dedicated myself fully to using WordPress when I stopped trying to create my own CMSs or use other CMSs and switching to using tailwind for all my client projects those are the two biggest things in terms of improving my quality of life. And to me it this is not a story about having a kid this is story about time we could all use a lot more time and I really feel like this is a way to free yourself up. There are things you wish you were doing if you use tailwind you could probably do more of them because if you once you really get into it I just feel like you can do more projects in less time. And I haven't talked about this much up to now but I just became a lot happier doing them I feel like the. What felt like drudgery of going back and forth from template files and then moving into CSS and writing nested CSS and naming the things that I just built and going back and forth from those files it just felt like a slog. And now I feel like when I work on new projects I go into it knowing that I'm going to enjoy every part of the project I'm going to enjoy the. Difficult parts about building a site with WordPress I'm going to enjoy building the front end for knowing that it just feels fun it feels. Like everything is at your fingertips you can build things quickly you can build things and have exactly what you have in mind just be translated to the screen in a way that feels really it feels wonderful it feels like. Magic almost just how quickly you can you can get things going that is my pitch I am sorry I couldn't see your faces as I gave it to you and thank you so much. See Greg can you hear me. Okay that's good can you see them. So somewhat of a camera there cool well we will. Yeah we'll throw it out to them anyone who's got questions raise your hand Connor's got a mic. Yeah I see him running somewhere. Let me know if you can hear them. Hello can you hear me. All right awesome I'm just looking through the GitHub repository for underscore TWU. I thought WordPress needed a index.php and style.css for a theme but it seems like you don't have it in the root you have it in like a theme directory how do you manage to do that. So that's not how I recommend deploying the introduction but the my understanding of the legacy reasons that I'm working is that I think automatic cells want to set up a master repository that has a huge number of themes and so if you look at the automatic slash theme repository you can see that it has dozens of themes. If you drop that into your themes folder it will pick up all of them even though they're not in the root they're going to level down. So I have a useful WordPress code to see that that's what's happening and what it is doing is it will look at every subfolder for first out of CSS. That said I don't recommend deploying that way it's more it's sort of cheap so that people can develop it more easily so that people can. And I guess started really quickly and then because there's the workflow in place to funnel the creative elements to send that to deploy that in any way you can use appropriate. That one is what your production site doesn't use this kind of path to develop my eyes. My eyes but it is what I'm using for their master. And again we're doing. More than any plan to remove it or change it is just a legacy way to allow me to use one folder. And so we just have one subfolder but it works out the same way. All right thanks. Anyone else questions questions. Anybody have any more questions. All right I think we're good. Well thanks for dropping. Looks like we might have one here. Awesome. Thanks for putting all of this together. One if my understanding was right one of the differences between the way this works and the way something like bootstrap works is it feels like the NPM build process is only including the expansions of the utility classes that you actually use in your in your theme is that correct. That is exactly right. So the original way that we were back in the launch. It would create a CSS item and purge everything that you didn't use using first CSS. Recently they re-tooled their workflow. So now it actually only adds it will. It will go through with everything you use and then add it one at a time. They did this time so much for optimizing their stuff they can do that. Yeah. I don't know if you saw it. The build time of my computer is in the fall part of 150 milliseconds. It's going through every file on your team finding every single tenant class in that state. And the reason they change their approach here is now you can do arbitrary utility classes. You can create your own that aren't part of the spec built into you. You can put things in a square bracket. So if they don't have the exact color or side they're looking for built into your debate. You can just use them one time. So that's something they re-tooled how they had that set up to allow any big and infinite number of the naturally utility classes as opposed to a set library that they then purge. Yes. I actually had a question myself of that's okay. I was wondering what would you say is probably the biggest drawback of using Tailwind. In WordPress or generally that you might not have touched on before. The drawback specific to WordPress. I mean your workflow does have to be tailored a little bit. If you're not used to having a build process that you're not comfortable with then you simply can use it. The nice thing about setting up a build process is you can use it for other things as well. So the build process and the under source W theme I created, it also handles your job experience. So the whole build process is very useful. But again if you're not comfortable with that kind of approach that it wouldn't work out for you. If you are working on a team then you're kind of deciding if you can make it to use in Tailwind. You're kind of deciding the rest of the team on Tailwind as well. Which isn't necessarily something that everyone is comfortable with at all times. Those are kind of those two biggest drawbacks that I see. You have to change your workflow and if other people are working on it they have to change their workflow as well. But if you compare it to some other system, once you learn the basics of what the use of the process looks like. Tailwind is just so good that it's pretty quick to pick out and be able to modify things. And it's time saving in terms of not having to look through a project and try to understand how the components are, how the aspects that you can class components and how things are set up that way. You can end up spending so much time there and you can only learn one project where Tailwind wants to play a review.  There is a curve up but it's not that steep curve and I think it's worth it. But it's not the last thing. It is not a drawback.  Cool. Thank you. Looks like you've got some more in the back. Hey, hello. By the way, thank you for your team generator. I think it's brilliant and I'm going to definitely use it. One question I had is regarding custom teams you do for customers because you talk about hybrid team. So what's your approach for, let's say for pages for your customers when you build something for them to maybe interact with the block editor? So do you usually go more kind of for specific pages like art code? Let's say your own page. Are you going to art code that and use all your Tailwind classes and your loops in your theme? Or are you going to let them, you're going to build in with the block editor and then kind of try to override these classes with your Tailwind method? It really depends on the client and the client and the budget. But I will also try to approach this. So sometimes you can look at home page and see it and say, nothing about this is like any other page on the site. It doesn't make sense for me to simply create a template for this and basically art code in. Do the things that you edit or something like that. So that's one option. But generally I'll try to do as much as possible with the block editor. With Tailwind it's not that I'm giving that my clients will never learn Tailwind's utility class names. They never add directly influence that I'm using. But I'll try to set the block editor with custom components to be able to create different designs they need. And that's something where you can use, you can create a custom block. You can use Tailwind to style that block. And you can do the block with the dance house and use it if you're not comfortable doing it. So you can do a true custom block using the dance house. You can do that as well. Both ways can be done with Tailwind. Okay, last question. In terms of using JavaScript 4.0, let's say your menus or your mobile menu. Do you like using Alpine.js? I'm just wondering if you or Javadar recommendation for like quick JavaScript. If you experience using Alpine.js. Alpine.js that... Yeah, sorry. Yeah, okay. I didn't want to get into it. In the same way, so I'm just going to tell you the generator. When it's launched it includes Alpine.js. Okay, good. But I felt like there were some people who weren't interested in having, also having a JavaScript library. So I brought that, but it's a 30 seconds install if you want to add it. And that's one of the first things I do when I set up my own projects from the generators I had at Alpine.js. Yeah, I strongly feel like the combination of Alpine and Tailwind is wonderful in its way. It's on Alpine.js for sure. Alright, thank you so much. I think we had one more question there, yeah. Hi, thank you so much for the great presentation. It was really helpful. I just have one question. I wonder if there is an easy way to kind of load the CSS that is used for each page only for that page. I mean for the WordPress website when it is on each page not to load the whole CSS of the website. So one of the big benefits of Tailwind is because you're using the same utility classes throughout the site it ends up making a site-wide CSS file that's really concise. And if you get one benefit out of that one CSS file that is the first time you load anything to your site and it never happens to load another one again, because the file size is just so small that it will, so long as your visitors are visiting more than one page you'll find that it's just made a future game load so fast and won't make the first game load meaningfully slower that I always, I suggest having one CSS file with classes in the whole site as a benefit of being, I think, a better situation for site visitors. And you did want to split it up. There is, in fact, a, there's a WordPress plugin. It's designed to see if the build process part in that you use Tailwind classes and that's trying to approach. So each time you save a page it is trying to create a CSS file that applies just to that page but there are drawbacks to that approach because it's doing that with Heather and Twitter as well so it makes changes to your Heather and Twitter. It invalidates your CSS to the entire site and then you have to figure out the ways to get involved with them. So there are, in my opinion, the problem with that method is it's more for real classes to be doing a page by page basis with this approach. That's something that you would, like, want to do something similar to that and work very well, but if you're going to use that, you're going to have to implement that as single, as single-wise. Right. Thank you so much. Awesome. Thanks, Greg. We're going to get, move on to our next person. Super appreciate you doing this. Everyone round of applause for Greg. He can hear it now. And if anyone has lingering questions. Yeah, thanks, Greg. If anyone has lingering questions, if you tweet or Instagram or Facebook or whatever at WCYVR, we can pass those questions along to Greg and he can respond to you that way as well. So thanks again. Have a good day, Greg. Feel better soon. Thank you so much. Take care.