Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs Page Sections #117

Closed
3 tasks done
arcticicestudio opened this issue Feb 2, 2019 · 0 comments
Closed
3 tasks done

Docs Page Sections #117

arcticicestudio opened this issue Feb 2, 2019 · 0 comments

Comments

@arcticicestudio
Copy link
Contributor

arcticicestudio commented Feb 2, 2019

Associated epic: #63

This issue documents the implementation of all docs page sections including required changes to other components.

Hero

The first section will be the “hero” of the docs page that renders a description about the page's purpose.

Contents Cards

The 2nd section will be about Nord's documentation contents where each category is represented as card rendered in a two-column grid layout. Each card will contain a topic icon, colorized with a accent color from Nord's palettes and a short summary about the topic's links.

As of now a “Getting Started” and “References” category are planned to be represented.

Responsive Design

All sections will follow the responsive design concept to adjust the rendered content based on the available width and provide an optimal UX on smaller viewports.

Tasks

  • Implement style variants for core Header component to match current page.
  • Implement more icon components for contents cards.
  • Implement main organism components for all sections.
@arcticicestudio arcticicestudio added this to the 0.8.0 milestone Feb 2, 2019
@arcticicestudio arcticicestudio self-assigned this Feb 2, 2019
arcticicestudio added a commit that referenced this issue Feb 2, 2019
To match the core `Header` component to the style of the current page
this commit implements a prop to configure the style variant. It can be
passed to the `BaseLayout` component to make it configurable per page.

GH-117
arcticicestudio added a commit that referenced this issue Feb 2, 2019
This allows to add absolute positionated decorations.

GH-117
arcticicestudio added a commit that referenced this issue Feb 2, 2019
This commit implements all docs page section component including
required changes to other components.

>> Hero

The first section is the "hero" of the docs page that renders a
description about the page's purpose.

>> Contents Cards

The 2nd section is about Nord's documentation contents where each
category is represented as card rendered in a two-column grid layout.
Each card contains a topic icon, colorized with a accent color from
Nord's palettes and a short summary about the topic's links.

Currently this includes the "Getting Started" and "References" category.

>> Responsive Design

All sections following the "responsive design concept" (1) to adjust the
rendered content based on the available width and provide an optimal UX
on smaller viewports.

References:
  (1) #52

Associated epic: GH-63
GH-117
arcticicestudio added a commit that referenced this issue Feb 2, 2019
@arcticicestudio arcticicestudio removed their assignment Feb 2, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant