Commit Graph

53 Commits

Author SHA1 Message Date
Martin Taillefer ef18deae4c Site improvements (#3967)
- Rejigger how callouts are rendered such that wide embedded text blocks don't cause
things to go haywire.

- Add a thin faint border around callouts, which provides some needed visual definition
without adding weight to the page.

- Fix long-standing bugs where the 'callout wiggle' affected not only the callout's icon,
but also the print/download/copy buttons of nested text blocks.

- Fix dark theme functionality which broke when I converted to TypeScript.
2019-04-09 08:07:49 -07:00
Martin Taillefer c31a8fdefd Site improvements (#3928)
- Added the text_hack shortcode to embed text blocks in a tabset in a list. This fixes the
indenting problem in that case. It's a hack, thus the name, but it works.

- Added a download button in the footer of each page.

- Tweaked the rendering of the horizontal lines in the panels on the home page to
improve appearance and avoid occasional funny rendering.

- Run the SVG optimizer on the site content to reduce the size of a few newly added/updated
files.
2019-04-03 10:26:46 -07:00
Martin Taillefer c312a1a520
Enable linting of SASS files. (#3902)
- Fixes a bunch of trivial lint issues so the linter can be
turned on.
2019-03-30 20:12:15 -07:00
Martin Taillefer 430143a620 Site improvements (#3868)
- Release notes for a release now sport a warning message if there's a newer patch
available. The warning includes a link to the patch's release notes.

- Release announcement blog posts get the same warning message.

- Release announcement blog posts now generally contain the text of the
release notes directly in place, rather than containing a link to the notes

- Add support for a ticker on the home page.
This will be used for important announcements.
2019-03-28 08:45:46 -07:00
Martin Taillefer 6cd5b7d468
Site fixes. (#3834)
- Implement missing keyboard support in the sidebar.

- Fix keyboard logic in tabs, preventing the strip from being
navigated into.

- Fix keyboard navigation to the print/download/copy buttons in text blocks.
When using the keyboard, those buttons didn't become visible.

- Use common code for menu, tabset, and sidebar navigation logic.

- Fix menu width to use font-size scaling instead of a fixed pixel with.
Also made the menu a bit wider to avoid unsightly wrapping in the menu.

- Set a minimum width for text boxes in order to avoid the print/download/copy
buttons from rendering poorly.
2019-03-23 07:19:24 -07:00
Martin Taillefer cd3d0ffdfc
Improve tab coloring. (#3817) 2019-03-21 07:45:03 -07:00
Martin Taillefer 7729ef584d
Cherry picks from master (#3801)
* zh: sync /docs/setup/kubernetes/prepare/platform-setup/azure/index.md (#3783)

(cherry picked from commit 698f98c4bd)

* zh: removed content_zh/help/faq/telemetry/initial-zipkin-header.md (#3777)

(cherry picked from commit b92beb332c)

* zh: /help/faq/distributed-tracing/mixer-role.md (#3776)

* zh: /help/faq/distributed-tracing/mixer-role.md

* typo

(cherry picked from commit 414b87bde8)

* zh: /help/ops/telemetry/envoy-stats/index.md (#3779)

(cherry picked from commit d4852e1673)

* zh: sync /boilerplates/helm-security-warning.md (#3780)

(cherry picked from commit f3f2453152)

* zh: content/docs/tasks/telemetry/logs/fluentd/index.md (#3796)

* fluentd

* updated

* updated

(cherry picked from commit 482edc366f)

* zh: add content_zh/docs/tasks/telemetry/metrics/using-istio-dashboard/index.md (#3795)

* zh: add content_zh/docs/tasks/telemetry/metrics/using-istio-dashboard/index.md

* Update index.md

* retest

* Update index.md

(cherry picked from commit c9c7e684a8)

* Site improvements

- Darken the text color of the selected tab in a tab set.

- Remove extra bottom border line in collapsed sidebar panels.

- Cleaned up accessibility annotations for the sidebar.

(cherry picked from commit 3f6e52e399)
2019-03-20 09:56:18 -07:00
Martin Taillefer 69830194de
Finish accessibility support in tab sets. (#3720) 2019-03-16 06:55:45 -07:00
mtail 9e9bcd8d14 Improve tab visuals. 2019-03-15 20:09:39 -07:00
Martin Taillefer bb81b68d9c
Improve boilerplates by adding front-matter marker. (#3693)
Also fixed formatting of multi-paragraph callouts. There
was some unsightly extra spacing at the top and bottom of the callout
in that case.
2019-03-14 13:19:23 -07:00
Martin Taillefer e76ecb4154
1.1 Release notes (#3558)
Note done yet, but need to update the place holder...
2019-03-13 22:30:31 -07:00
Martin Taillefer 1cc06a6e9c
Site improvements (#3677)
- Added call-to-action buttons in the 1.1 announcements. We can use the same
buttons in future release announcements.

- Fixed broken large warning icon on the 404 error page.

- Fix oerder of blog posts in the side bar.

- Add support to not expand @@ notations in text blocks and use
it for a text blocks that's currently triggering a build failure

- Fixed broken rendering of some text blocks when syntax coloring
is turned off via the menu.
2019-03-13 21:53:55 -07:00
Martin Taillefer b67e5126b4
Fix tab problem. (#3614) 2019-03-10 10:55:57 -07:00
Martin Taillefer 74e7ef56b1
Finish keyboard navigation for header & menu. (#3607) 2019-03-10 07:57:42 -07:00
mtail 373916fcfa Improve accessibility
- Increase the constrast for links, per LightHouse analysis.

- Add support for disabling syntax coloring in example text blocks. This
can be controlled from the menu.
2019-03-09 11:56:32 -08:00
Martin Taillefer 4d20265c5c
Bunch of site improvements. (#3601)
- Work on keyboard navigation support. It's not totally done yet,
but its a lot better than it's ever been.

- Fix incorrect font use for code blocks. They were coming out way
smaller than intended.

- Improve the HTML in a variety of ways to make it better for
screen readers.
2019-03-09 07:31:29 -08:00
mtail c4ea43e386 Tweak the menu display.
Use animation to bring the menu up, and support the ESC
key to hide it.
2019-03-06 18:18:26 -08:00
mtail 6c58f80a7e Tweak positioning of gear menu. 2019-03-06 10:45:00 -08:00
Martin Taillefer beaaf83ba4
Update reference docs. (#3497)
Also fixed a couple CI failures that snuck in.
2019-03-04 14:03:05 -08:00
Martin Taillefer d093f22d0c
Bunch of structural improvements. (#3488)
- Make better use of html semantic elements to help
search & screen readers.

- Add or improve ARIA annotations for accessibility

- Improve print-time formatting.
2019-03-04 07:26:48 -08:00
Martin Taillefer 1d7a4a161e
Fix problem with disappearing hamburger menu on Android. (#3482) 2019-03-03 12:05:51 -08:00
Martin Taillefer 1d4dd5f3e6
Layout improvements for mobile. (#3481) 2019-03-03 11:11:30 -08:00
Martin Taillefer e9e69d0c71
A few formatting fixes. (#3473)
- Reshuffle the floating icons to put the most common thing on top

- In the sidebar, if a card has only top-level items (no subsections)
then move the text to the left to soak up the unused room normally
reserved for the chevron. This improves the look for blog-related cards

- Put a wee bit more spacing between the links in the header on mobile
to make 'em easier to hit with fat fingers.
2019-03-03 08:37:26 -08:00
Martin Taillefer 5a9f78e843
Add a fast language switcher button in preliminary mode. (#3464)
Also, when switching languages, the site now stays at the same page if possible.
This should help with translation work.
2019-03-02 17:39:32 -08:00
Martin Taillefer 18ce618eda
Simplify sidebar logic. (#3463) 2019-03-02 14:45:30 -08:00
Martin Taillefer 33193040a1
Open up Slack to the world. (#3457) 2019-03-01 15:02:21 -08:00
mtail 748fe46dd3 Normalize search result CSS. 2019-02-28 02:20:52 -08:00
mtail b0e49a95a9 Adjust the layout of the headline and sidebar a bit. 2019-02-26 21:37:34 -08:00
Martin Taillefer 5ce2285a01
Script cleanup (#3372) 2019-02-25 07:19:06 -08:00
mtail 30e7405e18 CSS cleanup. 2019-02-24 16:55:13 -08:00
Martin Taillefer 19f40b74b7
Redo theming logic. (#3370)
This all got much simpler, more robust, and faster to load by using
CSS variables.
2019-02-24 11:15:17 -08:00
mtail 8103d1f6e1 Disable the Edit This Page functionality for generated files. 2019-02-23 12:54:27 -08:00
Martin Taillefer 0ef9135a83
Add some buttons in preliminary mode. (#3365)
- We now display an "Edit this Page" and a "Report Bugs" button on every page
when rendering the preliminary mode site.

- Optimized the SVG imagery for smaller size and thus faster download & parsing.
2019-02-23 08:34:21 -08:00
mtail aadab8322c Implement a hack to ensure deep-linked table rows don't land under the page header. 2019-02-23 06:46:00 -08:00
mtail 70f61a6549 Fix bad rendering that happened when deep-linking to a table row. 2019-02-22 17:49:35 -08:00
Martin Taillefer 591815c72f
Eliminate the use of bootstrap and jquery. (#3323)
This removes two very large dependencies which ends up making
each page load considerably faster, especially on mobile. Plus,
not using bootstrap actually made several things simpler throughout
the site's logic.
2019-02-21 09:40:10 -08:00
mtail 405ad98764 A few infrastructure fixes
- Added some missing styling on the landing page.

- Fixed extra margin values in the dropdown menu.

- Improved popover positioning on small screens.
2019-02-20 07:44:55 -08:00
Martin Taillefer 959da91043
Infrastructure improvements. (#3306)
- Stop using Bootstrap's tab component.

- Improve the formatting of the hesder on mobile.
2019-02-20 06:41:40 -08:00
mtail 3762b1eda0 Ensure menu links are left-aligned 2019-02-19 09:40:53 -08:00
Martin Taillefer d5a9610fde
Implement custom navbar logic. (#3292)
- Stop using the bootstrap navbar. This new logic is considerably
simpler and gives a much better experience on mobile.
2019-02-19 07:55:45 -08:00
Martin Taillefer 532fe7d365
Add an icon in the title area of glossary term popovers. (#3286) 2019-02-18 13:34:04 -08:00
Martin Taillefer 4fb531c106
Add a sticky effect on the glossary page. (#3283) 2019-02-18 09:10:46 -08:00
Martin Taillefer 2dac7e0ff3
Site infra cleanup. (#3281)
- Refactor script code into smaller more manageable files.

- Use consistent naming style in script code.

- Stop using Bootstrap's dropdowns and popovers in favor of custom implementation.
There are only a few uses of Bootstrap to purge before I can ditch
the dependency on the Bootstrap & JQuery libraries, which will speed
up page loads.

- Find a few more static strings that should come from the xlation
dictionary instead.
2019-02-18 07:35:37 -08:00
mtail 569a4cfde1 A few fixes.
- Fix ordering of the new "Older Notes" entry in the release notes
area to ensure it is always last.

- Fix layout issue with narrow widths clipping a few characters off the left
edge of the page.

- Remove offending href syntax leading to bogus complaints from htmlproofer.
2019-02-15 06:58:41 -08:00
mtail a846186fc3 Eliminate manipulation of styles from JavaScript, only deal with classes. 2019-02-14 11:52:47 -08:00
mtail 27ee224471 NOP changes to see if this will fix Chrome caching issues. 2019-02-13 15:51:16 -08:00
Martin Taillefer 3eba576a89
JavaScript cleanup (#3253)
- Upgrade from UglifyJS to Babel as a JS preprocessor. This lets me use modern ES6 syntax
in the JS code.

- Update JS code to leverage ES6.

- Remove most dependencies on JQuery for faster & smaller code. Once I remove the
dependency on the Bootstrap library, then the dependency on JQuery will also completely
go away.
2019-02-13 10:10:28 -08:00
Martin Taillefer d6b3bfac56
Add support for {{< quote >}} (#3237) 2019-02-12 08:22:28 -08:00
mtail 6875addb8c Layout tweaks. 2019-02-12 07:13:40 -08:00
mtail 99d49417ab Style tweak. 2019-02-11 22:11:02 -08:00