dynamic page description support
diff --git a/content/website/index.md b/content/website/index.md
index ecf196d..1d9555f 100644
--- a/content/website/index.md
+++ b/content/website/index.md
@@ -1,5 +1,6 @@
 Title: Site Index
 Template: siteindex
+Description: This lists all of the generated pages within the Foundation website
 
 # {{title}}
 
diff --git a/theme/apache/templates/base.html b/theme/apache/templates/base.html
index c103ef6..f0f2544 100644
--- a/theme/apache/templates/base.html
+++ b/theme/apache/templates/base.html
@@ -29,15 +29,15 @@
   <meta property="og:url" content="https://www.apache.org/">
   <meta property="og:type" content="website">
   <meta property="og:title" content="{{ page.title }}">
-  <meta property="og:description" content="Home page of The Apache Software Foundation">
-  <meta property="og:image" content="https://www.apache.org/foundation/press/kit/asf-estd-1999-logo.svg">
+  <meta property="og:description" content="{{ page.description | default: 'Home page of The Apache Software Foundation' }}">
+  <meta property="og:image" content="https://www.apache.org/foundation/press/kit/asf-estd-1999-logo.png">
 
   <meta name="twitter:card" content="summary_large_image">
   <meta property="twitter:domain" content="apache.org">
   <meta property="twitter:url" content="https://www.apache.org/">
   <meta name="twitter:title" content="{{ page.title }}">
-  <meta name="twitter:description" content="Home page of The Apache Software Foundation">
-  <meta name="twitter:image" content="https://www.apache.org/foundation/press/kit/asf-estd-1999-logo.svg">
+  <meta name="twitter:description" content="{{ page.description | default: 'Home page of The Apache Software Foundation' }}">
+  <meta name="twitter:image" content="https://www.apache.org/foundation/press/kit/asf-estd-1999-logo.png">
 
   <title>{{ page.title }}</title>
   <link href="/css/Montserrat-300-600.css" rel="stylesheet">