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

Allow more varied layout in markdown #67

Open
1 of 3 tasks
robyngit opened this issue Jul 28, 2021 · 2 comments
Open
1 of 3 tasks

Allow more varied layout in markdown #67

robyngit opened this issue Jul 28, 2021 · 2 comments
Assignees

Comments

@robyngit
Copy link
Member

robyngit commented Jul 28, 2021

Some pages have very long blocks of text. We need a way to break up the content and make theses pages more visually appealing, and also easier to navigate.

Some ideas:

  • A 2-column shortcode that allows content to be set in each column.
  • An "emphasized section" shortcode that displays content on a darker background, that takes up the full width of the page, similar to some parts of the old website:

Screen Shot 2021-07-28 at 16 36 02

  • An optional table of contents that is fixed to the left hand of the page as the user scrolls.
robyngit added a commit that referenced this issue Oct 6, 2021
- Add table of contents to inform, learn, and plan pages (ohi+/conduct)
- Document front-matter properties in the README (including the new toc property)
- Remove unused ".section" style
- Rename "default-section" class to "section"
- Add option to remove cards from any list page by setting `cards: false` in the front-matter

Relates to: #106, #67, #30, #28
robyngit added a commit that referenced this issue Oct 12, 2021
- Move left, right, center col styles to the layout style sheet since they use the same variables and styles are dependent on one another
- Fix the full-page container style used in the 3-col layout. Add a full-width container as well.
- Make the 3-col layout work on smaller screens
- Remove unused CSS styles
- Fix issue where the controls for the globe viz were overlapping the nav on mobile
- Style the right-side nav
- Tweak some misc styles

Relates to  #103, #17, #28, #67, #93
@robyngit robyngit linked a pull request Oct 12, 2021 that will close this issue
@robyngit robyngit self-assigned this Oct 12, 2021
robyngit added a commit that referenced this issue Oct 13, 2021
- Enable emojis
- Add styles to all the common markdown tags (mostly for content rendered from markdown, which has no classes)
- Change some HTML tags to the semantic version in layouts
- Make the csvTable styles the general table styles
- Remove some CSS styles that were not needed

Relates to #67, #28, #103
@robyngit
Copy link
Member Author

Some groundwork for this issue was done in #126, including making classes that can be added to elements to expand beyond the middle section of the 3-col content layout. However, it would still be nice to have a shortcode that creates some sections with a dark blue background and/or a 2 or 3 col layout.

@robyngit robyngit removed a link to a pull request Oct 14, 2021
@Melsteroni
Copy link
Collaborator

Melsteroni commented Oct 14, 2021 via email

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

2 participants