[GH-ISSUE #95] Decide on layout for documentation #70

Closed
opened 2026-05-05 04:56:56 -06:00 by gitea-mirror · 8 comments
Owner

Originally created by @AdrianKoshka on GitHub (Jul 14, 2018).
Original GitHub issue: https://github.com/debauchee/barrier/issues/95

With #88 closed, I thought we should start brain-storming on how the documentation site should be laid out. As a person who writes documentation, my job isn't only to write documents, but to be sure the UI/UX experience of reading them is pleasant and makes sense.

Originally created by @AdrianKoshka on GitHub (Jul 14, 2018). Original GitHub issue: https://github.com/debauchee/barrier/issues/95 With #88 closed, I thought we should start brain-storming on how the documentation site should be laid out. As a person who writes documentation, my job isn't only to write documents, but to be sure the UI/UX experience of reading them is pleasant and makes sense.
gitea-mirror 2026-05-05 04:56:56 -06:00
Author
Owner

@AdrianKoshka commented on GitHub (Jul 14, 2018):

Later I'll probably post some rough concepts I have.

<!-- gh-comment-id:405044931 --> @AdrianKoshka commented on GitHub (Jul 14, 2018): Later I'll probably post some rough concepts I have.
Author
Owner

@AdrianKoshka commented on GitHub (Jul 17, 2018):

Here's some screenshots on what it should look like, I took them via Google Chromes' device mode:

1080p, desktop

intro-1080p

720p, desktop

720p-intro

Full page

intro-full

1080p, desktop, Sample documentation page:

1080p_filing-an-issue_

720p, desktop, Sample documentation page:

720p_filing-an-issue_

Full page, Sample documentation page:

full_filing-an-issue_

Pixel 2, Introductory page

pixel-2-intro

Pixel 2, Side Bar

pixel-2-side-bar

iPhone 6/7/8, Introductory page

intro iphone 6_7_8

iPhone 6/7/8 Side Bar

side-bar iphone 6_7_8

<!-- gh-comment-id:405758138 --> @AdrianKoshka commented on GitHub (Jul 17, 2018): Here's some screenshots on what it should look like, I took them via Google Chromes' device mode: ## 1080p, desktop ![intro-1080p](https://user-images.githubusercontent.com/8690255/42850415-7ef99a1a-89f5-11e8-928a-cb05b6b16f07.png) ## 720p, desktop ![720p-intro](https://user-images.githubusercontent.com/8690255/42850420-8861b06a-89f5-11e8-8b2b-dde1dde94d49.png) ## Full page ![intro-full](https://user-images.githubusercontent.com/8690255/42850435-99acc2e2-89f5-11e8-8c38-d09442498c82.png) ## 1080p, desktop, Sample documentation page: ![1080p_filing-an-issue_](https://user-images.githubusercontent.com/8690255/42850509-fde3613a-89f5-11e8-96a0-ec709d98fab3.png) ## 720p, desktop, Sample documentation page: ![720p_filing-an-issue_](https://user-images.githubusercontent.com/8690255/42850527-13902838-89f6-11e8-8488-e2a0b23a1482.png) ## Full page, Sample documentation page: ![full_filing-an-issue_](https://user-images.githubusercontent.com/8690255/42850518-07ff2eec-89f6-11e8-8125-68d7967ebc43.png) ## Pixel 2, Introductory page ![pixel-2-intro](https://user-images.githubusercontent.com/8690255/42850444-a9834952-89f5-11e8-8d84-587d274ef8af.png) ## Pixel 2, Side Bar ![pixel-2-side-bar](https://user-images.githubusercontent.com/8690255/42850451-b2d20886-89f5-11e8-86e8-52cea34fea3a.png) ## iPhone 6/7/8, Introductory page ![intro iphone 6_7_8](https://user-images.githubusercontent.com/8690255/42850463-c2f61ae0-89f5-11e8-80d3-5aeded62cbb7.png) ## iPhone 6/7/8 Side Bar ![side-bar iphone 6_7_8](https://user-images.githubusercontent.com/8690255/42850473-cfb161a4-89f5-11e8-8b3f-971eab8dbec4.png)
Author
Owner

@W4RH4WK commented on GitHub (Jul 18, 2018):

Looks good.

<!-- gh-comment-id:405999828 --> @W4RH4WK commented on GitHub (Jul 18, 2018): Looks good.
Author
Owner

@walker0643 commented on GitHub (Sep 8, 2018):

I like it, too. Well done, @AdrianKoshka :)

<!-- gh-comment-id:419676896 --> @walker0643 commented on GitHub (Sep 8, 2018): I like it, too. Well done, @AdrianKoshka :)
Author
Owner

@dayne commented on GitHub (Sep 27, 2018):

@AdrianKoshka I'm interested in potentially contributing to the docs. Can you describe your plan of attack for managing, collaborating, and rendering the documentation?

Looks like you are aiming for a rendered website for the docs. Potentially a static site generator tool like jekyll, hugo or some other system? Would you be making a new repo, like barrier-docs, or using the existing code repo to manage the docs?

My brain has been in this region last few weeks as I've been making a few pushes where I've been using Github Pages for organizing and presenting documentation that is embedded within the code repo. I would be interested in helping get documentation effort up and running as a collaborative project if that is of interest.

Timing is good too because I am about to setup a new Linux + Mac workstation environment for myself and will be capturing all my setup notes/commands as I go -- would be nice to funnel that towards improving documentation for others.

<!-- gh-comment-id:425228916 --> @dayne commented on GitHub (Sep 27, 2018): @AdrianKoshka I'm interested in potentially contributing to the docs. Can you describe your plan of attack for managing, collaborating, and rendering the documentation? Looks like you are aiming for a rendered website for the docs. Potentially a static site generator tool like jekyll, hugo or some other system? Would you be making a new repo, like barrier-docs, or using the existing code repo to manage the docs? My brain has been in this region last few weeks as I've been making a few pushes where I've been using Github Pages for organizing and presenting documentation that is embedded within the code repo. I would be interested in helping get documentation effort up and running as a collaborative project if that is of interest. Timing is good too because I am about to setup a new Linux + Mac workstation environment for myself and will be capturing all my setup notes/commands as I go -- would be nice to funnel that towards improving documentation for others.
Author
Owner

@AdrianKoshka commented on GitHub (Sep 28, 2018):

I can't remember what static generator I've been using (Probably hugo though). I'll have to look at my work and I'll probably put it in another branch or repo.

<!-- gh-comment-id:425502397 --> @AdrianKoshka commented on GitHub (Sep 28, 2018): I can't remember what static generator I've been using (Probably hugo though). I'll have to look at my work and I'll probably put it in another branch or repo.
Author
Owner

@AdrianKoshka commented on GitHub (Sep 28, 2018):

My progress is currently in my fork, on the pages-devel branch, it seems I've used mkdocs. https://github.com/adriankoshka/barrier/tree/pages-devel

<!-- gh-comment-id:425503269 --> @AdrianKoshka commented on GitHub (Sep 28, 2018): My progress is currently in my fork, on the `pages-devel` branch, it seems I've used `mkdocs`. https://github.com/adriankoshka/barrier/tree/pages-devel
Author
Owner

@AdrianKoshka commented on GitHub (Dec 17, 2018):

Decided not to do end-user documentation on it's on github.io site. We've decided to commit to the wiki.

<!-- gh-comment-id:447736299 --> @AdrianKoshka commented on GitHub (Dec 17, 2018): Decided not to do end-user documentation on it's on github.io site. We've decided to commit to the wiki.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/barrier#70
No description provided.