 Hello, hello. Okay, let's get started. So I'm doing the intro as I think everybody who's in here knows I'm introducing Matt Cheney who is a longtime Drupal developer who believes it is Drupal's destiny To be part of the to run a double-digit percentage of the internet. He co-founded the San Francisco based consulting firm chapter 3 2006 where he spent several years building complex websites for some amazing clients creating some of Drupal 5's first distributions including the e-journal install profile for Stanford and the conference organizing distribution for NASA. In 2010 he co-founded Pantheon Systems which provides freely available Drupal development platform helping tens of thousands of Drupal sites with their development and hosting including many which run Drupal distributions. A longtime contributor to the Panels University of Modules, Matt is currently the lead maintainer of the Panopoli Drupal distribution which provides panels based page-building tools out of the box and serves as the base distribution for many other Drupal districts. So there's the intro and here's the man. Thank you very much. I obviously hope everyone's having a really good time at Drupal Comportland. Thanks for staying late for this last session of the day. As Dan as mentioned my name is Matt Cheney. I work at Pantheon and one of my roles there is to try to make Drupal distributions rock. I do believe that Drupal fits me to run double digit percentage of the internet and I think distributions are the way that we need to get there. As part of that work I do maintain a Panopoli distribution of Drupal that I'm sort of labeling as a base distribution. It's something that allows people to take a lot of common building blocks that have already been done and use that to sort of start their site development and make a really high quality Drupal site or distribution. I think Drupal is a magic thing. There's a lot it can do but if you download it off Drupal.org you get this thing. This is not what most people want. I don't think I want websites that this comes up as anything that's related to my hopes and dreams. Even though Drupal is great we've got 21,000 accounting modules. We have 10 years worth of open source development. We have some of the smartest people I've ever met working on this stuff every day that to the end user, to the site builder, that Drupal still is really limited. That it has a lot of confusing back end administration systems and that when you're coming to build a website sometimes you need something really complicated requires a lot of custom work. But a lot of times you just want something that feels like a website. This is open public which is a great Drupal distribution. Works for local government, like higher level government and when you download it, it is a website that feels like a website and you can start changing stuff around. You get some demo content, you actually have the ability to turn this live relatively quickly. And this is super important for site builders because you don't have to sort of think you're out how to do it. You just sort of modify the stuff that's already there. This gets helpful when you have common functionality you need. This is commerce kickstart. This is an out of the box e-commerce store. It's got product catalog, checkout, integrates with a ton of payment processors. It's very cool and if you're building an e-commerce store I'd much rather start with a demo store. I can change some stuff in to make work than to try to like go back to that blue screen and say how do I turn this into a store? Because Drupal is hard enough just to do some basic stuff, let alone all the site building, and that becomes really hard. And it's specifically hard too when you've got common branding and it's that requirements. Here's a version running a Drupal distribution, you know, from university you have specific brand and style requirements. Like can't we just have it look like that? And so instead of having to like figure out how to get all the CSS and styles to look the way that the site is supposed to, what if out of the box you couldn't just have these styles? And that's what people want. They want something really great out of the box. They don't want basic Drupal, they want something as close and as awesome to what they're going to end up having as not. And for a lot of the folks who are probably site builders who are responsible for making Drupal sites, like your focus is on content and on making the pages and the experience that the people come to your website see. And that's why you want something that comes out of the box that actually is really great, and you can spend your time on the top of the stack working on really amazing content and amazing pages for the site. Sort of like struggling down in the plumbing. You want something great out of the box. And if you work for a large organization, you also want to get close to the box and have a lot of sites. And that's one of the things over the past sort of year that I've been working on at Pantheon with a lot of larger customers and just people in the Drupal world that they want to create a situation where you can spin up something and have a lot of different websites that all do really great stuff out of the box that have the right designs and the right functionality. And that's very much what sort of monopoly is trying to help with, because this is a trend that all across this land we've got Drupal distributions. We've got the Canadian government and a related local and university folks in Canada that have a distribution they're standardizing on to help with multilingual stuff. NBC has an internal set of distributions for their work that UC Berkeley has several distributions to run hundreds of university sites. You've got folks like Phase 2 that have a huge number of different distributions run by a lot of people. AQUI has got a couple of really great distributions. The commerce guys has the e-commerce store. And individuals all over the place are working on distributions based on other distributions and stuff. I see it, I work in the space a lot. I see new stuff all the time. And it's really powerful because I think what I think about Drupal, we've got a pretty good community and a lot of sites. I mean, I think we're approaching about a million Drupal sites online. But who knows how far it'll go. I mean, there's plenty of things cooler than a million Drupal sites. And I think if we want to get to a billion Drupal sites, if we want to be the platform that runs double digit percentages of the internet, if we want to make it as easy to have a website that is to get a Facebook account, we need to work really hard to make sure that our foundation and our sort of platform technology that people use is really good. And we want to have a foundation for building distributions that if you're not like, if you don't have years of development time, you're just a university that wants to spin up a common looking site across organization, you're a media company that needs to have a bunch of different properties. But if you're just a person that wants something easier than what you had to do build from scratch and you want to start a little bit higher, we need really great technology for distributions in Drupal. And Drupal might help through a lot of these problems. What I'm showing you today is Drupal 7, but I'm happy to talk about D8 afterwards or in the Q&A. But in general, I think the important thing, and this is where we really get into some of the monopoly stuff, is that building a Drupal distribution is really hard. So folks who have sort of struggled to make install profiles, myself included, figure out how features work as great as that is, and making sure that all the dependencies and all the different libraries work to make a Drupal distribution. It's hard. And that's just before you start building a lot of general Drupal things you need. You've got to get your WYSIWYG and not only just turn it on, but you need it to be customized and have integration with different user roles, you can have different input filters. You want to make sure that you have a bunch of layouts that you can use for your site. You want to make sure you've got a better admin experience. You have to select a bunch of modules. And that every time folks in this room who are doing development build a site, you're doing a lot of the same things to get started. And some of you might have scripts or even your own distributions to do this. But to me, that's a lot of work that you end up sort of having to do every time. And when you're building a distribution, a lot of distributions have to spend that time. So you have to make sure you're always making a really awesome WYSIWYG, always making really awesome layouts, always making happy improvements just to even get to the point where you're actually going to build something really great. And so what Panopoli is, is it sort of an attempt to help people move up the stack? It's about saying if you're going to build a Drupal site, and specifically if you're going to build a Drupal like a set of sites, like a distribution, like don't just start by downloading Drupal and sort of starting from there. Look at something like Panopoli that says, we're going to obviously have Drupal Core. We're going to have a bunch of Drupal contributed modules that we've looked at, reviewed, and integrated. And we're going to build some higher level function on top of all of that stuff in a way that it gives you a starting point. Then when you turn on something like Panopoli, it doesn't just give you no content and not a lot of options to extend stuff. It still is a starter site, but it gives you a lot of features, which I'll show you today out of the box. And if you're just looking to do site building, great place to get started. And if you're looking to build a distribution, it's an even better place, because it's super easy to get Panopoli integrated into your distribution. And you can have a lot of functionality, like WYSIWYG's and layouts and admin improvements, without having to really do anything, but include a couple of modules in your make file. And that's where this kind of stuff is really valuable. And hopefully today I can leave with you guys with an impression that properly solves a lot of your base problems. It'll help you make distributions if you want. And it's the kind of thing that, like, I think can put Drupal into a sort of higher level and get more people using it, because it won't require, like, custom PHP code to do a lot of stuff. Like, you can make... I'll make some today, some really great pages and stuff that actually you might, like, put on the internet without having to do any code or even necessarily use the Drupal backend. So let's talk... Let's talk about Panopoli and let's talk features. So the first thing I'd throw out there is that Panopoli, like I mentioned, is a Drupal core that's Drupal 7. And it's also based on a bunch of modules that you need to do all the different things that we do. Here are some of the modules, some of the, like, you know, more branded and unique ones that we include. It's not an entirely exhaustive list, but it's pretty close. And the idea is that these are modules that, for folks who turn modules on and off, this actually might be really familiar list. It might look a lot like what you would install on a lot of your sites when you get going. And this is the kind of thing that, for someone who's sort of, you know, kind of like stuff already there, already installed, already configured, and already tested to work together, is really important. Because you probably all know about views, and by extension we see tools because it's dependency. But you might not use, you know, admin, views or module filter, which are great modules that make your Drupal site a lot better. And that, you know, some of these, like, you know, more V8 kind of features or stuff that's a little more complicated, like search API is actually super hard to set up. And having all of that already there and already sort of ready to go is a big deal. It's also cool because Panopoli keeps all these sort of modules up to date. So when you download the latest version of Panopoli, it already has all the modules with the right versions. And any, like, sort of must-have patches included along with it. That makes it super straightforward. So when you're sort of doing your development, you want to update a module, you can just update the Panopoli distribution to the latest, and then you'll have all the modules and you'll be able to go on and do some really great stuff. I've spent really about a year and a half working with a lot of module maintainers up here and writing a lot of patches to make sure all these stuff plays nice together and can be the kind of thing you guys can use to build sites and build pages without having to do a bunch of coding. And I think that's really important. Saves people a lot of time. You turn Panopoli on, you install it, you get all these things. You've done really not a lot of work, and that's awesome, and that helps you. Features too. Layouts. It needs a layout, and traditionally themes have provided a lot of these layouts, and that's fine. Themes are really great for a lot of things. One of the things that Panopoli does different is that it's based on panels as a module, but you can use anything you want. It's not specific to that necessarily. But what's really great is that out of the box with Panopoli, you get 31 layouts that are all like cross-browser tested. They all have responsive CSS properties, and they're all able to be added, changed, and switched in real time on the site. I'll demo some of that for you. Folks saw my talk yesterday on the panel. I gave some demos of how you can control your layout with Panopoli, but in general, this is a really great way to get started because you don't have to write CSS to do any of these things. You just get these layouts that are already there, and you can play with them and extend them. And like, you know, I mean, you're gonna run into use cases that have layouts that are different from this, and it's super straightforward. Just copy the one that's closest, and I go from there. At the back end, there's at least 31 are all named after mayors of San Francisco. I live in San Francisco. There's about 20 other ones that are open namespace, plus other cities that are mayors, or just random words, but it's really great because this is something that, when I used to build a lot of sites, I would have to start building a layout just when I get it. Now I can just find the layout that's closest, and maybe I adjust some widths in CSS or something, but I'm not having to reinvent this wheel to use this stuff. And for distributions, this is killer because because you have a distribution based on monopoly, you know all these versions are already gonna be there, so you can roll out a feature, like a news feature, or you want an FAQ feature, or you can roll out a lot of stuff, and you have a bunch of layouts that you can depend to be there to display on your site, and that's really valuable. And so I've seen plenty of sites that can build a monopoly and you don't have to spend a lot of time hustling and bustling with the CSS and that's a big deal. It saves you a lot of time, and again, you get this all for free out of the box. Search, something near and dear to my heart, I got into Drupal in library school sort of organizing a lot of information, and when I saw Drupal, I loved it because it had taxonomy, and taxonomy was really big and made me very happy as librarian. The search system, however, did not. The Drupal core search is not a particularly strong solution. It's designed to work on a lot of different platforms, including share hosts and stuff with low resources, so it's not doing a lot, which is good for everyone to use, but like this is 2013, we have a lot of extra cool technologies. We have Search API and Apache Solar that we're both back into powerful solar services, and a lot of hosting platforms like Aqua and Pantheon and beyond have solar already built in, and one of the great things it properly does is let's do something better with Search, just Drupal core search, let's override it, and let's automatically integrate with solar if it's there, or use Search API DB to simulate sort of faceted search and see relevancy stuff and other things, and so you can actually, with Panopoli, turn it on and you get a search page that's pretty advanced already, that you can do faceting based on content type or it's easy to put in one for taxonomy or danger, whatever you want, and this makes the experience better but if people can't find it, it becomes a little tricky, Panopoli helps you do this, and one of the great things architecturally about Panopoli is that because it has a bunch of sub-modules, there's a Panopoli search module that powers this thing, as you might imagine, if you don't use Search or don't need it, just turn it off and you won't have to have any of the dependencies running in that code, and that's something that helps level up people's sites and for distributions that need Search or sites just that need Search, probably the most useful feature right now in Panopoli is the WYSIWYG, this is definitely very time intensive to get set up, I'll give a little demo of it sort of during the demo phase in this talk, but in general, setting up a WYSIWYG in Drupal is not that easy, I mean you can download the library and set the WYSIWYG module and turn on some options and you can get it to pop up, but you run into a lot of problems really quickly with WYSIWYG, the common is security problems that in order to really have what you see is what you get, but not allow any HTML to go through, you have to write very specific rules to filter out certain tags and certain attributes on various tags and it's sort of a mess if you're trying to do it, one of the things probably does is it already gives you input filter roles in Drupal that are secure so that you can still have a pretty rich WYSIWYG experience, but you don't have to open up any of those which can create a lot of security problems. It also integrates a lot of cool WYSIWYG extension modules like the caption filter module that does this caption thing we have on the right here. It integrates this cool little kitchen sink plug-in so that you can pop the buttons and hide the bottom bar. It integrates with media modules, you can use videos or images as part of the WYSIWYG and it's got some other stuff on the back end to really help to make sure and this whole experience is really nice. And if you toggle it to an HTML mode and it uses the markup editor so you can see some tags, this is the kind of stuff that you can spend a lot of time making sure that you can get a WYSIWYG online but it probably gives you this for free and it's supported and extended and it's the kind of thing that a lot of your containers really like and it's something you don't have to do in the few hours you have spare you just get a sort of A+, a box and that's something that's optionally included, you can probably WYSIWYG module, you can pull it into your distro or you can use it and you have this kind of thing and this is really great and I think helps people put stuff on the internet without having to write code even HTML and so that's super great. The WYSIWYG exists in the larger content editing page so this is the admin section. You've got the WYSIWYG obviously on the left but you have stuff on the right that are sort of going to be soon you can use the author as a publish should it be revisioned to have a feature image and then some save buttons and this is looking to look a lot like how sort of the D8 admin experience will look and this is something that some admin themes already provide but probably provides this in the form of a panel so you can change it if you want but it's the kind of thing that I think helps to sort of emphasize the stuff that's important like you'll see the title is like twice as big as the other stuff and the panels are actually quite big on the page and that having that kind of connection is very, very important as one of the things that I think makes Panopoli sort of like stronger and better sort of distribution because you have all of your content editors using something that's a little more sort of sort of awesome. Landing pages are something that Panopoli also makes really easy. For folks who have used panels, I love panels a lot but Panopoli has a bunch of panels modules that are P-app existing pages panels itself, panels, breadcrumbs and it's something that you can use panels if you've used it on an admin level to make sort of complicated landing pages but the problem is it's sort of a pain to use like the back end admin interface has a lot of buttons a lot of confusing terminology and it does a lot for that complexity but for a normal user that just says I want to make a page on my site and I want to have some control over it it actually can be really hard one of the things that probably makes easy is that when you hit add content it actually gives you an option to create a landing page and that landing page is something that on the back end it's going to be panels but you never have to go to the panels back end you just type the name of the thing in the menu path you want and it just sort of goes on its merry way and that becomes really awesome because you can quickly create these pages and then Panopoli also lets you customize them so you can actually turn around on the screen which I'll demo to customize the page you can change the layout drag stuff around, change their style plugins and you can really have a pretty good time making sure that like as an end user you can sort of make the landing page look and feel the way that you really want and that's the kind of sort of empowerment that I think technology can do really well if it puts in the hands of people who have really great ideas but may still be learning some technical stuff or just don't want to be bothered just to say hey I want to go add stuff to a page let me click a link on the add button and let me ask you what kind of thing I want to do I want to add an image to say a sidebar or image to a header bar in Drupal like it can be a paint to sort of do that you got to like get the image in there and you got to figure out how to make a block and make sure it reaches the right way then you have to like get visibility rules so it shows up there and you have to like make sure it's got responsive properties if you need the image to be that way you know, monkeying around on the Drupal backend it probably makes it easy every place that you see every sort of light blue region that you can add stuff you can pick and you can add whatever you want spotlights, tables, maps videos, the internet works and that kind of stuff is really helpful so as a sort of site building, page building tool there's a lot of value and for folks that are using Panopoli to sort of build their own distribution this is the kind of thing you can hand over to someone or technical and say go make pages they click add here and then they get an option of stuff they can add this is all very understandable to someone who doesn't know any Drupalisms because I know, if I'm not a Drupal person I still know what a table is I still know what a map is and images, what text is you tell me to add a block or add a panel, page manager handler or something and we'll forget about it right so this makes it easy and these are very commonly good tool stuff that makes stuff a lot better because you want to let people customize sites you want to let people look at something on the right as a preview to see sort of what it is this is a view in this case and you want to be able to give them various options so I can change the number of things in the view I can change which field to show I can change the order of the title and I can in some cases even change the attributes of what I get, what content type what text I'm going to throw and I can do that all from a front to interface doesn't require me going back into Drupal and it's the kind of thing that you can use in a powerful distribution, stuff that people can actually use as end users to build sites and have a really great time of it and this is why it sort of propably provides this really great guide to distribution development and it's why there's a bunch of different folks who are using propably to actually build sort of, you know, more impressive and higher level functionality and that's, you got, you know, small stuff there's a, I was chatting in the hallway there's a distribution called push tape that's based on a lot of this stuff there's a different site, there's a distribution for restaurant tiers based on propably you can spin up a restaurant site you get a menu and some customizations and you've got a lot of universities that use have sort of their own internal propably versions or it's propably plus university theme and single sign on and you've got even open atrium for Drupal 7, there's been some nice bugs and Burr Fender and a lot of great work coming out of phase 2 to make open atrium 2 really awesome that's also based on propably it's helpful for people who want to make sites but also want to make distributions it's also great because propably because it's based on chaos tools and panels takes this really strong plugin approach to site development which is extremely similar to how Drupal 8 is handling a lot of its plugin system so in the sort of monopoly world you want to make a layout you make a C-tools plugin for a layout you want to make an access rule or visibility rule you make a plugin on C-tools you want to make a style like option to theme some like region add a C-tools style plugin you want to add a piece of content like add a C-tools content type that is a plugin for content you want to have views exposed through this way you add a C-tools content pane through views and you get this kind of functionality and because everything is a plugin everything can be extended and easily modified and that kind of consistent architecture is really really important and it's the kind of thing that as site developers and as people who are trying to make distributions it makes it really easy I've done a lot of Drupal sites and it's really easy when you just like take a like a bunch of wireframes just sort of like highlight stuff and say this is a layout plugin this is a content plugin this is a view and you can just sort of build all of them make a library of components to sort of see stuff and then go from there you can go from nothing basically to a great Drupal site thoughtfully in a matter of minutes and that itself is super awesome I'll show you a bunch of stuff in the demo portion but in general I mean this is these are sort of the main highlights and hopefully it helps and hopefully the kind of things folks could see to be really great for yourself building sites or your friends what it's not what probably isn't it's not like necessarily something that you're going to have and just have that and you're going to put your own content, your own themes and other stuff it's designed to be that base distribution the thing that can help everybody else it just helps people to get out of the world the modules and to get everything sort of set up and that's why it's got a great guide for distribution development there's a lot of great documentation at Drupal how to use it, how to extend it how to make apps or features that work really well within it and that kind of thing where when you turn on Panopoli and add some of your own stuff you can have a really great site so say you like that, you like Panopoli and you want to actually make a Drupal distribution you want to have your own distribution or a Drupal shop that every time you want to spin up a new version for a client project, you want to have your own custom stuff you want to use some of the Panopoli stuff maybe not all and you want to use some of your own custom code so the first thing you do is you sort of go on Drupal Word, you grab this Panopoli base distribution starter kit it's just a couple files that you sort of change from starter kit to your name and now you have an info file and these are the sort of building blocks and building a Drupal distribution for folks who have done it before it should be pretty straightforward for folks that are new it's a lot like making a module or a theme, you just sort of put in some information about your profile, your info and your make file and you can get going the starter kit will obviously say you include the Panopoli modules and dependencies but the idea is that you can extend it to do your own stuff so an obvious extension is you don't want to use that Drupal blue because it's not a spartic theme you need to have your own theme here's a couple lines of code here to set up a specific in this case university theme it's got like the branding from the university communications department that it has a common header it's got common flitters and common styles and a lot of folks who maybe have a common theme but don't have a distribution might be really interested in this because you can take the starter kit take your theme at these two lines when you spin it up and then you get this kind of thing just right there and you have your theme enabled so when you turn on the Drupal site you install it instead of having to get this blue screen you get something that looks like your shop or your university or your organization and that's great, two lines of code and a theme and you can get it every time when you start up you also probably want to add a little bit of custom functionality to it it probably does do a lot out of the box and that means people want and stuff that is pretty easy to do and add to a distribution so you can do it a million times if you want we've got in this case these are just a couple quick examples of stuff that you just put in a make file these are a couple other modules that exist so you can have like a CAS module to do single sign-on if you're a university or a large organization that has an LBAP or Shibla if there's some sort of single sign-on solution sometimes that can be a little tricky to set up, I mean you've got some settings fields and you've got custom modules to integrate and it's not that hard to just make a custom module that turns on those settings and you include it, enable it and then you'll have this whole thing hooked up same thing for if you want to include sort of some feeds or some external data very straightforward, throw a couple things in and this is how you start building your distribution you take the top place of base distribution you add a theme you add a little bit of custom functionality and you can go a whole hog of this you can extend this and do a lot of extra stuff the kind of thing that is pretty straightforward to do once you have that kind of sort of awareness of what you want and then you just build the thing and you get this kind of distribution made can turn it from like your ideas into an actual distribution in a matter of minutes it's something that can be easily packaged and can be easily turned into a tar ball or something and as a Drupal developer this is obviously pretty great because now instead of downloading a tar ball that just has Drupal, I've downloaded a distribution that has my theme some of my functionality and all the stuff that probably gives and I haven't had to do a whole lot to get that tar ball of course once I have a tar ball I just have to install Drupal which is easy enough I suppose these are the install structures from Drupal at work to get Drupal up and running and that's something that you know one of the pieces I work on at Pantheon is sort of how to make this process easier but we actually want to have an easy way to get stuff online so one of the things that I've worked on which is pretty neat which can sort of lead into the demo is we've got these new spin-up screens on Pantheon so if you wanted to try for example the stuff I'm showing off today for Panopoly it's easy enough you can sort of go to our site and you can go to the link to go install Panopoly and you sort of either create a Pantheon account right there or if you have already signed in you just go ahead and say I want to name my site the way it is if the internet holds I'm sort of running through a sort of bar that loads to actually set up the site and it's you know the Pantheon world that gives you a lot of cool stuff on the development platform but the important thing is that it sets you up with a site that has that already has the Panopoly code enabled and allows you then every time a new release comes out just to one click update and this is the kind of thing that's like pretty important for people that sort of you know keep up to date with stuff because that's a huge problem in the maintenance cycle for folks if you build something to try to make sure that it's supported and maintained Pantheon provides a lot of that support for distributions and that sort of you know allows all the work that I'm doing is to try to put these things together in a way that makes it really easy because I want to like I want to see this world where we have double digit percentages of websites running you know on Drupal and stuff that I think to get that out of these distributions we need people to sort of be able to say hey I can you know spin out something that like has my brand, has my custom functionality and I can have a thousand of these things and they're easy to spin up, they're easy to maintain and I can just sort of sort of go go whole hog on that so that's sort of generally where I'm coming from and where I spend a lot of my time working on but I can also go ahead and let's go ahead and show you guys sort of what this all looks like so I've spun up a couple instances on my local environment just because I've done Drupal conference things long enough that I don't trust the conference wi-fi so hopefully we'll be fine there is a YouTube bit of this demo I want to show so that we'll need the internet but it looks like it's holding now so that's great but otherwise it's just straight up out of the box I've got two versions of it including some Miley Cyrus you guys can see great okay so this is version one and we're just running through a couple sort of quick examples but I can show off some of the stuff I sent for features and then in the Q&A or otherwise I'm going to have to sort of freestyle this but in general like this is so this is a template out of the box I've turned on a demo content module that comes with Monopoly as an app it's helpful because you can actually sort of see how a lot of Monopoly stuff works because you have content there it's also a great model if you want to replicate it this demo app would make a news app really easy or it would make a profile app or it would make like a I think Q&A brace things pretty straightforward and I think the important thing that the slides don't really show is that every page has these options at the bottom to customize this page and this is done by the panels IP module which is part of panels it's one of the best sort of Drupal modules because it takes in any landing page any node and a user page and it turns it into an object that you can actually customize right then and there that it doesn't require you to go to the back end so we'll go back to the bottom page and I customize this page and I immediately get these UI tools to actually change around this kind of thing and there's some obvious stuff so I can drag stuff around which is pretty easy and I can save or cancel depending on what I want I also have the ability to delete stuff for some reason you know hey I don't need to get to the search and this is the kind of thing that site editors might want to do site builders might want to do especially if stuff comes to fault or if they want to change it later the other cool bits are that I can change some layouts to this page so this pulls off the layouts I showed you we got 31 of them but to actually switch it's just a matter of clicking clicking to another one saying I'd rather have that layout and it'll just in real time switch my layout for me to actually go change any template files or deal with any CSS it'll just go ahead and swap that one out and if this is for the landing page it'll work that way for nodes it'll either do it on a custom node basis so just change this one node to be this way or you can change all nodes of that type or all users of that role whatever you want that's one of the sort of values of this thing and that's the kind of thing when you build a distribution people want to change it from what the default is this makes it easy to change the layout the other piece that's super helpful and we see this a lot in the sort of higher ed space is that a lot of higher ed organizations have some style palettes that need to be maintained for design but they have a lot of users that want sites to look in different ways so one of the plugins that you can add to this kind of stuff is you can add a style plugin and this is a sort of quick example of some styles so we've got the like this list of stuff that's default on the right but I can go ahead and change the styles right here to actually have this background, these are from the Drupal that works to have a style guide and I can sort of see what it looks like make sure it's the kind of thing I want and they're just theme functions that add some CSS classes or JavaScript or change the markup a bit but it allows me to start to do stuff like this so I can actually change the visual appearance of my site without having to go and like do CSS or complicated stuff in the backend let alone look at Drupal's markup which is just you know can be a handful for sure this is the stuff when you're building a distribution or you have your own theme your themes can ship with several style plugins that do stuff like this so you can make it have different visual looks you can add a little highlight image you can have a slider, JavaScript, expander whatever you want, that's super great you also get the ability for anything that's exported that comes as a view views is written by the same person or panels so if you're sort of using that kind of world it's really easy you can hit customize and you actually get this interface that looks like this and this is basically a bunch of options that you would otherwise see that like airplane dashboard that is the views you want which has like conservedly gotten better in the past couple of years but can still be tricky especially if you don't know a lot of terminology it probably just exposes the stuff that's easiest because like I might only want to show the last two things because we can isolate preview I might not want to show the images I may want to show the author who posted them maybe not and then this is the kind of thing that I can switch a lot of options and add more options so I want the back end but require them to sort of have the end user only be presented with stuff that actually changes their experience and it's the kind of thing when you're building a triple product that becomes really easy so if I'm something like open atrium I want to let certain pieces of my distribution of my site be customized so let me go turn on the right options push it through this UI and panels and suddenly I have a much stronger experience and that kind of stuff is really great the same thing will work for a bunch of the other pieces it's you know it's pretty straightforward for that you can also make new stuff obviously that landing page idea this is something that Drupal 8 is going to do really well so I can go ahead and do the landing page so we can go ahead and try this you can just go ahead and say I want to add this page I want to add the menu on the top level and I want it to be in such portland with that name and this is going to go out and for folks who got to struggle for the panels back end let's not worry about that let's just make the page and let's get you to start building and this is the kind of thing where I showed some of this off yesterday but it's really valuable to understand that as a site builder I want to make pages I want to make my site look a certain way or be a certain way I want to add a bunch of Drupal code to get there I just want to hit add I want to like find the stuff I have so here's a library of some of my existing pieces that came with the demo module can add any of those of course or maybe I just want to add this image and I go ahead and just grab the image I have this portland test image there throw a caption in or a general text if I want and add it and right then and there I have an image on my page I haven't had to go to like a files back end and I reference copy a part of the URL and I just add that thing and make it really great and then I can start to play around so this is someone I showed yesterday but it's sort of like hey let's go change the layout so now we have this other column I've got response and image properties on the images so it's sort of turned out that way and I can go in and I can start to add the kinds of stuff that like a comp or something that a client might give me or if I'm a end user I'm just trying to make a website stuff that I want like a conference or a symposium or something that needs a quick website or a quick webpage you know I might have some assets for how the image is or in this case text and why not just take a WYSIWYG and add some text so this is my favorite veggie you have some for vegetarians you can sort of grab it's got a bunch of words for vegetables which beats Latin I did four years of Latin in high school and this is like not that much fun I mean watching Spartacus and stuff was good but the food words make me a lot happier but you can add text right there and you don't have to worry about like you have the WYSIWYG you can copy and paste other stuff and that's true this is going to be true for all sorts of stuff I can make spotlights, I can add videos I can add tables and that just sort of works videos are cool because it uses the media module which is definitely a pretty cool module I don't know what video it is let's hope it's reasonable and it's cool media module is a great module hey William Chandler, Star Trek member is perfect and media module is cool because anything that I upload or select in this case from YouTube will show up on will show up in the media library so when I go to other spots I can reuse it that's also a really important idea probably you can sort of have a lot of stuff to be reused you can also read just stuff so maybe I want to have the video there some text there and I can start to have fun like this and this is the kind of page building experience when I'm sort of sitting there and trying to like hey what kind of stuff should Drupal really be able to do this is super important and for a lot of distributions they want stuff to work out of the box they want it to be the kind of thing that it's supposed to be but they also know that you're going to have to change it you're going to have to extend it and if you say here's a distribution it works really well people see really great stuff on the internet they want it to be very much like them give them the tools and stuff works really well the other sort of tools I started so quickly we've got this nav bar module which is going to be a D8 for admin experience you can use it now in D7 it obviously has it but it's a pretty cool sort of admin experience there's some probably specific settings just to adjust some of the components you can see you can turn on and off lay apps and stuff if you want to customize but you also have the sort of standard ad content item and this is their content creation here for the page I want to go add some text I can do that if I want to go add an image I can again use the medium module and I can upload an image so I can upload a big ad single I used before and it'll like add that to my files repository have it managed in my files table let me access it add title text and stuff like that it gets it gets image style I want and I can sort of have it on the site and be able to do really neat stuff with it we've also got this image resize module which is super great, I can actually adjust the size of this thing and Drupal automatically cut it, crop it, it should be just that size you don't have to deliver something to the end user that's not as big we go ahead and we maybe add a caption so this is pdx it will float this is the kind of experience this is by the way like the WordPress editor it's the same editor as WordPress almost the same button placements same kind of caption filter and WordPress has ten times the installs Drupal has and one of the big reasons is that WordPress does something out of the box it's super awesome it makes you have a killer block and you get a WYSIWYG and you get page management tools and you get ad interfaces and you don't have to worry about it and things are simple like you only see this top bar and you can go see more buttons if you want but when you start saying heading three like people don't necessarily understand that and the simplicity of the whole thing is a really really valuable thing and that's something that has a sort of site builder and someone who does a lot of work with distributions the easier the better because even if you've done Drupal a long time there's a bunch of stuff that can be a pain and if you're new to Drupal you start throwing people in the back end you have to learn Drupal you gotta take classes, read books get your head around this and that I think is bad is it holds Drupal back it makes it so you have to be a good developer to have a good Drupal site and I don't think that's how it should be I think you should be able to spin up a distribution have it easily on the scene and then make the kind of like content changes that's like ultimately what makes your site different as well as you know most Drupal sites don't have complicated technology that like aren't the secret to them and stuff that like they just have to do to make it work and one of the great things about Drupal is that you can also use your Sli's Contrib modules for people to contribute back distributions are a good way to aggregate those stuff together and canoply in particular it takes the best of the Contrib space put it together a way that adds admin experiences so you can have stuff like there's a save draft module in the canoply so I can actually go ahead and like you know publish my content if I want it live or save it as a draft and that's something that are right there in the action buttons it's not like a hidden checkbox you don't really know and it's next to something called stickies and what is that it's like a front page put it on front page which like doesn't work if your front page is not the default which why would it be because the default is just a list of nodes and this is the kind of thing that like when you start building Drupal sites you know it can make this out of stuff awesome and that's that's not a properly straight and that's the kind of thing that like these are the real of the sort of tools people have to go do stuff but we also have this is a distribution properly but this is with for another university and it's like hey why you know why just have the blue turn on your theme have your single sign on and then when you hit customize the content for the various pages they actually have you know we can go ahead and change the styles so I have the demo ones but I also have some very specific branded ones from specific university and this is the kind of stuff like when you want to give people Drupal if you're an organization where someone's like I need a Drupal site like give them something with a bunch of styles a bunch of layouts and a bunch of tools that they can actually make really awesome pages and not require sort of then to have to learn Drupal and go through a bunch of classes and and do all that I mean Drupal is great you should learn it and it's definitely worth the time but it's the kind of thing we're just from a site building perspective you know the sooner you get people building their content into happier that's what I work on at Pantheon I try to make these distributions really great and Pantheon tries to make hosts really great and the easiest and like the world I want to live in is one where like you can have an awesome Drupal site it's easy you can have a Facebook site and that's the kind of thing you just sort of spin up it takes a few minutes you pick a few options and then you're just dragging drop in your page and that's what Panopoly is trying to do specifically so if you're looking to build the Drupal site use Panopoly and that's what this sort of base distribution idea is trying to do for everyone so if you want distribution your own flavor Drupal check out the starter kit on Drupal.org and how to set it up come talk to me after this or you know email me or be the issue of Panopoly I'd love to figure out how to make people have really great distros well definitely some questions but thanks for sticking around to see everything and hope you check it out my name is Nat Jamie and this is the Notalka Panopoly so if anyone has any questions feel free you can come up here or there's a mic I don't know how much time we have left but I wouldn't feel offended that people go to dinner or go to dinner that's almost six if you have questions on managing dependencies for modules I can just preempt it that is my question one thing that Saladas brings up is having modules and making sure they're the right versions and making sure their dependencies are handled one thing Drupal does really poorly is in its sort of install process it doesn't check dependencies when it installs stuff as part of distribution there's some code actually in the starter kit so if I'm trying to install a module check the dependencies of that module to make sure that those get installed it's in Panopoly Core it's like a five line thing and that's sort of the workaround I have to handle dependencies for install profiles just to be a little more specific about that so if a security update is released for a module that Panolope requires do you recommend updating the module discreetly or do you recommend actually pulling in a new way of waiting for you to update the distribution and then pulling the whole thing in yeah, gotcha so Panopoly Shares Closure Modules gets updated pretty regularly when there's a new update that comes out that's a choice you have like definitely a security case from a security vulnerable that affects you one of the cool things in the Drupal architecture is that all the Panopoly code it's all in slash profile slash Panopoly or if you have a disk another base distribution slash profile slash your distribution and so if you need to update say Ctools has an update that comes out you can download the new version of Ctools throw it in sites all modules and Drupal will actually prefer that version over the one in the profile and so that's an easy way to actually update your site without having to break the distribution and that's just a choice you can wait for Panopoly to come up with new releases we do that pretty often but it's the kind of thing where it's sort of updated visual people and if it's not great or not awesome next question first off, thank you very much my question is do you have a recommendation for a good base theme? yes so if you're interested in base theme a really great one that works with Panopoly but is based on true bootstrap it's called Radix R-A-D-I-X that's a base theme for open atrium now and it's getting a lot of love just in general it's pretty well documented and it's designed to be a base theme that can be extended in the same way and it'll be bundled the next version of Panopoly for people who try to but you go under the org now and get it R-A-D-I-X and it's a good way to get started there are plenty of other good base themes like in the face-to-end it's obviously really great omega adaptive theme all of those are good Radix just has some specific cool panels and pop play stuff which is why I like it and it's good for bootstrap which is also a great library set thank you of course yeah I'd also love to come up with some projects so thank you very much for that I do wonder when the development of Drupal 8 and how you see the eventual upgrade path on that because there's a lot of modules in there and the more modules you have the more risk there is it is to do it yeah so I definitely love that Drupal 8 and one of the great things is that a lot of the ways that Panopoly is sort of thinking about Drupal and thinking about how pages that lay out should work as plugins very similar to D8 it also helps that for the scotch initiative for blocks and layouts which is probably what this is called for Sam Boyer as a co-maintainer panels he's the co-maintainer co-lead on that criticism on which GC does C-tools these on that so a lot of these concepts are going to be in D8 in general the plan for D8 is that the core stuff in Panopoly a lot of it's already going to be in Drupal core so the WYSIWYG the like layout system the like blocks anywhere kind of stuff that should just be stuff that's code that we don't even need to worry about except for the data and the data model is not the same but it's close enough that I think writing upgrade paths for all Panopoly sites would be actually pretty easy to do and that's one of the things that for D8 planning we're working on for the actual module set a lot of modules in Panopoly are more or less optional like a lot of admin stuff and a lot of the sort of extra things are stuff that like you can have saved or half that's a great module but if you don't have it for D8 like Panopoly will still be a D8 version of it the really the only thing that I think is deal breaker that's going to be done for D8 is actually building this this IPE sort of page building tool that the D8 stuff as far as I can tell it depends how much dev will actually get done by the freeze but this kind of admin UI is something that will be possible to build a D8 but won't be included D8. We have a lot of APIs mostly on tools so this will be the biggest piece of development to do but the help with D8 is in a lot of the other modules we need things like views or C tools or libraries module those are moving into core ways that like I don't work because I have a new version of jQuery and so I've got a list in my head of the modules or sort of do or die the page building tools are the biggest one but because Panopoly does a lot of stuff like D8 the upgrade passion should be pretty easy but I'm hoping but Drupalctor is always hard so don't call me too much thank you Hi, thanks for your presentation I found the admin looks incredibly useful I work for a company that does very very custom project work and we've recently we've tried all sorts of solutions and that admin just looks like it's a huge improvement from what we've been using basically the question is we're basically the custom theme that uses foundation we customize a lot of the HTML I just have some concerns with is there a way to use Panopoly and have the high level of customization or do you I mean I'm just not sure exactly how much if we went with that how much we would be able to customize and still allow them to do a lot of the drag and drop stuff and a lot of that Yeah, so good question I would say that in general, there's a lot of customization as possible so like it's all Drupal it's all just config that can be changed or altered or things like that and that one of the patterns we've seen a lot is that you can actually include the pieces of you really want so if you like you know the search thing isn't what you do you don't even need to include that and that once you get all of those though all of this stuff is if you sort of understand the panel C Tools World is easy to customize so that admin page for example that itself is a panel and you can go into panels and you can change the order where you can change the layout like you have that power and Panopoly sort of philosophy is provided saying the fault but allow people to change the development patterns is that get them all featureized in here if you want to have a version of this it's a little different there's a module called features override you can turn on features override you say hey like I want to make a new note edit page layout export that in my overhead feature and then it all just work and you can deploy it it's very straightforward but yeah everything is extendable you just have to sort of get into the sort of panel stuff but there's a lot of there's not a theme but just a grid that is built to work with Panopoly specifically for panel views yeah so the the Panopoly layouts there's 31 of them they're using a sort of 960 grid approach there's nothing in there I mean I think it's good I don't it's nothing super magical in general like you actually have a lot of flexibility like everything in that sort of main in the theme world everything in the content region is controlled by grid system you want we use 960 for the layouts just as we sort of knew we did them I mean they're fine but I don't think you can do anything you want a lot of it's just picking the right layout make sure right theme but using grid system itself is good because a lot of the Panopoly and panel stuff it's sort of in that blocky kind of thing but yeah you have a lot of flexibility just a quick question I installed it while you were talking actually so it's pretty easy to install but when you click I couldn't find the ability to add like a view that I created just I saw the ones that you had already done on the side there I was just wondering if I was missing something or if you have to turn like I added a new view but it didn't show up here yeah yeah so the the trick here is that views have views in Drupal have a bunch of display types and there's a block and page and stuff there is a display type in views called content pane totally different than what it should be because it's for panels and if you make a view display that says content pane it will look and it'll when you add that it'll actually prompt you says give me a name and give me a category and then it'll show up in this list so the category in this case is demo this is these are three displays for a view you want to add one new you just add a new content pane and it works and that's the trick it is a little weird but once you get that it and then you have a bunch you want to let you want the fields to be able to be selected you want the source selected you want the number of items and all that so it plays nice with panels so yeah that's the trick so thank you couple more questions yeah this was everybody's thinking about responsive design there are different approaches for choosing what bits of content show up in different for different media that do you have a recommended approach within monopoly yeah so I didn't demo so those so the site actually is responsive in some ways it's reducing responsive Bartek which is a dev theme but if you have a theme that supports responsive design all the layouts and all the core components of monopoly all have responsive properties the way it works now is a pretty standard just like you know let's just remove the floats and have the content flow the images resize and the text change but one of the really cool features of panels is the visibility rules to decide what kind of content gets shown to what kind of device so there's a really great module I was chatting earlier about with folks that are called panels breakpoints that actually you can specify what breakpoints you want to use for your responsive design and then you can actually have the system the panel system not show certain sidebar elements or other things to like mobile devices and this is really important because a lot of folks are if it's on a phone but you're still downloading all that code and in some cases even getting the images and that's the kind of thing that can take a lot of time if you use a panel's breakpoint or there's a few other kinds of solutions that actually will integrate a visibility rule and see tools such as another plug and you can actually not show stuff to mobile devices and that works out fine in general responsive stuff in monopoly we've got responsive layouts and we've got responsive images and in general that's a pretty hot and like innovative area so there's an issue in the monopoly issue can you make more stuff responsive and that has a bunch of recommendations and people sort of talking mostly me sort of saying something and then rethinking it a week later and stuff like that but but yeah I took out panel's breakpoints for that kind of stuff and then just look at some of the CSS properties and monopoly images and monopoly fame presentation the grid system uh-huh because you had mentioned a theme that you recommended that used the Twitter bootstrap yep and I was wondering if the the templates for a monopoly use the Twitter bootstrap in any way the templates for a monopoly did not use the Twitter bootstrap and that's since we started before then the before it got super big the radix stuff does though and that actually has its own for the layout module called radix layouts and that actually has um these are all monopoly like approved like layouts that actually work with the Twitter bootstrap stuff and if you're into big Twitter bootstrap and Twitter bootstrap that's cool check out this instead it actually has a lot of same layouts you see monopoly but with but with the Twitter bootstrap and then under monopoly layouts you actually just have the ability to sort of choose like which ones are enabled so you can say only turn on the blue ones and then you just have to put a bootstrap that's fantastic because I've had trouble before with sites where some things were using the Twitter bootstrap and others were and like it all creates a bunch of problems yeah for sure I mean yeah this is a totally good solution thank you last question thanks for the great presentation and this is a really slick product and it's definitely really cool but so this is kind of a devil's advocate question I got the keynote from this morning from Karen oh yeah why why yeah if you can just give me your response to that just so I have an intelligent response when I try and sell but not with my organization because yeah I mean you know it's like when I like are we reinforcing to content creators that you know you control how things look and that yeah so I say in general and that's a good closing question honestly I mean I believe that people should have like the website they want and people should have the ability to customize and change the stuff they have and then I think that WYSIWYG and like some of the more general kind of tools it does let people sort of open it up you know to whatever and it does try to make like the website like oh Microsoft Word browser or something like that but like these are like models of content creation that people understand this is the kind of stuff when you say that information out in your organization people write it in emails with rich text they put it in Microsoft Word documents they make PDFs and telling them that like that's not how you do it on the web you have to learn this better way because like we're like you know we have like new ideas I can think if the idea is good that's awesome but if it's you just want to force people a different way it's hard it's hard enough to learn technology hard enough to learn Drupal straight up and I think having people have familiarity with their tools is one of the strongest ways to improve accessibility and usability of them and I think I'd love to live in a world where like there's better ways to get kind of live than WYSIWYG but that at the end of the day people understand that concept in a pretty important way and I think that's not going to change any time soon and I think that but one of the good things and I think one of the things probably helps to do is it does give you alternate methods it says well you can use WYSIWYG to style stuff however you want or you could add more structured style plugins kind of thing and I think we can move in that direction too but I think for where we are right now I mean I like theory I mean I went to school I did some flaw philosophy but I also feel like getting people what they want people want WYSIWYG they want to put their couch online they know how it works and we have trouble just getting people like write their thoughts online and do it that's where I sit I want an overlay to let people put their ideas on the internet because I think it's a healthier and better place when people talk and let's not let the tools get in the way as to make it as good as possible well thanks everyone and have a great Drupalcon