add anchors to community and index page

content/_index.md

@@ -19,6 +19,7 @@ hero:
 
 # Showcase
 showcase:
+ anchor: showcase
  title: Enabling Semantic Search
  showcaseItems:
  - title: Question Answering
@@ -45,6 +46,7 @@ showcase:
 
 # Features
 features:
+ anchor: features
  featureItems:
  - title: Latest Models
  text: Pick any Transformer model from Hugging Face's Model Hub, experiment, find the one that works.
@@ -67,6 +69,7 @@ features:
 
 # Github section
 github:
+ anchor: github
  title: Start exploring Haystack!
  buttons:
  - buttonText: Check on Github
@@ -76,6 +79,7 @@ github:
 
 # Community
 community:
+ anchor: community
  discord:
  title: Join our community
  text: Our community on Discord is for everyone interested in NLP, using Haystack or even just getting started!

content/pages/community.md

@@ -60,6 +60,7 @@ hero:
 
 # Upcoming events
 eventsSection:
+ anchor: events
  title: Upcoming Events
  events:
  - title: Enabling NLP for Enterprise Applications
@@ -81,6 +82,7 @@ eventsSection:
 
 # Open NLP Meetup section
 meetupSection:
+ anchor: meetup
  title: The Open NLP Meetup
  text: The Open NLP Group is more than just high-quality talks from industry and research perspectives. It’s also the place to meet other NLP enthusiasts and to discuss and share ideas on how to integrate NLP techniques into your applications. We get together every three months and we welcome people from all kinds of backgrounds to join.
  buttonText: Join Meetup

themes/haystack/layouts/partials/community-events.html

@@ -1,6 +1,6 @@
 {{/* Upcoming events section on the Community page */}}
 {{ with .Params.EventsSection}}
- <section class="community-events">
+ <section class="community-events" {{ if .anchor }} id="{{ .anchor }}" {{ end }}>
  <div class="container container-padded">
  <div class="inner">
  <h2>{{ .title }}</h2>

themes/haystack/layouts/partials/community-hero.html

@@ -1,6 +1,6 @@
 {{/* Community page hero */}}
 {{ with .Params.Hero }}
- <section class="community-hero">
+ <section class="community-hero" {{ if .anchor }} id="{{ .anchor }}" {{ end }}>
  <div class="container container-padded">
  <section class="inner inner-top">
  <div class="community-hero-top">

themes/haystack/layouts/partials/community-meetup.html

@@ -1,6 +1,6 @@
 {{/* Open NLP Meetup section on the Community page */}}
 {{ with .Params.MeetupSection }}
- <section class="community-meetup">
+ <section class="community-meetup" {{ if .anchor }} id="{{ .anchor }}" {{ end }}>
  <div class="container container-padded">
  <div class="inner">
  <h2>{{ .title }}</h2>

themes/haystack/layouts/partials/index-community.html

@@ -1,4 +1,4 @@
-<section class="index-community">
+<section class="index-community" {{ if .Params.community.anchor }} id="{{ .Params.community.anchor }}" {{ end }}>
  <div class="container">
  <div class="inner">
  {{ partial "discord-card" (dict "context" . "community" .Params.community) }}

themes/haystack/layouts/partials/index-features.html

@@ -1,5 +1,5 @@
 {{/* Homepage Features section */}}
-<section class="index-features">
+<section class="index-features" {{ if .Params.features.anchor }} id="{{ .Params.features.anchor }}" {{ end }}>
  <div class="container">
  <div class="inner">
  {{/* Feature items */}}

themes/haystack/layouts/partials/index-github.html

@@ -1,5 +1,5 @@
 {{/* Homepage Github section */}}
-<section class="index-github">
+<section class="index-github" {{ if .Params.github.anchor }} id="{{ .Params.github.anchor }}" {{ end }}>
  <div class="top-section">
  <div class="container container-padded">
  <div class="inner">

themes/haystack/layouts/partials/index-hero.html

@@ -1,5 +1,5 @@
 {{/* Homepage Hero */}}
-<section class="index-hero">
+<section class="index-hero" {{ if .Params.hero.anchor }} id="{{ .Params.hero.anchor }}" {{ end }}>
 
  {{/* Hero bg image */}}
  <div

themes/haystack/layouts/partials/index-showcase.html

@@ -1,5 +1,5 @@
 {{/* Homepage showcase section */}}
-<section class="index-showcase">
+<section class="index-showcase" {{ if .Params.showcase.anchor }} id="{{ .Params.showcase.anchor }}" {{ end }}>
  <div class="container container-padded">
  <div class="inner">
  {{/* Title */}}