website: syntax highlight on homepage

This commit is contained in:
Jack Pearkes 2014-07-28 13:41:17 -04:00
parent d336c1167a
commit e9f058f919
3 changed files with 19 additions and 11 deletions

View File

@ -178,23 +178,23 @@
<div class="terminal-window"> <div class="terminal-window">
<div class=""> <div class="">
<div class="display"> <div class="display">
<p>resource "aws_elb" "frontend" {</p> <p>resource <span class="txt-spe">"aws_elb"</span> <span class="txt-spe">"frontend"</span> {</p>
<p> name = "frontend-load-balancer"</p> <p> name = <span class="txt-str">"frontend-load-balancer"</span></p>
<p> listener {</p> <p> listener {</p>
<p> instance_port = 8000</p> <p> instance_port = <span class="txt-int">8000</span></p>
<p> instance_protocol = "http"</p> <p> instance_protocol = <span class="txt-str">"http"</span></p>
<p> lb_port = 80</p> <p> lb_port = <span class="txt-int">80</span></p>
<p> lb_protocol = "http"</p> <p> lb_protocol = <span class="txt-str">"http"</span></p>
<p> }</p> <p> }</p>
<p> </p> <p> </p>
<p> instances = ["${aws_instance.app.*.id}"]</p> <p> instances = [<span class="txt-str">"<span class="txt-var">${aws_instance.app.*.id}</span>"</span>]</p>
<p>}</p> <p>}</p>
<p> </p> <p> </p>
<p>resource "aws_instance" "app" {</p> <p>resource <span class="txt-spe">"aws_instance"</span> <span class="txt-spe">"app"</span> {</p>
<p> count = 5</p> <p> count = <span class="txt-int">5</span></p>
<p> </p> <p> </p>
<p> ami = "ami-043a5034"</p> <p> ami = <span class="txt-str">"ami-043a5034"</span></p>
<p> instance_type = "m1.small"</p> <p> instance_type = <span class="txt-str">"m1.small"</span></p>
<p>}</p> <p>}</p>
</div> </div>
</div> </div>

View File

@ -361,6 +361,11 @@
.txt-str { .txt-str {
color: lighten(@green, 2%); color: lighten(@green, 2%);
} }
.txt-int {
color: lighten(@orange, 2%);
}
p{ p{
margin-bottom: 2px; margin-bottom: 2px;
white-space: pre-wrap; white-space: pre-wrap;

View File

@ -1354,6 +1354,9 @@ body.page-home #footer {
#demos .terminals .terminal-item .terminal .terminal-window .txt-str { #demos .terminals .terminal-item .terminal .terminal-window .txt-str {
color: #64e86c; color: #64e86c;
} }
#demos .terminals .terminal-item .terminal .terminal-window .txt-int {
color: #e89264;
}
#demos .terminals .terminal-item .terminal .terminal-window p { #demos .terminals .terminal-item .terminal .terminal-window p {
margin-bottom: 2px; margin-bottom: 2px;
white-space: pre-wrap; white-space: pre-wrap;