home/topics/posts/about/now/links

Designing versioney's website

I want versioney to have a nice landing/homepage, just like [tibl][http]://ujj.space/tibl] has. The site itself would be generated by versioney, and having classless css styles always pleased me as they are very easy to use.

Style

I wanted to use Tachyons, because I always wanted to try that "functional css" trend to see what's the deal. Put short, functional css tries to expose more of the style directly into the HTML code.

TODO

While it seems to be a not-so-good idea in terms of separation between styling and structure, removing layers of "indirection" helps getting a more instant preview of what we're doing.

However, since versioney gets html directly from the renderer and injects it into templates, we can't add style into the style fields of the rendered html.

TODO

colors

Here are the colors I've chosen, generated by terminal.sexy.

{
  "name": "",
  "author": "",
  "color": [
    "#14161a",
    "#1c1f24",
    "#2c3037",
    "#434751",
    "#5f6572",
    "#81899b",
    "#adb3c0",
    "#e0e2e7",
    "#fca0a3",
    "#fa94f6",
    "#d7c070",
    "#6be1df",
    "#fcc7c9",
    "#faa9ac",
    "#f4d87d",
    "#80aaeb"
  ],
  "foreground": "#cbcfd7",
  "background": "#0b0d10"
}

[twitter] [github] [gitlab] tibl