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="">
<div class="display">
<p>resource "aws_elb" "frontend" {</p>
<p> name = "frontend-load-balancer"</p>
<p>resource <span class="txt-spe">"aws_elb"</span> <span class="txt-spe">"frontend"</span> {</p>
<p> name = <span class="txt-str">"frontend-load-balancer"</span></p>
<p> listener {</p>
<p> instance_port = 8000</p>
<p> instance_protocol = "http"</p>
<p> lb_port = 80</p>
<p> lb_protocol = "http"</p>
<p> instance_port = <span class="txt-int">8000</span></p>
<p> instance_protocol = <span class="txt-str">"http"</span></p>
<p> lb_port = <span class="txt-int">80</span></p>
<p> lb_protocol = <span class="txt-str">"http"</span></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>resource "aws_instance" "app" {</p>
<p> count = 5</p>
<p>resource <span class="txt-spe">"aws_instance"</span> <span class="txt-spe">"app"</span> {</p>
<p> count = <span class="txt-int">5</span></p>
<p> </p>
<p> ami = "ami-043a5034"</p>
<p> instance_type = "m1.small"</p>
<p> ami = <span class="txt-str">"ami-043a5034"</span></p>
<p> instance_type = <span class="txt-str">"m1.small"</span></p>
<p>}</p>
</div>
</div>

View File

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

View File

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