Logo https://monkeysatkeyboards.com/ en Susan L Wootan, Architect https://monkeysatkeyboards.com/portfolio/susan-l-wootan-architect <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--portfolio.html.twig x field--node--title.html.twig * field--node--portfolio.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Susan L Wootan, Architect</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--portfolio.html.twig * field--node--body.html.twig * field--node--portfolio.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>TODO</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--uid--portfolio.html.twig x field--node--uid.html.twig * field--node--portfolio.html.twig * field--uid.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <span class="field field--name-uid field--type-entity-reference field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/users/fletch" lang="" about="/users/fletch" typeof="schema:Person" property="schema:name" datatype="" class="username">Fletch</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--created--portfolio.html.twig x field--node--created.html.twig * field--node--portfolio.html.twig * field--created.html.twig * field--created.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <span class="field field--name-created field--type-created field--label-hidden">Thu, 11/10/2016 - 13:31</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-category-tags--portfolio.html.twig * field--node--field-category-tags.html.twig * field--node--portfolio.html.twig * field--field-category-tags.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-category-tags field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/portfolio/logo" hreflang="en">Logo</a></div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> Thu, 10 Nov 2016 21:31:54 +0000 Fletch 383 at https://monkeysatkeyboards.com Mona Caron https://monkeysatkeyboards.com/portfolio/mona-caron <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--portfolio.html.twig x field--node--title.html.twig * field--node--portfolio.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Mona Caron</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--portfolio.html.twig * field--node--body.html.twig * field--node--portfolio.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><a href="http://monacaron.com/">Mona Caron</a> is an amazing muralist who wanted a clean, modern site to showcase her gorgeous art work. Mona has a story to tell and wanted detailed control over the flow of text and images.</p> <p>To make this happen, we created custom tools that allow her to create a unique user experience that meets her needs. Her custom backend offers dozens of options to incorporates images and video of her process, her community-oriented vision, and her stunning results.</p> <p>This is what it looks like today…</p> <p><img alt="Mona Caron After" class="image-original_float_left" height="491" src="https://monkeysatkeyboards.com/sites/default/files/styles/original_float_left/public/MonaCaronAfter.jpg?itok=0BlZl-gI" title="Mona Caron After" width="654" /></p> <p>… and what it looked like when we started.</p> <p><a class="colorbox colorbox-insert-image" href="http://monkeysatkeyboards.com/sites/default/files/MonaCaronBefore.png" rel="gallery-all" title="Mona Caron Before"><img alt="Mona Caron Before" class="image-original-float-left" height="510" src="https://monkeysatkeyboards.com/sites/default/files/styles/original_float_left/public/MonaCaronBefore.png?itok=_9eT_OkU" title="Mona Caron Before" width="656" /></a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--uid--portfolio.html.twig x field--node--uid.html.twig * field--node--portfolio.html.twig * field--uid.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <span class="field field--name-uid field--type-entity-reference field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/users/laura" lang="" about="/users/laura" typeof="schema:Person" property="schema:name" datatype="" class="username">Laura</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--created--portfolio.html.twig x field--node--created.html.twig * field--node--portfolio.html.twig * field--created.html.twig * field--created.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <span class="field field--name-created field--type-created field--label-hidden">Sat, 09/14/2013 - 11:24</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-category-tags--portfolio.html.twig * field--node--field-category-tags.html.twig * field--node--portfolio.html.twig * field--field-category-tags.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-category-tags field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/portfolio/design" hreflang="en">Design</a></div> <div class="field__item"><a href="/portfolio/website" hreflang="en">Website</a></div> <div class="field__item"><a href="/portfolio/logo" hreflang="en">Logo</a></div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> Sat, 14 Sep 2013 18:24:39 +0000 Laura 47 at https://monkeysatkeyboards.com The Outsider https://monkeysatkeyboards.com/portfolio/outsider <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--portfolio.html.twig x field--node--title.html.twig * field--node--portfolio.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">The Outsider</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--portfolio.html.twig * field--node--body.html.twig * field--node--portfolio.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h2>The Outsider Vision</h2> <p>Client Shawn Gaynor wanted to build an online <a href="https://theoutsidernews.com/">San Francisco newspaper</a> called The Outsider News. His vision included a clean design and a diverse set of ways to categorize articles.</p> <img alt="The Outsider NEws" data-entity-type="file" data-entity-uuid="6b030009-72bf-4db1-a386-71a92a7a5d34" height="401" src="/sites/default/files/inline-images/outsiderfront.png" width="751" class="align-center" loading="lazy" /><p>We were able to bring this vision to life quickly and on budget.</p> <h2>Tools</h2> <img alt="Body editing controls" data-entity-type="file" data-entity-uuid="0e5ad82e-7f8f-4250-8651-7355d40e3142" src="/sites/default/files/inline-images/outsiderbody.png" class="align-center" width="717" height="341" loading="lazy" /><p>The text editor provides an experience similar to using a word processor. Writers can focus on writing instead of quirks of HTML and the web.</p> <img alt="Media controls" data-entity-type="file" data-entity-uuid="1b1ea5d7-a99a-4cef-bf25-dabdd73c8791" src="/sites/default/files/inline-images/outsidermedia.png" class="align-center" width="723" height="566" loading="lazy" /><p>Image, audio, and video upload controls are also supplied. Video is automatically converted into a web friendly H.264 format.</p> <p>Taken together, these tools enable The Outsider's writing crew to create appealing articles while focusing on quality. They do not need to worry about the complexity of the site front page and listing pages. Those are built automatically just by using the supplied tools.</p> <h2>Custom Design</h2> <p>Shawn chose an existing Drupal look and feel called <a href="https://www.themesnap.com/premium-drupal-themes/newscenter.html">News Center</a>. Monkeys at keyboards customized this theme. We designed the logo. We also designed and built the film strip slide show on the front page. The TV widget on the left showing videos is also our work.</p> <p class="text-align-center"><img alt="Film strip" data-entity-type="file" data-entity-uuid="9c63db25-3228-4bc3-9928-97277c9b38dc" src="/sites/default/files/inline-images/outsiderstrip_0.png" width="698" height="131" loading="lazy" /></p> <p>These elements work together to make the site a unique, enjoyable experience.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--uid--portfolio.html.twig x field--node--uid.html.twig * field--node--portfolio.html.twig * field--uid.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <span class="field field--name-uid field--type-entity-reference field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/users/laura" lang="" about="/users/laura" typeof="schema:Person" property="schema:name" datatype="" class="username">Laura</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--created--portfolio.html.twig x field--node--created.html.twig * field--node--portfolio.html.twig * field--created.html.twig * field--created.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <span class="field field--name-created field--type-created field--label-hidden">Sat, 09/14/2013 - 11:23</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-category-tags--portfolio.html.twig * field--node--field-category-tags.html.twig * field--node--portfolio.html.twig * field--field-category-tags.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <div class="field field--name-field-category-tags field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/portfolio/logo" hreflang="en">Logo</a></div> <div class="field__item"><a href="/portfolio/design" hreflang="en">Design</a></div> <div class="field__item"><a href="/portfolio/website" hreflang="en">Website</a></div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> Sat, 14 Sep 2013 18:23:16 +0000 Laura 45 at https://monkeysatkeyboards.com