Skip to content

Instantly share code, notes, and snippets.

@diego-aslz

diego-aslz/category.html

Last active May 18, 2016 01:42
Show Gist options
  • Save diego-aslz/1cb775b9aaaacfe5ae588176a16b3a89 to your computer and use it in GitHub Desktop.
Save diego-aslz/1cb775b9aaaacfe5ae588176a16b3a89 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
category.html
<!-- List all subcategories -->
<div class="article-list subcat">
<ul>
{% for subcategory in subcategories %}
<li class="result article">
<a href="{{subcategory.url}}">
<h2>{{ subcategory.name }}</h2>
</a>
</li>
{% endfor %}
</ul>
</div>
<!-- Display/List all questions -->
<div class="article-list">
<ul>
{% for question in category.published_questions %}
<li class="result article">
<a href="{{question.url}}">
<h2>{{ question.name }}</h2>
{{question.answer_sample }}
<p>{{question.long_answer_sample | truncatewords:11 }}</p>
</a>
</li>
{% endfor %}
</ul>
</div>
Raw
contact.html
<div class="grid-1000">
<div class="contact-form">
<h2>Contact Helpjuice</h2>
<p>Although, we strongly suggest you continue digging through our KB, we understand this
might be an urgent, or unique issue – we want to help you out. </p>
<div id='contact_support_form'>
<form accept-charset='UTF-8' action='/questions' class='new_question' id='new_question' method='post'>
<!-- Don't touch this -->
{{csrf_token}}
<input type='hidden' value='{{account.id}}' name='question[account_id]' id='question_account_id' />
<div class='field'>
<label for="email">Your E-mail</label>
<input type='text' name='question[email]' placeholder='E-mail' id='question_email' />
</div>
<div class='field'>
<label for="description">Message</label>
<textarea type='text' name='question[name]' placeholder="Say something nice" id='question_description'></textarea>
</div>
<div class='actions'>
<input id='question_submit' name='commit' type='submit' value='Contact Support' />
</div>
</form>
</div>
</div>
<div class="contact-right">
<div class="call-us faqs">
<h3>Do any of these ring a bell?</h3>
<p>These are our most commonly asked questions:
<br><br>
<ul>
<li><a href='/getting-started/installing-helpjuice'>How can I install Helpjuice?</a></li>
<li><a href=''>Can I use Helpjuice with X language?</a></li>
<li><a href='/API'>Does Helpjuice have an API?</a></li>
</ul>
</p>
</div>
<div class="call-us">
<a href="tel:18882303420">
<h3>Sales question?</h3>
<p>Talk to our 24-7 customer success line.
<br>
Call now: <span class="arrow">+1 (888)-230-3420</span>
</p>
</a>
</div>
</div>
</div>
Raw
index_page.html
<div class='grid-1000'>
<div class="inner-col">
<ul class="topics-grid inner-col">
{% if category.is_internal? %}
{% if internal_kb_user %}
{% for category in roots_categories %}
<li class="categories icon-{{ category.name | downcase | remove:'?' | remove:',' | remove:'.' | remove:':' | remove:';' | replace:' ','-' | replace:'&','and' }}">
<a href="{{category.url}}">{{category.name}}</a>
</li>
{% endfor %}
{% endif %}
{% else %}
{% for category in roots_categories %}
<li class="categories icon-{{ category.name | downcase | remove:'?' | remove:',' | remove:'.' | remove:':' | remove:';' | replace:' ','-' | replace:'&','and' }}">
<a href="{{category.url}}">{{category.name}}</a>
</li>
{% endfor %}
{% endif %}
</ul>
</div>
</div>
Raw
main_layout.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
{% if question %}{{ question.name }} | {{ account.name }} Support
{% elsif category %}{{ category.name }} | {{ account.name }} Support
{% elsif subcategory.url %}{{ subcategory.name }} | {{ account.name }} Support
{% else %}{{ account.name }} Support{% endif %}
</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="description" content="Get fewer support emails and more happy customers. Helpjuice is easy-to-use knowledge base software that guarantees 50% less support emails and more happy customers.">
<meta name="keywords" content="customer support,helpjuice,help juice,knowledge base software,hosted knowledge base,knowledge management software,support center,help center,kb builder,knowledge base builder">
<meta name="language" content="en">
<meta name="revisit-after" content="10">
<meta name="robots" content="noindex, nofollow">
<meta name="contact" content="[email protected]">
<link rel="apple-touch-icon" href="">
<!-- Social: Twitter -->
<meta name="twitter:url" content="/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@HelpJuice">
<meta name="twitter:title" content="Helpjuice: Knowledge base software">
<meta name="twitter:description" content="Get fewer support emails and more happy customers. Helpjuice is easy-to-use knowledge base software that guarantees 50% less support emails and more happy customers.">
<meta name="twitter:image:src" content="">
<!-- Social: Facebook / Open Graph -->
<meta property="og:url" content="/">
<meta property="og:type" content="article">
<meta property="og:title" content="Helpjuice: Knowledge base software">
<meta property="og:image" content="">
<meta property="og:description" content="Get fewer support emails and more happy customers. Helpjuice is easy-to-use knowledge base software that guarantees 50% less support emails and more happy customers.">
<meta property="og:locale" content="en">
<meta property="og:site_name" content="Helpjuice">
<meta property="article:author" content="https://www.facebook.com/helpjuice">
<meta property="article:publisher" content="https://www.facebook.com/helpjuice">
<!-- Social: Google+ / Schema.org -->
<meta itemprop="name" content="Helpjuice: Knowledge base software">
<meta itemprop="description" content="Get fewer support emails and more happy customers. Helpjuice is easy-to-use knowledge base software that guarantees 50% less support emails and more happy customers.">
<meta itemprop="image" content="">
<!-- main CSS combined -->
<link href="https://s3.amazonaws.com/helpjuice_production/uploads/upload/image/1885/10041/main-style.css" rel="stylesheet">
<link href="/assets/main.css" rel="stylesheet">
<!-- Canonical link -->
<link rel="canonical" href="https://help.helpjuice.com{{ question.url }}" />
</head>
<body class="{% if on_show_question_page %}question_page{% elsif on_contact_us_page %}contact_us{% elsif category == null %}landing_page{% else %}category_page{% endif %}">
<header></header>
<div class='center'>
<div class='grid-1000'>
<div id='question-search'>
<form autocomplete="off">
<div class="logo-left">
<a href="/"><img src="https://s3.amazonaws.com/helpjuice_production/uploads/upload/image/1885/9469/logo_2x.png" alt="Helpjuice logo"></a>
</div>
<div class="arrow_box" id="add_border"></div>
<input get-url='/search' id='instant_search' name='instant[search]' size='30' placeholder='Start typing your question here...' type='text' {% if on_show_question_page %}{% else %}autofocus{% endif %} />
</form>
</div>
</div>
</div>
<div id='results'>
<div class='grid-1000'>
{% if breadcrumb_root %}
<ul id="breadcrumbs">
<li><a href="/">Support Home</a></li>
{% for breadcrumb in breadcrumb_root %}
<li>
<ul>
<li class="icon icon-{{ breadcrumb.name | downcase | remove:'?' | remove:',' | remove:'.' | remove:':' | remove:'(' | remove:')' | remove:';' | replace:"’",'-' | replace:"'",'-' | replace:"/",'-' | replace:' ','-' | replace:'&','and' }}">
<a href="{{breadcrumb.url}}">{{breadcrumb.name}}</a>
</li>
</ul>
</li>
{% endfor %}
{% if on_show_question_page %}
<li class="answ icon icon-{{ question.name | downcase | remove:'?' | remove:',' | remove:'.' | remove:':' | remove:'(' | remove:')' | remove:';' | replace:"’",'-' | replace:"'",'-' | replace:"/",'-' | replace:' ','-' | replace:'&','and' }}">
<a href="{{question.url}}">{{question.name}}</a>
</li>
{% endif %}
</ul>
{% endif %}
{{ content_for_layout }}
</div>
</div>
<div id='helpjuice-footer'>
<div class='grid-1000'>
<section class="quick-links">
<p>Quick links:
<ul>
<li>
<a href="/getting-started/installing-helpjuice">Installing Helpjuice</a>
</li>
<li>
<a href="/getting-started/using-your-knowledge-base-internally">Using Your Knowledge Base Internally</a>
</li>
<li>
<a href="/designing-your-knowledge-base/examples-of-knowledge-bases">Examples Of Knowledge Bases</a>
</li>
<li>
<a href="/API">Helpjuice API</a>
</li>
</ul>
</p>
</section>
<div id="end" class="inner-col">
<div class="inner-col" id="main-footer">
<footer>
<div class="logo-footer"></div>
<p>Copyright © 2015, Helpjuice Inc.</p>
<ul>
<li><a href="https://helpjuice.com"><span>Home</span></a></li>
<li><a href="https://helpjuice.com/pricing">Pricing</a></li>
<li><a href="https://helpjuice.com/about">About us</a></li>
<li><a href="https://blog.helpjuice.com">Blog</a></li>
<li><a href="http://helpjuice.com/signup">Sign up</a></li>
<li><a href="https://helpjuice.com/users/sign_in">Log in</a></li>
</ul>
</footer>
</div>
</div>
</div>
</div>
<!-- main JS combined -->
<script src="https://s3.amazonaws.com/helpjuice_production/uploads/upload/image/1885/9712/main.js"></script>
<script>
function noResults(a) {
$("#helpjuice-footer").hide(), $("#results").load(contact_us_page + "?contact_query=" + encodeURIComponent(a))
}
function showResults(a) {
$("#helpjuice-footer").hide();
var b = "";
b = direct_contact_div, b += "<div class='results'>",
b += '<ul id="breadcrumbs"><li><a href="/">Support Home</a></li><li><ul><li class="icon icon-search"><a id="search_term">' + '' + 'Search results' + '' + '</a></li></ul></li></ul>'
b += '<div class="article-list"><ul>', $.each(a, function(a, c) {
if (c.question.name.length > 0) {
var d = "";
c.question.categories.length > 0 && (d = c.question.categories.current.name, d = d.toString()), b += '<li class="result article"><a href=' + c.question.url + ">", b += "<h2>" + c.question.name + "</h2>", b += "<p>" + c.question.answer_sample + "...</p>", b += "</a></li>"
}
}), b += "</ul></div>",
b += "<div class='results-sidebar'><h3>Suggestions</h3><li class='icon-chat'><a href='#'>Chat with us</a></li><li class='icon-ticket'><a href='/contact-us'>Create Support Ticket</a></li></div>",
b += "</div>", b += back_text, $("#results").delay().html(b)
$('body').removeClass('landing_page').addClass('question_page');
}
$('#instant_search').bind("keyup keypress", function(e) {
var code = e.keyCode || e.which;
if (code == 13) {
e.preventDefault();
return false;
}
});
</script>
</body>
</html>
Raw
question.html
{% if question.name == "Examples Of Knowledge Bases" %}
<div id="question-{{question.id}}" class="question examples"> <h2 id="question-headline">{{question.name}}</h2> <div class="answer"> {{ question.answers.first.cleaned_body }} </div> <div class="was-this-helpful"> <form accept-charset="UTF-8" action="/questions/{{question.id}}/feedbacks" class="new_feedback" id="new_feedback" method="post"> <div style="margin:0;padding:0;display:inline"> <input name="authenticity_token" type="hidden" value="W7fIKyhlMGSYY6ZpNZ0EjAuXfvwpXGjx8KK7p9liJk0="> </div> <input id="feedback_score" name="feedback[score]" type="hidden" value="0"> <h4>Did this article help you? </h4> <a href="#" id="no" class="response feedback"><span>No</span></a> <a href="#" id="yes" class="response feedback"><span>Yes</span></a> </form> </div></div>
{% else %}
<div id="question-{{question.id}}" class="question">
<h2 id="question-headline">{{question.name}}</h2>
<div class="answer">
{{ question.answers.first.cleaned_body }}
</div>
<div class="was-this-helpful">
<form accept-charset="UTF-8" action="/questions/{{question.id}}/feedbacks" class="new_feedback" id="new_feedback" method="post">
<div style="margin:0;padding:0;display:inline">
<input name="authenticity_token" type="hidden" value="W7fIKyhlMGSYY6ZpNZ0EjAuXfvwpXGjx8KK7p9liJk0=">
</div>
<input id="feedback_score" name="feedback[score]" type="hidden" value="0">
<h4>Did this article help you? </h4>
<a href="#" id="no" class="response feedback"><span>No</span></a>
<a href="#" id="yes" class="response feedback"><span>Yes</span></a>
</form>
</div>
</div>
<div class="related-questions" id="sidebar">
<h3 class="caps">Related Questions</h3>
<ul>
{% for question in question.related_questions limit:5 %}
<li class="result article">
<a href="{{question.url}}">{{question.name}}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
Raw
thanks.html
<h2>Thanks!</h2>
<p>Your request has been sent to the support team. We will be in touch with you very soon.</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment