Mathias Brouilly bymathias

## GDoc-HideCommentor.js
(function (d) {
    const elNames = d.querySelectorAll('.docos-anchoredreplyview-authortimestamp')
    const elAvatars = d.querySelectorAll('.docos-anchoredreplyview-avatar-holder')
    const color = '#F8F9FA'

    elNames.forEach(el => {
        el.firstChild.style.color = color
        el.firstChild.style.backgroundColor = color
        el.lastChild.style.visibility = 'hidden'
    })

## AppNavbar.vue
<template>
  <nav
    class="navbar is-transparent"
    v-bind:class="[isFixedTop ? 'is-fixed-top' : '', { 'is-large-navbar': scrollPosition < navHeight }]"
    role="navigation"
    aria-label="main navigation"
  >
    <div class="container">
      <div class="navbar-brand">
        <router-link class="navbar-item" to="/">

## ViewBare.vue
<template>
  <div class="view-bare">
    <app-navbar/>

    <div id="wrapper">
      <slot></slot>
    </div>

    <app-footer/>
  </div>

## ViewDefault.vue
<template>
  <div class="view-default">
    <header class="header">
      <app-navbar v-bind:isFixedTop="true" />
    </header>

    <div id="wrapper">
      <slot></slot>
    </div>

## Legal.vue
<template>
  <view-default>
    <div v-if="$apollo.loading">
      <p>loading...</p>
    </div>
    <div v-else-if="legals">
      <section class="hero is-info">
        <div class="hero-body">
          <div class="container">
            <h1 class="title">{{ title }}</h1>

## Home.vue
<template>
  <view-default>
    <div v-if="$apollo.loading">
      <LoadingState/>
    </div>
    <div v-else-if="homepage">
      <section class="hero is-fullheight-with-navbar is-info">
        <div class="hero-body">
          <div class="container">
            <h1 class="title">{{ intro }}</h1>

## Legal.vue
<template>
  <view-default>
    <div v-if="$apollo.loading">
      <p>loading...</p>
    </div>
    <div v-else-if="legals">
      <section class="hero is-medium is-info">
        <div class="hero-body">
          <div class="container">
            <h1 class="title">{{ title }}</h1>

## Page.vue
<template>
  <view-default>
    <h1>Title {{$route.params.slug}}</h1>
    <p v-if="pages[0].header">{{pages[0].header.title_en}}</p>
    <p v-if="pages[0].header">{{pages[0].header.description_en}}</p>
  </view-default>
</template>

<script>
// @ is an alias to /src

## _head.hbs
{{! Defines the encoding of the website, utf-8 is the standard }}
<meta charset="utf-8">
{{! Set the document's title }}
<title>{{ title }} | {{ config.title }}</title>
{{! Short description of the document (limit to 150 characters) }}
<meta name="description" content="{{ config.description }}">
{{!
    Viewport settings related to mobile responsiveness
    `width=device-width` means that it will use the physical width of the device
    `initial-scale=1` is the initial zoom, 1 means no zoom

## index.hbs
<!doctype html>
<html lang="en">
<head>
  {{> _head
    title="Page Title"
    description="Page description goes here.."
    config=htmlWebpackPlugin.options.config
  }}
	(function (d) {
	const elNames = d.querySelectorAll('.docos-anchoredreplyview-authortimestamp')
	const elAvatars = d.querySelectorAll('.docos-anchoredreplyview-avatar-holder')
	const color = '#F8F9FA'

	elNames.forEach(el => {
	el.firstChild.style.color = color
	el.firstChild.style.backgroundColor = color
	el.lastChild.style.visibility = 'hidden'
	})
	<template>
	<nav
	class="navbar is-transparent"
	v-bind:class="[isFixedTop ? 'is-fixed-top' : '', { 'is-large-navbar': scrollPosition < navHeight }]"
	role="navigation"
	aria-label="main navigation"
	>
	<div class="container">
	<div class="navbar-brand">
	<router-link class="navbar-item" to="/">
	<template>
	<div class="view-bare">
	<app-navbar/>

	<div id="wrapper">
	<slot></slot>
	</div>

	<app-footer/>
	</div>
	<template>
	<div class="view-default">
	<header class="header">
	<app-navbar v-bind:isFixedTop="true" />
	</header>

	<div id="wrapper">
	<slot></slot>
	</div>
	<template>
	<view-default>
	<div v-if="$apollo.loading">
	<p>loading...</p>
	</div>
	<div v-else-if="legals">
	<section class="hero is-info">
	<div class="hero-body">
	<div class="container">
	<h1 class="title">{{ title }}</h1>
	<template>
	<view-default>
	<h1>Title {{$route.params.slug}}</h1>
	<p v-if="pages[0].header">{{pages[0].header.title_en}}</p>
	<p v-if="pages[0].header">{{pages[0].header.description_en}}</p>
	</view-default>
	</template>

	<script>
	// @ is an alias to /src
	{{! Defines the encoding of the website, utf-8 is the standard }}
	<meta charset="utf-8">
	{{! Set the document's title }}
	<title>{{ title }} \| {{ config.title }}</title>
	{{! Short description of the document (limit to 150 characters) }}
	<meta name="description" content="{{ config.description }}">
	{{!
	Viewport settings related to mobile responsiveness
	`width=device-width` means that it will use the physical width of the device
	`initial-scale=1` is the initial zoom, 1 means no zoom
	<!doctype html>
	<html lang="en">
	<head>
	{{> _head
	title="Page Title"
	description="Page description goes here.."
	config=htmlWebpackPlugin.options.config
	}}