Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update colours to teal and update wording #306

Merged
merged 17 commits into from
Feb 6, 2025
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions _data/routes.yml
Original file line number Diff line number Diff line change
@@ -5,6 +5,6 @@ developer_portal: "https://developers.deliveroo.com/"
design_blog: "https://deliveroo.design/"
navigation:
- url: '/articles/'
title: 'Articles'
title: 'Stories'
- url: '/authors/'
title: 'Authors'
title: 'Team Voices'
5 changes: 3 additions & 2 deletions _includes/cookie_consent.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
@@ -8,8 +9,8 @@
"background": "#ffffff"
},
"button": {
"background": "#440063"
}
"background": "#43DDC8",
},
},
"position": "bottom-left",
"content": {
12 changes: 6 additions & 6 deletions _includes/favicons.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<meta name="theme-color" content="#440063">
<link rel="mask-icon" color="#440063" href="/images/icons/safari-pinned-tab.svg">
<meta name="theme-color" content="#43DDC8">
<link rel="mask-icon" color="#43DDC8" href="/images/icons/safari-pinned-tab.svg">
<link rel="apple-touch-icon-precomposed" href="/images/icons/apple-touch-icon.png" sizes="57x57">
<link rel="apple-touch-icon-precomposed" href="/images/icons/apple-touch-icon.png" sizes="72x72">
<link rel="apple-touch-icon-precomposed" href="/images/icons/apple-touch-icon.png" sizes="120x120">
<link rel="apple-touch-icon-precomposed" href="/images/icons/apple-touch-icon.png" sizes="144x144">
<link rel="apple-touch-icon-precomposed" href="/images/icons/apple-touch-icon.png" sizes="152x152">
<link rel="shortcut icon" href="/images/icons/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="shortcut icon" href="/images/icons/favicon-16x16.png" sizes="16x16" type="image/png">
<!-- <link rel="shortcut icon" href="/images/icons/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="shortcut icon" href="/images/icons/favicon-16x16.png" sizes="16x16" type="image/png"> -->
<link rel="shortcut icon" href="/images/icons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" type="image/png" href="/images/icons/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/images/icons/favicon-512x512.png" sizes="512x512">
<!-- <link rel="icon" type="image/png" href="/images/icons/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/images/icons/favicon-512x512.png" sizes="512x512"> -->
<meta name="msapplication-config" content="/images/icons/browserconfig.xml">
2 changes: 1 addition & 1 deletion _includes/head.html
Original file line number Diff line number Diff line change
@@ -8,7 +8,7 @@

{% if page.layout == 'post' %}
<meta property="article:author" content="{% for author in page.authors %}{{ author }}{% if author != page.authors.last %}, {% endif %}{% endfor %}">
<meta property="article:section" content="Engineering Articles">
<meta property="article:section" content="Engineering Stories">
{% else %}
<meta property="og:type" content="website">
{% endif %}
20 changes: 1 addition & 19 deletions _sass/abstract/_color.scss
Original file line number Diff line number Diff line change
@@ -22,22 +22,4 @@

@error "Unknown color `#{$key}` in $colors.";
@return null;
} // @function color()

// usage:
// color(pumpkin) => #ff8100
// color(beetroot, 75%) => #ea3f72
// color(burger_sauce, $transparency: 0.2) => rgb(255, 173, 148, 0.8)
// color(teal, $darken: 20%) => #00988c
//
// or if you prefer, actual usage:
//
// div.foo {
// background-color: color(seaweed, 25%);
// }
//
// =>
//
// div.foo {
// background-color: #bfdad9;
// }
}
22 changes: 9 additions & 13 deletions _sass/abstract/_palette.scss
Original file line number Diff line number Diff line change
@@ -1,15 +1,11 @@
$colors: (
pumpkin: #ff8100,
pimiento: #ff3d3d,
beetroot: #e2004f,
burger_sauce: #ffad93,
lemon_cheesecake: #ffe500,
lime: #b5ea44,
seaweed: #006d68,
aubergine: #440063,
anchovy: #8c9b9b,
mushroom: #a0918a,
soba: #bcbaba,
teal: #00bfaf,
mackerel: #2e3333
anchovy: #535F5F,
soba: #bcbaba,
primary_teal: #43DDC8,
secondary_teal: #01857C,
primary_button_text:#003935,
primary_hover_teal: #03706D,
primary_hover_text: #DEFFFD,
link_hover: #0E5454,
mackerel: #0B0E0E
);
15 changes: 5 additions & 10 deletions _sass/abstract/_typography.scss
Original file line number Diff line number Diff line change
@@ -14,10 +14,10 @@ $font-sizes: (
);

$font-families: (
title: (Helvetica Neue, Helvetica, Arial, sans-serif),
title: (Stratos, Helvetica Neue, Helvetica, Arial, sans-serif),
title-loaded: (Stratos, Helvetica Neue, Helvetica, Arial, sans-serif),
monospace: (Menlo, Ubuntu Mono, Lucida Console, Monaco, monospace),
monospace-loaded: (SourceCodePro, Menlo, Ubuntu Mono, Lucida Console, Monaco, monospace),
monospace: (PlexSans, Menlo, Ubuntu Mono, Lucida Console, Monaco, monospace),
monospace-loaded: (PlexSans, SourceCodePro, Menlo, Ubuntu Mono, Lucida Console, Monaco, monospace),
);

@function font-size($size) {
@@ -57,15 +57,10 @@ $font-families: (
white-space: nowrap;
}

@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-thin', 100);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-light', 200);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-semilight', 300);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-regular', 400);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-medium', 500);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-semibold', 600);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-bold', 700);
// @include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-bold', 700);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-extrabold', 800);
@include font-face-shim('Stratos', 'stratos/stratosdeliverooweb-black', 900);
// @include font-face-shim('Stratos', 'stratos/stratosdeliveroo-extrabolditalic', 800, italic);

@include font-face-shim('SourceCodePro', 'sourcecodepro/SourceCodePro-Regular', 400);
@include font-face-shim('SourceCodePro', 'sourcecodepro/SourceCodePro-Semibold', 600);
29 changes: 16 additions & 13 deletions _sass/base/_default.scss
Original file line number Diff line number Diff line change
@@ -1,22 +1,21 @@
@mixin link($color: aubergine) {
@mixin link($color: primary_hover_teal, $hover_colour: link_hover) {
text-decoration: none;
color: color($color, 75%);
color: color($color);
transition-property: color, border;
transition-duration: 0.4s;
border-bottom: 2px solid transparentize(color($color, 75%), 0.8);

&:hover {
color: color($color, 50%);
color: color($hover_colour);
transition-duration: 0.2s;
border-color: transparentize(color($color, 50%), 0.4);
text-decoration: underline;
} // @link:hover
} // @link

a {
@include link(aubergine);
@include link(primary_hover_teal, link_hover);
@include external-href('deliveroo.engineering') {
&::after {
@include image-replacement('/images/external_link_aubergine', 12px, 12px, $type: 'svg');
@include image-replacement('/images/external_link_teal', 12px, 12px, $type: 'svg');
display: inline-block;
transition-property: opacity;
transition-duration: 0.4s;
@@ -34,7 +33,7 @@ a {
} // a

code, kbd, pre, samp {
@include font-family(monospace, 'SourceCodePro');
@include font-family(monospace, 'PlexSans');
line-height: 1.4;
}

@@ -49,28 +48,32 @@ code {

h1, h2, h3, h4 {
@include font-family(title, 'Stratos');
font-feature-settings: "ss01";
font-weight: 600;
}

h1 {
font-weight: 600;
font-size: font-size(large-heading);
line-height: 48px;
font-weight: 800;
font-size: font-size(extra-large-heading);
line-height: 68px;
margin: 0.5em 0;
text-align: center;
padding: 0 10px;
}

h2 {
font-weight: 600;
font-size: font-size(medium-heading);
font-size: font-size(large-heading);
line-height: 44px;

code {
font-size: font-size(small-heading);
}
}

h3 {
@include font-family(monospace, 'PlexSans');
font-size: font-size(small-heading);
line-height: 32px;

code {
font-size: font-size(smallish-heading);
2 changes: 1 addition & 1 deletion _sass/base/_normalize.scss
Original file line number Diff line number Diff line change
@@ -6,7 +6,7 @@
*/

html {
font-family: sans-serif; /* 1 */
font-family: Plex-Sans; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
10 changes: 5 additions & 5 deletions _sass/components/_forms.scss
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
@mixin button($background-color: aubergine, $color: white) {
@mixin button($background-color: primary_teal, $color: color(primary_button_text), $hover-background-color: color(primary_hover_teal), $hover-text-color: color(primary_hover_text)) {
text-align: center;
color: $color;
background-color: color($background-color);
border-radius: 2px;
border-radius: 4px;
border-width: 0;
padding: 10px 10px 8px;
box-shadow: 0 2px 0 transparentize(color(mackerel), 0.9);
font-weight: 700;

-webkit-transition-property: color, background;
transition-property: color, background;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;

&:hover {
color: $color;
background-color: color($background-color, 80%);
color: $hover-text-color;
background-color: $hover-background-color;
} // @button:hover

&::after {
62 changes: 43 additions & 19 deletions _sass/layout/content.scss
Original file line number Diff line number Diff line change
@@ -3,20 +3,22 @@ body {
font-family: $default-font;
font-size: 62.5%;
color: color(mackerel);
background-color: color(anchovy, 5%);
background-color: #F6F9F9;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-weight: 300;

main {
padding: 50px 10px;
padding-bottom: 50px;
font-size: font-size(medium-body);
line-height: 1.8;
line-height: 1.3;

> h1,
> h2,
> p,
> section {
@include auto-width(desktop_medium);
padding: 0 10px;
} // body main > {h1, h2, p, section}

> hr {
@@ -38,22 +40,37 @@ body {
margin-top: 20px;
} // body main > {ul, ol}

#banner{
background-image: url('/images/banner.svg');
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;

h1{
margin: 0;
margin-bottom: 0.5em;
}
}

@include min-width(tablet_small) {
padding: 100px 20px;
padding-bottom: 100px;
} // @min-width(tablet_small) body main

@include min-width(desktop_small) {
padding: 100px 40px;
padding-bottom: 100px;
} // @min-width(desktop_small) body main
} // body main
} // body

p.tagline {
@include auto-width(desktop_larger);
color: color(anchovy);
@include auto-width(desktop_medium);
color: color(mackerel);
text-align: center;
margin-bottom: 100px;
font-size: font-size(large-body);
font-size: font-size(small-heading);
font-weight: 700;
padding: 0 10px;

a.edit {
@include image-replacement('/images/edit_pencil', 16px, 16px, $type: 'svg');
@@ -102,11 +119,11 @@ section {
h3 {
margin-bottom: 0.5em;
text-align: center;
line-height: 1.3;
letter-spacing: -0.02em;

a {
border: none;
color: color(mackerel);
} // section div.post h3 a
} // section div.post h3

@@ -206,6 +223,7 @@ section {
} // section#guidelines div.guideline

@include min-width(tablet_small) {
padding: 0 20px;
hr {
display: none;
} // @min-width(tablet_small) section#guidelines hr
@@ -219,6 +237,8 @@ section {
} // @between-widths(tablet_small, desktop_small) section#guidelines

@include min-width(desktop_small) {
padding: 0 40px;

hr:nth-of-type(3n) {
display: block;
width: 100%;
@@ -231,10 +251,13 @@ section {
&#authors {
@include auto-width(desktop_small);
$row-spacing: 40px;
margin-top: $row-spacing;

div.author {
h3 {
text-align: center;
margin-top: 16px;
margin-bottom: 8px;

a {
border: none;
@@ -298,6 +321,7 @@ section {

article {
@include auto-width(desktop_small);
padding: 100px 10px;

header {
h1 {
@@ -372,7 +396,7 @@ article {

aside {
padding: 10px;
background-color: color(aubergine, 50%);
background-color: color(secondary_teal, 50%);
color: white;

h3, h4, h5, h6 {
@@ -388,12 +412,12 @@ article {
} // article aside p:first-child

a {
color: color(aubergine, 15%);
border-color: color(aubergine, 35%);
color: color(secondary_teal, 15%);
border-color: color(secondary_teal, 35%);

&:hover {
color: color(aubergine, 5%);
border-color: color(aubergine, 25%);
color: color(secondary_teal, 5%);
border-color: color(secondary_teal, 25%);
} // article aside a:hover

@include external-href('deliveroo.engineering') {
@@ -424,12 +448,12 @@ article {
} // @min-width(desktop_small) article aside

blockquote {
color: color(aubergine, 15%);
border-color: color(aubergine, 40%);
color: color(secondary_teal, 15%);
border-color: color(secondary_teal, 40%);
} // article aside blockquote

code.highlighter-rouge {
background: color(aubergine, 60%);
background: color(secondary_teal, 60%);
} // article aside code.highlighter-rouge
} // article aside

@@ -469,7 +493,7 @@ article {
padding: 5px;

&:target {
background-color: color(aubergine, 10%);
background-color: color(secondary_teal, 10%);
} // article div.footnotes li:target

p {
3 changes: 3 additions & 0 deletions _sass/layout/cookies.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
a.cc-btn.cc-dismiss{
@include button($background-color: primary_teal, $color: color(primary_button_text), $hover-background-color: color(primary_hover_teal), $hover-text-color: color(primary_hover_text))
}
23 changes: 9 additions & 14 deletions _sass/layout/header.scss
Original file line number Diff line number Diff line change
@@ -20,11 +20,10 @@ body {

$navigation-padding: 10px;
$hamburger-menu-size: 17px;
$navbar-height: 60px;
$navbar-height: 80px;

header#navigation {
background-color: white;
box-shadow: 0 0 2px color(soba);
min-height: $navbar-height;

nav {
@@ -46,11 +45,11 @@ header#navigation {

a {
@include image-replacement('/images/logo_engineering',
$background-width: 175px,
$background-height: 40px,
$background-width: auto,
$background-height: 60px,
$type: 'svg') {
width: 175px;
height: 40px;
height: 60px;
background-position: center;
};
border: none;
@@ -74,6 +73,7 @@ header#navigation {

&:hover {
color: color(mackerel);
text-decoration: none;
} // header#navigation nav ul li a:hover

@include external-href('deliveroo.engineering') {
@@ -84,7 +84,7 @@ header#navigation {
} // header#navigation nav ul li a

&:last-child a {
color: color(aubergine);
color: color(secondary_teal);

&:hover {
color: color(mackerel);
@@ -131,7 +131,7 @@ header#navigation {
@include image-replacement('/images/hamburger',
$background-width: $hamburger-menu-size,
$background-height: $hamburger-menu-size,
$height: 40px,
$height: 60px,
$type: 'svg') {
background-position: center;
};
@@ -155,7 +155,7 @@ header#navigation {
border-left: 4px solid transparent;

&.selected {
border-color: color(aubergine);
border-color: color(secondary_teal);
} // @max-width(tablet_large) header#navigation nav ul li.selected

&#logo {
@@ -209,20 +209,15 @@ header#navigation {
} // @min-width(tablet_large) header#navigation nav ul li#logo a
} // @min-width(tablet_large) header#navigation nav ul li#logo

a {
border-bottom: 2px solid transparent;
} // @min-width(tablet_large) header#navigation nav ul li a

&:last-child {
a {
@include button($background-color: aubergine, $color: white)
@include button($background-color: primary_teal, $color: color(primary_button_text), $hover-background-color: color(primary_hover_teal), $hover-text-color: color(primary_hover_text))
} // @min-width(tablet_large) header#navigation nav ul li:last-child a
} // @min-width(tablet_large) header#navigation nav ul li:last-child

&.selected {
a {
display: inline-block;
border-color: color(aubergine);
height: $navbar-height - 2px;
} // @min-width(tablet_large) header#navigation nav ul li.selected a
} // @min-width(tablet_large) header#navigation nav ul li.selected
6 changes: 4 additions & 2 deletions articles/index.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
---
layout: default
---
<h1>Articles</h1>
<p class="tagline">Learn from our experience developing the Deliveroo product.</p>
<div id="banner">
<h1>Stories</h1>
<p class="tagline">Learn from our experience developing the Deliveroo product.</p>
</div>

<section id="recent-posts" class="all">
{% for _page in paginator.posts %}
6 changes: 4 additions & 2 deletions authors/index.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
---
layout: default
---
<h1>Authors</h1>
<p class="tagline">Members of Deliveroo's engineering team who’ve contributed to the site.</p>
<div id="banner">
<h1>Team Voices</h1>
<p class="tagline">Members of Deliveroo's engineering team who’ve contributed to the site.</p>
</div>

<section id="authors">
{% for author in site.authors %}
Binary file not shown.
Binary file not shown.
Binary file added css/fonts/stratos/stratosdeliveroo-semibold.otf
Binary file not shown.
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-black.eot
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-black.woff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-bold.eot
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-bold.woff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file modified css/fonts/stratos/stratosdeliverooweb-extrabold.woff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-italic.eot
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-italic.woff
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-light.eot
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-light.woff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-medium.eot
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-medium.woff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-regular.woff
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-semibold.eot
Binary file not shown.
Binary file modified css/fonts/stratos/stratosdeliverooweb-semibold.woff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-thin.eot
Binary file not shown.
Binary file removed css/fonts/stratos/stratosdeliverooweb-thin.woff
Binary file not shown.
Binary file not shown.
Binary file not shown.
1 change: 1 addition & 0 deletions css/main.scss
Original file line number Diff line number Diff line change
@@ -21,6 +21,7 @@
@import "layout/header";
@import "layout/footer";
@import "layout/content";
@import "layout/cookies";

// pages: page-specific layouts/overrides

1 change: 1 addition & 0 deletions images/banner.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/icons/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion images/icons/browserconfig.xml
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@
<square150x150logo src="/mstile-150x150.png"/>
<square310x310logo src="/mstile-310x310.png"/>
<wide310x150logo src="/mstile-310x150.png"/>
<TileColor>#440063</TileColor>
<TileColor>#43DDC8</TileColor>
</tile>
</msapplication>
</browserconfig>
Binary file modified images/icons/favicon-32x32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 26 additions & 1 deletion images/logo_engineering.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 7 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
@@ -3,8 +3,10 @@
title: deliveroo.engineering
---

<h1>The Deliveroo engineering team blog</h1>
<p class="tagline">Only awesome code.</p>
<div id="banner">
<h1>Deliveroo Tech Blog</h1>
<p class="tagline">Our tech teams tackle some of the most exciting challenges, building systems that impact millions daily.</p>
</div>

<section id="latest-post">
<div class="post latest">
@@ -22,7 +24,7 @@ <h3><a href="{{ site.baseurl }}{{ _page.url }}">{{ _page.title }}</a></h3>
{% if site.posts.size > site.data.offsets.latest_articles %}
<hr>

<h2>Recent Articles</h2>
<h2>Latest from Our Tech Team</h2>
<section id="recent-posts">
{% for _page in site.posts limit: site.data.offsets.recent_articles offset: site.data.offsets.latest_articles %}
<div class="post recent">
@@ -44,7 +46,7 @@ <h3><a href="{{ site.baseurl }}{{ _page.url }}">{{ _page.title }}</a></h3>
{% if site.posts.size > other_articles_offset %}
<hr>

<h2>Other Articles</h2>
<h2>More Engineering Stories</h2>
<section id="other-articles">
<ul class="articles">
{% for _page in site.posts limit: site.data.offsets.other_articles offset: other_articles_offset %}
@@ -61,6 +63,6 @@ <h2>Other Articles</h2>
divided_by: site.paginate |
plus: 1
%}
<p class="more"><a href="{{ site.data.routes.articles }}page{{ page_offset }}">More articles</a></p>
<p class="more"><a href="{{ site.data.routes.articles }}page{{ page_offset }}">More stories</a></p>
</section>
{% endif %}