Skip to content

Commit

Permalink
Merge pull request #63 from ONSdigital/marital-status
Browse files Browse the repository at this point in the history 
adding marital status prototype
  • Loading branch information
@leannecook
leannecook authored Dec 27, 2017
2 parents f1c87c6 + 08f55e1 commit 612a33f
Show file tree
Hide file tree
Showing 5 changed files with 640 additions and 0 deletions.
76 changes: 76 additions & 0 deletions _prototypes/marital-status/end.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
---
title: End of questions
project: martial status
globalcss: false
---


<link rel="stylesheet" href="{{ "/css/census.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="../css/labourmarket.css">
<!--<link rel="stylesheet" type="text/css" href="{{ "/css/census-proto.css" | prepend: site.baseurl }}">-->

<header class="header header--census">
<div class="header__help is-closed js-help-body">
<div class="header__container container">
<div class="header__title ">Help and support –</div>

</div>
</div>
<div class="header__container container">
<div class="header__logo">
<img src="{{ "/img/census-logo.svg" | prepend: site.baseurl }}" alt="2017 Census">
</div>
<button class="header__btn btn btn--light btn--border js-help-btn" data-ga-action="Help and support" data-ga="click" data-ga-category="Help">
Help and support
</button>
</div>
</header>
</header>



<div class="page__subheader">

<div class="container">
<a class="mars" href="javascript:history.back()">Previous</a>
</div>
</div>

<div class="page__container container">
<div class="grid grid--reverse">
<div class="grid__col col-4@m">

<!-- right aligned side nav -->
<div class="nav nav--sections nav--vertical js-nav page__nav" id="section-nav">
<h2 class="nav__title venus">Sections</h2>
<ul class="nav__list js-nav-list">
<li class="nav__item pluto nav__item--completed">
<a class="nav__link" href="#item1">Who lives here?</a>
</li>
<li class="nav__item pluto nav__item--completed">
<a class="nav__link" href="#item2">Household and Accomodation</a>
</li>
<li class="nav__item pluto nav__item--current">
<a class="nav__link" href="#item3">Name</a>
</li>
</ul>
</div>

</div>
<div class="grid__col col-7@m pull-1@m">
<main role="main" id="main" class="page__main">
<form name="joboff" class="form qa-questionnaire-form" role="form" autocomplete="off" novalidate="">
<div class="group" id="rsi">
<div class="block" id="total-retail-turnover">
<section class="section" id="total-retail-turnover-section">
<!-- <h2 class="section__title neptune">Joanna Bloggs</h2>-->


<div class="question" id="total-retail-turnover-question">
<h1 class="question__title saturn">

No more questions. Thank you for participating.

</h1>


242 changes: 242 additions & 0 deletions _prototypes/marital-status/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,242 @@
---
title: Enter your name
project: marital-status
globalcss: false
---


<link rel="stylesheet" href="{{ "/css/census.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="../css/labourmarket.css">
<!--<link rel="stylesheet" type="text/css" href="{{ "/css/census-proto.css" | prepend: site.baseurl }}">-->

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>What is your address? - 2017 Census Test</title>
<meta content="" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link rel="apple-touch-icon" sizes="180x180" href="/s/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/s/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/s/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/s/favicons/manifest.json">
<link rel="mask-icon" href="/s/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">



<!--[if (gt IE 9) | (IEMobile)]><!-->
<link href="/s/css/census/responsive.min.css?q=e920e1dbfc633e7e6f6ed25002f139672674a8ae" rel="stylesheet">
<!--<![endif]-->
<!--[if (lte IE 9) & (!IEMobile)]>
<link href="/s/css/census/fixed.min.css?q=e920e1dbfc633e7e6f6ed25002f139672674a8ae" rel="stylesheet">
<![endif]-->
<!-- Google Analytics -->



</head>

<body>




<header class="page__header">

<header class="header header--census">
<div class="header__help is-closed js-help-body">
<div class="header__container container">
<div class="header__title ">Help and support &ndash;</div>
<ul class="header__nav nav nav--horizontal">
<li class="nav__item">
<span class="mars" role="presentation">Call </span> <a class="venus nav__link" href="tel:03000683001"><span class="u-vh">For help call </span>0300 068 3001</a>
</li>
<li class="nav__item">
<a class="venus nav__link external" href="http://www.ons.gov.uk/census/help" target="_blank" rel="noopener noreferrer">Online Help</a>
</li>
</ul>
</div>
</div>
<div class="header__container container">
<div class="header__logo">
<img src="/s/img/theme/census/census-logo.svg?q=e920e1dbfc633e7e6f6ed25002f139672674a8ae" alt="2017 Census" />
</div>
<button class="header__btn btn btn--light btn--border js-help-btn u-hidden"

data-ga="click" data-ga-action="Help and support" data-ga-category="Help">
Help and support
</button>
</div>
</header>
</header>




<div class="page__container container">


<div class="grid grid--reverse">
<div class="grid__col col-4@m">



<nav class="nav nav--sections nav--vertical js-nav page__nav" id="section-nav">
<p class="nav__title venus">Sections</p>
<ul class="nav__list js-nav-list">

<li class="nav__item pluto ">

<a class="nav__link" href="/questionnaire/census/household/jeGYxgNL/who-lives-here/0/permanent-or-family-home" data-qa="incomplete"

data-ga="click" data-ga-label="/questionnaire/census/household/jeGYxgNL/who-lives-here/0/permanent-or-family-home" data-ga-action="Section link click" data-ga-category="Navigation">Who lives here?</a>

</li>

<li class="nav__item pluto ">

<a class="nav__link" href="/questionnaire/census/household/jeGYxgNL/household-and-accommodation/0/type-of-accommodation" data-qa="incomplete"

data-ga="click" data-ga-label="/questionnaire/census/household/jeGYxgNL/household-and-accommodation/0/type-of-accommodation" data-ga-action="Section link click" data-ga-category="Navigation">Household and Accommodation</a>

</li>

</ul>
</nav>


</div>

<div class="grid__col col-7@m pull-1@m">
<main role="main" id="main" class="page__main">


<div class="feedback__inline js-feedback-inline is-collapsed">
<div class="feedback__border">
<form id="feedback-form" method="POST" class="feedback__form">
<input id="csrf_token" name="csrf_token" type="hidden" value="IjI4MWVjOTc4Mjk5NTE1NjQ5YjlmNWUzZTU4MGZlOGIzNGYwNDQwZTYi.DQfxeA.HzzQFY1qLDUwiMKKT_aAcR1OKUI">
<div class="group">
<div class="feedback__field">

</div>
</div>

<h1 class="question__title saturn" data-qa="question-title">
What is your full name?
</h1>

<label class="label venus " for="address-line-1" id="label-address-line-1">
<div class="label__inner">
Enter your name

</div>
</label>






<input class="input input--text " id="full-name" name="address-line-1" data-qa="input-text" value="" />
</div>
</div>





</div>
</div>

<br>



<div class="group" id="what-is-your-address-group">


<div class="block" id="what-is-your-address">



<br>

<button class="btn btn-submit btn--primary btn--lg" data-qa="btn-submit" type="submit" name="action[save_continue]">Continue</button>


<div class="u-mb-m">
<button class="btn btn--link mars js-btn-save" data-qa="btn-save-sign-out" type="submit" name="action[save_sign_out]"
data-ga="click" data-ga-action="Save and complete later click" data-ga-category="Navigation">Save and complete later</button>
</div>
</form>





















<div class="question" id="what-is-your-address-question">










</div>


</div>
</div>

<footer class="page__footer">




</footer>

</div>






</body>
</html>


<script>
$('.btn-submit').click(function(e) {
e.preventDefault(); // do not submit the form like usual
localStorage.setItem('name', getName());
window.location = '../marital-part-1/';
});


function getName() {
return document.getElementById('full-name').value;
}


</script>

Loading

0 comments on commit 612a33f

Please sign in to comment.