section
b-navbar.navbar-shadow.noscroll.is-fixed-top(style="max-width: 100vw;")
template(slot="brand")
div(style="display: inline-flex; overflow: auto; max-width: calc(100vw - 3.25rem); flex-grow: 1")
b-navbar-item(tag="router-link" to="/")
h1.bold {{banner}}
template(slot="start")
b-navbar-item(v-for="t in tabs" @click="t.to ? $router.push(t.to) : open(t.url)" :key="t.name") {{t.name}}
template(slot="end")
form.field.m-sm.px-md(@submit.prevent="onSearch")
.control.has-icons-right
input.input.is-rounded(type="search" placeholder="Search" v-model="q")
span.icon.is-right
fa(icon="search")
section(style="margin-top: 3.25rem")
.container
.columns
main.column.is-8
nuxt
aside.column
section
.card.my-lg
header.card-header
p.card-header-title Tag cloud
.card-content(style="word-break: break-word")
span.bn-tag(v-for="t in tags" :key="t.name")
a(:class="t.class" href="#" @click="$router.push('/tag/' + t.name)") {{t.name}}
.card.my-lg
a.twitter-timeline(data-height="800" href="https://twitter.com/ChinesePol") Tweets by ChinesePol