-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
47 lines (42 loc) · 14.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html><!--[if lt IE 8]><html class="no-js lt-ie8 lt-ie9" lang="en"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="en"><![endif]--><!--[if IE 9 ]><html class="no-js ie9" lang="en"><![endif]--><!--[if !(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--><html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-32x32.png/assets/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/favicons/site.webmanifest">
<link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#06262d">
<link rel="shortcut icon" href="assets/favicons/favicon.ico">
<meta name="msapplication-config" content="assets/favicons/browserconfig.xml">
<meta name="msapplication-TileColor" content="#000000">
<meta name="theme-color" content="#ffffff">
<meta name="robots" content="index, follow">
<meta name="author" content="GOLD team">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="GOLD">
<meta name="twitter:description" content="Government Open Language for Design - design system">
<meta name="twitter:name" content="GOLD">
<meta name="twitter:image" content="https://gold.service.gov.au/assets/favicons/gold.jpg">
<meta property="og:type" content="website">
<meta property="og:title" content="GOLD">
<meta property="og:site_name" content="GOLD">
<meta property="og:description" content="Government Open Language for Design - design system">
<meta property="og:image" content="https://gold.service.gov.au/assets/favicons/gold.jpg">
<meta property="og:url" content="https://gold.service.gov.au">
<title>Homepage - Australian Government Open Language for Design</title>
<link rel="stylesheet" href=assets/css/style.css>
<!--[if lte IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.js"></script>
<![endif]-->
<script src=assets/js/header.js></script></head><body class="au-grid"><div class="header-wrapper"><nav class="au-skip-link "><a class="au-skip-link__link " href="#mainmenu">Skip to navigation</a><a class="au-skip-link__link " href="#content">Skip to content</a></nav><div class="headergovau"><div class="container-fluid"><div class="row headergovau__bar"><div class="col-md-12"><a href="#headergovau-accordion" class="headergovau__button js-header-accordion au-accordion--closed" aria-controls="headergovau-accordion" aria-expanded="false" aria-selected="false" role="tab"><span class="headergovau__logo"><svg class="headergovau__logo__svg" role="img" title="The Commonwealth Star"><use xlink:href="assets/svg/map.svg#star"></use></svg><span class="headergovau__logo__text">GOV.AU</span></span><span class="headergovau__official">An official site</span></a><ul class="au-link-list au-link-list--inline"><li><a href="https://dta.gov.au">DTA</a></li><li><a href="https://guides.service.gov.au">Guides</a></li></ul></div></div><div id="headergovau-accordion" class="headergovau__content row au-accordion--closed au-accordion__body" aria-hidden="false"><div class="au-accordion__body-wrapper"><div class="col-sm-6"><div class="headergovau__icon-content icon--govau"><p class="headergovau__title">The .gov.au means it’s official</p><p>Australian Government websites always use a .gov.au domain. Before sharing sensitive information online, make sure you’re on a .gov.au site by inspecting your browser’s address (or 'location') bar.</p></div></div><div class="col-sm-6"><div class="headergovau__icon-content icon--secure"><p class="headergovau__title">This site is secure.</p><p>The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.</p></div></div></div></div></div></div><div class="header header--home"><div id="focustrap-top"></div><div class="au-header au-header--dark" role="banner"><div class="container-fluid"><div class="row"><div class="col-md-12"><p class="header__logo--coa">The Australian Government coat of Arms</p><div class="header__logo-wrapper"><a href="." class="header__logo"><svg role="img" title="GOLD"><title>The Government Open Language for Design logo</title><defs><linearGradient id="GOLD-gradient" x1="100%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFE9B2" stop-opacity="1"></stop><stop offset="100%" stop-color="#BD952D"></stop></linearGradient></defs><use xlink:href="assets/svg/map.svg#gold"></use></svg><h1 class="header__title au-display-md">Government Open Language for Design</h1></a><p>Uniting teams that create digital services, through inclusive design, open-source code and shared insights.</p>
</div><button id="mainmenu-toggle" class="mainmenu-toggle au-btn au-btn--tertiary au-btn--dark au-btn--block icon au-accordion--closed" aria-controls="mainmenu" aria-expanded="false" aria-selected="false" role="tab">Open menu</button></div></div></div></div><div aria-hidden="true" id="mainmenu" class="mainmenu au-body au-body--dark au-accordion__body au-accordion--closed"><div class="container-fluid"><div class="row"><div class="col-md-12"><nav class="navigation navigation--dark "><ul class="au-link-list au-link-list--inline"><li class="mainmenu--active"><a href="." class="">About</a></li><li class=""><a href="get-started" class="">Get started</a></li><li class=""><a href="components" class="">Components</a></li><li class=""><a href="templates" class="">Templates</a></li><li class=""><a href="community" class="">Community</a></li><li class=""><a href="support" class="">Support</a></li></ul><ul class="au-link-list mainmenu--right au-link-list--inline"><li class=""><a href="https://github.com/govau/uikit/" class="icon icon--dark icon--github icon--action">Github</a></li><li class=""><a href="download" class="icon icon--dark icon--download icon--action">Download</a></li></ul></nav></div></div></div></div><div id="overlay" class="overlay"></div><div id="focustrap-bottom"></div></div></div><div class="page-wrapper"><div class="content-wrapper"><main id="content" class="main au-body container-fluid"><div class="row"><div class="col-md-12"><h1 class="sronly">Homepage</h1><div class="intro au-grid"><div class="intro-wrapper row"><div class="intro__img col-sm-12 col-md-6 col-md-push-6"><div class="intro__imgpadding"><img class="au-responsive-media-img" src="assets/img/artwork-about.png" alt="designers and developers working together"/></div></div><div class="intro__text col-sm-12 col-md-5 col-md-pull-6"><h2 class="intro__title">About</h2><div class="content"><p><em>The GOLD design system provides a framework and a set of tools to help designers and developers build government products and services more easily.</em></p>
<p>The system incorporates the highest usability and accessibility standards and helps deliver a consistent experience for all users, in line with the <a href="https://www.dta.gov.au/standard/" rel="external">Digital Service Standard.</a></p>
</div><p class="intro__cta"><a href="/get-started" class="au-btn au-btn--secondary">Get started</a></p></div></div></div><div class="au-grid"><div class="promo-wrapper row"><div class="promo col-sm-12 col-md-4"><div class="promo-group"><a href="community"><img class="promo__thumbnail au-responsive-media-img" src="assets/img/artwork-about-community.png"/><h2 class="promo__title">Community</h2></a><div class="content"><p>GOLD has been created for designers and developers across government to share and create a set of quality tools and designs that can be used by everyone.</p>
</div></div></div><div class="promo col-sm-12 col-md-4"><div class="promo-group"><a href="components"><img class="promo__thumbnail au-responsive-media-img" src="assets/img/artwork-about-components.png"/><h2 class="promo__title">Components</h2></a><div class="content"><p>Components can be used and extended by anyone to help kickstart the design and development process or even build production-ready interfaces.</p>
</div></div></div><div class="promo col-sm-12 col-md-4"><div class="promo-group"><a href="templates"><img class="promo__thumbnail au-responsive-media-img" src="assets/img/artwork-about-templates.png"/><h2 class="promo__title">Templates</h2></a><div class="content"><p>Templates aren<span class="markdown-quote">’</span>t ready yet. But the intent is that they will be a great way to kickstart a project, and be designed to save on time and resources to get value to users sooner.</p>
</div></div></div></div></div><div class="features au-grid"><div class="row"><div class="features__intro col-md-6 col-md-offset-3"><h2 class="features__intro__headline">What makes our components great</h2><div class="content"><p>When you install a GOLD component you benefit from the shared efforts of a community dedicated to making government products and services better, faster, easier.</p>
</div></div></div><ul class="features__list row"><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Designed</h3><p>Deliver high-quality visual design</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Modern</h3><p>Built with HTML5 semantics</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Responsive</h3><p>Deliver mobile first responsive design</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Tested</h3><p>Usability tested by the community</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Accessible</h3><p>Meet WCAG 2.1 AA standard accessibility</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Robust</h3><p>Browser support back to IE8 and no-js fallbacks</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Flexible</h3><p>Include options for common JavaScript, jQuery and React</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Customisable</h3><p>Built on a detailed Sass ecosystem</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Modular</h3><p>Ability to choose the components you need</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Versioned</h3><p>Need upgrading only when you're ready</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Maintained</h3><p>Continuously improved</p></div></li><li class="feature col-xs-6 col-sm-3 col-lg-2"><div class="feature__wrapper"><h3 class="au-display-sm feature__wrapper__headline">Supported</h3><p>Empowered and driven by the community</p></div></li></ul><div class="features__cta"><a href="/components" class="au-btn au-btn--secondary">See examples</a></div></div><div class="users row"><div class="users__intro col-xs-12 col-md-4"><h2>Who's using it?</h2><p>GOLD is in its early days but a number of government teams have already jumped on board. Why not join them? Together we‘ll be able to build better, faster, easier.</p>
<p><a href="/community" class="au-btn au-btn--secondary">Community</a></p></div><div class="col-xs-12 col-md-7 col-md-offset-1"><ul class="users__list row"><li class="user col-xs-6 col-md-4"><div class="user__wrapper"><img src="assets/img/users-logo-dta.png" alt="Digital Transformation Agency" title="Digital Transformation Agency"/></div></li><li class="user col-xs-6 col-md-4"><div class="user__wrapper"><img src="assets/img/users-logo-mygov.png" alt="MyGov" title="MyGov"/></div></li><li class="user col-xs-6 col-md-4"><div class="user__wrapper"><img src="assets/img/users-logo-marketplace.png" alt="Digital Marketplace" title="Digital Marketplace"/></div></li><li class="user col-xs-6 col-md-4"><div class="user__wrapper"><img src="assets/img/users-logo-health.png" alt="The Department of Health" title="The Department of Health"/></div></li><li class="user col-xs-6 col-md-4"><div class="user__wrapper"><img src="assets/img/users-logo-dashboard.png" alt="Performance Dashboard" title="Performance Dashboard"/></div></li><li class="user col-xs-6 col-md-4"><div class="user__wrapper"><img src="assets/img/users-logo-dva.png" alt="Department of Veterans' Affairs" title="Department of Veterans' Affairs"/></div></li></ul></div></div></div></div></main></div><footer class="au-footer footer au-footer--dark " role="contentinfo"><div class="container-fluid"><div class="row"><div class="col-md-offset-1 col-md-8 col-md-push-3 au-body au-body--dark"><h2 class="au-display-md ">Community</h2><ul class="au-link-list au-link-list--inline"><li><a href="https://community.service.gov.au/c/gold">Forums</a></li><li><a href="https://github.com/govau/uikit/projects/">Roadmap</a></li><li><a href="https://github.com/govau/uikit/">Github</a></li></ul><ul class="au-link-list footer__legal-links"><li><a href="https://www.dta.gov.au/privacy-statement/">Privacy</a></li><li><a href="/support">Need help?</a></li><li><a href="https://www.dta.gov.au/accessibility/">Accessibility</a></li><li><a href="https://www.dta.gov.au/disclaimer/">Disclaimer</a></li></ul><nav class="au-footer__end "><div class="footer__content footer__legal"><p>© Commonwealth of Australia. With the exception of the Commonwealth Coat of Arms and where otherwise noted, this work is licensed under the <a href="https://github.com/govau/uikit/blob/master/LICENSE" rel="external">MIT license</a></p>
</div></nav></div><div class="col-md-3 col-md-pull-9 footer__logo"><a href="http://dta.gov.au"><img class="footer__image" src="assets/img/footer-logo-dta.png" alt="Digital Transformation Agency" title="Digital Transformation Agency"/></a></div></div></div></footer></div><script src="assets/js/footer.js"></script></body></html>