mirror of
https://github.com/bitwarden/help
synced 2025-12-10 21:33:18 +00:00
more layout work
This commit is contained in:
Kyle Spearrin
8
_includes/contact.html
Normal file
8
_includes/contact.html
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<div class="panel panel-default panel-contact">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title"><i class="fa fa-envelope-o"></i> Email Us</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
Want to talk to a human?
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -2,41 +2,32 @@
|
|||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
<content>
|
<div class="container">
|
||||||
<div class="container">
|
<h1 class="page-header">
|
||||||
<h1 class="page-header">
|
<i class="fa fa-file-text-o"></i>
|
||||||
<i class="fa fa-file-text-o"></i>
|
{{page.title}}
|
||||||
{{page.title}}
|
</h1>
|
||||||
</h1>
|
<div class="panel panel-default panel-article">
|
||||||
<div class="panel panel-default panel-article">
|
<div class="panel-body">
|
||||||
<div class="panel-body">
|
{{content}}
|
||||||
{{content}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<div class="panel panel-default panel-contact">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title"><i class="fa fa-file-text-o"></i> Was this helpful?</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<div class="rw-ui-container"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<div class="panel panel-default panel-contact">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title"><i class="fa fa-file-text-o"></i> Email Us</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
Want to talk to a human?
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</content>
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="panel panel-default panel-contact">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title"><i class="fa fa-thumbs-o-up"></i> Was this helpful?</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="rw-ui-container"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
{% include contact.html %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
(function (d, t, e, m) {
|
(function (d, t, e, m) {
|
||||||
|
|||||||
@@ -2,49 +2,23 @@
|
|||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
<header>
|
<div class="container">
|
||||||
<div class="container">
|
<h1 class="page-header">
|
||||||
<form action="/search/" method="get">
|
<i class="fa fa-folder-open"></i>
|
||||||
<div class="input-group">
|
{{page.title}}
|
||||||
<input type="search" class="form-control input-lg" placeholder="Type your problem here..." name="q">
|
</h1>
|
||||||
<span class="input-group-btn">
|
<div class="row">
|
||||||
<button class="btn btn-lg btn-default" type="submit">Search</button>
|
<div class="col-md-8">
|
||||||
</span>
|
<ol>
|
||||||
</div>
|
{% for article in site.articles %}
|
||||||
</form>
|
{% if article.categories contains page.title %}
|
||||||
</div>
|
<li><a href="{{article.url}}">{{article.title}}</a></li>
|
||||||
</header>
|
{% endif %}
|
||||||
<content>
|
{% endfor %}
|
||||||
<div class="container">
|
</ol>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="col-md-8">
|
<div class="col-md-4">
|
||||||
<h1 class="page-header">
|
{% include contact.html %}
|
||||||
<i class="fa fa-folder-open"></i>
|
|
||||||
{{page.title}}
|
|
||||||
</h1>
|
|
||||||
<div class="panel panel-default panel-article">
|
|
||||||
<div class="panel-body">
|
|
||||||
<ol>
|
|
||||||
{% for article in site.articles %}
|
|
||||||
{% if article.categories contains page.title %}
|
|
||||||
<li><a href="{{article.url}}">{{article.title}}</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="panel panel-default panel-contact">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title"><i class="fa fa-envelope"></i> Email Us</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
Want to talk to a human?
|
|
||||||
Email Us
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</content>
|
</div>
|
||||||
@@ -52,8 +52,22 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
<header>
|
||||||
|
<div class="container">
|
||||||
|
<form action="/search/" method="get">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="search" class="form-control input-lg" placeholder="Search the help center..." name="q">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-lg btn-default" type="submit">Search</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
{{content}}
|
<content>
|
||||||
|
{{content}}
|
||||||
|
</content>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|||||||
107
index.html
107
index.html
@@ -3,69 +3,56 @@ layout: default
|
|||||||
title: Help Center
|
title: Help Center
|
||||||
---
|
---
|
||||||
|
|
||||||
<header>
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<form action="/search/" method="get">
|
<div class="row">
|
||||||
<div class="input-group">
|
<div class="col-md-8">
|
||||||
<input type="search" class="form-control input-lg" placeholder="Type your problem here..." name="q">
|
{% for category in site.categories %}
|
||||||
<span class="input-group-btn">
|
{% if category.featured == true %}
|
||||||
<button class="btn btn-lg btn-default" type="submit">Search</button>
|
<div class="panel panel-default panel-articles">
|
||||||
</span>
|
<div class="panel-heading">
|
||||||
</div>
|
<h3 class="panel-title"><i class="fa fa-folder-open"></i> {{category.title}}</h3>
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<content>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-8">
|
|
||||||
{% for category in site.categories %}
|
|
||||||
{% if category.featured == true %}
|
|
||||||
<div class="panel panel-default panel-articles">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title"><i class="fa fa-folder-open"></i> {{category.title}}</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<ul>
|
|
||||||
{% for article in site.articles %}
|
|
||||||
{% if article.categories contains category.title and article.featured == true %}
|
|
||||||
<li><a href="{{article.url}}">{{article.title}}</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
<div class="panel-body">
|
||||||
{% endfor %}
|
<ul>
|
||||||
</div>
|
{% for article in site.articles %}
|
||||||
<div class="col-md-4">
|
{% if article.categories contains category.title and article.featured == true %}
|
||||||
<div class="panel panel-default panel-articles">
|
<li><a href="{{article.url}}">{{article.title}}</a></li>
|
||||||
<div class="panel-heading">
|
{% endif %}
|
||||||
<h3 class="panel-title"><i class="fa fa-list-alt"></i> Categories</h3>
|
{% endfor %}
|
||||||
</div>
|
</ul>
|
||||||
<div class="panel-body small">
|
|
||||||
<ul>
|
|
||||||
{% for category in site.categories %}
|
|
||||||
<li><a href="{{category.url}}">{{category.title}}</a></li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="panel panel-default panel-articles">
|
</div>
|
||||||
<div class="panel-heading">
|
{% endif %}
|
||||||
<h3 class="panel-title"><i class="fa fa-star"></i> Popular</h3>
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body small">
|
<div class="col-md-4">
|
||||||
<ul>
|
<div class="panel panel-default panel-articles">
|
||||||
{% for article in site.articles %}
|
<div class="panel-heading">
|
||||||
{% if article.popular == true %}
|
<h3 class="panel-title"><i class="fa fa-list-alt"></i> Categories</h3>
|
||||||
<li><a href="{{article.url}}">{{article.title}}</a></li>
|
</div>
|
||||||
{% endif %}
|
<div class="panel-body small">
|
||||||
{% endfor %}
|
<ul>
|
||||||
</ul>
|
{% for category in site.categories %}
|
||||||
</div>
|
<li><a href="{{category.url}}">{{category.title}}</a></li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel panel-default panel-articles">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title"><i class="fa fa-star"></i> Popular</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body small">
|
||||||
|
<ul>
|
||||||
|
{% for article in site.articles %}
|
||||||
|
{% if article.popular == true %}
|
||||||
|
<li><a href="{{article.url}}">{{article.title}}</a></li>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</content>
|
</div>
|
||||||
@@ -3,31 +3,17 @@ layout: default
|
|||||||
title: Search Results
|
title: Search Results
|
||||||
---
|
---
|
||||||
|
|
||||||
<header>
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<form action="/search/" method="get">
|
<div class="panel panel-default panel-articles">
|
||||||
<div class="input-group">
|
<div class="panel-heading">
|
||||||
<input type="search" id="search-box" class="form-control input-lg"
|
<h3 class="panel-title"><i class="fa fa-search"></i> {{page.title}} for "<span id="search-term"></span>"</h3>
|
||||||
placeholder="Type your problem here..." name="q">
|
</div>
|
||||||
<span class="input-group-btn">
|
<div class="panel-body">
|
||||||
<button class="btn btn-lg btn-default" type="submit">Search</button>
|
<ol id="search-results"></ol>
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<content>
|
|
||||||
<div class="container">
|
|
||||||
<div class="panel panel-default panel-articles">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title"><i class="fa fa-search"></i> {{page.title}} for "<span id="search-term"></span>"</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<ol id="search-results"></ol>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</content>
|
</div>
|
||||||
|
|
||||||
<script src="../lib/lunr/lunr.js"></script>
|
<script src="../lib/lunr/lunr.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
Reference in New Issue
Block a user