{
    "componentChunkName": "component---src-templates-project-js",
    "path": "/project/ku-sunflower-cms",
    "result": {"data":{"project":{"title":"KU Sunflower CMS","description":{"html":"<p>KU's Sunflower CMS was built with content creators in mind. Organizations choose CMS software because it empowers subject experts to be content creators. However, with any CMS there is often a trade-off between being easy to use and creating content with a modern look and feel. The new CMS attempts to do both with the help of some custom features, including:</p>\n\n<ul>\n\t<li>Customizable components for commonly-used content sections</li>\n\t<li>A new approach to templates, in the form of starter pages</li>\n\t<li>Comprehensive documentation, filled with examples, explanations, and additional resources</li>\n</ul>\n\n<p>Sunflower CMS also prioritizes accessibility, with many of the related tools for creating accessible content baked into the content creation process. Content creators don't have to be web developers in order to create content that looks good and works well.</p>"},"deep_dive":{"html":"<p>The CMS was built with Drupal 8 and was upgraded to Drupal 9 soon after the official launch. I was part of a team at KU IT that worked closely with KU's Marketing and Communications group. We met regularly with their designers to translate their vision into working prototypes, using Pattern Lab. Once those designs were tested and approved, we transferred that functionality to Drupal using the Paragraphs module to create our components, and custom modules for other, specialized content.</p>\n\n<p>Prior to launch, I was responsible for building custom content types and modules, but my most significant contribution was the implementation of the new takeover menu. This new navigation system was a considerable departure from the menu structures used in previous sites. The menu was built from a custom template, and with JavaScript. There is also a no-script version of the menu, a static page.</p>\n\n<p>More recently I've worked with the JSON API to create pages that could load and filter content asynchronously. I help troubleshoot issues with CSS and JavaScript, and with our custom modules. I also help create new features for sites with special needs for displaying their content.</p>"},"links":[{"title":"University of Kansas, School of Business","uri":"https://business.ku.edu"}],"relationships":{"media_graphic":[{"media_image":{"alt":"Screenshot of the new University of Kansas Sunflower CMS","height":900,"title":"","width":1440},"media_caption":null,"relationships":{"media_image_file":{"file":{"url":"/static/fe0901d625edf6cb03a3e397416b464b/sunflower-01_business.jpg"}}}},{"media_image":{"alt":"Screenshot of the Sunflower CMS takeover navigation, desktop view of the menu from the homepage","height":763,"title":"","width":1190},"media_caption":"The full screen navigation was one of biggest changes from the previous system. I used custom Twig templates and JavaScript to implement the new design. The display includes the main site navigation, a shortcut menu for linking to popular topics, and other important links for KU students.","relationships":{"media_image_file":{"file":{"url":"/static/2fe90d2a73737af962b03cd94382ad5f/sunflower-02-business-nav.jpg"}}}},{"media_image":{"alt":"Screenshot of the Sunflower CMS takeover navigation, mobile view of the menu from the homepage","height":736,"title":"","width":414},"media_caption":"The mobile version of the full screen navigation shows a single menu level, with the same shortcut menu and important links for KU students.","relationships":{"media_image_file":{"file":{"url":"/static/ef2f01f896ce50626d4b7f7da00aabf8/sunflower-02-business-nav-mobile.jpg"}}}},{"media_image":{"alt":"Screenshot of the Sunflower CMS takeover navigation, desktop view of the menu expanded to show three levels","height":763,"title":"","width":1190},"media_caption":"This view of the full screen navigation shows the menu expanded to three levels. The menu is capable of showing up to five menu levels.","relationships":{"media_image_file":{"file":{"url":"/static/cac69bd8a9c3093f36d5cbfdec5fd501/sunflower-02-business-nav-expand.jpg"}}}},{"media_image":{"alt":"Screenshot of the Sunflower CMS takeover navigation, mobile view of the menu three levels deep","height":736,"title":"","width":414},"media_caption":"The mobile version of the full screen navigation displays a single menu level. This image shows the third menu level. Users can return to the previous menu level by clicking the link in the upper-left corner.","relationships":{"media_image_file":{"file":{"url":"/static/83926c0797312f34bce60df29fda6837/sunflower-02-business-nav-expand-mobile.jpg"}}}}]}}},"pageContext":{"slug":"nid_13"}},
    "staticQueryHashes": ["2386946073","4176873112","63159454"]}