Add header component #695

alex-ju · 2018-05-15T08:59:31Z

Review link: https://govuk-frontend-review-pr-695.herokuapp.com/components/header

New version of the GOV.UK Header based off the work done in the GOV.UK Design System.

Notable changes

Macro interface that supports service name and navigation
B.E.M.
Updates spacing based on the existing spacing scale and values
Fixes alignments
Uses inline SVG for the crown (can be see in inverse, prints sharp)
Mobile navigation items on a single line with appropriate touch area

Testing

Chrome 66

Safari 11

Firefox 59 with inverted colours

IE11

![bs_win7_ie_11 0](https://user-images.githubusercontent.com/788096/40068210-fca7f58c-585f-11e8-98a5-971d07b9c8eb.jpg)

IE10

![bs_win7_ie_10 0](https://user-images.githubusercontent.com/788096/40068232-0d3f26d6-5860-11e8-899b-9a93d4241fd5.jpg)

IE9

![bs_win7_ie_9 0](https://user-images.githubusercontent.com/788096/40068257-1caa7c42-5860-11e8-914e-f7d8dadb2e89.jpg)

IE8

![bs_win7_ie_8 0](https://user-images.githubusercontent.com/788096/40068246-159cd652-5860-11e8-98a5-fd5e0acfcd7b.jpg)

Notes

Although some experimental work was done around it, this PR doesn't include the search component and the macro interface for it.

Trello card

kr8n3r · 2018-05-15T09:22:48Z

reeeeally long service name

edit fixed in : c38e15f

kr8n3r · 2018-05-15T09:24:43Z

src/header/_header.scss

+@import "../globals/helpers/typography";
+@import "../globals/settings/typography-font-stacks";
+@import "../globals/settings/typography-font";
+@import "../globals/settings/typography-responsive";


for this block do we want to wait for restructure work do go in first?

yep. will probably be merged after the restructure anyway. will be easier to rebase on this one.

kr8n3r · 2018-05-15T09:29:48Z

padding top on ie8 adds a black line

kr8n3r · 2018-05-15T09:35:47Z

firefox on windows doesn't seem to like toggling

kr8n3r · 2018-05-15T09:39:39Z

looks good and works in other supported browsers 👍

kr8n3r · 2018-05-15T09:47:50Z

src/header/template.njk

+  <div class="govuk-header__container {{ params.containerClasses if params.containerClasses }}">
+
+    <div class="govuk-header__logo">
+      <a href="{{ params.homepageUrl }}" class="govuk-header__link govuk-header__link--homepage">


could we consider having a default of / here?

Updated, added / as default value.

kr8n3r · 2018-05-15T09:51:58Z

src/header/_header.scss

+  }
+
+  .govuk-header__navigation--no-service-name {
+    padding-top: 40px; // 30px line-height of the service name + 10px for margin-bottom


$govuk-spacing-scale-7 ?

Updated, used the recommended $govuk-spacing-scale-7 for padding.

36degrees · 2018-05-15T09:57:07Z

src/header/template.njk

+              fill="currentColor" fill-rule="evenodd"
+              d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
+            />
+            <image src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AgXEBkknAt7fAAAA0VJREFUWMPtl02IjlEUx/93Rs0YFiJSmlkgSU2+ZmGFNGI2PhdvjLJkMdRYiclHyl7U2CiThZKFpiRSksUsKM0GTVhggRnCTJhe08/m/4471/M+3jHjIzl1e57nfPzPueeee+5zpX+JgIp446EwCUEdkrTEnw9CCCcnglc1CYn6LKnVY/BPLtdUP2fzjWbEst+doQLwUdIBScMeHeYVfkmxAtOBqjI6uyhPu8rYVAHT84o/01kIQcA518QI0JwTf7ukokd7ziSbJY1IGgTOhRDGlaHaZMZ3zN8OXATagPnAVGBBpLfAvPnWuQhst+2dBLP2R0FsMkC7v2PqApYnvA3WOxHxTpi3IdFdboxRsl67fW5Kg5mXALQCjUA30FmmZg6a/yrivTLvYFZNAZ3GbLSPmObFAW1OhEfjogMEVAP9lg8DdclyxctWZx1sU52BdzSx25xm6aUFI8CsnJ03x88ArMgIaAUQEt2sEpllXwAvM88eYGbJ2Tg2wPMomKfjsAuxz9FYgBrgoQEvpFkBpgFNP+hXBaCQ11+AJmOl/Av2/RCoEdCRpjwxOGv+op85yT2pRcY4m8jSJT82RdKXBONj8r3Hz0shhGUJYIukmdFfA5LehhCuJU32UoS1N8fXpxJwt3fDkYwZjukdyVI1ZhR1Y0ZtfocRyY7Yd3cKvtTNayPQEBlcN9ZAArTOz7bIX1upMSa6A5Zfj3gN9tUFLB0zCfeNEi0EeiPDeqAI3APOAzvN/wBcAVYDbzxWm/fBOjvssMcY9RFur32VqC5N3W4Lbvo5LTkW0rbfE7E+eZSoJ+P4GT1ejB372l1uRzzxTPBWvg/cjRpYE3Daupc9y2rgKnDD773AZeuctk2p4d71KJhXBJ7kbc9tVqwH9gHro9ST6B+I3vuBd1myKFM7/L4W2G8f2Gdu3ygCfXFHBbbY+HiG/uFoOToy5Mct2xKfAEAfUKykkZ0ywGOgBdgKDEVOXwBnPPoyaqQvkr+I+EPGajE2wKlKAlrF76OVFd3LmOhtr9JLYcZ/7JQyurckrZH0WNIzSa8lPZL0XtJb38We51w0kVQvqUbSXEl1khZLmiOpQdJCSbd/+no80Svyr8D8T38NfQWcfES5EXNkCgAAAABJRU5ErkJggg==" class="govuk-header__logotype-crown-fallback-image"></image>


I'd suggest not encoding this, as it'll only be loaded if the browser doesn't support SVG, so in most cases we'll save some bytes.

36degrees · 2018-05-15T09:57:18Z

src/header/template.njk

+            height="32"
+            width="36"
+          >
+            <path


Can we copy the comments from the version in the design system?

Updated. Added the comments from the Design System.

36degrees · 2018-05-15T10:00:20Z

src/header/_header.scss

+  .govuk-header__menu-button--open {
+    &::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px);
+      content: "";


Shouldn't need to redeclare content, display or margin-left, they should be able to inherit from govuk-header__menu-button?

Updated, removed attributes that could be inherited. display is still needed, as it overwrites the style coming from the govuk-shape-arrow mixin.

kr8n3r · 2018-05-15T14:49:37Z

fc0b5d9 fixed the Firefox issue 👍

alex-ju · 2018-05-15T15:58:44Z

Updated, addressing all comments.

@igloosi:

reeeeally long service name was addressed in c38e15f
padding top on ie8 adds a black line fixed with bce4888
firefox on windows doesn't seem to like toggling fixed with fc0b5d9

alex-ju · 2018-05-15T16:48:12Z

Rebased and restructured code after #693.

kr8n3r · 2018-05-16T08:24:03Z

src/components/header/_header.scss

+
+  $govuk-header-background: $govuk-black;
+  $govuk-header-border-color: $govuk-blue;
+  $govuk-header-border-width: $govuk-spacing-scale-2;


should we drop govuk- from ""local" variable names?

We could, but that will make it inconsistent across components. (i.e. variables declaration in footer)

let's keep it consistent then

We're already inconsistent 😞

¯\(ツ)/¯

I'd rather raise a separate PR to address this inconsistencies across components, but as you wish..

Totally happy for that to happen, just pointing out that the inconsistency is already there. Don't expect it to be addressed in this PR.

Yep, you're right. It was probably introduced with the footer and I carried on with it.

hannalaakso

Could the mobile menu be expanded by default if JS is disabled?

Should we test the header with screen readers? I'm happy to help with that 🙂

edit: Mobile menu does use aria attributes which is good so amended comment

hannalaakso · 2018-05-16T09:43:57Z

app/views/examples/header-and-footer/index.njk

+{# {{ govukSkipLink({
+  href: '#content',
+  text: 'Skip to main content'
+}) }} #}


Why is the code commented out? Is it opt in by uncommenting it? Could the code mention this?

Wasn't sure if the example should contain the skip-link or not. I added it back now. I think is useful when testing. Would be good to have the cookie-banner added to when it will be in.

Regarding the other comments: I tested with the ATs already. Mobile menu may be expanded by default, but that means there will be movement in the page when javascript kicks in and hides it. Or we're using a JavaScript detection (i.e. modernizr) which sits in head, which I'm not sure we want to introduce in the project solely for this component.

NickColley · 2018-05-16T12:10:31Z

src/components/header/template.njk

+              fill="currentColor" fill-rule="evenodd"
+              d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
+            ></path>
+            {# Fallback PNG image for older browsers.


Excellent comments!

@36degrees' work, not mine

alex-ju · 2018-05-22T08:38:31Z

@NickColley Updated. Now the header relies on a .js-enabled class being added to the <body> (or actually any parent element). Test for non-javascript behaviour added.

kr8n3r · 2018-05-22T08:57:01Z

this looks very good now. can we ship it?

changelog

edit merged govuk-arrow mixin to master

alex-ju · 2018-05-22T11:41:39Z

@igloosi updated:

Rebased to master
Uses the new govuk-shape-arrow mixin
Updated Changelog

P.S. I'm aware it needs some commit squashing

Fallback is working, nice!

alex-ju · 2018-05-22T14:58:49Z

Update: clean-up commit history

kr8n3r

excellent work!

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 08:59 Inactive

alex-ju force-pushed the add-header-component branch from 66f838d to 545265d Compare May 15, 2018 09:21

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 09:21 Inactive

kr8n3r reviewed May 15, 2018

View reviewed changes

36degrees reviewed May 15, 2018

View reviewed changes

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 12:53 Inactive

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 13:04 Inactive

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 13:30 Inactive

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 14:34 Inactive

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 14:43 Inactive

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 15:56 Inactive

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 15:59 Inactive

alex-ju force-pushed the add-header-component branch from b3de27e to 8c57436 Compare May 15, 2018 16:00

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 16:00 Inactive

alex-ju force-pushed the add-header-component branch from 8c57436 to 29ecdaa Compare May 15, 2018 16:35

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 15, 2018 16:35 Inactive

kr8n3r reviewed May 16, 2018

View reviewed changes

hannalaakso reviewed May 16, 2018

View reviewed changes

NickColley reviewed May 16, 2018

View reviewed changes

alex-ju force-pushed the add-header-component branch from 29ecdaa to 1acb3c4 Compare May 16, 2018 13:29

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 16, 2018 13:30 Inactive

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 21, 2018 15:46 Inactive

alex-ju force-pushed the add-header-component branch from 6750538 to cb0a256 Compare May 22, 2018 08:14

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 22, 2018 08:14 Inactive

alex-ju force-pushed the add-header-component branch from cb0a256 to 33208ea Compare May 22, 2018 08:25

govuk-design-system-ci had a problem deploying to govuk-frontend-review-pr-695 May 22, 2018 08:25 Failure

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 22, 2018 08:26 Inactive

alex-ju force-pushed the add-header-component branch from 6c86ab5 to 63d023f Compare May 22, 2018 11:39

govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-695 May 22, 2018 11:40 Inactive

alex-ju added 10 commits May 22, 2018 15:52

Add header component

8da2cb3

Add tests

29d4b00

Add readme

df30c62

Import header component

b60c7de

Add header and footer example

b663217

Restructure PR after #693

7c0041f

Update header component

1b4a47d

Update tests

159b817

Update readme

e98077b

Update changelog

e1a52e9

alex-ju force-pushed the add-header-component branch from 63d023f to e1a52e9 Compare May 22, 2018 14:57

govuk-design-system-ci deployed to govuk-frontend-review-pr-695 May 22, 2018 14:58 View deployment

kr8n3r approved these changes May 22, 2018

View reviewed changes

alex-ju merged commit de2b8db into master May 22, 2018

alex-ju deleted the add-header-component branch May 22, 2018 15:53

alex-ju mentioned this pull request May 29, 2018

Release 0.0.30 #723

Merged

36degrees mentioned this pull request Apr 26, 2019

Documented xlink:href on SVG fallback image is… missing… #1299

Closed

Add header component #695

Add header component #695

Conversation

alex-ju commented May 15, 2018 • edited Loading

Notable changes

Testing

Notes

kr8n3r commented May 15, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

kr8n3r commented May 15, 2018

kr8n3r commented May 15, 2018 • edited Loading

kr8n3r commented May 15, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

kr8n3r commented May 15, 2018 • edited Loading

alex-ju commented May 15, 2018 • edited Loading

alex-ju commented May 15, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

alex-ju May 16, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hannalaakso left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

alex-ju May 16, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

alex-ju commented May 22, 2018 • edited Loading

kr8n3r commented May 22, 2018 • edited Loading

alex-ju commented May 22, 2018

alex-ju commented May 22, 2018

kr8n3r left a comment

Choose a reason for hiding this comment

alex-ju commented May 15, 2018 •

edited

Loading

kr8n3r commented May 15, 2018 •

edited

Loading

kr8n3r commented May 15, 2018 •

edited

Loading

kr8n3r commented May 15, 2018 •

edited

Loading

kr8n3r commented May 15, 2018 •

edited

Loading

alex-ju commented May 15, 2018 •

edited

Loading

alex-ju commented May 15, 2018 •

edited

Loading

alex-ju May 16, 2018 •

edited

Loading

hannalaakso left a comment •

edited

Loading

alex-ju May 16, 2018 •

edited

Loading

alex-ju commented May 22, 2018 •

edited

Loading

kr8n3r commented May 22, 2018 •

edited

Loading