found original alabaster extrahead block extends

docs/source/_templates/layout.html

@@ -1,4 +1,64 @@
 {% extends "!layout.html" %}
 {%- block extrahead %}
+    <!-- Original Alabaster Extends -->
+    {{ super() }}
+    <link rel="stylesheet" href="{{ pathto('_static/custom.css', 1) }}" type="text/css" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
+
+    <!-- Social Meta Tag Guides: -->
+    <!-- https://metatags.io -->
+    <!-- https://css-tricks.com/essential-meta-tags-social-media/ -->
+
+    <!-- Primary Meta Tags -->
+    <meta property="title" content="MicroStructPy - Microstructure Mesh Generation in Python">
+    <meta property="description" content="Microstructure modeling, mesh generation, analysis, and visualization.">
+
+    <!-- Open Graph / Facebook Meta Tags -->
+    <meta property="og:title" content="MicroStructPy - Microstructure Mesh Generation in Python">
+    <meta property="og:site_name" content="MicroStructPy">
+    <meta property="og:description" content="Microstructure modeling, mesh generation, analysis, and visualization.">
+    <meta property="og:image" content="https://docs.microstructpy.org/en/dev/_static/logo/social.png">
+    <meta property="og:url" content="https://docs.microstructpy.org">
+    <meta property="og:type" content="website">
+
+    <!-- Twitter Meta Tags-->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://docs.microstructpy.org">
+    <meta property="twitter:title" content="MicroStructPy - Microstructure Mesh Generation in Python">
+    <meta property="twitter:description" content="Microstructure modeling, mesh generation, analysis, and visualization.">
+    <meta property="twitter:image" content="https://docs.microstructpy.org/en/dev/_static/logo/social.png">
+    <meta property="twitter:image:alt" content="MicroStructPy social banner">
+
+    <!-- Touch Icons / Favicons Guide -->
+    <!-- https://www.emergeinteractive.com/insights/detail/the-essentials-of-favicons/ -->
+
+    <!-- Touch Icons - Generic -->
     <link rel="icon" sizes="228x228" href="_static/logo/logo_228x228.png">
+    <link rel="icon" sizes="192x192" href="_static/logo/logo_192x192.png">
+    <link rel="icon" sizes="128x128" href="_static/logo/logo_128x128.png">
+    <link rel="icon" sizes="96x96" href="_static/logo/logo_96x96.png">
+    <link rel="icon" sizes="76x76" href="_static/logo/logo_76x76.png">
+    <link rel="icon" sizes="57x57" href="_static/logo/logo_57x57.png">
+    <link rel="icon" sizes="32x32" href="_static/logo/logo_32x32.png">
+
+    <!-- Touch Icons - Android -->
+    <link rel="shortcut icon" sizes="196x196" href="_static/logo/logo_196x196.png">
+
+    <!-- Touch Icons - iOS-->
+    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="_static/logo/logo_180x180.png">
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="_static/logo/logo_152x152.png">
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="_static/logo/logo_144x144.png">
+    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="_static/logo/logo_120x120.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="_static/logo/logo_114x114.png">
+    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="_static/logo/logo_76x76.png">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="_static/logo/logo_72x72.png">
+    <link rel="apple-touch-icon-precomposed" href="_static/logo/logo_57x57.png">
+
+    <!-- Touch Icons - Windows 8 IE 10 -->
+    <meta name="msapplication-TileColor" content="#FFFFFF">
+    <meta name="msapplication-TileImage" content="_static/logo/logo_144x144.png">
+
+    <!-- Touch Icons - Windows 8.1 + IE11 and above -->
+    <meta name="msapplication-config" content="_static/logo/browserconfig.xml" />
 {%- endblock %}