Skip to content

Commit

Permalink
Updated Support page content and layout.
Browse files Browse the repository at this point in the history
  • Loading branch information
MattFredBrooks committed Oct 3, 2017
1 parent e1db6e1 commit b28fda1
Showing 1 changed file with 71 additions and 22 deletions.
93 changes: 71 additions & 22 deletions ds-flow/support.html
View file
Expand Up @@ -41,6 +41,7 @@ <h1 class="col-8">AusGov : Design System</h1>


<section class="wrapper">
<!-- <div class="clearfix"> -->
<div class="clearfix main sidebarRight">


Expand All @@ -50,9 +51,9 @@ <h1 class="col-8">AusGov : Design System</h1>
<h4 style="margin-bottom:0">On this page</h4>
<ul style="list-style: none; padding:0; margin:0; margin: 1.6em 0 0;">
<li><a href="#community">Community</a></li>
<li><a href="#faqs">FAQs</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#help">Help topics</a></li>
<li><a href="#training">Training</a></li>
<li><a href="#email">Email the team</a></li>
</ul>
</div>
</div>
Expand All @@ -62,15 +63,50 @@ <h4 style="margin-bottom:0">On this page</h4>
================== ~Content ==================
-->

<!-- <div class="content"> -->
<div class="content maincontent">

<div class="clearfix">
<h1 style="margin-bottom:1em; float:left" id="intro">Support</h1>
</div>

<!-- <ul class="cards clearfix micro">
<li>
<a href="#community">
<img src="http://via.placeholder.com/300x300">
<div class="content">
<h4>Ask the community</h4>
</div>
</a>
</li>
<li>
<a href="#help">
<img src="http://via.placeholder.com/300x300">
<div class="content">
<h4>View help topics</h4>
</div>
</a>
</li>
<li>
<a href="#training">
<img src="http://via.placeholder.com/300x300">
<div class="content">
<h4>Training</h4>
</div>
</a>
</li>
<li>
<a href="#email">
<img src="http://via.placeholder.com/300x300">
<div class="content">
<h4>Email the team</h4>
</div>
</a>
</li>
</ul> -->

<h2 id="community">Get help from the community</h2>
<p>Our system is built and mainted by the community just like any other open source project. <strong>If you're looking for help, this is the place to start.</strong></p>
<p>You can find us on:</p>
<p>Our system is built and maintained by the community just like any other open source project. Our community is a great source of expertise. Put your questions to the community here:</p>
<p>
<a href="http://designsystem.trydiscourse.com/c/design-system" class="button" style=""><i class="fa fa-comments" style="font-size:20px; vertical-align:middle"></i>&nbsp; Community</a>
<a href="https://github.com/govau/uikit" class="button" style=""><i class="fa fa-github" style="font-size:20px; vertical-align:middle"></i>&nbsp; Github</a>
Expand All @@ -79,30 +115,43 @@ <h2 id="community">Get help from the community</h2>

<p>&nbsp;</p>

<h3 id="faqs" style="margin-bottom:0">FAQs</h3>
<ul class="tightlist" style="margin-bottom:0">
<li><a href="test.html">Is there any documentation or list of components?</a></li>
<li><a href="test.html">What are you working on?</a></li>
<li><a href="test.html">What are the differences between version one and version two?</a></li>
<li><a href="test.html">Who can use the design system?</a></li>
<li><a href="test.html">What is the design system built for?</a></li>
<li><a href="test.html">I found an issue/bug/problem. What do I do?</a></li>
<li><a href="test.html">Why is the whitespace in the typography large or inconsistent?</a></li>
<li><a href="test.html">Why do you use system fonts?</a></li>
</ul>
<a href="http://designsystem.trydiscourse.com/c/design-system" class="button"><i class="fa fa-comments" style="font-size:20px; vertical-align:middle"></i>&nbsp; Community FAQs</a>
<h2 id="help">Help topics</h2>
<div class="clearfix">
<div class="col-6">
<div style="padding-right:1em">
<h3>Articles</h3>
<ul class="tightlist" style="margin-bottom:0">
<li><a href="test.html">Is there any documentation or list of components?</a></li>
<li><a href="test.html">What are you working on?</a></li>
<li><a href="test.html">What are the differences between version one nd version two?</a></li>
</ul>
</div>
</div>
<div class="col-6">
<h3>Discussions</h3>
<ul class="tightlist" style="margin-bottom:0">
<li><a href="test.html">Who can use the design system?</a></li>
<li><a href="test.html">What is the design system built for?</a></li>
<li><a href="test.html">I found an issue/bug/problem. What do I do?</a></li>
<li><a href="test.html">Why is the whitespace in the typography large or inconsistent?</a></li>
<li><a href="test.html">Why do you use system fonts?</a></li>
</ul>
</div>
</div>
<!--<a href="http://designsystem.trydiscourse.com/c/design-system" class="button"><i class="fa fa-comments" style="font-size:20px; vertical-align:middle"></i>&nbsp; Community FAQs</a>-->

<p>&nbsp;</p>

<h2 id="contact">Contact the admins</h2>
<p>Our prefrence is for questions to come through <a href="http://designsystem.trydiscourse.com/c/design-system">the Design System community.</a> Because someone might be able to answer your question before we can. <br> But <a href="test.html">the team can be contacted via email</a>.</p>

<h2 id="training">Training</h2>
<p>We can deliver workshops to Government teams that are new to design systems or want to learn state-of-the-art development techniques like GitFlow or Modular CSS.</p>
<p>These workshops are run at a cost-recovery price only.</p>
<p><a href="test.html" class="button" style="">Get a quote</a></p>

<p>&nbsp;</p>

<h2 id="training">Training</h2>
<p>Our DTA experts can provide a detailed workshop for Government teams who are new to using design systems or want to learn state of the art development techniques, like GitFlow or Modular CSS. <br><strong>These workshops are run at a cost-recovery price only.</strong></p>
<p><a href="test.html" class="button" style="">Get a quote</a></p>
<h2 id="email">Email the team</h2>
<p>Our community is likely to answer you before we can. But if you can’t find an answer in the community, feel free to <a href="test.html">email us</a></p>



</div><!--maincontent-->
Expand Down

0 comments on commit b28fda1

Please sign in to comment.