[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-seo-161005-105":3,"detail-sidebar-cat-1-en-105":81,"doc-detail-161005-en":126},{"code":4,"msg":5,"data":6},0,"ok",{"site_id":7,"language":8,"slug":9,"title":10,"keywords":11,"description":12,"schema_data":13,"social_meta":74,"head_meta":76,"extra_data":78,"updated_unix":80},105,"en","flexbox-kick-off-slides","Flexbox Kick-Off Slides","","This document, titled \"Flexbox Kick-Off Slides,\" details the development and features of website templates created by Web Communications at Southern Illinois University. It outlines the reasons for template conversion, including the need for responsive design and flexibility, and attributes the progress to user input. The presentation categorizes templates into two main types: one with a wide-screen image and slide-out navigation for high-traffic, recruitment-focused sites, and another with a smaller main image and static navigation for general use. Significant emphasis is placed on the flexibility of these templates, highlighting customizable banner options (slideshow, single photo, or none), a main content area that can be one or two boxes, three additional rows with various color and box size options, and an optional sidebar. The document touches upon previous sidebar configurations (Right and Left) and presents visual examples and contact information for the involved team members, Jessica Mann, Liz Hunter, and Alexis Ray. The examples provided for these templates are admissions.siu.edu and summer.siu.edu, illustrating their practical application and demonstrating the adaptability of the flexbox framework in web design.",{"@graph":14,"@context":73},[15,34,56],{"@type":16,"itemListElement":17},"BreadcrumbList",[18,23,27,31],{"item":19,"name":20,"@type":21,"position":22},"https://docshare.wps.com","Home","ListItem",1,{"item":24,"name":25,"@type":21,"position":26},"https://docshare.wps.com/template/","Template",2,{"item":28,"name":29,"@type":21,"position":30},"https://docshare.wps.com/template/presentations/","Presentations",3,{"item":32,"name":10,"@type":21,"position":33},"https://docshare.wps.com/template/flexbox-kick-off-slides/161005/",4,{"url":32,"name":10,"@type":35,"image":36,"author":41,"headline":10,"publisher":44,"fileFormat":47,"inLanguage":8,"description":12,"dateModified":48,"datePublished":49,"encodingFormat":47,"isAccessibleForFree":50,"interactionStatistic":51},"DigitalDocument",{"url":37,"@type":38,"width":39,"height":40},"https://docshare.wps.com/thumbnails/flexbox-kick-off-slides/161005.png","ImageObject",442,249,{"name":42,"@type":43},"Chumphorn","Person",{"url":19,"name":45,"@type":46},"DocShare","Organization","application/pdf","2026-09-27","2026-08-30",true,{"@type":52,"interactionType":53,"userInteractionCount":55},"InteractionCounter",{"@type":54},"ViewAction",5,{"@type":57,"mainEntity":58},"FAQPage",[59,65,69],{"name":60,"@type":61,"acceptedAnswer":62},"What are the main goals behind the template conversion project?","Question",{"text":63,"@type":64},"The main goals are to implement responsive design, increase flexibility, and incorporate user input into the website templates for Southern Illinois University.","Answer",{"name":66,"@type":61,"acceptedAnswer":67},"What are the two main types of templates presented?",{"text":68,"@type":64},"The two main types are a template with a wide-screen image and slide-out navigation for high-volume recruitment sites, and a template with a smaller main image and static navigation for other uses.",{"name":70,"@type":61,"acceptedAnswer":71},"How much flexibility do these new templates offer?",{"text":72,"@type":64},"The templates offer significant flexibility, including customizable banners, a choice of one or two content boxes, multiple additional rows with varying colors and sizes, and an optional sidebar.","https://schema.org",{"og:url":32,"og:type":75,"og:title":10,"og:site_name":45,"og:description":12},"article",{"robots":77,"canonical":32},"index,follow",{"doc_id":79,"site_id":7},161005,1788087830,{"code":4,"msg":82,"data":83},"success",[84,88,93,98,103,108,113,118,122],{"id":85,"doc_module":22,"doc_module_name":25,"category_name":29,"show_sort_weight":86,"slug":87},11,90,"presentations",{"id":89,"doc_module":22,"doc_module_name":25,"category_name":90,"show_sort_weight":91,"slug":92},12,"Resumes",80,"resumes",{"id":94,"doc_module":22,"doc_module_name":25,"category_name":95,"show_sort_weight":96,"slug":97},14,"Invoices",70,"invoices",{"id":99,"doc_module":22,"doc_module_name":25,"category_name":100,"show_sort_weight":101,"slug":102},15,"Posters",60,"posters",{"id":104,"doc_module":22,"doc_module_name":25,"category_name":105,"show_sort_weight":106,"slug":107},16,"Social Media",50,"social-media",{"id":109,"doc_module":22,"doc_module_name":25,"category_name":110,"show_sort_weight":111,"slug":112},17,"Forms",40,"forms",{"id":114,"doc_module":22,"doc_module_name":25,"category_name":115,"show_sort_weight":116,"slug":117},18,"Letters",30,"letters",{"id":119,"doc_module":22,"doc_module_name":25,"category_name":120,"show_sort_weight":55,"slug":121},21,"Paper Templates","papers-templates",{"id":123,"doc_module":22,"doc_module_name":25,"category_name":124,"show_sort_weight":4,"slug":125},158,"General","general-158",{"code":4,"msg":82,"data":127},{"doc_id":79,"user_id":128,"nickname":42,"user_avatar":129,"doc_module":22,"category_id":85,"category_name":29,"doc_title":10,"doc_description":12,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":55,"is_deleted":4,"is_public":22,"is_downloadable":22,"audit_status":22,"page_count":135,"language":136,"language_code":8,"site_id":7,"html_lang":8,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":12,"update_tm":80,"read_time":140},2336475401981,"https://ap-avatar.wpscdn.com/avatar/22000c94efd8d5204d?x-image-process=image/resize,m_fixed,w_180,h_180&k=1786935347598174694","TEMPLATE CONVERSION  \nKICK-OFF  \nJessica Mann, Assistant Director – [jmann@siu.edu](jmann@siu.edu)[ ](jmann@siu.edu)Liz Hunter,Webmaster– [lizhunter@siu.edu](lizhunter@siu.edu)[ ](lizhunter@siu.edu)Alexis Ray,Web Developer – [alexis.ray@siu.edu](alexis.ray@siu.edu)  \nWeb Communications, University Communications and Marketing Southern Illinois University  \nEXAMPLES:  \nADMISSIONS.SIU.EDU & SUMMER.SIU.EDU  \n2  \nHOW DID WE GET HERE?  \n• Responsive design  \n• Need for flexibility  \n• Your input  \n3  \n4 TEMPLATES  \n4  \n1 TEMPLATE  \nA wide screen image on the home page, with slide out navigation. For high volume traffic, recruitment focused sites.  \nA smaller main image with a static navigation at larger sizes. For all other sites.  \n5  \nFLEXIBILITY  \nMany options – something for everyone  \n6  \nFLEXIBILITY  \n• Banner can be a slideshow, one photo, or not there at all  \n• Main content area can be one or two boxes  \n• 3 sets of additional rows with multiple color options and box sizes  \n• Sidebar is optional  \n7  \nFLEXIBILITY  \nPreviously Right Sidebar  \nPreviously Left Sidebar  \n8  \n9  \n10","cbCaikjz2T4vZbrd","https://ap.wps.com/l/cbCaikjz2T4vZbrd","pdf",1036173,27,"English","# Template Conversion\n## Kick-Off\n## Examples\n## How Did We Get Here?\n## Templates\n## Flexibility\n### Previously Right Sidebar\n### Previously Left Sidebar","[{\"question\":\"What are the main goals behind the template conversion project?\",\"answer\":\"The main goals are to implement responsive design, increase flexibility, and incorporate user input into the website templates for Southern Illinois University.\"},{\"question\":\"What are the two main types of templates presented?\",\"answer\":\"The two main types are a template with a wide-screen image and slide-out navigation for high-volume recruitment sites, and a template with a smaller main image and static navigation for other uses.\"},{\"question\":\"How much flexibility do these new templates offer?\",\"answer\":\"The templates offer significant flexibility, including customizable banners, a choice of one or two content boxes, multiple additional rows with varying colors and sizes, and an optional sidebar.\"}]","Flexbox Kick-Off Slides | PDF",9]