<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8">        <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9">               <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js">                      <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <title>18 mis pellach o ariannu i fenter gwyddoniaeth a pheirianneg y brifysgol, ‘Defnyddiau: Byw!’</title>

    <link type="text/css" rel="stylesheet" href="/_assets/css/general/basic.css" />
    <link rel="canonical" href="https://www-2018.swansea.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" /> 





<meta name="viewport" content="width=device-width, initial-scale=1.0;">
<meta property="su:page-type" content="Eitem Newyddion">
<meta property="su:section-id" content="90599">
<meta property="su:last-modified" content="Tue, 22 Jan 2013 16:29:03 GMT" />

    <script type="text/javascript" src="/_assets/vendor/enhance.js"></script>
    <script type="text/javascript">

        var SU =        {
                            customScripts: {
                                preRepositioning:  [],
                                postRepositioning: []
                            }
                        },

            dataLayer = [],

            styles =    [
                            '/_assets/css/general/desktop.css',
                            {
                                href: '/_assets/css/common/ie.css',
                                iecondition: 'all'
                            },
                            {
                                href: '/_assets/css/common/ie7.css',
                                iecondition: 7
                            },
                            {
                                href: '/_assets/css/common/ie8.css',
                                iecondition: 8
                            }
                        ],
        
            scripts =   [
                           '/_assets/js/common/modernizr-jquery.all.min.js'
                        ];
        

        

        

        scripts = scripts.concat([
            '/_assets/vendor/jquery-plugins/cycle2/jquery.cycle2.js',
            '/_assets/vendor/jquery-plugins/cycle2/jquery.cycle2.swipe.js',
            '/_assets/vendor/jquery-plugins/auto-complete/jquery.auto-complete.js',
            '/_assets/vendor/mustache.js',
            '/_assets/js/common/console.js',
            '/_assets/js/common/su.js',
            '/_assets/js/common/su/http/link.js',
            '/_assets/js/common/jquery-plugins/jQuery.showCookieMessage.js',
            '/_assets/vendor/jquery-plugins/ba-throttle-debounce/jquery.ba-throttle-debounce.js',
            '/_assets/js/common/jquery-plugins/jQuery.initialiseNavigation.js',
            '/_assets/js/common/jquery-plugins/jQuery.inputClear.js',
            '/_assets/js/general/desktop/enhanceFooterLinks.js',
            '/_assets/js/general/desktop/jQuery.initialiseSplashGallery.js',
            '/_assets/js/general/desktop/jQuery.initialiseFeaturedGallery.js',
            '/_assets/js/general/desktop/jQuery.initialiseTabPods.js',
            '/_assets/js/general/desktop/jQuery.initialiseQuadSliders.js',
            '/_assets/js/general/desktop/jQuery.stripeTableRows.js',
            '/_assets/vendor/jquery-plugins/ba-bbq/jquery.ba-bbq.js',
            '/_assets/js/general/desktop/jQuery.initialiseExpanders.js',
            '/_assets/vendor/jquery-plugins/cookie/jquery.cookie.js',
            '/_assets/vendor/jquery-plugins/jBreadCrumb/js/jquery.easing.1.3.js',
            '/_assets/vendor/jquery-plugins/jBreadCrumb/js/jquery.jBreadCrumb.1.1.js',
            '/_assets/js/general/desktop.js',
            '/_assets/js/precedent/coreFunctions.js'
        ]);

        enhance({
            loadStyles: styles,
            loadScripts: scripts,
            forcePassText: 'Fersiwn gwell',
            forceFailText: 'Fersiwn sylfaenol'
        });
    </script>


</head>

<body id="content" class="layout-general-wrapper">
 

    <div id="general" class="layout-general">

        <!--noindex-->
        <div id="header" class="layout-header">
<h1 id="logo" class="logo">
    <span class="logo-text">18 mis pellach o ariannu i fenter gwyddoniaeth a pheirianneg y brifysgol, ‘Defnyddiau: Byw!’</span>
    <a id="logo-link" href="https://www.swansea.ac.uk/cy/">

        <img class="logo-image" src="/_assets/images/precedent/logo.cy.png" alt="Logo Prifysgol Abertawe" />

    </a>
</h1>
            <div id="skipToContent" class="skip-to-content">
                <a class="skip-to-content-link" tabindex="1" href="#content-items" title="skip to content">Skip to content</a>
            </div>

<div id="globalNavWrapper" class="header-links">
    <ul id="globalNav" class="header-links-list">
    
        <!-- navigation object : SU_audience navigation --><li class="header-links-list-item"><a href="http://myuni.swan.ac.uk/cy/">Myfyrwyr Cyfredol</a></li><li class="header-links-list-item"><a href="https://staff.swansea.ac.uk/cy/">Staff</a></li><li class="header-links-list-item"><a href="http://www.swanseauniversity.com.cn">&#20013;&#25991;</a></li>
        
        
        <li class="header-links-list-item">
            <a href="/press-office/news-archive/2013/further18monthsoffundingforuniversitysmaterialslivescienceandengineeringinitiative.php">English</a>
        </li>

    </ul>
</div>
            
            <div id="globalSearch" class="global-search-form">
<div class="global-search-form">
	<form action="https://www.swansea.ac.uk/cy/chwilio/">
	  <div>
	    <input type="hidden" name="c" value="swansea-web-cy" />
	    <input
           id="global-search-form-q"
	       type="text"
	       name="q"
	       placeholder="Chwilio Safle"
	       size="31"
	       class="global-search-form-query"
	    />
	    <input class="global-search-form-submit" type="submit" value="EWCH" />
	  </div>
	</form>
</div>

<script class="register-custom-scripts">
(function () {
    SU.customScripts.postRepositioning.push(function () {
    
        var endpoint = 'https://swansea.funnelback.co.uk/s/suggest.json',

            unique = function(arr) {
                var hash = {}, result = [];
                for ( var i = 0, l = arr.length; i < l; ++i ) {
                    if ( !hash.hasOwnProperty(arr[i]) ) {
                        hash[ arr[i] ] = true;
                        result.push(arr[i]);
                    }
                }
                return result;
            },
            
            setHandler = function() {
                $('#global-search-form-q').off().autoComplete({
                    source: function(term, response) {
                        console.log("You typed [" + term + "]");
                        $.getJSON(
                            endpoint,
                            {
                                collection:    'swansea-web-cy',
                                partial_query: term
                            },
                            function(data) {
                                response(unique(data));
                            }
                        );
                    }
                });
            };
    
        console.group('Initialising auto complete');
        window.setTimeout(function () {
            setHandler();
        }, 500);
        
        console.groupEnd();
    });
}());
</script>
            </div>
            
            <div id="naviBar" class="main-nav">
<!-- navigation object : SU_Main_Nav -->

            </div>
        </div>
        <!--endnoindex-->
        
        <div class="layout-container">
            <div id="main" class="layout-content">
                <div id="contentHeader" class="content-header">

                    <!--noindex-->
<div class="breadCrumbHolder module">
    <div class="breadCrumb module">
        <ul>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a href="https://www.swansea.ac.uk/cy/" itemprop="url">
                    <span itemprop="title">Hafan</span>
                </a>
            </li>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a href="https://www.swansea.ac.uk/cy/swyddfar-wasg/" itemprop="url">
                    <span itemprop="title">Swyddfa'r Wasg</span>
                </a>
            </li>
	</ul>
    </div>
</div>
                    <!--endnoindex-->

                    <h1 class="content-header-heading">18 mis pellach o ariannu i fenter gwyddoniaeth a pheirianneg y brifysgol, ‘Defnyddiau: Byw!’</h1>
                </div>

                <div id="splash-items" class="layout-splash">
                </div>

                <!--noindex-->
                <div class="layout-content-nav">
                    <div id="secondaryNavWrapper"></div>
                </div>
                <!--endnoindex-->

                <div id="content-items" class="layout-content-items content-items">
                    <div class="layout-featured-items">
                    </div>

                    <div class="layout-article-items">
  <div class="share-page-wrapper">
    <div id="share-page" class="share-page">
        <ul class="social-buttons">
            
            <li class="social-button">
                <a class="socialite twitter-share" href="https://twitter.com/share?url=https%3A%2F%2Fcms.swan.ac.uk%2Fcy%2Fswyddfar-wasg%2Farchif-newyddion%2F2013%2F18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" data-url="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" data-via="SwanseaUni" data-count="none" rel="nofollow">
                    <span class="hide">
                        Rhannu ar Twitter
                    </span>
                </a>
            </li>
            
            <li class="social-button">
                <a class="socialite facebook-like" href="http://www.facebook.com/sharer.php?u=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" data-href="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false" rel="nofollow">
                    <span class="hide">
                        Rhannu ar Facebook
                    </span>
                </a>
            </li>
            
            <li class="social-button">
                 <a class="socialite linkedin-share" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php&amp;title=2013" data-url="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" rel="nofollow">
                     <span class="hide">Rhannu ar LinkedIn</span>
                 </a>
             </li>
            
            <li class="social-button">
                <a class="socialite googleplus-one" href="https://plus.google.com/share?url=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" data-size="tall" data-annotation="none" data-count="false" data-href="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" rel="nofollow">
                    <span class="hide">
                        Rhannu ar Google+
                    </span>
                </a>
            </li>
            
            <li class="social-button">
                <a class="mail-to-friend post" href="mailto:?subject=2013&body=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php">
                    <span class="hide">
                        Ebost
                    </span>
                </a>
            </li>
            
        </ul>    </div>
</div>

<script class="register-custom-scripts">
SU.customScripts.postRepositioning.push(function () {
    $.getScript('/_assets/vendor/jquery-plugins/socialite/socialite.js', function () {
        Socialite.load(document.getElementById('share-page'));
        $('.mail-to-friend').click(function() {
            _gaq = _gaq || [];
            _gaq.push(['_trackSocial', 'Mail to friend', 'Mail']);
        });
    });
});
</script>
  <div class="news-item-fulltext">
<p style="padding: 1.5em; text-align: center; background-color: #ffc266; font-weight: bold">
    Sylwer bod y dudalen hon wedi cael ei harchifo ac nid yw'n cael ei diweddaru mwyach.
</p>
    <p class="news-item-summary">Mae prosiect estyn allan ac ymgysylltu arloesol gan Brifysgol Abertawe, sy'n cyflwyno rhyfeddodau gwyddor defnyddiau a pheirianneg i ddiddanu, ennyn diddordeb ac addysgu gwyddonwyr a pheirianwyr y dyfodol, wedi derbyn ariannu sylweddol gan Lywodraeth Cymru.</p>

    <div class="news-item-content">
        <p><img src="/media/MATERIALSLIVE1.jpg"
alt="Materials Live 1" title="A Materials: Live! demonstration at a Teen Tech event. Dr Ian Mabbett inspiring the next generation of scientists and engineers.Photo: Christian Fisher. " />Mae'r prosiect <em>Defnyddiau: Byw!</em>, a arweinir gan Dr Richard Johnson a Dr Ian Mabbett o Ganolfan Ymchwil Defnyddiau Prifysgol Abertawe, yn y Goleg Peirianneg, a bydd yn para tan 31 Mawrth 2015.</p>
<p>Mae'r prosiect werth mwy na &pound;150,000, a chaiff ei ariannu'n rhannol gan Gynllun Grantiau Academi Wyddoniaeth Genedlaethol Llywodraeth Cymru, gyda chefnogaeth ychwanegol gan Ganolfan Beirianneg Cynnyrch Cynaliadwy ar gyfer Haenau Diwydiannol Gweithredol Arloesol (SPECIFIC) y Coleg Peirianneg a phrosiectau a phartneriaid diwydiannol cysylltiedig y Ganolfan Uwch Hyfforddiant Doethuriaethau Peirianneg (COATED).</p>
<p>Anogir myfyrwyr COATED, yn ogystal &acirc; myfyrwyr israddedig gwyddor defnyddiau a pheirianneg, i ddatblygu eu sgiliau cyfathrebu drwy gynllunio a darparu gweithgareddau estyn allan fel llysgenhadon gwyddoniaeth, technoleg, peirianneg a mathemateg (STEM).</p>
<p>Sefydlwyd y prosiect <em>Defnyddiau: Byw!</em> ym mis Tachwedd 2012, ac i ddechrau roedd yn rhan o gynllun peilot saith mis a ariannwyd gan yr Academi Wyddoniaeth Genedlaethol.</p>
<p>Galluogodd hyn i Dr Ian Mabbett, Cymrawd Trosglwyddo Technoleg gyda phrosiect SPECIFIC, ddatblygu cysylltiadau &acirc; darparwyr STEM ac adeiladu rhwydwaith o ysgolion a cholegau yng Nghymru a fyddai'n elwa o ddealltwriaeth well o ddefnyddiau clyfar a'r diwydiannau gwyddor defnyddiau a pheirianneg yng Nghymru.&nbsp; Mae <em>Defnyddiau: Byw!</em> bellach yn rhan o sylfaen fenter hyfforddiant ac ymchwil fawr yr Academi Ddefnyddiau.</p>
<p>Mae'r ariannu hefyd wedi galluogi i'r t&icirc;m ddatblygu arddangosiadau defnyddiau a sioeau darlith teithiol am ddim, gan hefyd hwyluso ymweliadau &acirc;'r Ganolfan Ymchwil Defnyddiau ar Gampws Parc Singleton y brifysgol a labordai a llinell beilot prosiect SPECIFIC yng Nghanolfan Arloesedd a Gwybodaeth Bae Baglan.</p>
<p>Bydd yr ariannu ychwanegol yn adeiladu ar lwyddiant y prosiect <em>Defnyddiau: Byw!</em> cychwynnol, gan alluogi ehangu'r gweithgareddau ac arddangosiadau estyn allan ac ymgysylltu presennol.</p>
<p>Bydd y prosiect yn darparu ysbrydoliaeth gan ddefnyddiau yn gysylltiedig &acirc;'r cwricwlwm a gwybodaeth am yrfaoedd perthnasol yng Nghymru i ddisgyblion 6-18 oed (Cyfnodau Allweddol 1-4 ac addysg bellach &ocirc;l-16) i ennyn diddordeb a'u cyffroi &acirc; phynciau STEM a'u hysbrydoli i astudio'r pynciau hynny ymhellach.</p>
<p>Mae cynlluniau hefyd yn cynnwys ehangu'r cwmpas i gynnwys datblygu proffesiynol i athrawon a darparu offer i addysgu agweddau defnyddiau clyfar ar y cwricwlwm ar sail adborth gan athrawon a gymrodd rhan yng nghynllun peilot y prosiect.</p>
<p>Meddai Dr Ian Mabbett, Rheolwr Ymgysylltiad Cyhoeddus <em>Defnyddiau: Byw!</em>, &ldquo;Mae treftadaeth gwyddor defnyddiau a pheirianneg gref a balch yng Nghymru, gyda llawer o brosesau gweithgynhyrchu wedi'u harloesi yma.&rdquo;</p>
<p>"Bydd diffyg myfyrwyr a graddedigion defnyddiau yn effeithio ar allu ein gweithlu yn y dyfodol i fodloni gofynion yr economi fyd-eang, felly mae angen i ni wneud rhywbeth i fynd i'r afael &acirc; hynny nawr."</p>
<p><img src="/media/MATERIALSLIVE2.jpg"
alt="MATERIALS LIVE 2" title="A Materials: Live! demonstration at a Teen Tech event. Photo: Christian Fisher. " />"Mae <em>Defnyddiau: Byw!</em> yn brosiect blaengar sy'n ceisio cynyddu proffil gwyddor defnyddiau a pheirianneg mewn ffordd berthnasol, cyffrous ac sy'n denu sylw i ddisgyblion ac athrawon, ac mae llawer wedi'i gyflawni drwy'r prosiect peilot cychwynnol.&nbsp; Galluogodd prosiect cychwynnol <em>Defnyddiau: Byw!</em> i 310 o ddisgyblion ymweld &acirc;'n cyfleusterau a 1,269 o ymweliadau pellach gan ein llysgenhadon.&nbsp; Ymwelodd mwy na 75,000 o bobl &acirc;'r digwyddiadau mawr STEM.</p>
<p>"Bydd yr ariannu ychwanegol hwn yn caniat&aacute;u i ni addasu ac adeiladu ar y gwaith sylfaen, a byddwn hefyd yn edrych ar sut y gallwn adeiladu ar ein cydweithrediadau &acirc; nifer o sefydliadau eraill i ddatblygu neges STEM glir, gyda'r gobaith o ganlyniadau manteisiol yn y pendraw.&nbsp; Gallwn hefyd gynnig anogaeth a phartneriaeth &acirc; grwpiau eraill sydd wedi'u hysgogi i gynnig am y math hwn o brosiectau.&rdquo;</p>
<p>Caiff gweithgareddau'r prosiect eu hehangu i gynnwys deuddeg ymweliad &acirc;'r brifysgol a/neu cyfleusterau SPECIFIC, gyda chyfartaledd o 30 o ddisgyblion ar bob ymweliad, a 30 o ysgolion, colegau a chlybiau ar &ocirc;l ysgol yn derbyn ymweliadau gan lysgenhadon y prosiect.</p>
<p>Bydd <em>Defnyddiau: Byw!</em> yn ceisio meithrin perthnasoedd ystyrlon &acirc; dosbarthiadau uwch gyfrannol/safon uwch i roi cyfle iddynt ddefnyddio labordai'r brifysgol, gan ddarparu'r sgiliau a'r adnoddau i gyflawni peth o waith prosiect eu cyrsiau.</p>
<p>Meddai Dr Richard Johnston, Cyfarwyddwr <em>Defnyddiau: Byw!</em>, Uwch-ddarlithydd Gwyddor Defnyddiau a Pheirianneg ym Mhrifysgol Abertawe, a Chymrawd Cyfryngau Cymdeithas Wyddoniaeth Prydain, "Rydym yn clywed gan blant sydd am fod yn beirianyddon neu weithio mewn argraffu 3D neu drwsio pobl pan fyddant yn hŷn.&nbsp; Mae'n galonogol gweld plant wedi'u hysbrydoli gan y gwyddoniaeth a pheirianneg bendigedig sy'n cyfoethogi ein bywydau pob dydd."</p>
<p>Bydd gan y t&icirc;m <em>Defnyddiau: Byw!</em> hefyd bresenoldeb ym mhafiliwn gwyddoniaeth GwyddonLe yn Eisteddfod yr Urdd, Gŵyl Wyddoniaeth Caerdydd, Gŵyl Gwyddoniaeth Cheltenham (er y'i cynhelir yn Lloegr, ystyrir fel un o'r gwyliau gwyddoniaeth gorau yn y byd, ac eleni bydd ardaloedd ar thema uwch ddefnyddiau) a Big Bang Cymru.</p>
<p><strong>Am y newyddion diweddaraf gan brosiect <em>Defnyddiau: Byw!</em>, ewch i sianel YouTube yr Academi Ddefnyddiau yn <a href="http://www.youtube.com/user/MaterialsAcademy">http://www.youtube.com/user/MaterialsAcademy</a>, neu dilynwch y prosiect ar Twitter @defnyddiau.</strong></p>
    </div>

    <ul class="news-item-post-info-container vcard">
        <li class="news-item-post-info author">
           Postiwyd gan
            <span class="fn">Bethan Evans</span>
            &lt;<a class="email" href="mailto:b.w.evans@abertawe.ac.uk">b.w.evans@abertawe.ac.uk</a>&gt;
        </li>

        <li class="news-item-post-info">
            <a href="/cy/swyddfar-wasg/archif-newyddion/2013/18mispellachoariannuifentergwyddoniaethapheiriannegybrifysgoldefnyddiaubyw.php" rel="bookmark">
                <abbr class="published" title="2013-12-19T00:00:00+00:00">Dydd Iau 19 Rhagfyr 2013 00.00 GMT</abbr>
            </a>
        </li>

        <li class="news-item-post-info updated-container">
            <abbr class="updated" title="2013-12-19T15:11:20+00:00">Dydd Iau 19 Rhagfyr 2013 15.11 GMT</abbr>
        </li>

        <li class="news-item-post-info">
        	<span class="fn org">Prifysgol Abertawe</span>, Ff&ocirc;n: <span class="tel">01792 295049</span>
        </li>
    </ul>

</div>

                    </div>

                    <div class="layout-related-items">
                    </div>
                </div>


            </div>

            <!--noindex-->
            <div id="footer" class="layout-footer">
                <ul id="footerLinks" class="footer-links">
<!-- navigation object : SU_footer navigation --><li class="footer-links-list-item"><a href="/cy/y-brifysgol/cysylltuani/">Cysylltwch &acirc; ni</a></li><li class="footer-links-list-item"><a href="/cy/personel/swyddi/">Swyddi</a></li><li class="footer-links-list-item"><a href="/cy/y-brifysgol/colegau/">Colegau</a></li><li class="footer-links-list-item"><a href="/cy/canolfan-y-cyfryngau/">Y Wasg</a></li><li class="footer-links-list-item"><a href="/cy/cynnwys/footer/ymwadiad-a-hawlfraint/">Ymwadiad a Hawlfraint</a></li><li class="footer-links-list-item"><a href="/cy/cynnwys/footer/map-o'r-safle/">Map o'r Safle</a></li><li class="footer-links-list-item"><a href="/cy/cynnwys/footer/preifatrwyddachwcis/">Preifatrwydd a Chwcis</a></li>
                </ul>

                <div id="footerDisclaimer" class="footer-disclaimer">
                    <p class="footer-disclaimer-text">Mae Prifysgol Abertawe yn elusen gofrestredig. Rhif 1138342.</p>
                </div>
            </div>
            <!--endnoindex-->

        </div>

    </div>


<script id="desktop-header-template" type="text/x-tmpl-mustache">

    <div id="header" class="layout-header">
        <div class="skip-to-content" id="skipToContent">
            {{{ skipToContent }}}
        </div>

        <h1 id="logo" class="logo">
            {{{ logo }}}
        </h1>

        <div id="globalNavWrapper" class="header-links">
            <ul id="globalNav" class="header-links-list">
                {{{ globalNav }}}
            </ul>
        </div>

        <div id="globalSearch" class="global-search-form">
            {{{ globalSearch }}}
        </div>
                    
        <div id="naviBar" class="main-nav">
            <ul id="mainNav" class="main-nav-list">
                {{{ mainNav }}}
            </ul>
        </div>
    </div>

</script>


<script id="mobile-header-template" type="text/x-tmpl-mustache">

    <div id="header" class="layout-header">
        <span class="layout-menu-bar">
            <a id="layout-menu-bar-toggle" class="layout-menu-bar-toggle" href="#">{{mobile.linksText}}</a>
        </span>

        <a id="logo-link" href="{{mobile.logoLinkHref}}">
            <img class="logo-image" alt="{{mobile.logoAlt}}" src="{{mobile.logoSrc}}" />
        </a>
    </div>

</script>


<script id="desktop-menu-template" type="text/x-tmpl-mustache">

    <div class="layout-content-nav">
        <div id="secondaryNavWrapper">
             <ul id="secondaryNav" class="content-nav content-nav-items">
                 {{{secondaryNav}}}
             </ul>
         </div>
    </div>

</script>


<script id="mobile-menu-template" type="text/x-tmpl-mustache">

    <div class="layout-content-nav">
        <div id="globalNavWrapper">
            {{{globalNav}}}
        </div>

        <div id="naviBar">
            {{{mainNav}}}
        </div>

        <div id="secondaryNavWrapper">
             <ul id="secondaryNav">
                 {{{secondaryNav}}}
             </ul>
         </div>
    </div>

</script>


<script id="desktop-tabs-pod-template" type="text/x-tmpl-mustache">

    <h2 class="tabs-pod-title">{{ podTitle }}</h2>
    <div class="tabs-pod-tabs">

        <ul class="tabs-item-list">
{{#tabs}}
            <li class="tabs-item-list-tab-item tabs-pod-tabs-tab-heading">
                <a class="tabs-item-list-tab-item-link" href="#">{{ tabHeading }}</a>
            </li>
{{/tabs}}
        </ul>

{{#tabs}}
        <div class="tabs-pod-tabs-tab">
            <div class="tabs-pod-tabs-tab-content">
                {{{ tabContent }}}
            </div>
        </div>
{{/tabs}}

    </div>

</script>


<script id="mobile-tabs-pod-template" type="text/x-tmpl-mustache">

    <h2 class="tabs-pod-title">{{ podTitle }}</h2>
    <div class="tabs-pod-tabs">
{{#tabs}}
        <div class="tabs-pod-tabs-tab">
            <h3 class="tabs-pod-tabs-tab-heading is-collapsed">
                <a href="#">{{ tabHeading }}</a>
            </h3>
            <div class="tabs-pod-tabs-tab-content" style="display: none">
                {{{ tabContent }}}
            </div>
        </div>
{{/tabs}}
    </div>

</script>


</body>

</html>
