-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
125 lines (105 loc) · 21 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Barnardo's online platforms and standards</title>
<!-- capture the CSS content as a Nunjucks variable -->
<!-- feed it through our cssmin filter to minify -->
<style>
@font-face{font-display:swap;font-family:proxima-nova;src:url("/fonts/proximanova-light-webfont.woff2") format("woff2"),url("/fonts/proximanova-light-webfont.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-display:swap;font-family:proxima-nova;src:url("/fonts/proximanova-bold-webfont.woff2") format("woff2"),url("/fonts/proximanova-bold-webfont.woff") format("woff");font-weight:700;font-style:normal}:root{--grey-base:0 0%;--grey-dark:hsl(var(--grey-base) 11%);--grey-medium:hsl(var(--grey-base) 82%);--grey-medium-light:hsl(var(--grey-base) 91%);--grey-light:hsl(var(--grey-base) 96%);--yellow-base:39.1 100%;--yellow-medium:hsl(var(--yellow-base) 64%);--blue-base:185.7 100%;--blue-medium:hsl(var(--blue-base) 28%);--focus-outline:hsl(27.9, 100%, 45.5%);--step--2:clamp(0.79rem, calc(0.79rem + 0.01vw), 0.80rem);--step--1:clamp(0.89rem, calc(0.89rem + 0.13vw), 1.00rem);--step-0:clamp(1.00rem, calc(1.00rem + 0.29vw), 1.25rem);--step-1:clamp(1.13rem, calc(1.13rem + 0.50vw), 1.56rem);--step-2:clamp(1.27rem, calc(1.27rem + 0.79vw), 1.95rem);--step-3:clamp(1.42rem, calc(1.42rem + 1.16vw), 2.44rem);--step-4:clamp(1.60rem, calc(1.60rem + 1.66vw), 3.05rem);--step-5:clamp(1.80rem, calc(1.80rem + 2.30vw), 3.82rem)}html{block-size:100%}body{block-size:100%;color:var(--grey-dark);display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;font-size:var(--step-0);line-height:1.5;margin:0}header{box-shadow:inset 0 -1px 0 0 #e8e8e8;padding:26px 0}a:hover{text-decoration:none}img,svg{max-inline-size:100%}main>*{margin-block-end:2rem}h1,h2,h3{font-family:proxima-nova,Helvetica,Arial,sans-serif;line-height:1.2;margin:0 0 2rem}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3);margin-block-end:1rem}ol,ul{list-style:none;padding:0}li,p{margin:0 0 2rem;max-inline-size:65ch}aside{background-color:var(--grey-light);margin-block-end:2rem;padding:16px}summary{inline-size:max-content}footer{background-color:var(--grey-light);border-block-start:4px solid var(--grey-medium-light);margin-block-start:auto;padding:32px 16px}small{font-size:var(--step--1)}:focus{outline:3px solid var(--focus-outline)}:focus:not(:focus-visible){outline:0}:focus-visible{outline:3px solid var(--focus-outline)}.layout{display:block;margin-inline:auto;max-inline-size:87.5rem;inline-size:95vw}.logo{block-size:3.875rem;display:block;inline-size:8.4375rem;max-inline-size:100%}.logo-img{block-size:100%;inline-size:100%}.hero{background:var(--yellow-medium);padding:3rem 0}.hero--standards{background:var(--blue-medium);color:#fff}.cards-grid{display:grid;gap:3rem;grid-template-columns:repeat(auto-fill,minmax(30ch,1fr))}.card{border:1px solid var(--grey-medium);border-radius:4px;padding:20px}.card-title{font-size:var(--step-3)}.card-summary{margin:0}
</style>
</head>
<body>
<header class="layout">
<a href="/" class="logo"><svg xmlns="http://www.w3.org/2000/svg" width="284" height="134" viewBox="0 0 284 134" class="logo-img">
<title>Barnardo's online platforms and standards</title>
<g fill="none" fill-rule="nonzero">
<path fill="#020203" d="M267.276 123.463c-.066-.724-.044-4.467-.157-8.342.157-.004.575.022.575.022s3.155 9.795 9.345 8.006c1.047-.305 1.946-1.064 2.282-2.12 2.02-6.418-10.366-5.266-11.91-11.196-1.82-6.967 7.229-10.41 13.135-6.78.336.66 1.14 6.052 1.16 6.06.018.01-.776.105-.859 0-.113 0-1.356-4.013-4.44-5.501-.642-.31-4.586-1.16-5.445 2.133-1.64 6.266 15.278 4.04 11.779 14.272-.737 2.164-2.081 3.368-3.913 4.214-2.33 1.082-5.733.755-8.206.314-1.07-.183-2.317-.728-3.346-1.082"/>
<g fill="#020203">
<path d="M247.737 102.012c14.78-1.413 18.654 19.904 2.997 22.43-16.525 2.67-20.56-20.746-2.997-22.43m1.004 1.458c-10.4 0-8.983 21.365.715 19.672 8.943-1.562 8.053-19.672-.715-19.672M127.637 101.87c-.079.55.008 3.395 0 4.311 7.394-9.577 11.94.882 7.569 2.081-2.884.794-2.448-2.138-4.895-1.893-.86.083-1.719.794-2.334 2.604a5.581 5.581 0 0 0-.332 1.894c-.008 3.935-.14 8.586.197 9.943.536 2.12 2.918 3.067 4.236 2.954v.646c-3.28-.044-9.218-.022-13.162 0v-.598c.977.03 3.765-1.383 3.752-3.551-.035-6.056.161-10.192-.27-11.78-.315-1.174-1.27-2.086-2.405-2.549-.27-.109-1.705-.48-.58-.828 3.246-1 5.558-1.885 8.224-3.233M83.88 105.688c3.808 1.039 7.014 3.687 7.599 7.173 1.897 11.287-11.77 12.129-21.159 11.374-2.957-.235-5.776.18-7.604.157v-1.147c2.02-.17 3.805-.663 3.805-3.094V93.022c0-2.046-1.82-2.796-3.717-2.796-.079-.367-.053-.764-.022-1.135 11.199.493 24.16-2.111 26.275 6.977 1.55 6.67-4.436 8.717-5.178 9.62m-11.273 16.58c2.57 1.051 4.568 1.134 7.046.65 8.036-1.597 9.205-13.587.545-15.537-2.015-.454-7.59-.502-7.59-.188 0-.004-.014 13.447 0 15.074m.034-31.483c-.07-.004-.035 14.712-.035 14.712 0 .528 5.563.122 6.876-.432 7.08-2.997 6.081-13.272-1.942-14.11-2.225-.235-4.899-.349-4.899-.17M116.066 122.898c.13.327.244.75.244.75s-.903.45-1.5.62c-5.17 1.496-5.349-3.18-5.349-3.18-.048-.027-.205-.677-.816.034-3.093 3.6-13.45 6.052-12.756-1.296.249-2.635 1.985-4.31 4.646-5.811 3.063-1.732 7.774-2.766 8.154-3.709.318-.79.174-3.9.174-4.764 0-1.828-2.216-1.527-2.97-1.366-2.452.524-3.9 2.623-3.888 3.29.07 3.678-3.07 5.183-4.768 4.045-2.56-1.72-.096-5.725 4.053-7.548 2.312-1.017 4.21-1.741 7.224-1.907 4.263-.236 5.471 1.658 5.471 5.454 0 0-.061 14.406-.009 14.428-.004.004-.091 1.383 2.09.96m-7.272-10.567c-.729.31-6.618 2.71-7.77 4.939-.489.942-.702 1.754-.105 2.97 1.44 2.968 7.853.507 7.883-1.483.026-2.046 0-6.409-.008-6.426M187.735 122.898c.131.332.24.75.24.75s-.903.45-1.5.62c-5.17 1.493-5.349-3.185-5.349-3.185-.044-.026-.2-.676-.816.035-3.097 3.6-13.45 6.052-12.756-1.296.245-2.635 1.99-4.306 4.646-5.811 3.058-1.728 7.77-2.766 8.154-3.704.318-.794.179-3.896.179-4.765 0-1.832-2.22-1.527-2.98-1.37-2.447.528-3.896 2.627-3.887 3.295.07 3.673-3.067 5.183-4.764 4.044-2.56-1.715-.096-5.724 4.057-7.544 2.308-1.016 4.215-1.745 7.22-1.906 4.263-.236 5.471 1.653 5.471 5.45 0 0-.065 14.401-.009 14.432.005.004-.091 1.374 2.094.955m-7.272-10.562c-.729.31-6.618 2.709-7.774 4.934-.489.947-.698 1.754-.105 2.976 1.44 2.967 7.848.506 7.879-1.484.035-2.05.009-6.409 0-6.426"/>
<path d="M231.383 87.415c.065 2.347 0 29.685 0 29.685.244 2.753-.227 3.696 2.958 5.454l.039.397a50.932 50.932 0 0 0-7.565 1.763c-.017-1.514 0-3.216 0-3.216 0-2.421-1.605 2.941-7.84 3.225-13.314.606-13.872-25.301 5.938-22.457 1.593.232 1.946 1.287 1.767-.576v-6.985s.175-1.645-3.721-3.442c-.179-.628.602-.724.947-.799 2.364-.493 5.296-2.002 7.477-3.05m-9.973 16.087c-10.758 1.488-8.219 20.109.68 18.656 1.772-.292 4.695-3.268 4.647-5.035-.048-1.858.052-8.913-.092-10.536-.179-2.077-3.084-3.382-5.235-3.085M147.451 101.947l.079-.021v3.813c.244-.118 2.002-1.57 4.75-2.614 1.1-.414 8.499-2.364 8.669 4.263.057 2.277 0 10.48 0 11.732 0 4.302 3.952 4.725 3.952 4.725s0 .301-.008.624h-11.914c.039-.218-.022-.624-.022-.624s3.032-.21 3.032-4.398v-11.1c-.005-4.065-4.42-4.51-8.429.45V119.124c0 1.349.21 4.215 3.407 4.726v.637c-2.207.039-10.3 0-11.97 0-.022-.288 0-.637 0-.637s3.402-.568 3.402-4.713c0-4.088.01-10.375.01-10.375-.393-2.465-3.281-3.12-3.264-3.128.022-.013-.013-.489-.017-.68 2.77-.886 5.44-1.75 8.323-3.007"/>
<path d="M199.166 101.95c-.078.545.004 3.394-.004 4.306 7.399-9.577 11.94.881 7.577 2.085-2.892.794-2.447-2.138-4.899-1.898-.86.088-1.719.794-2.338 2.6-.11.332-.327.974-.327 1.894-.005 3.931-.144 8.591.196 9.944.532 2.124 2.914 3.067 4.236 2.953v.646c-3.28-.044-9.222-.022-13.162 0v-.598c.978.026 3.765-1.387 3.752-3.551-.04-6.06.166-10.197-.27-11.785-.319-1.173-1.274-2.09-2.408-2.548-.275-.113-1.702-.475-.58-.824 3.245-.995 5.562-1.876 8.227-3.224"/>
</g>
<path fill="#020203" d="M260.402 101.622c.315-.283 1.82-1.575 1.72-2.95-.04-.531-.223-1.382-.786-1.919-.641-.615-1.252-1.208-1.252-2.491-.035-1.348.925-2.347 2.242-2.487 2.238 0 3.202 1.492 3.202 3.342 0 3.128-1.923 5.62-4.41 7.326l-.716-.82z"/>
<path fill="#8FC045" d="M27.591 93.205c1.165 0 2.112-1.335 2.112-2.988 0-1.654-.947-2.989-2.112-2.989-1.17 0-2.111 1.34-2.111 2.989 0 1.653.942 2.988 2.111 2.988zm21.7 3.063c-3.7-2.33-6.06-1.41-9.681-3.944-2.775-1.95-3.682-3.778-4.494-5.781-.55-1.37-.794-1.798-1.2-1.798-.257 0-.58.048-.58 1.392 0 .005.005.018.005.03-.004.044-.013.08-.013.132 0 1.67-1.108 7.281-5.746 7.281-4.262-.008-5.688-5.375-5.688-7.382v-.06c0-1.345-.319-1.393-.576-1.393-.41 0-.65.424-1.2 1.798-.807 1.998-1.719 3.83-4.493 5.78-3.617 2.54-5.981 1.615-9.676 3.945-3.682 2.317-5.69 6.606-4.738 7.164.676.397 1.483-.763 2.281-1.793 1.584-2.046 4.616-3.696 5.899-2.535 1.527 1.387-.083 3.6-1.375 6.745-1.116 2.705-.994 5.89-.754 8.543.44 4.8-1.72 6.34-.454 7.173 1.296.837 3.45-3.015 3.926-7.714.24-2.404.157-4.79 1.073-4.79 1.065 0 1.065 4.637.733 6.932-.64 4.446-2.962 6.662-2.552 11.2.293 3.198 2.273 3.324 2.312.091.066-5.279 5.035-7.984 4.664-17.233-.218-5.528-1.012-9.695 1.872-15.65a68.962 68.962 0 0 0 1.998-4.581c.23.615.724 1.828 1.047 2.373 3.333 5.51 3.35 5.528 2.067 10.515-1.732 6.723 1.593 9.49.99 13.905-.344 2.57 1.205 2.644 1.86.03.784-3.154-.511-5.048-.45-8.246.035-1.662.567-4.843 1.6-4.633.642.13.127 1.597 0 3.39-.195 2.718.673 6.36 1.855 6.008 1.152-.345-.166-1.654.606-5.022.458-1.977 1.313-4.437.786-6.728-1.047-4.568 1.474-7.91 2.067-9.014.432-.803.86-1.767 1.108-2.648a68.837 68.837 0 0 0 2.033 4.65c2.875 5.96 2.09 10.123 1.868 15.65-.371 9.246 4.598 11.95 4.667 17.234.04 3.233 2.025 3.107 2.313-.091.41-4.538-1.911-6.754-2.548-11.2-.332-2.295-.332-6.933.733-6.933.92 0 .833 2.387 1.077 4.79.476 4.695 2.631 8.548 3.927 7.715 1.27-.83-.895-2.37-.45-7.173.24-2.653.358-5.833-.754-8.543-1.292-3.146-2.901-5.353-1.379-6.745 1.278-1.165 4.319.489 5.903 2.535.798 1.03 1.6 2.19 2.281 1.793.938-.558-1.069-4.847-4.75-7.164zm-7.67-3.36c1.16.742 2.94-.034 3.974-1.723 1.034-1.693.93-3.665-.235-4.402-1.16-.737-2.945.035-3.97 1.723-1.038 1.698-.934 3.665.231 4.403zm-28.007 0c1.16-.737 1.269-2.709.235-4.402-1.034-1.693-2.814-2.46-3.974-1.723-1.16.742-1.27 2.71-.236 4.402 1.03 1.693 2.81 2.465 3.975 1.724zm41.374 40.96H.33V79.204h54.658v54.664z"/>
<g fill="#8FC045">
<path d="M79.09 28.833c2.891 0 4.615-.37 5.688-1.256 1.025-.842 1.631-2.426 1.631-4.197 0-1.772-.606-3.216-1.68-4.054-1.26-.977-2.752-1.308-6.059-1.308h-4.707v10.815h5.126zm-.703-14.358c3.263 0 4.615-.327 5.732-1.444.886-.79 1.304-1.955 1.304-3.403 0-1.632-.51-2.937-1.444-3.683-1.025-.79-2.42-1.117-5.082-1.117h-4.943v9.651h4.433v-.004zm-15.801 14.31h1.819c2.748 0 3.027-.279 3.027-2.844V7.664c0-2.609-.279-2.888-3.027-2.888h-1.82V1.233h17.856c7.74 0 11.513 2.518 11.513 7.644 0 3.822-1.631 5.641-6.247 6.994 2.657.65 3.778 1.165 4.986 2.19 1.632 1.353 2.474 3.36 2.474 5.873 0 2.657-.934 4.803-2.657 6.156-2.146 1.632-5.034 2.238-10.954 2.238h-16.97v-3.543zM112.418 18.578c-.51-4.289-1.631-5.829-4.288-5.829-2.748 0-4.24 1.724-4.986 5.83h9.274zm5.968 5.969c-.606 3.403-1.444 4.987-3.45 6.527-1.863 1.396-4.197 2.098-6.994 2.098-6.805 0-11.33-4.707-11.33-11.701 0-7.038 4.616-11.798 11.514-11.798 3.498 0 6.107 1.074 7.878 3.264 1.724 2.098 2.33 4.24 2.518 8.905h-15.57c.187 2.936.558 4.197 1.444 5.501 1.025 1.445 2.377 2.099 4.38 2.099 1.583 0 2.984-.419 3.87-1.165.837-.746 1.304-1.632 1.862-3.73h3.878zM130.644 26.457c0 2.286.467 2.753 2.657 2.753h1.444v3.12h-13.847v-3.124h1.4c2.238 0 2.7-.467 2.7-2.754V7.102c0-2.286-.466-2.748-2.7-2.748h-1.4V1.23h9.741v25.227h.005zM147.1 4.313c0 1.911-1.54 3.452-3.403 3.452-1.958 0-3.498-1.54-3.498-3.543 0-1.82 1.583-3.355 3.45-3.355a3.435 3.435 0 0 1 3.451 3.446zM136.892 29.21h1.68c2.19 0 2.656-.51 2.656-2.753V16.338c0-2.238-.467-2.753-2.657-2.753h-1.68V10.46h9.978v15.99c0 2.238.467 2.753 2.657 2.753h1.4v3.124h-14.03c-.004.004-.004-3.12-.004-3.12zM169.148 18.578c-.514-4.289-1.631-5.829-4.288-5.829-2.753 0-4.24 1.724-4.986 5.83h9.274zm5.968 5.969c-.606 3.403-1.444 4.987-3.446 6.527-1.867 1.396-4.197 2.098-6.993 2.098-6.806 0-11.33-4.707-11.33-11.701 0-7.038 4.616-11.798 11.513-11.798 3.499 0 6.107 1.074 7.879 3.264 1.723 2.098 2.33 4.24 2.517 8.905h-15.57c.188 2.936.558 4.197 1.444 5.501 1.025 1.445 2.378 2.099 4.38 2.099 1.584 0 2.984-.419 3.87-1.165.842-.746 1.304-1.632 1.862-3.73h3.874zM180.338 15.92c-.558-1.68-1.304-2.33-2.517-2.33h-1.304v-3.123h12.027v3.123h-.746c-1.304 0-1.819.328-1.819 1.165 0 .467.14 1.213.419 1.96l3.45 10.117 3.73-10.537a4.44 4.44 0 0 0 .28-1.54c0-.794-.65-1.165-2.05-1.165h-1.117v-3.123h10.766v3.123h-1.169c-1.208 0-2.094.886-2.796 2.797l-5.593 15.942h-5.92l-5.64-16.409zM218.378 18.578c-.51-4.289-1.632-5.829-4.289-5.829-2.752 0-4.244 1.724-4.986 5.83h9.275zm5.963 5.969c-.606 3.403-1.444 4.987-3.446 6.527-1.863 1.396-4.197 2.098-6.993 2.098-6.806 0-11.33-4.707-11.33-11.701 0-7.038 4.616-11.798 11.517-11.798 3.495 0 6.104 1.074 7.875 3.264 1.723 2.098 2.33 4.24 2.517 8.905h-15.57c.188 2.936.558 4.197 1.448 5.501 1.026 1.445 2.378 2.099 4.38 2.099 1.584 0 2.984-.419 3.87-1.165.838-.746 1.309-1.632 1.863-3.73h3.87zM248.954 4.313c0 1.911-1.536 3.452-3.403 3.452-1.954 0-3.494-1.54-3.494-3.543 0-1.82 1.583-3.355 3.45-3.355a3.432 3.432 0 0 1 3.447 3.446zM238.746 29.21h1.68c2.19 0 2.656-.51 2.656-2.753V16.338c0-2.238-.467-2.753-2.657-2.753h-1.68V10.46h9.978v15.99c0 2.238.466 2.753 2.656 2.753h1.4v3.124h-14.03c-.003.004-.003-3.12-.003-3.12zM254.968 29.209h1.492c2.19 0 2.657-.467 2.657-2.753V16.338c0-2.286-.467-2.753-2.657-2.753h-1.492V10.46h9.742v3.822c2.892-3.403 4.894-4.52 7.878-4.52 2.007 0 4.057.746 5.222 1.91 1.165 1.166 1.584 2.845 1.584 6.153v8.63c0 2.286.467 2.753 2.657 2.753h1.304v3.123h-13.149V29.21h.934c2.19 0 2.657-.467 2.657-2.753V17.83c0-1.911-.14-2.561-.655-3.264-.606-.746-1.631-1.213-2.796-1.213-1.632 0-3.215.838-4.288 2.287-1.03 1.352-1.353 2.56-1.353 5.174v5.642c0 2.286.467 2.753 2.657 2.753h.934v3.123h-13.332V29.21h.004zM83.84 64.823c-.326 3.634-.933 5.362-2.377 7.037-1.631 1.863-4.149 2.845-7.412 2.845-6.805 0-11.233-4.568-11.233-11.61s4.894-11.841 12.075-11.841c5.314 0 9.135 2.845 9.135 6.714 0 2.378-1.492 3.962-3.634 3.962-1.958 0-3.354-1.256-3.354-3.076 0-1.636.837-2.565 2.656-2.892-1.77-1.305-2.704-1.68-4.336-1.68-4.01 0-6.247 3.076-6.247 8.625 0 5.035 1.959 7.6 5.732 7.6 3.263 0 4.712-1.54 5.41-5.689h3.586v.005zM85.798 42.815h9.462v13.054c2.892-3.36 4.895-4.52 7.83-4.52 2.003 0 4.058.746 5.223 1.91 1.165 1.166 1.583 2.846 1.583 6.153v8.625c0 2.287.467 2.753 2.657 2.753h1.309v3.124h-13.1V70.79h.933c2.146 0 2.609-.466 2.609-2.753v-8.625c0-1.911-.14-2.561-.65-3.264-.559-.746-1.584-1.213-2.753-1.213-1.632 0-3.215.838-4.289 2.287-1.025 1.304-1.352 2.657-1.352 5.362v5.453c0 2.287.467 2.753 2.657 2.753h.933v3.124H85.798V70.79h1.213c2.19 0 2.656-.466 2.656-2.753v-19.35c0-2.286-.466-2.748-2.656-2.748h-1.213v-3.124zM126.076 45.895c0 1.91-1.54 3.45-3.403 3.45-1.958 0-3.498-1.54-3.498-3.542 0-1.82 1.583-3.355 3.45-3.355a3.435 3.435 0 0 1 3.451 3.447zM115.868 70.79h1.68c2.19 0 2.656-.51 2.656-2.753V57.924c0-2.239-.467-2.753-2.657-2.753h-1.68v-3.124h9.978v15.99c0 2.238.467 2.753 2.657 2.753h1.4v3.124h-14.03c-.004 0-.004-3.124-.004-3.124zM141.599 68.038c0 2.286.467 2.753 2.657 2.753h1.444v3.12h-13.847v-3.124h1.4c2.238 0 2.705-.467 2.705-2.753v-19.35c0-2.286-.467-2.749-2.705-2.749h-1.4v-3.124h9.742v25.227h.004zM154.65 62.908c0 5.266 1.723 7.928 5.082 7.928 3.499 0 5.453-2.797 5.453-7.788s-1.958-7.784-5.453-7.784c-3.31 0-5.082 2.657-5.082 7.644zm5.92-20.091h10.213v25.222c0 2.286.466 2.753 2.656 2.753h1.305v3.124h-9.554v-3.822c-1.911 3.36-3.778 4.477-7.32 4.477-6.06 0-9.555-4.241-9.555-11.654s3.5-11.658 9.51-11.658c3.591 0 5.454 1.121 7.37 4.429v-6.994c0-2.287-.468-2.753-2.658-2.753h-1.958c-.01 0-.01-3.124-.01-3.124zM191.526 73.913h-14.732v-3.124h1.492c2.19 0 2.657-.515 2.657-2.753V57.918c0-2.286-.467-2.753-2.657-2.753h-1.492V52.04h9.742v3.263c1.77-2.796 3.402-3.87 5.92-3.87 3.167 0 5.496 2.1 5.496 4.987 0 2.287-1.54 3.918-3.73 3.918-1.91 0-3.171-1.121-3.171-2.844 0-1.584.794-2.47 2.796-3.124-.842-.28-1.583-.467-2.05-.467-1.309 0-2.893 1.025-3.826 2.517-.934 1.4-1.444 3.5-1.444 5.69v5.92c0 2.238.467 2.753 2.657 2.753h2.33v3.129h.012zM215.58 60.16c-.511-4.29-1.632-5.83-4.29-5.83-2.752 0-4.24 1.724-4.986 5.83h9.275zm5.967 5.968c-.606 3.403-1.444 4.987-3.45 6.527-1.863 1.4-4.197 2.099-6.994 2.099-6.805 0-11.33-4.708-11.33-11.702 0-7.037 4.616-11.793 11.513-11.793 3.5 0 6.108 1.073 7.88 3.264 1.722 2.098 2.329 4.245 2.516 8.904h-15.57c.188 2.937.559 4.198 1.444 5.502 1.026 1.444 2.378 2.099 4.38 2.099 1.584 0 2.984-.42 3.87-1.165.838-.746 1.304-1.632 1.863-3.73.004-.005 3.878-.005 3.878-.005zM224.295 70.787h1.492c2.19 0 2.657-.466 2.657-2.753V57.917c0-2.287-.467-2.753-2.657-2.753h-1.492V52.04h9.742v3.826c2.892-3.403 4.894-4.524 7.878-4.524 2.003 0 4.053.746 5.218 1.91 1.165 1.165 1.584 2.845 1.584 6.157v8.625c0 2.287.466 2.753 2.656 2.753h1.305v3.124h-13.145v-3.124h.934c2.19 0 2.657-.466 2.657-2.753V59.41c0-1.911-.14-2.566-.655-3.264-.606-.746-1.631-1.213-2.796-1.213-1.632 0-3.215.842-4.288 2.286-1.03 1.353-1.353 2.566-1.353 5.175v5.641c0 2.287.467 2.753 2.657 2.753h.934v3.124H224.29v-3.124h.004z"/>
</g>
</g>
</svg>
</a>
</header>
<main>
<h1 class="hero "><span class="layout">Online platforms & standards</span></h1>
<div class="layout">
<p>An <dfn>online platform</dfn> is a set of shared components, tools, functions, services and documentation available for use across the organisation.<p>
<h2>Our principles</h2>
<p>Use these principles when building our digital products to reduce ambiguity, remove conflict and confusion, improve measuring, make better decisions, help you say 'no', reassure the cautious, and educate colleagues and stakeholders.</p>
<ul role="list">
<li>
<h3>Prioritise our users over everything else</h3>
<p>Some of the most vulnerable people in the UK use Barnardo's websites, often in stressful situations. Do not sacrifice simplicity in their experience for the sake of our own convenience.</p>
</li>
<li>
<h3>Provide the broadest access</h3>
<p>An internet connection should be enough to access Barnardo's online. Do not exclude people based on ability, technology, network quality, geographical location, or personal circumstances.</p>
</li>
<li>
<h3>Consider user journeys from start to finish</h3>
<p>User experience is how people feel about the prospect of using a product, how they feel while using it, and how they feel about it when they've finished. Design for the whole journey.</p>
</li>
<li>
<h3>Always test with real users</h3>
<p>User interface design is where intuition goes to die. Validate ideas with real users and Barnardo's subject matter experts.</p>
</li>
<li>
<h3>Iterate to improve</h3>
<p>Good online platforms are an aggregation of marginal gains, over time. What worked yesterday may not work tomorrow. Experimenting, prototyping, and refining are creative endeavours.</p>
</li>
<li>
<h3>Make our brand shine through</h3>
<p>Our brand is a powerful tool in our ambition to deliver on our ten-year strategy. It allows us to reach more of those who need us and want to support us, and reinforces trust in us.</p>
</li>
<li>
<h3>Work in the open</h3>
<p>Educate, collaborate, share, and learn with external communities for the betterment of society. </p>
</li>
</ul>
<h2>Our platforms</h2>
<div class="cards-grid">
<div class="card">
<h3 class="card-title"><a href="/standards/">Standards</a></h3>
<p class="card-summary">How we build for success.</p>
</div>
</div>
</div>
</main>
<div class="layout">
<aside>
<details><summary>Changelog</summary><ul><li>
<time datetime="2022-06-10">2022-00-10</time>: Add platforms card links from home page
<a href="https://github.com/barnardos/platforms-and-standards/commit/dd5611c194b0868fba8f759d96587666d80246f4">dd5611c</a>
</li><li>
<time datetime="2022-06-09">2022-00-09</time>: Add intro paragraph to our principles to explain what they do
<a href="https://github.com/barnardos/platforms-and-standards/commit/cbd986bb364bf840cd3d129020f62540dbc48a10">cbd986b</a>
</li><li>
<time datetime="2022-06-09">2022-00-09</time>: Revert "Prep for adding navigation"
<a href="https://github.com/barnardos/platforms-and-standards/commit/1219476731e0db5d6a13e092a063b3a30cce0698">1219476</a>
</li><li>
<time datetime="2022-06-09">2022-00-09</time>: Prep for adding navigation
<a href="https://github.com/barnardos/platforms-and-standards/commit/677519f305c895daa5c8c36070558c929e33878a">677519f</a>
</li><li>
<time datetime="2022-06-09">2022-00-09</time>: Add structure and initial content for standards section
<a href="https://github.com/barnardos/platforms-and-standards/commit/8ecab62697dac81c2adfda4326dee53e84d76360">8ecab62</a>
</li><li>
<time datetime="2022-06-01">2022-00-01</time>: First commit
<a href="https://github.com/barnardos/platforms-and-standards/commit/fbf74a5eaa1db23a289f3bca4c71a23b62563ed3">fbf74a5</a>
</li></ul></details>
</aside>
</div>
<footer>
<small>© Barnardo’s</small>
</footer>
</body>
</html>