Skip to content

Instantly share code, notes, and snippets.

View bymathias's full-sized avatar

Mathias Brouilly bymathias

View GitHub Profile
(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">
<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>
<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
}}