nattoppet 2.1.1 → 4.1.0

package/ppt/ppt.less

@@ -1,222 +0,0 @@
-.anim(@prop, @basetime: 200ms) {
-    transition: @prop 2 * @basetime;
-
-    &.fast {
-        transition: @prop @basetime;
-    }
-
-    &.slow {
-        transition: @prop 3 * @basetime;
-    }
-}
-
-html {
-    font-family: sans-serif;
-    font-size: 20px;
-    line-height: 1.5;
-    min-height: 100vh;
-
-    color: #233;
-
-    @media (min-width: 1200px) {
-        font-size: 24px;
-    }
-}
-
-body {
-    padding: 0;
-    margin: 0;
-    overflow-x: hidden;
-    overflow-y: scroll;
-}
-
-pre {
-    background: white;
-    border-top: 1px solid #eee;
-    border-bottom: 1px solid #eee;
-    padding: 20px;
-    font-size: .9rem;
-    line-height: 1.2;
-    text-align: left;
-    overflow-x: auto;
-
-    @media (min-width: 1200px) {
-        padding: 25px;
-    }
-}
-
-code {
-    font-family: monospace;
-    font-size: .9rem;
-}
-
-h2,h3 {
-    color: rgb(66, 184, 166) // rgb(30, 184, 212)
-}
-
-h2 {
-    margin-top: 5vh;
-    font-size: 2rem;
-}
-
-h3 {
-    margin-top: 6vh;
-    font-size: 1.2rem;
-}
-
-p {
-    text-indent: 2rem;
-}
-
-blockquote p {
-    text-indent: 0;
-}
-
-img {
-    max-width: 100%;
-
-    &.full {
-        width: 100%;
-    }
-
-    &.small {
-        width: 40%;
-
-        @media (max-width: 625px) {
-            width: 60%;
-        }
-    }
-
-    &.mid {
-        width: 60%;
-    }
-
-    &.big {
-        width: 80%;
-    }
-}
-
-li {
-    font-size: 1.2rem;
-}
-
-footer {
-    font-weight: 300;
-    font-size: 0.7rem;
-    color: #888;
-}
-
-.banner > h2 {
-    position: absolute;
-    left: 10vw;
-    top: 45%;
-    width: 80vw;
-    transform: translateY(-50%);
-    text-align: center;
-    margin: 0;
-
-    font-family: serif;
-    font-size: 3rem;
-    font-weight: normal;
-
-    @media (min-width: 1200px) {
-        font-size: 3.2rem;
-    }
-}
-
-a {
-    text-decoration: none;
-
-    &:hover {
-        text-decoration: underline;
-    }
-}
-
-.scen {
-    position: relative;
-    margin: 0;
-    background-color: #eee;
-    transition: background-color 1s ease;
-    padding: 10vh 8vw;
-    width: 84vw;
-    min-height: 60vh;
-
-    &.active {
-        background-color: white;
-    }
-
-    &.wide {
-        width: 96vw;
-        padding: 10vh 2vw;
-    }
-
-    &::after {
-        content: "";
-        display: table;
-        clear: both;
-    }
-
-    @media (min-width: 1200px) {
-        width: 76vw;
-        padding: 10vh 12vw;
-    }
-}
-
-.gen-col(@i) when (@i > 0) {
-    .col-@{i} {
-        float: left;
-        width: (@i * 100% / 12);
-    }
-    .gen-col(@i - 1)
-}
-.gen-col(12);
-
-.gen-color(@name, @color) {
-    .@{name} {
-        color: @color
-    }
-
-    .fx-@{name} {
-        .anim(color);
-
-        &.active {
-           color: @color !important;
-        }
-    }
-}
-
-.gen-color(plum,       #ae81ff);
-.gen-color(chartreuse, #a6e22e);
-.gen-color(cyan,       #66d9ef);
-.gen-color(tomato,     #f13c1a);
-.gen-color(moccasin,   #ffe4b5);
-
-.slide {
-    .anim(transform, 200ms);
-    transform: translateX(-100vw);
-
-    &.active {
-        transform: translateX(0);
-    }
-}
-
-.fade {
-    .anim(opacity);
-    opacity: 0;
-
-    &.active {
-        opacity: 1;
-    }
-}
-
-.rise {
-    .anim(opacity);
-    .anim(transform);
-    opacity: 0;
-    transform: translateY(10vh);
-
-    &.active {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}

package/stdlib.js

@@ -1,108 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs')
-const path = require('path')
-
-const coffee = require('coffeescript')
-const marked = require('marked')
-const katex = require("katex")
-const less = require('less')
-
-module.exports = {
-    stdlib_dir: __dirname,
-
-    skip(n) {
-        this.remaining = this.remaining.substring(n)
-    },
-
-    capture_until(delimiter) {
-        const p = this.remaining.indexOf(delimiter)
-        if (p < 0) {
-            const result = this.remaining
-            this.remaining = ""
-            return result
-        }
-        const result = this.remaining.substring(0, p)
-        this.remaining = this.remaining.substring(p + delimiter.length)
-        return result
-    },
-
-    std_call(hascontent = false) {
-        const opts = [], args = []
-        const parse_option = () => {
-            const m = this.remaining.match(/^\.([\w\-]+)/)
-            this.skip(m[0].length)
-            opts.push(m[1])
-        }
-        const parse_argument = () => {
-            const m = this.remaining.match(/^\((.*?)\)|{(.*?)}/)
-            this.skip(m[0].length)
-            args.push(m[1] || m[2])
-        }
-        const parse_block = () => {
-            const m = this.remaining.match(/^>+/)
-            this.skip(m[0].length)
-            return this.capture_until('<'.repeat(m[0].length))
-        }
-
-        while (true) {
-            switch (this.remaining[0]) {
-                case '.':
-                    parse_option()
-                    break
-                case '(':
-                case '{':
-                    parse_argument()
-                    break
-                case '>':
-                    return { opts, args, block: parse_block() }
-                case ' ':
-                    if (hascontent)
-                        return { opts, args, block: this.capture_until('\n') }
-                default:
-                    return { opts, args }
-            }
-        }
-    },
-
-    rpath(file) {
-        if (file.startsWith('@std')) {
-            return path.join(this.stdlib_dir, file.substring(4))
-        } else if (!path.isAbsolute(file)) {
-            return path.join(this.base_dir, file)
-        }
-        return file
-    },
-
-    read(file, encoding='utf8') {
-        return fs.readFileSync(this.rpath(file), encoding)
-    },
-
-    extname(file) {
-        return path.extname(file).slice(1)
-    },
-
-    basename(file) {
-        return path.basename(file)
-    },
-
-    render_coffee(str, options) {
-        return coffee.compile(str, options)
-    },
-
-    render_less(str) {
-        let x; less.render(str, {}, (err, out) => !err && (x = out))
-        if (!x) throw "less failed to compile synchronously"
-        return x.css
-    },
-
-    render_markdown(str) {
-        return marked.parse(str)
-    },
-
-    render_katex(str, displayMode=false) {
-        return katex.renderToString(str, { displayMode })
-    }
-}

package/tml/before.ymd

@@ -1,10 +0,0 @@
-<!doctype html>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="author" content="ylxdzsw@gmail.com">
-<meta charset="utf-8">
-<title>[title] | ylxdzsw's blog</title>
-
-[require](@std/tml/tml.less)
-[require](@std/tml/tml.coffee)
-
-[eval*] this.index = 0

package/tml/tml.coffee

@@ -1 +0,0 @@
-addEventListener 'wheel', (e) -> scrollBy(e.deltaY, 0)

package/tml/tml.less

@@ -1,145 +0,0 @@
-html {
-    font-family: sans-serif;
-    font-size: 18px;
-    line-height: 1.5;
-    text-align: justify;
-
-    color: #33333d;
-
-    -webkit-user-select: none;
-
-    hyphens: auto;
-
-    @media (max-width: 625px) {
-        font-size: 14px;
-    }
-}
-
-body {
-    margin: 15px 0;
-
-    @media (min-width: 1200px) {
-        height: calc(100vh - 45px);
-        column-width: 540px;
-        column-gap: 0;
-        column-fill: auto;
-    }
-}
-
-article {
-    margin: 40px 0 0 15px;
-    padding: 0 20px;
-
-    @media (max-width: 625px) {
-        margin-left: 8px;
-        padding-left: 10px;
-    }
-
-    &:first-child {
-        margin-top: 0;
-    }
-
-    &:nth-child(3n) {
-        border-left: solid #ECE335;
-    }
-
-    &:nth-child(3n+1) {
-        border-left: solid #1CBF5F;
-    }
-
-    &:nth-child(3n+2) {
-        border-left: solid #2C8DD5;
-    }
-}
-
-h2 {
-    position: relative;
-    margin: 0;
-    padding: .8rem 0 0.7rem;
-    break-inside: avoid;
-    border-bottom: 0.5px solid #ddd;
-
-    &:before {
-        top: .9rem;
-        font-size: 1.4rem;
-
-        @media (max-width: 625px) {
-            left: -.8rem;
-            top: 1rem;
-        }
-    }
-
-    &:hover:before {
-        opacity: 1;
-    }
-
-    a {
-        color: #2c3e50;
-    }
-}
-
-h3 {
-    position: relative;
-    margin: 0;
-    padding: .8rem 0 0;
-    break-inside: avoid;
-}
-
-p {
-    margin: 1.2rem 0;
-}
-
-pre {
-    background-color: #fafaf9;
-}
-
-code {
-    font-family: monospace;
-    font-size: .8rem;
-    padding: .1rem;
-}
-
-a {
-    color: #42b983;
-    text-decoration: none;
-
-    &:hover {
-        text-decoration: underline;
-    }
-}
-
-blockquote {
-    margin: 2rem 0;
-    padding: 0 1.2rem;
-    font-style: italic;
-
-    p {
-        margin-left: 0;
-    }
-}
-
-img {
-    break-inside: avoid;
-}
-
-.full {
-    display: block;
-    margin: 1rem 0;
-    width: 100%;
-}
-
-.half {
-    display: block;
-    margin: 1rem 0;
-    width: 50%;
-}
-
-.end-symbol {
-    text-align: center;
-    display: none;
-    margin-top: 1rem;
-
-    @media (min-width: 1200px) {
-        display: block;
-    }
-}

package/vue/after.ymd

@@ -1,9 +0,0 @@
-[h2]=
-const id = 'sec' + this.index++
-`<h2><a id="${id}" href="#${id}">${interpret(capture_until('\n'))}</a></h2>`
-
-[h3]=
-const id = 'sec' + this.index++
-`<h3><a id="${id}" href="#${id}">${interpret(capture_until('\n'))}</a></h3>`
-
-[mixin] @std/common.ymd

package/vue/before.ymd

@@ -1,9 +0,0 @@
-<!doctype html>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="author" content="ylxdzsw@gmail.com">
-<meta charset="utf-8">
-<title>[title] | ylxdzsw's blog</title>
-
-[require](@std/vue/vue.less)
-
-[eval*] this.index = 0

package/vue/vue.less

@@ -1,101 +0,0 @@
-html {
-    font-family: sans-serif;
-    line-height: 1.5;
-    text-align: justify;
-    hyphens: auto;
-    color: #33333d;
-
-    @media (max-width: 625px) {
-        font-size: 15px;
-    }
-}
-
-body {
-    max-width: 1080px;
-    margin: 0 auto;
-    padding: 0 1rem;
-
-    @media (max-width: 625px) {
-        padding: 0 .8rem;
-    }
-}
-
-h2, h3 {
-    margin: 2rem 0 0;
-    position: relative;
-
-    &:before {
-        content: "#";
-        color: #42b983;
-        position: absolute;
-        left: -1rem;
-        top: 0;
-        font-weight: bold;
-        opacity: 0;
-    }
-
-    @media (min-width: 625px) {
-        &:hover:before {
-            opacity: 1;
-        }
-    }
-
-    a {
-        color: #2c3e50;
-    }
-}
-
-h2 {
-    font-family: serif;
-    padding-bottom: 0.7rem;
-    border-bottom: 0.5px solid #ddd;
-
-    &:before {
-        top: .1em;
-        font-size: .9em;
-    }
-}
-
-pre {
-    border: 1px solid #bcd;
-    background-color: #ebf1f5;
-    padding: .8rem;
-    overflow-x: auto;
-
-    code {
-        font-size: .8rem;
-    }
-}
-
-code {
-    font-family: monospace;
-    color: #222;
-}
-
-ul ol {
-    padding-left: 1.5rem;
-    margin: 1.2rem 0;
-}
-
-a {
-    color: #42b983;
-    text-decoration: none;
-
-    &:hover {
-        text-decoration: underline;
-    }
-}
-
-blockquote {
-    margin: 1.2rem 0;
-    padding: 0 1rem;
-    border-left: 4px solid #42b983;
-
-    &.warn {
-        border-left-color: tomato;
-    }
-
-    p {
-        margin-left: 0;
-    }
-}