Update github, chat, formatting

visual-framework · Jul 8, 2019 · f08b004 · f08b004
1 parent 5f64004
commit f08b004
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 12 deletions.
diff --git a/src/site/_data/siteConfig.js b/src/site/_data/siteConfig.js
@@ -1,7 +1,7 @@
 // Some various reusable configuration
 module.exports = {
   siteInformation: {
-    title: "Eleventy for Visual Framework 2.0 components",
+    title: "Eleventy for the VF 2.0",
     short_description: 'This allows using the <a class="vf-link" href="https://www.11ty.io">11ty</a> static site generator with direct access to <a class="vf-link" href="https://github.com/visual-framework/vf-core">Visual Framework 2.0</a> components.',
     url: "https://visual-framework.github.io/vf-eleventy/",
     author: "Visual Framework system",

diff --git a/src/site/_includes/footer.njk b/src/site/_includes/footer.njk
@@ -1,9 +1,10 @@
 <div class="vf-body">
 <div class="vf-grid">
-  <div>
+  <div class="vf-body--text">
+    Geting started links:
     <a href="https://github.com/visual-framework/vf-eleventy" class="vf-link">View vf-eleventy on GitHub</a> |
-    <a href="https://github.com/visual-framework/vf-core" class="vf-link">VF-Core v2.0-alpha.4</a> |
-    <a href="https://embl-vf.slack.com/messages" class="vf-link">Get help on Slack</a>
+    <a href="https://github.com/visual-framework/vf-core" class="vf-link">VF-Core v2.0</a> |
+    <a href="https://discord.gg/XHAvkUX" class="vf-link">Chat for help</a>
 
     {% if serverInfo.environment == "development" %}
     <code class="vf-code-example">

diff --git a/src/site/_includes/layouts/base.njk b/src/site/_includes/layouts/base.njk
@@ -10,7 +10,32 @@
     <title>{{ title or (renderData and renderData.title) or siteConfig.siteInformation.title}}</title>
   </head>
   <body class="{{ bodyClass }}" >
-    {% render '@vf-global-header' %}
+    <header class="vf-global-header">
+
+      <div class="vf-global-header__inner">
+
+        <a href="{{ '/' | url }}" class="vf-logo--responsive" title="Visual Framework 2.0">
+          <span class="vf-sr-only">Visual Framework 2.0</span>
+        </a>
+        {# <a href="{{ '/' | url }}" class="vf-link | vf-global-header__site-name">Visual Framework 2.0</a> #}
+
+        <nav class="vf-navigation vf-navigation--global">
+          <ul class="vf-navigation__list | vf-list--inline">
+            <li class="vf-navigation__item">
+              <a href="{{ '/' | url }}" class="vf-navigation__link">About the Visual Framework</a>
+            </li>
+            <li class="vf-navigation__item">
+              <a href="{{ '/documentation' | url }}" class="vf-navigation__link">Documentation</a>
+            </li>
+            <li class="vf-navigation__item">
+              <a href="https://discord.gg/XHAvkUX" class="vf-navigation__link">Help, chat</a>
+            </li>
+          </ul>
+        </nav>
+
+      </div>
+
+    </header>
     <div class="vf-body">
       <div class="vf-grid">
         <div>

diff --git a/src/site/index.md b/src/site/index.md
@@ -4,25 +4,19 @@ date: 2018-08-22 12:24:50
 layout: layouts/base.njk
 ---
 
-
-<section class="vf-grid">
-
 {% render '@vf-intro', {"vf_intro_phase": "alpha", "vf_intro_heading": siteConfig.siteInformation.title,
   "vf_intro_lede": siteConfig.siteInformation.short_description,
   "vf_intro_text": [
     "☝️ that also means dynamic building of just the CSS and JS you need."
   ]
 } %}
 
-</section>
-
-
 <section class="vf-intro | embl-grid embl-grid--has-centered-content">
 
 <div>
   <!-- empty -->
 </div>
-<div>
+<div class="vf-content">
 
 ## What you get