updating pygments

This commit is contained in:
davegandy 2013-05-09 19:25:13 -04:00
parent 1d0c32f2c8
commit 640c15a6ae
17 changed files with 93 additions and 22 deletions

View file

@ -9,7 +9,7 @@
<div class="well well-large well-transparent lead"> <div class="well well-large well-transparent lead">
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content... <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
</div> </div>
{% highlight html %} {% highlight html linenos %}
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content... <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
{% endhighlight %} {% endhighlight %}
<p class="alert alert-info"> <p class="alert alert-info">

View file

@ -14,7 +14,7 @@
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities. of them in any combination to get lots of new possibilities.
</div> </div>
{% highlight html %} {% highlight html linenos %}
<i class="icon-quote-left icon-4x pull-left icon-muted"></i> <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
Use a few of the new styles together ... lots of new possibilities. Use a few of the new styles together ... lots of new possibilities.
{% endhighlight %} {% endhighlight %}
@ -24,7 +24,7 @@ Use a few of the new styles together ... lots of new possibilities.
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities. of them in any combination to get lots of new possibilities.
</div> </div>
{% highlight html %} {% highlight html linenos %}
<i class="icon-flag icon-4x pull-left icon-border"></i> <i class="icon-flag icon-4x pull-left icon-border"></i>
Use a few of the new styles together ... lots of new possibilities. Use a few of the new styles together ... lots of new possibilities.
{% endhighlight %} {% endhighlight %}

View file

@ -15,7 +15,7 @@
</div> </div>
<div class="span9"> <div class="span9">
<p>Easily replace individual bullets.</p> <p>Easily replace individual bullets.</p>
{% highlight html %} {% highlight html linenos %}
<ul class="icons-ul"> <ul class="icons-ul">
<li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li> <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
<li><i class="icon-li icon-ok"></i>Buttons</li> <li><i class="icon-li icon-ok"></i>Buttons</li>

View file

@ -16,7 +16,7 @@
</div> </div>
</div> </div>
<div class="span9"> <div class="span9">
{% highlight html %} {% highlight html linenos %}
<div class="btn-group open"> <div class="btn-group open">
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">

View file

@ -12,7 +12,7 @@
</p> </p>
</div> </div>
<div class="span9"> <div class="span9">
{% highlight html %} {% highlight html linenos %}
<div class="btn-group"> <div class="btn-group">
<a class="btn" href="#"><i class="icon-align-left"></i></a> <a class="btn" href="#"><i class="icon-align-left"></i></a>
<a class="btn" href="#"><i class="icon-align-center"></i></a> <a class="btn" href="#"><i class="icon-align-center"></i></a>

View file

@ -34,7 +34,7 @@
Font Awesome icons work great in buttons. You can even combine them with larger icon styles, Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
<code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>. <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
</p> </p>
{% highlight html %} {% highlight html linenos %}
<a class="btn" href="#"> <a class="btn" href="#">
<i class="icon-repeat"></i> Reload</a> <i class="icon-repeat"></i> Reload</a>
<a class="btn btn-success" href="#"> <a class="btn btn-success" href="#">

View file

@ -14,7 +14,7 @@
</form> </form>
</div> </div>
<div class="span9"> <div class="span9">
{% highlight html %} {% highlight html linenos %}
<form> <form>
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span> <span class="add-on"><i class="icon-envelope"></i></span>

View file

@ -10,7 +10,7 @@
<i class="icon-camera-retro"></i> icon-camera-retro <i class="icon-camera-retro"></i> icon-camera-retro
</div> </div>
</div> </div>
{% highlight html %} {% highlight html linenos %}
<i class="icon-camera-retro"></i> icon-camera-retro <i class="icon-camera-retro"></i> icon-camera-retro
{% endhighlight %} {% endhighlight %}
<div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div> <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>

View file

@ -20,7 +20,7 @@
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
</div> </div>
</div> </div>
{% highlight html %} {% highlight html linenos %}
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>

View file

@ -13,7 +13,7 @@
</div> </div>
<div class="span9"> <div class="span9">
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p> <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
{% highlight html %} {% highlight html linenos %}
<ul class="nav nav-list"> <ul class="nav nav-list">
<li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li> <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
<li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li> <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>

View file

@ -13,7 +13,7 @@
<i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br> <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
<i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
</div> </div>
{% highlight html %} {% highlight html linenos %}
<i class="icon-shield"></i>&nbsp; normal<br> <i class="icon-shield"></i>&nbsp; normal<br>
<i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br> <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
<i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br> <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>

View file

@ -23,7 +23,7 @@
</span> </span>
icon-terminal on icon-sign-blank icon-terminal on icon-sign-blank
</div> </div>
{% highlight html %} {% highlight html linenos %}
<span class="icon-stack"> <span class="icon-stack">
<i class="icon-check-empty icon-stack-base"></i> <i class="icon-check-empty icon-stack-base"></i>
<i class="icon-twitter"></i> <i class="icon-twitter"></i>

View file

@ -13,7 +13,7 @@
<ol> <ol>
<li> <li>
Paste the following code into the <code>&lt;head&gt;</code> section of your site's HTML. Paste the following code into the <code>&lt;head&gt;</code> section of your site's HTML.
{% highlight html %} {% highlight html linenos %}
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/{{ site.bootstrap.version }}/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/{{ site.bootstrap.version }}/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version }}/css/font-awesome.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version }}/css/font-awesome.css" rel="stylesheet">
{% endhighlight %} {% endhighlight %}
@ -38,7 +38,7 @@
<li>Copy the <code>font-awesome</code> directory into your project.</li> <li>Copy the <code>font-awesome</code> directory into your project.</li>
<li> <li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css. In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
{% highlight html %} {% highlight html linenos %}
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
{% endhighlight %} {% endhighlight %}
@ -55,7 +55,7 @@
<li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li> <li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
<li> <li>
Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory. Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
{% highlight html %} {% highlight html linenos %}
@FontAwesomePath: "../font"; @FontAwesomePath: "../font";
{% endhighlight %} {% endhighlight %}
<p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p> <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
@ -84,7 +84,7 @@
<li>Copy font-awesome-ie7.min.css into your project.</li> <li>Copy font-awesome-ie7.min.css into your project.</li>
<li> <li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css. In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
{% highlight html %} {% highlight html linenos %}
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<!--[if IE 7]> <!--[if IE 7]>

View file

@ -21,7 +21,7 @@
================================================== --> ================================================== -->
<link rel="stylesheet" href="{{ page.relative_path }}assets/css/site.css"> <link rel="stylesheet" href="{{ page.relative_path }}assets/css/site.css">
<link rel="stylesheet" href="{{ page.relative_path }}assets/css/prettify.css"> <link rel="stylesheet" href="{{ page.relative_path }}assets/css/pygments.css">
<link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome.css">
<!--[if IE 7]> <!--[if IE 7]>
<link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome-ie7.css"> <link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome-ie7.css">
@ -57,7 +57,7 @@
<script src="{{ page.relative_path }}assets/js/jquery-1.7.1.min.js"></script> <script src="{{ page.relative_path }}assets/js/jquery-1.7.1.min.js"></script>
<script src="{{ page.relative_path }}assets/js/underscore.min.js"></script> <script src="{{ page.relative_path }}assets/js/underscore.min.js"></script>
<script src="{{ page.relative_path }}assets/js/backbone.min.js"></script> <script src="{{ page.relative_path }}assets/js/backbone.min.js"></script>
<script src="{{ page.relative_path }}assets/js/prettify.min.js"></script> <!--<script src="{{ page.relative_path }}assets/js/prettify.min.js"></script>-->
<script src="{{ page.relative_path }}assets/js/bootstrap-2.3.1.min.js"></script> <script src="{{ page.relative_path }}assets/js/bootstrap-2.3.1.min.js"></script>
<script src="{{ page.relative_path }}assets/js/site.js"></script> <script src="{{ page.relative_path }}assets/js/site.js"></script>

View file

@ -45,7 +45,7 @@ relative_path: ../../
<i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }} <i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }}
</div> </div>
</div> </div>
{% highlight html %} {% highlight html linenos %}
<i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }} <i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }}
{% endhighlight %} {% endhighlight %}
<br> <br>

View file

@ -0,0 +1,71 @@
.hll { background-color: #ffffcc }
/*{ background: #f0f3f3; }*/
.c { color: #999; } /* Comment */
.err { color: #AA0000; background-color: #FFAAAA } /* Error */
.k { color: #006699; } /* Keyword */
.o { color: #555555 } /* Operator */
.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
.cp { color: #009999 } /* Comment.Preproc */
.c1 { color: #999; } /* Comment.Single */
.cs { color: #999; } /* Comment.Special */
.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #003300; } /* Generic.Heading */
.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
.go { color: #AAAAAA } /* Generic.Output */
.gp { color: #000099; } /* Generic.Prompt */
.gs { } /* Generic.Strong */
.gu { color: #003300; } /* Generic.Subheading */
.gt { color: #99CC66 } /* Generic.Traceback */
.kc { color: #006699; } /* Keyword.Constant */
.kd { color: #006699; } /* Keyword.Declaration */
.kn { color: #006699; } /* Keyword.Namespace */
.kp { color: #006699 } /* Keyword.Pseudo */
.kr { color: #006699; } /* Keyword.Reserved */
.kt { color: #007788; } /* Keyword.Type */
.m { color: #FF6600 } /* Literal.Number */
.s { color: #d44950 } /* Literal.String */
.na { color: #4f9fcf } /* Name.Attribute */
.nb { color: #336666 } /* Name.Builtin */
.nc { color: #00AA88; } /* Name.Class */
.no { color: #336600 } /* Name.Constant */
.nd { color: #9999FF } /* Name.Decorator */
.ni { color: #999999; } /* Name.Entity */
.ne { color: #CC0000; } /* Name.Exception */
.nf { color: #CC00FF } /* Name.Function */
.nl { color: #9999FF } /* Name.Label */
.nn { color: #00CCFF; } /* Name.Namespace */
.nt { color: #2f6f9f; } /* Name.Tag */
.nv { color: #003333 } /* Name.Variable */
.ow { color: #000000; } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #FF6600 } /* Literal.Number.Float */
.mh { color: #FF6600 } /* Literal.Number.Hex */
.mi { color: #FF6600 } /* Literal.Number.Integer */
.mo { color: #FF6600 } /* Literal.Number.Oct */
.sb { color: #CC3300 } /* Literal.String.Backtick */
.sc { color: #CC3300 } /* Literal.String.Char */
.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
.s2 { color: #CC3300 } /* Literal.String.Double */
.se { color: #CC3300; } /* Literal.String.Escape */
.sh { color: #CC3300 } /* Literal.String.Heredoc */
.si { color: #AA0000 } /* Literal.String.Interpol */
.sx { color: #CC3300 } /* Literal.String.Other */
.sr { color: #33AAAA } /* Literal.String.Regex */
.s1 { color: #CC3300 } /* Literal.String.Single */
.ss { color: #FFCC33 } /* Literal.String.Symbol */
.bp { color: #336666 } /* Name.Builtin.Pseudo */
.vc { color: #003333 } /* Name.Variable.Class */
.vg { color: #003333 } /* Name.Variable.Global */
.vi { color: #003333 } /* Name.Variable.Instance */
.il { color: #FF6600 } /* Literal.Number.Integer.Long */
.css .o,
.css .o + .nt,
.css .nt + .nt { color: #999; }
pre {
background-color: #fafafa;
padding: 8px 15px;
}

View file

@ -5,8 +5,8 @@ $(function() {
}); });
// make code pretty // make code pretty
$('pre').addClass('prettyprint'); // $('pre').addClass('prettyprint');
window.prettyPrint && prettyPrint(); // window.prettyPrint && prettyPrint();
// Disable links with href="#" inside <section>, so users can click on them // Disable links with href="#" inside <section>, so users can click on them
// to preview :active state without being scrolled up to the top of the page. // to preview :active state without being scrolled up to the top of the page.