Tim Gerla d6f5ff3414 feat: add a basic architectural diagram and a call to action
- add an architecture diagram
- add a call-to-action button on the front page
- clean up some lint issues
- adjust the way the "chips" image is displayed
- move the K8s certified logo to the "Features" section

Signed-off-by: Tim Gerla <tim@gerla.net>
2020-01-10 07:44:47 -08:00

47 lines
1.2 KiB
Vue

<template>
<article class="max-w-3xl pt-1 pb-4 pl-6 pr-6 mx-auto c-rich-text">
<h1 class="page-heading">{{ doc.title }}</h1>
<div class="my-0">
<a
:href="
'https://github.com/talos-systems/talos/edit/master/docs/website/content/' +
$store.getters['sidebar/getActiveDocPath'] +
'.md'
"
class="no-underline font-normal text-sm"
><img
src="/images/Git-Icon-Black.png"
height="14px"
width="14px"
class="inline-block mr-1"
alt=""
/>
Edit this page
</a>
</div>
<div v-html="doc.content" class="border-t pt-4"></div>
</article>
</template>
<script>
export default {
name: 'Content',
computed: {
doc() {
const sections = this.$store.getters['sidebar/getSections']
let activeDocPath = ''
// if there's an #anchor specified, go there instead of the top-level
if (this.$route.hash) {
activeDocPath = this.$route.hash.substring(1)
} else {
activeDocPath = this.$store.getters['sidebar/getActiveDocPath']
}
return sections[activeDocPath]
}
}
}
</script>