Stubs for Learning Hub Pages

Links each card to a stub for its intended page

.pre-commit-config.yaml

@@ -1,22 +1,22 @@
 repos:
 - repo: https://github.com/pre-commit/pre-commit-hooks
-  rev: v2.3.0
+  rev: v4.0.1
   hooks:
   - id: check-yaml
   - id: end-of-file-fixer
     exclude: 'ethicalads-theme/.*$'
   - id: trailing-whitespace
     exclude: 'ethicalads-theme/.*$'
 - repo: https://github.com/ambv/black
-  rev: stable
+  rev: 21.5b1
   hooks:
   - id: black
     # Since the pre-commit runs on a file by file basis rather than a whole project,
     # The excludes in pyproject.toml are ignored
     exclude: migrations
     language_version: python3
 - repo: https://github.com/asottile/reorder_python_imports
-  rev: v1.3.2
+  rev: v2.5.0
   hooks:
   - id: reorder-python-imports
     language_version: python3

content/pages/learning-hub/advertiser-guide.md

@@ -0,0 +1,6 @@
+title: Advertiser's Guide
+slug: advertiser-guide
+description: A guide to help advertisers get the most out of our network.
+subtitle: Good ads start with good focus.
+
+TODO(ra): insert advertiser guide

content/pages/learning-hub/audience.md

@@ -0,0 +1,6 @@
+title: The EthicalAds Audience
+slug: our-audience
+description: All about our audience.
+subtitle: Who is and isn't on our network.
+
+TODO(ra): insert info about our audience.

content/pages/learning-hub/publisher-guide.md

@@ -0,0 +1,6 @@
+title: Publisher's Guide
+slug: publisher-guide
+description: A guide to help publishers get the most out of our network.
+subtitle: Good ad placement start with good focus.
+
+TODO(ra): insert publisher guide

content/pages/learning-hub/surveillance-advertising.md

@@ -0,0 +1,6 @@
+title: Surveillance Advertising
+slug: surveillance
+description: All about how you're being tracked around the web.
+subtitle: Good advertising doesn't stalk you.
+
+TODO(ra): insert info about surveillance advertising

ethicalads-theme/templates/ea/learning-hub.html

@@ -47,7 +47,9 @@ <h1 class="display-2 font-weight-bold text-white">{{ page.title }}</h1>
               </div>
 
               <!-- Heading -->
-              <h4 class="font-weight-bold"><a href="/advertising-vision/">Our Ad Vision</a></h4>
+              <h4 class="font-weight-bold">
+                <a href="/advertising-vision/">Our Ad Vision</a>
+              </h4>
 
               <!-- Text -->
               <p class="text-gray-700 mb-5">
@@ -71,7 +73,7 @@ <h4 class="font-weight-bold"><a href="/advertising-vision/">Our Ad Vision</a></h
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">The EthicalAds Audience</a>
+                <a href="/our-audience/">The EthicalAds Audience</a>
               </h4>
 
               <!-- Text -->
@@ -96,7 +98,7 @@ <h4 class="font-weight-bold">
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">About Surveillance Advertising</a>
+                <a href="/surveillance/">About Surveillance Advertising</a>
               </h4>
 
               <!-- Text -->
@@ -121,7 +123,7 @@ <h4 class="font-weight-bold">
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">Advertiser's Guide</a>
+                <a href="/advertiser-guide/">Advertiser's Guide</a>
               </h4>
 
               <!-- Text -->
@@ -146,7 +148,7 @@ <h4 class="font-weight-bold">
 
               <!-- Heading -->
               <h4 class="font-weight-bold">
-                <a href="#">Publisher's Guide</a>
+                <a href="/publisher-guide/">Publisher's Guide</a>
               </h4>
 
               <!-- Text -->