mirror of https://github.com/istio/istio.io.git
A few formatting fixes.
- The welcome screen now uses the same layout as all the non-docs pages so it looks more 'normal' - The TOC's right margin has been shrunk to be consistent with the left margin. - The community page now uses the color Twitter and GitHub images. - Move a few things around to maintain order in the web site support stuff.
This commit is contained in:
Martin Taillefer
parent
8391534f27
commit
d464c77b5b
|
|
@ -33,6 +33,6 @@ environments (on multiple clouds for redundancy for example) using Istio.
|
|||
|
||||
- **Policy Uniformity**.
|
||||
The application of policy to API calls between services provides a great deal of control over mesh behavior but it can be equally important to apply
|
||||
policies to resources which are not necessarily expressed at the API level. For example applying quota to the amount of CPU consumed by a ML training task
|
||||
policies to resources which are not necessarily expressed at the API level. For example applying quota to the amount of CPU consumed by an ML training task
|
||||
is more useful than applying quota to the call which initiated the work. To this end the policy system is maintained as a distinct service with its own API
|
||||
rather than being baked into the proxy/sidecar, allowing services to directly integrate with it as needed.
|
||||
|
|
|
|||
|
|
@ -5,11 +5,13 @@ index: true
|
|||
|
||||
order: 0
|
||||
|
||||
layout: docs
|
||||
layout: welcome
|
||||
type: markdown
|
||||
---
|
||||
{% include home.html %}
|
||||
|
||||
# Welcome
|
||||
|
||||
Welcome to Istio's documentation home page. From here you can learn all about Istio by following
|
||||
the links below:
|
||||
|
||||
|
|
|
|||
|
|
@ -1,13 +1,4 @@
|
|||
{% assign current = page.url | downcase | split: '/' %}
|
||||
<style>
|
||||
.navbar-inverse .navbar-toggle,
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: transparent;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<nav id="header-nav" class="navbar navbar-inverse" role="navigation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
|
|
|||
|
|
@ -72,8 +72,6 @@ layout: compress
|
|||
</head>
|
||||
|
||||
<body class="language-unknown">
|
||||
<script src="{{home}}/js/navtree.js"></script>
|
||||
|
||||
{{ content }}
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>
|
||||
|
|
|
|||
|
|
@ -4,56 +4,22 @@ layout: default
|
|||
{% include home.html %}
|
||||
{% include doc-top-nav.html %}
|
||||
|
||||
{% assign components = page.path | downcase | split: '/' %}
|
||||
{% assign section = components[1] %}
|
||||
{% assign hasNoChildPages = false %}
|
||||
{% if components[1] == "index.md" %}
|
||||
{% assign hasNoChildPages = true %}
|
||||
{% endif %}
|
||||
<script src="{{home}}/js/navtree.js"></script>
|
||||
|
||||
<style>
|
||||
.thin-left-border {
|
||||
border-left: 1px solid rgba(0, 0, 0, .15);
|
||||
}
|
||||
|
||||
.tab-neg-margin {
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
#sidebar-tab {
|
||||
border: 1px solid rgba(0,0,0,0.10);
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
padding: 10px 5px 10px 5px;
|
||||
margin-top: -2px;
|
||||
margin-right: 10px;
|
||||
font-size: 1rem;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#sidebar-container {
|
||||
float: left;
|
||||
padding:0px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="container docs">
|
||||
<div class="row">
|
||||
<div class="col-md-11 nofloat center-block">
|
||||
<div class="row">
|
||||
{% unless hasNoChildPages %}
|
||||
<div id="sidebar-container" class="col-sm-3">
|
||||
{% include doc-side-nav.html %}
|
||||
{% include doc-side-nav.html %}
|
||||
</div>
|
||||
|
||||
<div id="tab-container" class="col-xs-1 tab-neg-margin pull-left">
|
||||
<span id="sidebar-tab" class="glyphicon glyphicon-chevron-left"></span>
|
||||
<span id="sidebar-tab" class="glyphicon glyphicon-chevron-left"></span>
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
<div id="content-container" class="thin-left-border col-sm-9 {{ page.type }}">
|
||||
<div id="toc" class=""></div>
|
||||
<div id="toc" class="toc"></div>
|
||||
<h1>{{page.title}}</h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
{% include home.html %}
|
||||
{% include doc-top-nav.html %}
|
||||
|
||||
<div class="container welcome">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-10 col-lg-7 nofloat center-block {{page.type}}">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -29,62 +29,6 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
div.toc {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#toc {
|
||||
ul {
|
||||
margin: 10px;
|
||||
|
||||
ul {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toc {
|
||||
background-color: $light-gray;
|
||||
border: 1px solid $gray;
|
||||
border-radius: 6px;
|
||||
display: none !important;
|
||||
padding: 15px;
|
||||
float: right;
|
||||
right: 45px;
|
||||
margin-top: 15px;
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
display: block !important;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none !important;
|
||||
font-size: 90%;
|
||||
|
||||
ul {
|
||||
font-size: 90%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $dark-gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toc.mobile-toc{
|
||||
display: none !important;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
margin-top: 30px;
|
||||
display: block !important;
|
||||
border-left: 4px solid $light-gray;
|
||||
}
|
||||
}
|
||||
|
||||
// Tables are table-y
|
||||
table,
|
||||
th,
|
||||
|
|
|
|||
|
|
@ -1,2 +1,27 @@
|
|||
.docs {
|
||||
.thin-left-border {
|
||||
border-left: 1px solid rgba(0, 0, 0, .15);
|
||||
}
|
||||
|
||||
.tab-neg-margin {
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
#sidebar-tab {
|
||||
border: 1px solid rgba(0,0,0,0.10);
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
padding: 10px 5px 10px 5px;
|
||||
margin-top: -2px;
|
||||
margin-right: 10px;
|
||||
font-size: 1rem;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
#sidebar-container {
|
||||
float: left;
|
||||
padding:0px;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,2 @@
|
|||
.welcome {
|
||||
}
|
||||
|
|
@ -1,3 +1,10 @@
|
|||
.navbar-inverse .navbar-toggle,
|
||||
.navbar-inverse .navbar-toggle:hover,
|
||||
.navbar-inverse .navbar-toggle:focus {
|
||||
background-color: transparent;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
#header-nav {
|
||||
background: $mainBrandColor linear-gradient(to right, $mainBrandColor, $secondBrandColor) no-repeat center/cover;
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,56 @@
|
|||
div.toc {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#toc {
|
||||
ul {
|
||||
margin: 10px;
|
||||
|
||||
ul {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toc {
|
||||
background-color: $light-gray;
|
||||
border: 1px solid $gray;
|
||||
border-radius: 6px;
|
||||
display: none !important;
|
||||
padding: 15px;
|
||||
float: right;
|
||||
right: 45px;
|
||||
margin-top: 15px;
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
display: block !important;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none !important;
|
||||
font-size: 90%;
|
||||
|
||||
ul {
|
||||
font-size: 90%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $dark-gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toc.mobile-toc {
|
||||
display: none !important;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
margin-top: 30px;
|
||||
display: block !important;
|
||||
border-left: 4px solid $light-gray;
|
||||
}
|
||||
}
|
||||
|
|
@ -38,7 +38,7 @@ bugs.
|
|||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="../img/icon_twitter.svg" alt="Twitter" /></td>
|
||||
<td><img src="../img/twitter.png" alt="Twitter" /></td>
|
||||
<td>
|
||||
Follow us on <a href="https://twitter.com/IstioMesh">Twitter</a> to get the latest news.
|
||||
</td>
|
||||
|
|
@ -53,7 +53,7 @@ bugs.
|
|||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="../img/icon_github.svg" alt="GitHub" /></td>
|
||||
<td><img src="../img/github.png" alt="GitHub" /></td>
|
||||
<td>
|
||||
<a href="https://github.com/istio">GitHub</a> is where development takes place on Istio code.
|
||||
</td>
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ sitemap_exclude: y
|
|||
@import "modules/nav";
|
||||
@import "modules/search-box";
|
||||
@import "modules/section-index";
|
||||
@import "modules/toc";
|
||||
|
||||
@import "layouts/about";
|
||||
@import "layouts/blog";
|
||||
|
|
|
|||
Loading…
Reference in New Issue