New web

Web pattern library, style and technical reference

Parse Files

Freeform 2016

The 'Freeform' parse file is a slghtly stripped back layout that keeps the main body content unwrapped, this layout is used for pulling in externally hosted content and wrapping the global UON header and footer around it..

Parse file

<MySource_AREA id_name="exit_area" design_area="exit" print="no"></MySource_AREA>
<MySource_AREA id_name="ees_scripts" design_area="nest_content" print="no" />
<MySource_AREA id_name="ees" design_area="show_if" print="no">
  <MySource_SET name="condition" value="simple_edit_mode" />
  <MySource_THEN>
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>Loading Easy Edit Suite&hellip;</title>
      <!-- Custom EES CSS and JS -->
      <MySource_PRINT id_name="ees_scripts" />
    </head>
    <body>
      <script>dataLayer = [];</script> 
    </body>
    </html>
    <MySource_PRINT id_name="exit_area" />
  </MySource_THEN>
</MySource_AREA>
<MySource_AREA id_name="ees_login" design_area="show_if">
  <MySource_SET name="condition" value="logged_in" />
  <MySource_THEN><MySource_PRINT id_name="ees" /></MySource_THEN>
</MySource_AREA>
<!DOCTYPE html>

<MySource_AREA id_name="layout" design_area="declared_vars" print="yes">
  <MySource_DECLARE name="meta_viewport" value="width=device-width, initial-scale=1, maximum-scale=1" type="text" description="Viewport to be used for the layout, defines elements of responsive behaviour." />
  <MySource_DECLARE name="meta_viewport_scalable" value="no" type="text" description="Defines whether page is user scalable on mobile/tablet devices." />
  <MySource_DECLARE name="panel_class" value="" type="text" description="Can be used to customise entire pages for specific sections." />
  <MySource_DECLARE name="body_layout_class" value="wrapped" type="text" description="Used to wrap/unwrap body content." />
  <MySource_DECLARE name="site_name" value="The University of Newcastle, Australia" type="text" description="Site name for meta and title" />
</MySource_AREA>

<html lang="en">
<head>

  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="<MySource_PRINT id_name='layout' var='meta_viewport' />" user-scalable="<MySource_PRINT id_name='layout' var='meta_viewport_scalable' />">

  <MySource_AREA id_name="open_graph" design_area="nest_content"/>
  <MySource_AREA id_name="googleStructuredData" design_area="nest_content"/>

  <MySource_AREA id_name="conditional_robots" design_area="show_if">
    <MySource_SET name="condition" value="keyword_regexp"/>
    <MySource_SET name="condition_keyword" value="asset_metadata_UON.Utility.SearchVisibility"/>
    <MySource_SET name="condition_keyword_match" value="^excluded$" />
    <MySource_THEN><meta name="robots" content="noindex,nofollow" /></MySource_THEN>
    <MySource_ELSE><meta name="robots" content="index,follow,noodp" /></MySource_ELSE>
  </MySource_AREA>


  <MySource_AREA id_name="title_lineage" design_area="asset_lineage">
    <MySource_DIVIDER> / </MySource_DIVIDER>
    <MySource_SET name="prefix_with_divider" value="false" />
    <MySource_SET name="suffix_with_divider" value="true" />
    <MySource_SET name="prefix_with_home_link" value="false" />
    <MySource_SET name="suffix_with_current_link" value="false" />
    <MySource_SET name="reverse_lineage" value="true" />
    <title><MySource_PRINT id_name="__global__" var="asset_name" /> / <MySource_ASSET><MySource_PRINT var="asset_name" /></MySource_ASSET><MySource_PRINT id_name="layout" var="site_name" /></title>
  </MySource_AREA>

  <MySource_AREA id_name="metadata" design_area="metadata" />
  <MySource_AREA id_name="additional_metadata" design_area="nest_content" />
  <meta name="description" content="%globals_asset_metadata_dcterms.description%" />

  <link rel="stylesheet" href="//use.fontawesome.com/99b4fbdfaa.css" />

  <MySource_AREA id_name="global_styles" design_area="linked_css" cache="1" />
  <MySource_AREA id_name="custom_styles" design_area="nest_content" cache="1" />

  <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

  <MySource_AREA id_name="show_custom_background_colour" design_area="show_if">
    <MySource_SET name="condition" value="keyword_regexp"/>
    <MySource_SET name="condition_keyword" value="asset_metadata_UON.Page.BackgroundColour"/>
    <MySource_SET name="condition_keyword_match" value="^$" />
    <MySource_ELSE>
      <style>#panel {background-color:<MySource_PRINT id_name='__global__' var='asset_metadata_UON.Page.BackgroundColour' />;}</style>
    </MySource_ELSE>
  </MySource_AREA>
  <MySource_AREA id_name="show_custom_background_gradient_image" design_area="show_if" print="no">
    <MySource_SET name="condition" value="keyword_regexp"/>
    <MySource_SET name="condition_keyword" value="asset_metadata_UON.Page.BackgroundGradientColour"/>
    <MySource_SET name="condition_keyword_match" value="^$" />
    <MySource_THEN>
      <style>#panel {background-image:url(<MySource_PRINT id_name='__global__' var='asset_metadata_UON.Page.BackgroundImage^as_asset:asset_url' />);}</style>
    </MySource_THEN>
    <MySource_ELSE>
      <style>#panel {background-image:url(<MySource_PRINT id_name='__global__' var='asset_metadata_UON.Page.BackgroundImage^as_asset:asset_url' />), linear-gradient(to bottom,<MySource_PRINT id_name='__global__' var='asset_metadata_UON.Page.BackgroundColour^empty:#C6CAD1' />,<MySource_PRINT id_name='__global__' var='asset_metadata_UON.Page.BackgroundGradientColour' />);}</style>
    </MySource_ELSE>
  </MySource_AREA>
  <MySource_AREA id_name="show_custom_background_gradient_only" design_area="show_if" print="no">
    <MySource_SET name="condition" value="keyword_regexp"/>
    <MySource_SET name="condition_keyword" value="asset_metadata_UON.Page.BackgroundGradientColour"/>
    <MySource_SET name="condition_keyword_match" value="^$" />
    <MySource_ELSE>
      <style>#panel {background-image:linear-gradient(to bottom,<MySource_PRINT id_name='__global__' var='asset_metadata_UON.Page.BackgroundColour^empty:#C6CAD1' />,<MySource_PRINT id_name='__global__' var='asset_metadata_UON.Page.BackgroundGradientColour' />);}</style>
    </MySource_ELSE>
  </MySource_AREA>
  <MySource_AREA id_name="show_custom_background_image" design_area="show_if">
    <MySource_SET name="condition" value="keyword_regexp"/>
    <MySource_SET name="condition_keyword" value="asset_metadata_UON.Page.BackgroundImage"/>
    <MySource_SET name="condition_keyword_match" value="^$" />
    <MySource_THEN>
      <MySource_PRINT id_name="show_custom_background_gradient_only"/>
    </MySource_THEN>
    <MySource_ELSE>
      <MySource_PRINT id_name="show_custom_background_gradient_image"/>
    </MySource_ELSE>
  </MySource_AREA>


</head>
<body>
<script>
  dataLayer = [];
</script>
<MySource_AREA id_name="google_tag_manager" design_area="nest_content" print="no"/>

<nav id="slide-menu"></nav>
<main id="panel" class="<MySource_PRINT id_name='layout' var='panel_class' />">

<MySource_AREA id_name="top_header" design_area="nest_content" />
<MySource_AREA id_name="global_header" design_area="nest_content" />

<section id="uon-body" class="<MySource_PRINT var='asset_metadata_UON.Page.Layout' />"><div class="<MySource_PRINT id_name='layout' var='body_layout_class' /> clearfix">

<MySource_AREA id_name="login_tracker" design_area="nest_content" print="no" />
<MySource_AREA id_name="login_form" design_area="login_form" print="no">
<div id="login-box">
    <h1 id="login-title">Please Login</h1>
    <p id="login-description">Access to this content is restricted.</p>
    <div class="login-messages"><MySource_PRINT var="system_messages" /></div>
    <div id="login-form">
        <MySource_LOGIN_SECTION>
            <MySource_PRINT var="form_open" />
            <div class="clearfix">
                <label class="login-label">Username <span class="mandatory">*</span></label> <span class="login-field"><MySource_PRINT var="username_box" /></span>
            </div>
            <div class="clearfix">
                <label class="login-label">Password <span class="mandatory">*</span></label> <span class="login-field"><MySource_PRINT var="password_box" autocomplete="off" /></span>
            </div>
            <div class="submit-action">
                <MySource_PRINT var="submit_button" value="Login" class="btbutton next-button solid-button" />
            </div>
            <div id="login-help"><p>Problems logging in?<br />Please contact the <a href="http://web.newcastle.edu.au">Web Team</a>.</p></div>
            <MySource_PRINT var="form_close" />
        </MySource_LOGIN_SECTION>
        <MySource_LOGOUT_SECTION></MySource_LOGOUT_SECTION>
    </div>
</div>
<MySource_PRINT id_name="login_tracker" />
</MySource_AREA>

<MySource_AREA id_name="body" design_area="body" />

</div></section>

<MySource_AREA id_name="global_footer" design_area="nest_content" />

</main>

<MySource_AREA id_name="global_scripts" design_area="nest_content" />
<MySource_AREA id_name="custom_scripts" design_area="nest_content" />

</body>
</html>

Parse file last updated 14 September 2018