first year

DFE-Digital · Aug 26, 2023 · 37c5039 · 37c5039
1 parent 6743515
commit 37c5039
Show file tree

Hide file tree

Showing 36 changed files with 657 additions and 420 deletions.
diff --git a/app/assets/images/chrome.png b/app/assets/images/chrome.png
diff --git a/app/assets/images/computer.png b/app/assets/images/computer.png
diff --git a/app/assets/images/edge.png b/app/assets/images/edge.png
diff --git a/app/assets/images/firefox.png b/app/assets/images/firefox.png
diff --git a/app/assets/images/first-og.png b/app/assets/images/first-og.png
diff --git a/app/assets/images/generic.png b/app/assets/images/generic.png
diff --git a/app/assets/images/safari.png b/app/assets/images/safari.png
diff --git a/app/assets/images/smartphone.png b/app/assets/images/smartphone.png
diff --git a/app/assets/images/technology.png b/app/assets/images/technology.png
diff --git a/app/assets/images/year-og.png b/app/assets/images/year-og.png
diff --git a/app/assets/scss/app.scss b/app/assets/scss/app.scss
@@ -2260,4 +2260,27 @@ $expander-border-hover-color: $color_dfe-secondary-blue;
 
   .govuk-heading-l, p{
   color: $color_dfe-white}
+}
+
+
+
+
+.dfe-number-block{
+  margin-left: 100px;
+  margin: 0px 0px 40px 0px;
+  padding: 20px 25px 25px 25px;
+  background: #2652f2;
+  color: #ffffff;
+  border-radius: 12px;
+
+  .dfe-number-block-number{
+    font-size: 46px;
+    display: block;
+    font-weight: 600;
+  }
+  .dfe-number-block-text{
+    font-size: 20px;
+    display: block;
+    font-weight: 600;
+  }
 }
diff --git a/app/views/first-year.html b/app/views/first-year.html
diff --git a/app/views/layouts/full.html b/app/views/layouts/full.html
@@ -0,0 +1,125 @@
+{% from 'header/macro.njk' import header %}
+{% from 'govuk/components/footer/macro.njk' import govukFooter %}
+
+<!DOCTYPE html>
+<html lang="en" class="govuk-template ">
+
+  <head>
+    <meta charset="utf-8">
+   <title>{% if seoPageName %}{{seoPageName}}{% elseif pageName %}{{pageName}}{%endif%} - Apply the Service Standard - Department for Education</title>
+      <meta name="description" content="{% if seoPageDescription %}{{seoPageDescription}}{% elseif pageName %}{{pageDescription}}{%endif%}">
+      <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+      <meta name="theme-color" content="#0b0c0c">
+      <meta http-equiv="X-UA-Compatible" content="IE=edge">
+      <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="/assets/images/favicon.ico" type="image/x-icon">
+      <link rel="mask-icon" href="/assets/images/govuk-mask-icon.svg" color="#0b0c0c">
+      <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/govuk-apple-touch-icon-180x180.png">
+      <link rel="apple-touch-icon" sizes="167x167" href="/assets/images/govuk-apple-touch-icon-167x167.png">
+      <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/govuk-apple-touch-icon-152x152.png">
+      <link rel="apple-touch-icon" href="/assets/images/govuk-apple-touch-icon.png">
+      <link href="/assets/css/app.min.css" rel="stylesheet">
+      <meta property="og:url" content="https://design.education.gov.uk"/>
+      <meta property="og:site_name" content="Department for Education Design Manual"/>
+      <meta property="og:title" content="{{pageName}}"/>
+      <meta property="og:description" content="{% if seoPageDescription %}{{seoPageDescription}}{% elseif pageName %}{{pageDescription}}{%endif%}"/>
+      <meta property="og:type" content="website"/>
+      <meta property="og:locale" content="en_GB"/>
+      <meta property="og:image" content='{% if og %}{{og}}{% else %}https://design.education.gov.uk/assets/images/dm_og.png{% endif%}'/>
+
+      <meta name="twitter:card" content="summary">
+      <meta name="twitter:site" content="@dfe_digital">
+      <meta name="twitter:creator" content="@dfe_digital">
+      <meta name="twitter:image:alt" content="Department for Education Design Manual">
+      <meta name="twitter:image" content="https://design.education.gov.uk/assets/images/dm_og.png"/>
+            <meta name="google-site-verification" content="78BmMoejRsC4auIyTs5JLkClgxvWYGDAYMIikFxTNPA" />
+      {% block head %}{% endblock %}
+    </head>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-K11EVHSR12"></script>
+
+    <body class="govuk-template__body ">
+      <script>
+        document.body.className = (
+          (document.body.className)
+          ? document.body.className + ' js-enabled'
+          : 'js-enabled');
+      </script>
+      {% include 'layouts/_cookiebanner.html'%}
+      <a href="#main-content" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a>
+
+      {% include 'layouts/_topnav.html'%}
+      {% include 'layouts/_feedback.html'%}
+
+      {% block header %}
+
+        {% include 'layouts/_header.html'%}
+
+      {% endblock %}
+
+      {% block main %}
+
+        <div class="dfe-content-page--header">
+          <div class="dfe-width-container ">
+
+            <div class="govuk-grid-row ">
+              <div class="govuk-grid-column-three-quarters">
+                {% block breadcrumb %}{% endblock %}
+              </div>
+            </div>
+
+            <div class="govuk-grid-row govuk-!-padding-top-9 govuk-!-padding-bottom-0">
+
+              <div class="govuk-grid-column-three-quarters">
+                {% if point %}
+                <span class="govuk-caption-xl">Standard point {{point}}</span>{%endif%}
+                <h1 class="govuk-heading-xl govuk-!-font-size-80 govuk-!-margin-bottom-4">{{pageName}}</h1>
+                <p class="govuk-body-l">{% if pageDescriptionPageOverride %}{{pageDescriptionPageOverride | safe}}{% else%}{{pageDescription}}{% endif%}</p>
+
+                {% if dateUpdated %}
+
+                  <p class="govuk-body-s govuk-!-margin-bottom-0">
+                    <span class="govuk-!-font-weight-bold">Last updated: </span>
+                    {{dateUpdated | date('D MMMM YYYY')}}</p>
+
+                {% endif %}
+
+              </div>
+            </div>
+            <div class="govuk-grid-row govuk-!-padding-top-0 govuk-!-padding-bottom-7">
+              <div class="govuk-grid-column-full">
+                {% block heroExtra %}{% endblock %}
+
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+          <main class="govuk-main-wrapper {% if zeroMainMargin === 'true'%}govuk-!-margin-0 govuk-!-padding-0{% endif %}" id="main-content" role="main">
+
+
+                {% block content %}{% endblock %}
+
+
+
+          </main>
+      {% endblock %}
+
+    </div>
+
+    {% block footer %}
+      {% include 'layouts/_footer.html'%}
+    {% endblock %}
+
+    <script src="/assets/js/all.min.js"></script>
+    <script src="/assets/js/cookies.min.js"></script>
+    <script src="/assets/js/feedback.min.js"></script>
+    <script src="/assets/js/dfefrontend.min.js"></script>
+    {% block scripts %}{% endblock %}
+    <script>
+      window
+        .GOVUKFrontend
+        .initAll()
+    </script>
+  </body>
+
+</html>
diff --git a/public/assets/css/app.min.css b/public/assets/css/app.min.css
diff --git a/public/assets/images/chrome.png b/public/assets/images/chrome.png
diff --git a/public/assets/images/chrome.webp b/public/assets/images/chrome.webp
diff --git a/public/assets/images/computer (1).png b/public/assets/images/computer (1).png
diff --git a/public/assets/images/computer (1).webp b/public/assets/images/computer (1).webp
diff --git a/public/assets/images/computer.png b/public/assets/images/computer.png
diff --git a/public/assets/images/computer.webp b/public/assets/images/computer.webp
diff --git a/public/assets/images/edge.png b/public/assets/images/edge.png
diff --git a/public/assets/images/edge.webp b/public/assets/images/edge.webp
diff --git a/public/assets/images/firefox.png b/public/assets/images/firefox.png
diff --git a/public/assets/images/firefox.webp b/public/assets/images/firefox.webp
diff --git a/public/assets/images/first-og.png b/public/assets/images/first-og.png
diff --git a/public/assets/images/first-og.webp b/public/assets/images/first-og.webp
diff --git a/public/assets/images/generic.png b/public/assets/images/generic.png
diff --git a/public/assets/images/generic.webp b/public/assets/images/generic.webp
diff --git a/public/assets/images/safari.png b/public/assets/images/safari.png
diff --git a/public/assets/images/safari.webp b/public/assets/images/safari.webp
diff --git a/public/assets/images/smartphone.png b/public/assets/images/smartphone.png
diff --git a/public/assets/images/smartphone.webp b/public/assets/images/smartphone.webp
diff --git a/public/assets/images/technology.png b/public/assets/images/technology.png
diff --git a/public/assets/images/technology.webp b/public/assets/images/technology.webp
diff --git a/public/assets/images/year-og.png b/public/assets/images/year-og.png
diff --git a/public/assets/images/year-og.webp b/public/assets/images/year-og.webp