<?php

// Arbor (wrapper) to use, e.g., 'html5_RDFa'
$config['arbor'] = 'html5_RDFa';

// Melon metadata
$config['melon_meta'] = array(
	'is_selectable' => true,
	'slug'=>'cantaloupe',
	'name'=>'Scalar 2',
	'description'=>'Clean design, new page layout options including splash pages and media galleries, new media sizing and placement options, mobile support, <a target="_blank" href="http://scalar.usc.edu/works/guide2/scalar-20-whats-new">and more</a>....',
	'thumb_app_path'=>'views/melons/cantaloupe/images/scalar_cantaloupe_thumb.png'
);

// Stylesheets
$config['stylesheets'] = array();

// Array of views
// Items with a value will appear in the edit page's Layout pulldown as options
// Image paths are relative to Scalar's application folder
// First item will be the default
$config['views'] = array(
	'plain' => array('name'=>'Basic','group'=>'General','description'=>'<b>Freely mixes text and media.</b> In the Basic layout, the page\'s text and media are interspersed. You can set the size and placement of linked media as they are added to the page.','image'=>'views/melons/cantaloupe/images/view_basic.gif'),
	'image_header' => array('name'=>'Image Header','group'=>'General','description'=>'<b>Adds a large image at the top.</b> In the Image Header layout, the page\'s key image is shown as a header, with the title and description of the page overlaid. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/image-header-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_image_header.gif'),
	'splash' => array('name'=>'Splash','group'=>'General','description'=>'<b>Shows a full screen cover for a section.</b> In the Splash layout, the page\'s key image is shown full screen, with the page\'s title at the bottom. If the page is part of a path or is itself a path, a navigation button is shown as well. <a href="http://scalar.usc.edu/works/guide2/splash-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_splash.gif'),
	'book_splash' => array('name'=>'Book Splash','group'=>'General','description'=>'<b>Shows a full screen cover for your book.</b> In the Book Splash layout, the page\'s key image (either its own, or one inherited from its parent) is shown full screen, with the book\'s title and author(s) at the bottom. If the page is part of a path or is itself a path, a navigation button is shown as well. <a href="http://scalar.usc.edu/works/guide2/book-splash-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_book_splash.gif'),
	'visual_path' => array('name'=>'Visual Path','group'=>'General','description'=>'<b>Shows an image-based menu of path contents.</b> In the Visual Path layout, the key images from each item in the path are used to build a visual index of the path\'s contents. <a href="http://scalar.usc.edu/works/guide2/visual-path-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_path_splash.gif'),
	'gallery' => array('name'=>'Media Gallery','group'=>'Interactive','description'=>'<b>Embeds all the related media.</b> In the Media Gallery layout, media referenced, contained, or tagged by the page are compiled into a full width gallery just below the page\'s title. <a href="http://scalar.usc.edu/works/guide2/media-gallery-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_gallery.gif'),
	'structured_gallery' => array('name'=>'Structured Media Gallery','group'=>'Interactive','description'=>'<b>Shows thumbnail galleries for all the media related to this page and its children.</b> In the Structured Media Gallery layout, media contained, tagged, or linked up to two levels deep are grouped into titled galleries of thumbnails which reveal the media in a larger view when clicked. The description for each path and tag is included just above its gallery. <a href="http://scalar.usc.edu/works/guide2/structured-media-gallery-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_structured_gallery.gif'),
	'google_maps' => array('name'=>'Google Map','group'=>'Interactive','description'=>'<b>Adds a map at the top.</b> The Google Map layout plots the current page plus any content it contains or tags on a Google Map embedded at the top of the page. Every piece of content to be plotted must include <i>dcterms:coverage</i> or <i>dcterms:spatial</i> (either will work) metadata in the format <i>decimal latitude,decimal longitude</i> (which can be added using the \'Metadata\' tab above). Each pin shown on the map will reveal the title, description, and link for its content when clicked. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/google-map-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_google_map.gif'),
	'timeline' => array('name'=>'Timeline','group'=>'Interactive','description'=>'<b>Displays chronological pages and media</b> The Timeline layout uses Timeline.js to display any content contained or tagged by the current page in chronological order at its top. Content must include <i>dcterms:temporal</i> or <i>dcterms:date</i> in the format <i>month, day, year, hour, minute, second.</i> Each item on the timeline displays its thumbnail, title, description, and link for its content when clicked. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/timeline-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_timeline.gif'),
	'vistoc' => array('name'=>'Contents','group'=>'Visualizations','description'=>'<b>Visualizes the Table of Contents.</b> The Contents layout embeds a visualization at the top of the page that shows the Table of Contents as a tree diagram. The reader can expand sub-paths of the tree to explore its contents. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/contents-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_path.gif'),
	'visconnections' => array('name'=>'Connections','group'=>'Visualizations','description'=>'<b>Visualizes connections between all content.</b> The Connections layout embeds a force-directed visualization at the top of the page that shows connections between all of the content in the work. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/connections-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_tag.gif'),
	'visindex' => array('name'=>'Grid','group'=>'Visualizations','description'=>'<b>Visualizes all content by type.</b> The Grid layout embeds a visualization at the top of the page that shows content as boxes in a grid. Colored lines are drawn representing connections between the current page and its related content. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/grid-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_grid.gif'),
	'visradial' => array('name'=>'Radial','group'=>'Visualizations','description'=>'<b>Visualizes all related content.</b> The Radial layout embeds a circular visualization at the top of the page that shows connections between content. Colored arcs are drawn representing connections between the current page and its related content, set against the backdrop of all of the other connections in the work. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/radial-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_radial.gif'),
	'vispath' => array('name'=>'Path','group'=>'Visualizations','description'=>'<b>Visualizes the current path.</b> The Path layout embeds a visualization at the top of the page that shows the path contents of the current page in a tree diagram. The reader can expand sub-paths of the tree to explore its contents. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/path-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_path.gif'),
	'vismedia' => array('name'=>'Media','group'=>'Visualizations','description'=>'<b>Visualizes this page\'s media.</b> The Media layout embeds a force-directed visualization at the top of the page that shows the media it references or annotates. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/media-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_tag.gif'),
	'vistag' => array('name'=>'Tag','group'=>'Visualizations','description'=>'<b>Visualizes content tagged by this page.</b> The Tag layout embeds a force-directed visualization at the top of the page that shows the content it tags. The rest of the page follows the Basic layout, with text and media interspersed. <a href="http://scalar.usc.edu/works/guide2/tag-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_tag.gif'),
	'tags' => array('name'=>'Tag Cloud','group'=>'Visualizations','description'=>'<b>Visualizes the prevalence of tags.</b> This layout embeds a tag cloud at the top of the page. If this page is a tag, it will display all items that it tags weighted by the number of pages that the sub-pages tag. If this page is not a tag, it will show all tags in the book weighted by the number of pages they tag.','image'=>'views/melons/cantaloupe/images/view_tags.gif'),
	'blank' => array('name'=>'Blank slate','group'=>'Utility','description'=>'<b>Provides a blank canvas for experimental uses.</b> This layout removes the page\'s title, footer, margins, linked media, and navigation to make room for your content. Ideal for full screen embedded media or alternative interfaces. <a href="http://scalar.usc.edu/works/guide2/blank-slate-layout" target="_blank">Learn more &raquo;</a>','image'=>'views/melons/cantaloupe/images/view_blank.gif'),
	'toc' => array('name'=>'Table of Contents','group'=>'Utility','description'=>'<b>Displays the Table of Contents.</b> This layout includes the work’s Table of Contents, as defined in the Dashboard, below the page content.','image'=>'views/melons/cantaloupe/images/view_toc.gif'),
	'resources' => array('name'=>'Resources','group'=>'Utility','description'=>'<b>Lists all pages and media.</b> The Resources layout lists all pages, followed by all media, in alphabetized lists below the page content.','image'=>'views/melons/cantaloupe/images/view_resources.gif'),
	'meta' => array('name'=>'Metadata','group'=>'Utility','description'=>'<b>Displays all metadata for the page.</b> The Metadata layout displays a table containing all of the metadata for the current version of the page.','image'=>'views/melons/cantaloupe/images/view_media_metadata.gif'),
	'edit' => '',
	'annotation_editor' => '',
	'versions' => '',
	'history' => ''
);
// Optional media views array; if not empty, will overwrite the views array when page type is scalar:Media
// It's important to keep some functional views present, such as 'plain', 'edit', and 'versions', otherwise these will become unavailable
$config['media_views'] = array(
	'plain' => array('name'=>'Basic','description'=>'<b>Shows the media file on its own.</b> In the Basic layout, the media file is presented as a standalone object.','image'=>'views/melons/cantaloupe/images/view_media.gif'),
	'full' => array('name'=>'Basic: Full Width','description'=>'<b>Shows the media file on its own and at full width.</b> In the Basic: Full Width layout, the media file is presented as a standalone object. It will render at the full width of the page even if the media is smaller than the page size.','image'=>'views/melons/cantaloupe/images/view_media_fullwidth.gif'),
	'meta' => array('name'=>'Metadata','description'=>'<b>Displays all metadata for the media file.</b> The Metadata layout displays the media file at the top with all of its metadata in a table below.','image'=>'views/melons/cantaloupe/images/view_media_metadata.gif'),
	'edit' => '',
	'annotation_editor' => '',
	'versions' => '',
	'history' => ''
);

// Default view
$config['default_view'] = 'plain';

// By default, HTML5-RDFa 'sioc:content' won't be outputted for relationship nodes (nodes other than the current page node)
// Possible values: true | false | array('<rel name, e.g., "replies","reply","references","reference",etc>')
$config['output_rel_node_content'] = array('replies','references');

// Media reference options (will translate to, e.g., data-property="value")
$config['reference_options'] = array(
	'insertMediaLink' 		=> array(
								'size' => array('small', 'medium', 'large', 'native', 'full'),
								'align' => array('right', 'left'),
								'caption' => array('description', 'title', 'title-and-description', 'metadata', 'none'),
								'annotations' => array('none','all','list')
						 		),
	'insertMediaelement' 	=> array(
								'size' => array('small', 'medium', 'large', 'native', 'full'),
								'text-wrap' => array('create-new-line-for-media','wrap-text-around-media'),
								'align' => array('left', 'center', 'right'),
								'caption' => array('description', 'title', 'title-and-description', 'metadata', 'none'),
								'annotations' => array('none','all','list')
						    	),
	'insertAnnotation' 		=> array(
								'size' => array('small', 'medium', 'large', 'native', 'full'),
								'align' => array('right', 'left'),
								'caption' => array('description', 'title', 'title-and-description', 'metadata', 'none')
						  		),
	'insertInlineAnnotation'=> array(
								'size' => array('small', 'medium', 'large', 'native',  'full'),
								'align' => array('left', 'center', 'right'),
								'caption' => array('description', 'title', 'title-and-description', 'metadata', 'none')
							    ),
	'insertNote' 			=> array(
								'show-title' => array('yes','no'),
								'show-description' => array('yes','no'),
								'show-content' => array('yes','no'),
								'type' => 'note'
								),
	'insertInlineNote' 		=> array(
								'show-title' => array('yes','no'),
								'show-description' => array('yes','no'),
								'show-content' => array('yes','no'),
								'size' => array('small', 'medium', 'large', 'full'),
								'text-wrap' => array('create-new-line-for-media','wrap-text-around-media'),
								'align' => array('left', 'center', 'right'),
								'type' => 'inlineNote'
								),
	'createInternalLink' 	=> array()
);

$config['predefined_css'] = array(
	array(
		'title'=>'Keep linked media with their source paragraphs',
		'description'=>'Text wraps around linked media by default, which can sometimes result in media being positioned far away from the text that references it. This CSS adds extra space to the page to make sure that linked media are aligned with the top of the paragraphs that reference them.',
		'insert'=>".clearboth { clear: both; }\n"
	),
	array(
		'title'=>'Show path contents in sidebar',
		'description'=>'By default, the contents of the current path are displayed at the bottom of the page. This CSS (which is only recommended for pages that don\'t include media) places the path contents in a second column to the right of the page content.',
		'insert'=>"@media screen and (min-width: 768px) {\n.primary_role_path span[property=\"sioc:content\"] {width:50%; float:left; clear:none;}\n.primary_role_path span[property=\"sioc:content\"] .body_copy {padding-right:0px;}\n.primary_role_path article .relationships {width:50%; float:right; clear:none !important; padding-top:0px !important;}\n.primary_role_path article .relationships a.nav_btn {display:none;} /* Hides path navigation buttons */ }\n"
	),
	array(
		'title'=>'Don\'t crop splash images on phones',
		'description'=>'By default, splash images are resized to cover the entire window, which can result in extreme cropping on small devices. This CSS ensures that the entire splash image is always visible on small devices (possibly introducing black bars at the top and bottom or sides to achieve this).',
		'insert'=>"@media screen and (max-width: 768px) { .splash { background-size: contain; background-repeat: no-repeat; } }\n"
	),
	array(
		'title'=>'Hide path navigation arrow buttons',
		'description'=>'By default, paths and their contents display arrow navigation buttons when viewed in large windows. This CSS hides those buttons.',
		'insert'=>".path-nav {display: none;}"
	),
	array(
		'title'=>'Text content area to full width',
		'description'=>'The text content is limited to a max width to be easy on the eyes when reading. However, in some cases you might want text content to stretch the full width of the page content area.',
		'insert'=>".body_copy {max-width:none;}"
	),
	array(
		'title'=>'Display description below title',
		'description'=>'This snippet will display the page\'s description underneath the page\'s title at the top of the page.',
		'insert'=>"header > h1 ~ [property=\"dcterms:description\"] {display:block !important; color:#888888; margin:0rem 2rem 4rem 2rem;}\n@media only screen and (min-width : 500px) {\n  header > h1 ~ [property=\"dcterms:description\"] {margin:-3rem 7.2rem 4rem 7.2rem;}\n}"
	)
);
