feat: add customize link to homepage feed (fixes #171) (#191)

platform-coop-toolkit · Jan 24, 2020 · be47ac4 · be47ac4
1 parent 03ae8ac
commit be47ac4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/assets/styles/layouts/_home.scss b/src/assets/styles/layouts/_home.scss
@@ -43,6 +43,18 @@
 .home__feed {
 	padding-top: rem(50);
 
+	header {
+		align-items: baseline;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: space-between;
+
+		a {
+			margin-top: 0;
+		}
+	}
+
 	h3::before {
 		background-color: $grey-200;
 		content: "";

diff --git a/src/components/03-layouts/04-home/home.njk b/src/components/03-layouts/04-home/home.njk
@@ -39,7 +39,10 @@
 	{% render '@call-to-action', {standAlone: true, href: '/browse-all', label: 'Browse all resources', class: 'wp-block-button--inverse'} %}
 </section>
 <section class="home__feed">
-	<h2>{{ feed.title }}</h2>
+	<header>
+		<h2>{{ feed.title }}</h2>
+		<a href="/customize">Customize feed</a>
+	</header>
 	<h3><a href="/most-viewed">{{ 'Most viewed' }}</a></h3>
 	<div class="meta-card-wrapper">
 		<div class="card-wrapper">