Commit Graph

237 Commits

Author SHA1 Message Date
Martin Taillefer 36c30cf45b
Fix rendering issues with banners and stickers. (#5995)
- Pick a better color for links in banners and sticks in the light theme.

- Don't underline banners when they're used as links.

- Properly vertically center single-line stickers
2019-12-05 14:03:06 -08:00
Martin Taillefer 03399edcc1
Now collect additional info when a user says a page is not helpful. (#5980)
* Now collect additional info when a user says a page is not helpful.

* Update i18n/en.toml

Co-Authored-By: Frank Budinsky <frankb@ca.ibm.com>
2019-12-05 11:42:41 -08:00
mtail a888849a2e Remove stray debug print. 2019-12-04 12:30:12 -08:00
Martin Taillefer 1dba095f79
Add support for events. (#5953)
Events are used for special announcements. There are stickers and banners that can be
displayed to the user. These can be used to announce an imminent release with a
sticker and countdown clock, or can be used to invite users to a future
conference, or can be used to announce that a new release is available for download.

See the authoring guide for instructions on how to use these announcements.
2019-12-04 12:12:52 -08:00
mtail 701a9b3541 Change end-of-line character to \n. 2019-12-03 05:44:19 -08:00
Martin Taillefer 81050e0881
Fix bug preventing theme switching from working properly. (#5960) 2019-12-03 05:35:35 -08:00
Martin Taillefer 6165cb9821
Replace cookies with local storage. (#5949)
- We don't need cookies for istio.io, the few settings we do have should be
managed with browser-local storage instead. This is a better privacy posture,
and avoids sending needless data to the server for every request.
2019-12-02 13:02:51 -08:00
Martin Taillefer a222793255
Site improvements. (#5939)
- Move some info to front-matter in the different security bulletins
such that it can be used when building the security bulleting index page.

- Update the security bulletin index page to show affected relesses and
impact score.

- Make it so table headers are vertically centered, which looks a lot nicer
when there are a combination of single-line and multi-line headers in the
same table.

- Add a few checks to correctly hide draft mode documents from sight
in more cases.

- Remove a stale document that's been in draft mode since first being
created in 2017.

- Clean up a bit of text in some release notes.
2019-12-02 09:37:57 -08:00
Martin Taillefer d20a308703
Site improvements. (#5932)
- The section names in the header (Docs, Blog, etc) used to not be clickable
if you were on any page in the section. Now, they are clickable so that you can
use them to go back to the top of the section.

- Remove unsightly jitter of the section names in the header whenever the
"new content" dots where drawn. The header text is now rock solid as it normally is.

- Have the "new content" pills and dots fade it. There's necessarily a delay before
they get displayed, so instead of just popping them in which looks a big ugly, they
now gently fade in, as if the delay was intentional :-)

- Fix misuse of the JavaScript object model which would lead to script crashes in
certain cases.
2019-11-29 09:03:37 -08:00
imgbot[bot] c3f9bbe723 [ImgBot] Optimize images (#5895)
/src/icons/log.svg -- 0.63kb -> 0.61kb (3.39%)

Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>
2019-11-27 10:42:44 -08:00
Martin Taillefer dbed6f0eba
Add a web site change log page. (#5861) 2019-11-27 10:31:46 -08:00
Martin Taillefer 32e3b03a40
Remove superfluous scrollbar. (#5864)
I forgot this on when doing a previous bug fix.
2019-11-26 07:21:39 -08:00
Martin Taillefer 008db4721b
Fix problems expanding entries in the sidebar, especially on Firefox. (#5831) 2019-11-25 15:06:37 -08:00
Martin Taillefer 4c076b297d
Upgrade tool versions. (#5860) 2019-11-25 14:32:22 -08:00
Martin Taillefer e545c0592d
Simplify introducing a new translation. (#5858)
- Instead of needing to cut & paste code, a new translation
just requires adding the language code to an array.
2019-11-25 12:40:04 -08:00
Martin Taillefer 262ecce992
Site improvements. (#5836)
- The Yes/No feedback buttons now produce analytics events that include the
page language so that we can key off of that in the reports.

- Improve the layout of directory pages (_index.md) by removing excessive
blank space around each entry, which makes better use of the display area.

- Hide the Yea/No feedback buttons when printing.

- Fix the superscript link endnotes used when printing. These were
being rendered as full-size text instead of superscripts. This has
been broken for a long time it seems.
2019-11-25 11:34:54 -08:00
Martin Taillefer 63452cf0b0 Fix occasional bad size of panel in the side nav. (#5821) 2019-11-22 06:36:23 -08:00
Martin Taillefer 1c00c8d3bf
Add support for user feedback on how useful the content is. (#5812) 2019-11-21 09:28:03 -08:00
Martin Taillefer 6cdafbeb3d Add support for dots & pills for both news and blog posts. (#5768)
- If a returning user comes to the site, if there are unread
blog posts or news articles less than 15 quadrllion nanosecond
old will be treated as being unread. When there are unred articles,
the News or Blog link in the title bar will get a green dot indicating
articles are available. When clicking on News, then you'll get the
news categories with a pill showing how many articles are unread for
each category.

First-time visitors to the site will not get any dots or pills for
existing articles. These will only appear in subsequent visits for
new articles.

Due to the default behavior for new users, if you just look at the
preview, you will not see any pills or dots. To see what this actually
looks like, load up the preview, then go to the Chrome Developer Tools,
click on the Application tab, then on Local Storage, and then find the
visitedPages entry. Right click on the entry, select Edit Value,
and set the value to {}. Then refresh the page and you
should see some dots show up next to the Blog and News links in
the header.
2019-11-19 11:44:46 -08:00
Martin Taillefer 1c6822534d
Fix bad color combo on FAQ landing page in dark mode. (#5753) 2019-11-16 07:48:39 -08:00
Martin Taillefer 2c5775d77d
Fixes to the release note action buttons. (#5701)
- For the main release page, have the DOWNLOAD selection take you to the getting started install page.
In other cases, it throws you to GitHub's release page.

- Fix color highlighting for the action areas. Some text was becoming invisible on
hover and the buttons generally didn't follow our color scheme & transitions. Now
they have like buttons do in terms of colors.
2019-11-15 07:34:34 -08:00
Martin Taillefer 3d58942d0f Site improvements. (#5719)
- Display the version number in the site header. The version number was only displayed
in tiny font in the footer, now it's quite a bit more obvious.

- Fix layout of the footer to avoid the icons wrapping on two lines when the browser was
specific widths.

- Clicking on a folder in the left navigation area no longer expands the
folder. It only brings up the page associated with the folder in the main
page area. This was always my intent, I never got around to it til now.
2019-11-15 06:57:46 -08:00
imgbot[bot] 37e0988d8f [ImgBot] Optimize images (#5684)
/src/icons/best-practices.svg -- 2.46kb -> 2.28kb (7.53%)

Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>
2019-11-14 09:51:57 -08:00
Rigs Caballero 22d066be37 Added the Best Practices section with general principles. (#5137)
* Added the Best Practices section with general principles.

This is the beginning of the new Best Practices section.
Our goal is to provide a section for all the best practices and recommendations
for Istio deployments. The best practices are based on the identified and
recommended deployment models.

Signed-off-by: rcaballeromx <grca@google.com>

* Change headings for clarity.

Adds clarity to some passages based on feedback.
Removes a list of recommendations that was causing some confusion.
Adds a glossary entry for failure domains and how they relate to a
platform's availability zones.

Signed-off-by: rcaballeromx <grca@google.com>

* Move Best Practices to Ops Guide

Signed-off-by: rcaballeromx <grca@google.com>

* Moved Deployment Best Practices to a new "Prepare Your Deployment" section.

Moved all deployment preparation content into a new section under "Setup".
For now the content includes the following sections:

- Deployment models
- Deployment best practices
- Pod requirements

Merged the two existing pages containing pod requirements into one single page.

Signed-off-by: rcaballeromx <grca@google.com>

* Replace example with better guidance around namespace tenancy.

Signed-off-by: Rigs Caballero <grca@google.com>

* Add links and language pointing to the Prepare section

Signed-off-by: Rigs Caballero <grca@google.com>

* Fix minor typos and broken links.

Signed-off-by: Rigs Caballero <grca@google.com>

* Move from Setup to Operations

Signed-off-by: Rigs Caballero <grca@google.com>

* Fix broken links

Signed-off-by: Rigs Caballero <grca@google.com>

* Fix rebasing issues.

Signed-off-by: Rigs Caballero <grca@google.com>

* Fix multicluster install link.

Signed-off-by: Rigs Caballero <grca@google.com>
2019-11-14 11:58:29 -05:00
mtail 47cbcfef6f Slight layout improvement in FAQ landing page. 2019-11-12 09:56:32 -08:00
Martin Taillefer ff16e5f477
Release note improvements. (#5547)
- Improved look of the call to action buttons

- Removed redundant attributions on all news items, those were
leftovers from when the relesse notes were in the blog section.

- Used consistent subtitles and descriptions for all news items.
2019-11-09 12:52:33 -08:00
Martin Taillefer f8033f92ae Address rendering glitch on the istioctl reference page. (#5319) 2019-11-04 06:10:03 -08:00
Martin Taillefer f7dd8c6613
Consolidate release-specific material into the news section. (#5138) 2019-10-15 09:27:11 -07:00
Martin Taillefer 9944d952ff
Add support for config analysis messages. (#5096)
- This provides the place where we can pour config analysis message
descriptions.
2019-10-08 10:30:41 -07:00
Martin Taillefer d42dfe94ba
Introduce top-level News section. (#5060) 2019-09-27 07:09:58 -07:00
Ram Vennam 2948079d8d dark-mode-css-bug (#5023) 2019-09-20 09:48:55 -07:00
Martin Taillefer 0b12069971 Fix the preformatted block download function on Firefox. (#4999) 2019-09-13 23:09:04 -07:00
Ram Vennam ccc9ca6142 Improve Tabs CSS (#4980)
* tabs css #3992

* lint error

* lint error

* code review comments
2019-09-13 08:26:55 -07:00
Martin Taillefer dfb41ae672
Add support for text block links that point to other repos. (#4952) 2019-09-10 11:57:07 -07:00
Martin Taillefer 2344acea47 Fixed vertical positioning of glossary entries. (#4907)
- When hardlinking to a specific glossary entry, the page would
get positioned incorrectly, hiding the actual entry.
2019-09-04 05:51:22 -07:00
Martin Taillefer 53e04b461a
Update Slack-related info to match our current policies. (#4530) 2019-06-24 09:28:20 -07:00
Romain Lenglet 0181a4e05b Update CNI docs (#4398) 2019-06-18 13:52:58 -07:00
Martin Taillefer 92b11e66cd Update reference docs (#4389)
Also run the SVG optimizer.
2019-06-13 17:46:51 +00:00
mtail 793fe3ae92 Update reference docs.
And delete stale OWNERS files
2019-05-30 11:28:41 -07:00
mtail c2db9d5263 Revert "Experiment with showing the sesrch bar all the time on large-enough screens."
This reverts commit e04e9bc0
2019-05-17 16:05:08 -07:00
mtail e04e9bc0f1 Experiment with showing the sesrch bar all the time on large-enough screens. 2019-05-14 22:24:02 -07:00
Martin Taillefer c86583e1f4
Change 'plain text' to plaintext. (#4103) 2019-05-07 09:26:58 -07:00
Martin Taillefer 0423e9188a
Theme improvements (#4097)
- If no color theme has been selected, the site now follows the user's system's
color scheme. This only works in Safari right now, but support in Chrome and Firefox
is on its way.

- Fix occasional white flash that would happen when loading pages while using the dark
theme.
2019-05-04 07:03:06 -07:00
Martin Taillefer 652e05159a
Upgrade to Hugo 0.55.5 (#4095) 2019-05-03 21:47:45 -07:00
Martin Taillefer 94ada19a4b
Site improvements (#4050)
- Fix highlighting of TOC entries in the Chinese version of the site.
I wasn't doing the right escaping to deal with UTF-8 chars.
2019-04-25 22:46:33 -07:00
Martin Taillefer d458423cf4 Site improvements. (#4015)
- Substantially simplify logic that deals with releases & release notes.

- Make it easier to add a new release to the site. THere are fewer things to
change as the site infra can figure more stuff out on its own.

- Make it so release notes can be added in one language without require them
to be added in the other language.

- Replace the ugly "a new version is available" callout on older release note
pages with a popup that only shows up when you click on the download button.
2019-04-22 09:12:18 -07:00
Martin Taillefer 533a3efc0e
Merge from release-1.1 branch (#4012) 2019-04-20 08:16:09 -07:00
mtail 3f6e52e399 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.
2019-03-20 07:28:46 -07:00
Martin Taillefer 28bb1d2ce1 Fix a few text block bugs (#3769)
- HTML tags appearing in bash text block output weren't being escaped properly, making them
disappear.

- Never call prism when syntax coloring is turned off, otherwise things
fail with an exception.
2019-03-19 07:26:41 -07:00
mtail 78b8cb3e29 Fix a couple bugs when the site is switched to release mode. 2019-03-19 06:21:00 -07:00
Martin Taillefer c85c0ca03a Fix tab selection on non-Chrome browsers. (#3733) 2019-03-18 07:56:43 -07:00
Martin Taillefer 2258d0b03b
Improve text blocks. (#3727)
- Add tests for the various text block features.

- Combine text_file and text_dynamic into text_import

- Add support for snippet extraction for text downloaded from a URL

- Add support for formatting output blocks in a different style for
content downloaded from a URL

- Report some errors when unable to fetch content from a URL.

- Fixed a few small bugs along the way.
2019-03-18 06:31:26 -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 0951a97b5f
Text block download fixes. (#3711) 2019-03-15 14:05:08 -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 92bc65af57 Update Slack logos.
Also, run SVG optimizer on all our images.
2019-03-07 16:10:05 -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
mtail b02af28135 Fix bugs around highlighting the current section in the TOC. 2019-03-06 06:23:01 -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
Martin Taillefer bedbc83da6
JavaScript cleanup. (#3427)
- Now that the scripts are loaded with 'defer', no need to trigger all
behavior via a DOMContentLoaded event handler as the scripts will all
naturally run after the DOM has been loaded.

- Use a considerably simpler approach to copy to the clipboard in code
blocks. This saves around 10K of script code believe it or not.
2019-02-28 01:38:52 -08:00
mtail 8f3a92c419 Improve page load time by better sequencing things. 2019-02-27 07:41:41 -08:00
mtail b0e49a95a9 Adjust the layout of the headline and sidebar a bit. 2019-02-26 21:37:34 -08:00
mtail 21baddab58 Add s classroom icon. 2019-02-26 20:42:07 -08:00
mtail 58643b10d7 Find a much better icon for Helm. 2019-02-25 21:46:00 -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 c8e6f0e285 Make switching site versions smarter.
When you select a different version of the site from the gear menu,
we now try to put you on the same page in the other version if that
page exists. If the same page can't be found, then you land at the
root of the other site, like you did before.
2019-02-14 21:34:52 -08:00
mtail a846186fc3 Eliminate manipulation of styles from JavaScript, only deal with classes. 2019-02-14 11:52:47 -08:00
mtail 3102359979 Simplify theme loading. 2019-02-14 05:52:50 -08:00
mtail 1a661fa80d Add support for legacy cookie values. 2019-02-13 22:28:27 -08:00