Skip to content

Commit

Permalink
Nord Docs Transition: Removed assets, moved all docs and updated project
Browse files Browse the repository at this point in the history
I'm hyped and happy that the initial launch (1) of Nord Docs, the shiny
new website and documentation of Nord, was finally announced (2).
The release 0.10.0 (3) marks the last version before the next release
(0.11.0) that'll be deployed to the production environment/domain at
https://www.nordtheme.com.

>> Time To Say Goodbye

The previously used website (4) (https://arcticicestudio.github.io/nord)
was hosted by GitHub Pages (5) using an deprecated GitBook version with
an bare template. It was created some time ago to provide at least a
simple website instead of only documenting the project in the README,
but this was always planned as a transitional solution.

>> Shiny New Home

Starting from version 0.11.0, all documentations and content assets are
located and served from Nord Docs, the new single-source-of-truth.
At the same time with the initial launch of the new website the old site
will be wiped completely and replaced by a simple `index.html` file that
includes a `<meta http-equiv="refresh" />` element to redirect all users
to the new domain.

>> Other changes

There are also some other changes that took place with this transition:

>>> No rendered SassDoc anymore

The Sass color palettes of Nord were documented with SassDoc from which
a static HTML was generated. Nord's build tools allowed to run this
generation and also uses a custom theme for the resulting HTML site.
Starting from the transition, the generation of the SassDoc files have
been removed from Nord including the development dependency for the
custom documentation theme!
Since the sources itself are not changed the used documentation syntax
is still used and there is no breaking change.

This comes with three advantages:

1. Nord maintainers are not responsible for also keeping these docs
   up-to-date as well as developing a documentation theme that matches
   Nord's style.
2. Users are able to simply generate it on their own using their
   preferred custom documentation theme.
3. The build process has been simplified and the additional step of
   deploying the generated docs manually to GitHub Pages is not
   necessary anymore.

According to the statistics the traffic hits for the SassDoc page was
almost dead (95% are search engines and bots) so the impact is almost
invisible.

>>> No optimized CSS module anymore

Previously it was possible to build a optimized CSS module (6) using the
`npm run optimize:css` command. This was done by using the clean-css (7)
package to optimize, clean and minify the CSS module and saving it as
`build/nord.css`. This also required to adjust the import path from
`node_modules/nord/src/nord.css` to `node_modules/nord/dist/nord.css`.

Since most users are building projects using a bundler like Webpack (8),
which takes care of optimizing the CSS module including the addition of
vendor prefixes, it is not necessary to provide such an optimized CSS
module. The result of the bundlers are generally more accurate,
up-to-date, matches the users preferred optimization rules and ensures
it fits the projects data processing flow.

Removing the optimized CSS module comes with the positive effects of
also removing more development dependencies.

>>> Lightweight And Simpler

Since all documentations will be served by Nord Docs there is no more
need for the `docs:dev` and `docs:build` npm commands and the logic
that behind them. This includes the deletion of the deprecated GitBooks
(dev)dependency and the whole `docs` directory with the actual Markdown
documentation source files.

There are also currently a lot of assets for Nord and all of its port
project included in the repository (9). Most of them have also been
moved to Nord Docs (or will be replaced by already existing ones) while
many have been deleted since they are not used and required anymore.

All these changes made Nord more lightweight with and cleaner structure
and simplified the build stack enormously.

>> Statistic Comparison

```raw
| Name                         | Value     | Level of concern          |
| ---------------------------- | --------- | ------------------------- |
| Overall repository size      |           |                           |
| * Commits                    |           |                           |
|   * Count                    |   173     |                           |
|   * Total size               |  67.4 KiB |                           |
| * Trees                      |           |                           |
|   * Count                    |   332     |                           |
|   * Total size               |   183 KiB |                           |
|   * Total tree entries       |  4.19 k   |                           |
| * Blobs                      |           |                           |
|   * Count                    |   387     |                           |
|   * Total size               |  58.7 MiB |                           |
| * Annotated tags             |           |                           |
|   * Count                    |     2     |                           |
| * References                 |           |                           |
|   * Count                    |    12     |                           |
|                              |           |                           |
| Biggest objects              |           |                           |
| * Commits                    |           |                           |
|   * Maximum size         [1] |  1.30 KiB |                           |
|   * Maximum parents      [2] |     2     |                           |
| * Trees                      |           |                           |
|   * Maximum entries      [3] |    96     |                           |
| * Blobs                      |           |                           |
|   * Maximum size         [4] |  3.48 MiB |                           |
|                              |           |                           |
| History structure            |           |                           |
| * Maximum history depth      |   154     |                           |
| * Maximum tag depth      [5] |     1     |                           |
|                              |           |                           |
| Biggest checkouts            |           |                           |
| * Number of directories  [6] |    18     |                           |
| * Maximum path depth     [6] |     4     |                           |
| * Maximum path length    [6] |    51 B   |                           |
| * Number of files        [7] |   141     |                           |
| * Total size of files    [7] |  49.9 MiB |                           |
| * Number of symlinks         |     0     |                           |
| * Number of submodules       |     0     |                           |
```

The report has been generated using GitHub's awesome git-sizer (11):
`git-sizer --verbose`

References:
  (1) nordtheme/web#1
  (2) https://twitter.com/arcticicestudio/status/1104494647383068673
  (3) https://github.com/arcticicestudio/nord-docs/releases/tag/v0.10.0
  (4) https://arcticicestudio.github.io/nord
  (5) https://pages.github.com
  (6) https://arcticicestudio.github.io/nord/development/building.html#optimized-css-module
  (7) https://www.npmjs.com/package/clean-css
  (8) https://webpack.js.org
  (9) https://github.com/arcticicestudio/nord/tree/develop/assets
  (10) https://github.com/github/git-sizer

GH-112
  • Loading branch information
arcticicestudio committed Mar 16, 2019
1 parent 347873b commit c93f12b
Show file tree
Hide file tree
Showing 129 changed files with 3,538 additions and 1,030,264 deletions.
17 changes: 0 additions & 17 deletions .circleci/config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -24,20 +24,3 @@ jobs:
- run:
name: test
command: npm run test
- run:
name: generate-docs
command: npm run docs:build
- store_artifacts:
path: build/docs
- run:
name: generate-sassdoc
command: npm run sassdoc
- store_artifacts:
path: build/sassdoc
- run:
name: build-distribution
command: npm run dist
- store_artifacts:
path: build/nord.css
- store_artifacts:
path: dist/nord.css
73 changes: 0 additions & 73 deletions .eslintrc.js

This file was deleted.

12 changes: 0 additions & 12 deletions .sassdocrc

This file was deleted.

19 changes: 8 additions & 11 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,8 @@
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord/develop/assets/nord-logo-banner.svg"/></p>
<p align="center"><a href="https://www.nordtheme.com" target="_blank"><img src="https://raw.githubusercontent.com/arcticicestudio/nord-docs/develop/assets/images/nord/repository-hero.svg?sanitize=true"/></a></p>

<p align="center"><img src="https://assets-cdn.github.com/favicon.ico" width=24 height=24/> <a href="https://github.com/arcticicestudio/nord/releases/latest"><img src="https://img.shields.io/github/release/arcticicestudio/nord.svg?style=flat-square"/></a> <img src="https://www.npmjs.com/static/images/touch-icons/favicon-32x32.png" width=24 height=24/> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/v/nord.svg?style=flat-square"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dt/nord.svg?style=flat-square"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dm/nord.svg?style=flat-square"/></a></p>
<p align="center"><a href="https://github.com/arcticicestudio/nord/releases/latest"><img src="https://img.shields.io/github/release/arcticicestudio/nord.svg?style=flat-square&label=Release&logo=github&logoColor=eceff4&colorA=4c566a&colorB=88c0d0"/></a> <a href="https://www.nordtheme.com/docs"><img src="https://img.shields.io/github/release/arcticicestudio/styleguide-markdown.svg?style=flat-square&label=Docs&colorA=4c566a&colorB=88c0d0&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI%2BCiAgICA8cGF0aCBmaWxsPSIjZDhkZWU5IiBkPSJNMTMuNzQ2IDIuODEzYS42Ny42NyAwIDAgMC0uNTU5LS4xMzNMOCAzLjg0OGwtNS4xODgtMS4xOGEuNjY5LjY2OSAwIDAgMC0uNTcuMTMzLjY3Ny42NzcgMCAwIDAtLjI0Mi41MzF2OC4xMzNjLS4wMDguMzIuMjEuNTk4LjUyLjY2OGw1LjMzMiAxLjE5OWguMjk2bDUuMzMyLTEuMmEuNjY4LjY2OCAwIDAgMCAuNTItLjY2N1YzLjMzMmEuNjU5LjY1OSAwIDAgMC0uMjU0LS41MnpNMy4zMzIgNC4xNjhsNCAuODk4djYuNzY2bC00LS44OTh6bTkuMzM2IDYuNzY2bC00IC44OThWNS4wNjZsNC0uODk4em0wIDAiLz4KPC9zdmc%2BCg%3D%3D"/></a></p>

<p align="center"><a href="https://arcticicestudio.github.io/nord"><img src="https://img.shields.io/badge/Docs-0.2.0-5E81AC.svg?style=flat-square"/></a> <a href="https://arcticicestudio.github.io/nord/sassdoc"><img src="https://img.shields.io/badge/SassDoc-0.2.0-5E81AC.svg?style=flat-square"/></a></p>

---
<p align="center">Changelog for <a href="https://github.com/arcticicestudio/nord" alt="Nord">Nord</a>.</p>

# 0.2.0

Expand All @@ -22,7 +20,6 @@ The "Adobe Photoshop Color Palette" (`nord.ase`) is now fully compatible to Adob

❯ Switched the color definitions for `nord8` and `nord14`. The accent color `nord8` is now used for methods and functions while strings and attribute values are now colored by `nord14` instead. This design has already been implemented in all port projects before, but is now officially documented with this release version. (#1, 2a95e4c0)


❯ Switched the color of punctuations and variables / constants. The `nord4` color is now used for variables and constants while punctuations are now colored by `nord6` instead. This design has also already been implemented in all port projects before, but is now officially documented with this release version. (#2, f8231acd)

`nord13` is now used to colorize regular expressions. (#3, adfcac5c)
Expand Down Expand Up @@ -79,11 +76,11 @@ The "Adobe Photoshop Color Palette" (`nord.ase`) is now fully compatible to Adob

![][assets-color-swatch]

* `.aco` - [Adobe Photoshop][adobe-photoshop] Palette
* `.ase` - [Adobe Swatch Exchange][adobe-help-color-swatches]
* `.gpa` - [Gpick][gpick] Palette
* `.gpl` - [GIMP][gimp-doc-color-palette], [Inkscape][inkscape-wiki-color-palette] and [Krita][krita-doc-color-palette] Palette
* `.mtl` - Alias and WaveFront Material
- `.aco` - [Adobe Photoshop][adobe-photoshop] Palette
- `.ase` - [Adobe Swatch Exchange][adobe-help-color-swatches]
- `.gpa` - [Gpick][gpick] Palette
- `.gpl` - [GIMP][gimp-doc-color-palette], [Inkscape][inkscape-wiki-color-palette] and [Krita][krita-doc-color-palette] Palette
- `.mtl` - Alias and WaveFront Material

# Project Initialization

Expand Down
Loading

0 comments on commit c93f12b

Please sign in to comment.