// my site configuration, app.js  var apos=require ('apostrophe') ({   shortName: 'mySite',   title: 'My Site',    modules: {     'apostrophe-templates': {},      'my-article': {},     'my-article-pages': {},     'my-article-widgets': {},     'my-article-cascade-widgets': {},      'my-person': {},     'my-person-pages': {},     'my-person-widgets': {},     'my-person-contact-widgets': {},      'my-custom-marquee-widgets': {}   } });

// template  {% extends 'apostrophe-templates: layout.html'%}  {% block title%} {{data.page.title}} {% endblock%}  {% block main%}     
{{data.page.title}}
    
        {{apos.area (data.page, 'content', {             widgets: {                 'apostrophe-rich-text': {},                 'apostrophe-images': {                     aspectRatio: [4, 3]                 },                 'my-custom-marquee': {}             }         })}}      
{% endblock%}

// widget schema  module.exports={   label: 'My Custom Marquee',   addFields: [        {          name: 'theme',          label: 'Theme',          type: 'select',          choices: [            { label: 'Light Gray', value: 'lightGray' },            { label: 'Dark Blue', value: 'darkBlue' }          ]         },         {           name: 'image',           label: 'Image',           type: 'singleton',           contextual: true,           widgetType: 'apostrophe-images',           options: {             limit: 1,             aspectRatio: [4, 3]           }         },         {           name: '_article',           label: 'Article to Link',           type: 'joinByOne',           withType: 'my-article'         },         {           name: 'caption',           label: 'Caption',           type: 'string'         }   ] };