1
0
mirror of https://github.com/bitwarden/help synced 2025-12-06 00:03:30 +00:00

styling for various layouts/pages

This commit is contained in:
Kyle Spearrin
2016-10-11 22:39:22 -04:00
parent 36dacf9d54
commit 9406afe1f5
6 changed files with 185 additions and 34 deletions

View File

@@ -2,6 +2,18 @@
layout: default
---
<div class="container">
{{content}}
<div class="container container-content">
<ol class="breadcrumb">
<li><a href="/">Help Center</a></li>
<li><a href="/{{page.category | slugify}}/">{{page.category}}</a></li>
<li class="active">{{page.title}}</li>
</ol>
<div class="panel panel-default panel-article">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-file-text-o"></i> {{page.title}}</h3>
</div>
<div class="panel-body">
{{content}}
</div>
</div>
</div>

View File

@@ -2,13 +2,35 @@
layout: default
---
<div class="container">
<h3>{{page.title}}</h3>
<ol>
{% for article in site.articles %}
{% if article.category == page.title %}
<li><a href="{{article.url}}">{{article.title}}</a></li>
{% endif %}
{% endfor %}
</ol>
<div class="search-header">
<div class="container">
<form action="/search/" method="get">
<div class="input-group">
<input type="search" class="form-control input-lg" placeholder="Type your problem here..." name="q">
<span class="input-group-btn">
<button class="btn btn-lg btn-default" type="submit">Search</button>
</span>
</div>
</form>
</div>
</div>
<div class="container">
<ol class="breadcrumb">
<li><a href="/">Help Center</a></li>
<li class="active">{{page.title}}</li>
</ol>
<div class="panel panel-default panel-articles">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-folder-open"></i> {{page.title}}</h3>
</div>
<div class="panel-body">
<ol>
{% for article in site.articles %}
{% if article.category == page.title %}
<li><a href="{{article.url}}">{{article.title}}</a></li>
{% endif %}
{% endfor %}
</ol>
</div>
</div>
</div>

View File

@@ -51,8 +51,30 @@
{{content}}
<footer class="text-center">
&copy; Copyright 2015 - {{'now' | date: "%Y"}}<br />
8bit Solutions LLC
<div class="container">
<ul class="list-inline social-buttons">
<li>
<a href="https://www.facebook.com/bitwarden/" onclick="gaEvent('Social Facebook')"
title="Like us on Facebook" target="_blank" class="btn-social btn-outline">
<i class="fa fa-fw fa-facebook"></i>
</a>
</li>
<li>
<a href="https://plus.google.com/114869903467947368993" onclick="gaEvent('Social Google+')"
title="Follow us on Google Plus" target="_blank" class="btn-social btn-outline">
<i class="fa fa-fw fa-google-plus"></i>
</a>
</li>
<li>
<a href="https://twitter.com/bitwarden_app" onclick="gaEvent('Social Twitter')"
title="Follow us on Twitter" target="_blank" class="btn-social btn-outline">
<i class="fa fa-fw fa-twitter"></i>
</a>
</li>
</ul>
&copy; Copyright 2015 - {{ 'now' | date: "%Y" }}<br />
8bit Solutions LLC
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>