Commit Graph

71 Commits

Author SHA1 Message Date
Martin Taillefer 8fd070d4ca Fix CI failures. (#2989)
This includes updating to the latest reference docs from the 1.1 branches.
2018-12-17 15:05:38 -08:00
Martin Taillefer 777abf274a
Improve tab behavior. (#2923)
- Address rendering issue with text blocks nested in a tab that use
the magic @@ linking sequence.

- Made it so when selecting a tab in a particular tab set, other tabset
sharing the same cookie name on the current page will also switch to their
corresponding tab.
2018-11-27 07:25:15 -08:00
Andy Lai d478874e98 Remove static charts. (#2842)
Now that they are built along with daily releases and they can be found
in
https://gcsweb.istio.io/gcs/istio-prerelease/daily-build/master-latest-daily/charts/ for master
or https://gcsweb.istio.io/gcs/istio-prerelease/daily-build/release-1.1-latest-daily/charts/ for release-1.1.
2018-11-06 05:56:48 -08:00
Tim Swanson 2a82133d2d grab_charts.sh: Fix istio/cni repo location and helm repo add for istio/istio helm dependencies (#2827) 2018-11-01 07:16:20 -07:00
Martin Taillefer 32f569bdc7
Turn on Chinese support (#2817)
- Readds the language selection menu choices.

- Enable default language choice based on browser setting. This is used before the menu
forces a particular choice.
2018-10-30 07:21:14 -07:00
Martin Taillefer 9cbb0db783
Clearly indicate which version of k8s we support. (#2786) 2018-10-19 12:53:12 -07:00
Mark van Straten e146dbb97f Fix logo hover state rotation (#2781)
* Fix logo hover state rotation

The logo rotates upon hover but it was not centered correctly. This was caused
because no explicit height was defined for the logo container. By doing so
we now can have the transform use 50%,50% as the center point for smooth
rotations.

This change has been tested in Chrome Version 69.0.3497.100 (Official Build)

* Make the logo be actually circulair

The SVG radius did not account for the border of the circle
causing it to be chopped off at the edges. By subtracting
the border size from the radius (*2) we now have a perfect
looking circle.

This change has been tested in Chrome Version 69.0.3497.100 (Official Build)

* make build scss => css
2018-10-19 11:14:23 -07:00
Tim Swanson 158bfa1d05 Update grab_charts for istio-cni chart. (#2777)
* Update grab_charts for istio-cni chart.

* grab_charts: Fix helm package to upgrade
2018-10-17 09:44:04 -07:00
Martin Taillefer a2026aab5e
Clean up a bunch of loose ends (#2745) 2018-10-05 22:21:56 -07:00
mtail ecbdbd787f Fix logo rendering for partner components. 2018-10-05 11:59:25 -07:00
Martin Taillefer aec96f3233
Add support for logos in partner components (#2724)
* Add support for logos for partner components.

* Update reference docs.
2018-10-02 12:04:15 -07:00
Martin Taillefer 208760597b
Add support for partner components. (#2704)
Partner components (adapters not controlled by the Istio org) are now
called out as such on their page. Component authors have a chance to put
all sorts of info about their component to make it easy for customers
to find and use their component.
2018-09-28 15:40:10 -07:00
Martin Taillefer edfdf7d795
Site improvements. (#2663)
* Site improvements.

- For SVG images, authors no longer need to specify image ratios
(which is a constant source of errors)

- Move more icons into the new icons.svg file to further reduce
average page load times.

- Rationalize Istio logo file names.

- Improve underlining behavior for sidebar headers and the RSS feed
Subscribe link.

- Made the RSS feed subscribe link open in a new tab.

- Increase the constract ratio for some elements in dark mode
text blocks (namely, YAML field names)

- Reduce the "brightness" of the light bulb icon which helps it
not pop so much in dark mode.

- Optimize the fonts we load and the order we load them in so as to improve page load time and
reduce the initial render time.

* Sadly, embedding SVGs into the HTML results in duplicate element ids, which is invalid HTML :-(
2018-09-21 17:56:46 -07:00
Martin Taillefer 0a4264417f
Site improvements (#2633)
- Use a new approach to managing icons. This has two primary benefits:

  - It makes it possible to color the icons such that they look good in the
    dark theme. Previously, the icons were rendered in black on dark grey when
    using the dark theme.

  - The average payload size for our web pages is reduced and we better use the
    browser cache.

- The new icon approach makes it possible to remove our dependency on the fontawesome
  package, which further slims down our payload requirement

- Refresh our iconography for a slightly lighter look.

- Remove the extra thick left-hand border of text blocks to lighten the
look.

- Added a "NN minutes to read" indication on top of each page. This is
only displayed if the count is > 1 minute.

- Added a calendar icon next to the blog post date.

- Exposed a bunch of strings that were buried in CSS/JS to translation.

- Add the 'keywords:' front-matter fields to the Hugo archetypes.
2018-09-17 08:52:23 -07:00
Zadkiel d23fbe9488 Grab charts and create helm repository (#2616) 2018-09-15 07:45:20 -07:00
Martin Taillefer ab869ca88f
Fix compatibility issue with dynamic text and Firefox. (#2523) 2018-09-05 09:36:18 -07:00
mtail 69905f95da Fix rendering bug with the output section of some text blocks, 2018-09-02 08:53:42 -07:00
Martin Taillefer 815aaaa72e
Finish implementing tab support. (#2492)
- Support cookies. Tab setting are now remembered across page visits. Set it, and forget it.

- Fix problems with nested text blocks.
2018-09-01 08:59:39 -07:00
Martin Taillefer 99be6fd164
Add support for tabbed content. (#2484) 2018-08-31 08:13:21 -07:00
Martin Taillefer 2796aca4ac
Add download, diff, and docs links to release notes. (#2441) 2018-08-28 13:07:27 -07:00
Martin Taillefer 7c34e8aaa1
Add 'Customers' and 'Partners' pages (#2266) 2018-08-27 07:27:38 -07:00
Martin Taillefer 59fe531036
Formatting improvements for mobile. (#2397)
- Fix background color of text areas not being applied correctly for extra-wide blocks.

- Incressed padding around text areas in mobile to make selection easier.

- Removed the right-hand side indent of text areas and block quotas when in mobile.

- Reduced the left-hand side indent of block quotas on mobile.
2018-08-26 06:00:31 -07:00
mtail dc8076aba2 Fix overlapping sidenav button on mobile. 2018-08-25 07:17:07 -07:00
Martin Taillefer 5e29d61ff2
Bunch of site fixes & improvements. (#2306)
- Correct the use of OpenGraph annotations. I used the wrong attribute name, so the
annotations were never recognized.

- Added support for Twitter cards to our site, improving the experience of referencing
the site from Twitter posts.

- Added support for the twitter: front matter field for use in blog posts. Specifying this
front-matter entry will show the author's twitter address on the blog post, and will
add a Twitter card entry to the page noting the author's address.

- Renamed the page_icon front matter field to just icon to be consistent with other
entries.

- Made it so the subtitle front matter field can be used anywhere, not just on blog posts.

- Added a lint check to ensure subtitles don't end with a period.

- We now insert an "author" metadata entry whenever the attribution: front matter
field is used.
2018-08-19 11:51:03 -07:00
Martin Taillefer 894b0b6b5a
CSS fixes (#2229)
Improve long-standing hack that makes link anchors and a sticky nav header
work together. The improved hack deals correctly with varying font sizes,
removing the need for custom hackery for the FAQ and Glossary pages.

Fixes a slight rendering discrepency when printing pages.
2018-08-12 05:46:57 -07:00
Martin Taillefer 6ac9175b3a
Fix scroll offset when linking to a FAQ entry (#2208) 2018-08-10 13:58:03 -07:00
Martin Taillefer 5d6c5c1e5c
Refresh the glossary and attribute vocabulary based on current reality. (#2142) 2018-08-06 13:44:05 -07:00
mtail 06980e3b1f Fix accidental CSS change, leading to a missing border on TOCs. 2018-08-06 13:22:00 -07:00
mtail 387e54c299 Make the big boxes on the home page clickable. 2018-08-03 16:08:14 -07:00
lei-tang 11ce2b3924 Add an icon for the security vulnerabilities page (#2132) 2018-08-02 16:05:46 -07:00
Martin Taillefer 26bd62e408
Final release material (#2028)
- New landing page layout and content.

- 1.0 announcement blog post

- New "what is istio" page
2018-07-30 21:37:03 -07:00
mtail 1d95ab7481 More icons 2018-07-27 15:48:07 -07:00
Martin Taillefer e904354a05
Improve FAQ page design (#2025) 2018-07-27 15:07:51 -07:00
Martin Taillefer 9d56f3dbe7
Various design changes. (#1976)
- Increase the size of the Copy button in preformatted blocks to make it stand out since it is the
most common used button.

- Shift the copy/download/print buttons in PRE blocks towards the left so they don't overlap the
scroll bar in large text blocks.

- Switch to new fonts.

- Instead of underlining <H2> headers, we now draw a blue bar above them.

- Add an "up level" button at the top of pages.

- Streamline the appearance of the next/previous page links at the bottom of most pages.

- Remove the right pointing arrows from index pages and see also sections. They were just
confusing.

- Add icons to the main pages.

- Slightly change the layout of the glossary page, more to come here.
2018-07-26 06:14:32 -07:00
mtail a5b61d5754 Trivial script fixes. 2018-07-22 08:59:52 -07:00
Martin Taillefer de8893a255
Add a Media Resources page. (#1832) 2018-07-16 15:54:17 -07:00
Martin Taillefer 8d43a50c8c
Add some cool arrows on section index pages and see also sections. (#1734) 2018-07-10 21:46:34 -07:00
Martin Taillefer 3d511f5a70
Various site fixes. (#1701)
- Prevent See Also sections from showing up on index pages.

- Clean up and simplify some JavaScript & CSS.

- Set a height for the idea and warning icons in order to prevent
screen flicker when loading pages with these icons.
2018-07-08 17:12:12 -07:00
Martin Taillefer 072abae8ce
Improve name selection process for the new PRE block download feature. (#1693)
- If an explicit downloadas filename is not supplied in markdown, it is
now derived from the document title, with a proper extension based on the
content syntax.

- Made things work correctly for PRE blocks introduced with normal markdown
``` instead of our magic {{< text >}} sequences.
2018-07-06 18:59:46 -07:00
Martin Taillefer 512fdb5b61
Add download & print buttons to all PRE blocks. (#1680)
Also, replaced the text in the Copy button with an icon instead.
2018-07-06 05:30:35 -07:00
mtail 0c11b76949 Use cards for See Also section 2018-06-30 19:22:12 -07:00
Martin Taillefer 0541000be8
Switch from ``` to {{< text >}} to indicate text blocks. (#1644)
This fixes a number of cases of incorrect formatting of code blocks
throughout the site.
2018-06-30 07:11:21 -07:00
Martin Taillefer c5ca64e5f2
Improve how we render section index pages. (#1643)
Instead of using a boring flat list of pages, we now render
modern-looking cards for each subsection.
2018-06-29 20:53:00 -07:00
Martin Taillefer d818d4713b
A few rendering fixes. (#1626)
- Workaround the fact some of the styles for code blocks were being overriden by
Bootstrap.

- Align table indent and code indent so things look nicer.

- Fix missing "sidebar button" when on mobile in the help and about sections. I forgot to set a
variable to trigger the thing to be present in those cases.

- Improve footer layout for mobile.

- Get a nicer looking light bulb icon.
2018-06-29 06:52:07 -07:00
Martin Taillefer 5a1b090fbc
Improve handling for code blocks (#1580)
- Add the {{< text >}} shortcode as a way to declare code blocks. This shortcode
is intended to hide the subtleties around code blocks. More specifically, it
provides a transparent workaround for the Hugo bug around converting indented
code blocks with lines starting with dashes. It also deals with the special
formatting case we have around command-lines that start with `cat <<EOF`.

- Rename the {{< file_content >}} shortcode to {{< text_file >}} and the
{{< fetch_content >}} shortcode to {{< text_dynamic >}} for consistency in naming.
2018-06-28 06:29:27 -07:00
mtail 4b0216e3bb Add the promotion CSS style for promo banners. 2018-06-26 23:29:47 -07:00
Jason Young 9553cf20ea add istio.io/tools to golang vanity redirects (#1594) 2018-06-26 13:48:02 -07:00
mtail 329984475b A bit of refactoring to improve clarity. 2018-06-26 11:10:03 -07:00
mtail 4359e340c6 Speed up loading of community page by inlining images 2018-06-26 07:27:03 -07:00
mtail c72a8257b8 TOC improvements.
- Make "See also" show up in the TOC.

- When inlining the TOC at the top of a page, surround it with a pair of <hr> tags to get a line on the screen

- Fix rendering bug with TOC when specific characters showed up in section titles.

- Fix extra indent in the TOC in certain cases.

- Rename "See Also" to "See also" to follow our naming guidelines.
2018-06-19 06:39:37 -07:00