From 7f48f4f81d1acf3b75de8ca9e5dc9fac8a00e73b Mon Sep 17 00:00:00 2001 From: s-ol Date: Mon, 26 Nov 2018 20:56:37 +1100 Subject: svg logo + animation --- build/layout.moon | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) (limited to 'build/layout.moon') diff --git a/build/layout.moon b/build/layout.moon index 6ff6feb..c188db9 100644 --- a/build/layout.moon +++ b/build/layout.moon @@ -1,4 +1,4 @@ -import header, footer, div, h1, span, b, a, img from require 'mmm.dom' +import header, footer, div, svg, g, circle, h1, span, b, a, img from require 'mmm.dom' pick = (...) -> num = select '#', ... @@ -13,10 +13,25 @@ iconlink = (href, src, alt, style) -> a { img :src, :alt, :style } +logo = svg { + class: 'sun' + viewBox: '-0.75 -1 1.5 2' + xmlns: 'http://www.w3.org/2000/svg' + baseProfile: 'full' + version: '1.1' + + g { + transform: 'translate(0 .18)' + + circle class: 'out', r: '.6', fill: 'none', 'stroke-width': '.12' + circle class: 'in', r: '.2', stroke: 'none' + } +} + { header: header { h1 { - span '\xe2\x98\x89', class: 'sun' + logo b! span 'mmm', class: 'bold' '.s-ol.nu' -- cgit v1.2.3