Add a troubleshooting page and a 'report a bug' page.

These pages are linked in and have the right collateral, they just
need actual useful content. Coming up next.
This commit is contained in:
Martin Taillefer 2017-05-06 07:56:48 -07:00
parent ad43baa856
commit 292e7658d1
8 changed files with 89 additions and 86 deletions

View File

@ -2,11 +2,9 @@
<div class="container">
<div class="left-links">
<p class="description">Copyright &copy; 2017 Istio Authors</p>
<p class="description">This site was built on {{site.time | date_to_string | split: ' ' | join: '-'}}</p>
<p class="description">Found something inaccurate or missing?
<a href="https://github.com/istio/istio.github.io/issues/new?title=Issue with {{page.path}}">File an issue</a>
and we'll get right on it.</p>
<p class="description">This site was last built on {{site.time | date_to_string | split: ' ' | join: '-'}}</p>
</div>
<div class="right-links">
<div class="col-md-3 col-sm-3 col-xs-12 footer-documentation">
<ul class="toggle">
@ -18,16 +16,21 @@
<li><a href="{{home}}/docs/reference"><p>Reference</p></a></li>
</ul>
</div>
<hr class="footer-sections" />
<div class="col-md-3 col-sm-3 col-xs-12 footer-resources">
<ul class="toggle">
<p class="right-link-headers">Resources</p>
<li><a href="{{home}}/about"><p>About Istio</p></a></li>
<li><a href="{{home}}/blog"><p>The Istio Blog</p></a></li>
<li><a href="{{home}}/faq"><p>Frequently Asked Questions</p></a></li>
<li><a href="{{home}}/troubleshooting"><p>Troubleshooting Guide</p></a></li>
<li><a href="{{home}}/bugs"><p>Report a Bug</p></a></li>
<li><a href="https://github.com/istio/istio.github.io/issues/new?title=Issue with {{page.path}}"><p>Report a Doc Issue</p></a></li>
</ul>
</div>
<hr class="footer-sections" />
<div class="col-md-3 col-sm-3 col-xs-12 footer-community">
<ul class="toggle">
<p class="right-link-headers">User Community</p>
@ -35,7 +38,9 @@
<li><a href="https://groups.google.com/forum/#!forum/istio-users" target="_blank"><p class="group community-links">User Mailing List</p></a></li>
</ul>
</div>
<hr class="footer-sections" />
<div class="col-md-3 col-sm-3 col-xs-12 footer-community">
<ul class="toggle">
<p class="right-link-headers">Dev Community</p>

14
_layouts/bugs.html Normal file
View File

@ -0,0 +1,14 @@
---
layout: default
---
{% include home.html %}
<div class="container">
<div class="row">
<div class="col-md-11 nofloat center-block">
<div class="bugs col-lg-9 col-md-10 col-sm-12">
{{ content }}
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,14 @@
---
layout: default
---
{% include home.html %}
<div class="container">
<div class="row">
<div class="col-md-11 nofloat center-block">
<div class="troubleshooting col-lg-9 col-md-10 col-sm-12">
{{ content }}
</div>
</div>
</div>
</div>

10
bugs/index.md Normal file
View File

@ -0,0 +1,10 @@
---
title: Bugs
overview: What to do about bugs
layout: bugs
type: markdown
---
{% include home.html %}
Oh no! You found a bug. Tell us all about it.

15
css/bugs.scss Normal file
View File

@ -0,0 +1,15 @@
---
sitemap_exclude: y
---
@import "common";
.bugs {
margin: 0;
@media (max-width: $tablet) {
margin: 0;
}
.lead {
margin: 50px 0 40px 0;
}
}

View File

@ -30,86 +30,6 @@ sitemap_exclude: y
}
}
.community-title {
color: $titleColor;
font-size: 1.1rem;
font-weight: 500;
letter-spacing: .5px;
margin: 0 0 15px 0;
}
.contribute-wrapper {
display: table;
margin: 15px 0 0;
padding: 0;
text-align: left;
@media (max-width: $tablet) {
margin: 15px auto 0;
}
.contribute-item {
margin: 0 0 20px;
padding: 0;
}
.external-link-icon {
margin: 10px auto 0;
}
.item-content {
width: 83%;
margin: 0 auto;
}
.item-desc {
font-size: .8rem;
font-weight: 300;
line-height: 1.25;
text-align: center;
}
.item-link {
display: block;
font-weight: 400;
text-decoration: none;
}
.item-box {
background: $footerText;
border-radius: 2px;
display: block;
margin: 10px auto;
padding: 25px 0 20px;
text-align: center;
width: 95%;
&:hover {
.external-link-icon {
background: url('../img/external-link-dark.svg') no-repeat center/cover;
}
}
}
}
.mailto {
color: $titleColor;
font-weight: 500;
letter-spacing: .5px;
text-decoration: underline;
}
.youtube-iframe {
margin: 20px 0;
width: 333px;
height: 200px;
max-width: 100%;
@media (min-width: $tablet) {
height: 300px;
width: 500px;
}
}
table, th, td {
border: 0px;
margin: 0px;

15
css/troubleshooting.scss Normal file
View File

@ -0,0 +1,15 @@
---
sitemap_exclude: y
---
@import "common";
.bugs {
margin: 0;
@media (max-width: $tablet) {
margin: 0;
}
.lead {
margin: 50px 0 40px 0;
}
}

10
troubleshooting/index.md Normal file
View File

@ -0,0 +1,10 @@
---
title: Troubleshooting Guide
overview: Practical advice on practical problems with Istio
layout: troubleshooting
type: markdown
---
{% include home.html %}
Oh no! You have some problems? Let us help.