website: syntax highlighting, flashing text fix

This commit is contained in:
Jack Pearkes 2014-07-28 13:35:53 -04:00
parent 949016857c
commit d336c1167a
5 changed files with 25 additions and 19 deletions

View File

@ -2,7 +2,7 @@
<div id="jumbotron-mask">
<div id="jumbotron">
<div class="jumbotron-content" id="jumbotron-content">
<h2 class="tag-line" id="tag-line" style="display: none;">Build, Combine, and Launch Infrastucture</h2>
<h2 class="tag-line" id="tag-line" style="visibility: hidden;">Build, Combine, and Launch Infrastucture</h2>
</div>
</div>
</div>
@ -143,18 +143,18 @@
<div class="terminal-window">
<div class="">
<div class="display">
<p>resource "digitalocean_droplet" "web" {</p>
<p> name = "tf-web"</p>
<p> size = "512mb"</p>
<p> image = "centos-5-8-x32"</p>
<p> region = "sfo1"</p>
<p>resource <span class="txt-spe">"digitalocean_droplet"</span> <span class="txt-spe">"web"</span> {</p>
<p> name = <span class="txt-str">"tf-web"</span></p>
<p> size = <span class="txt-str">"512mb"</span></p>
<p> image = <span class="txt-str">"centos-5-8-x32"</span></p>
<p> region = <span class="txt-str">"sfo1"</span></p>
<p>}</p>
<p> </p>
<p>resource "dnsimple_record" "hello" {</p>
<p> domain = "example.com"</p>
<p> name = "test"</p>
<p> value = "<span class="txt-r">${digitalocean_droplet.web.ipv4_address}</span>"</p>
<p> type = "A"</p>
<p>resource <span class="txt-spe">"dnsimple_record"</span> <span class="txt-spe">"hello"</span> {</p>
<p> domain = <span class="txt-str">"example.com"</span></p>
<p> name = <span class="txt-str">"test"</span></p>
<p> value = <span class="txt-str">"<span class="txt-var">${digitalocean_droplet.web.ipv4_address}</span>"</span></p>
<p> type = "<span class="txt-str">"A"</span></p>
<p>}</p>
</div>
</div>

View File

@ -64,7 +64,6 @@ Engine = Base.extend({
startEngine: function(){
var parent = this.canvas.parentNode;
document.getElementById('tag-line').style.display = 'inline-block';
this.background.className += ' show';
this.canvas.style.opacity = 1;

View File

@ -68,7 +68,7 @@ var Init = {
'page-home': function(){
if (isIE) {
document.getElementById('jumbotron').className += ' static';
document.getElementById('tag-line').style.display = 'inline-block';
document.getElementById('tag-line').style.visibility = 'visible';
return;
}

View File

@ -351,10 +351,14 @@
font-weight: 500;
-webkit-font-smoothing: subpixel-antialiased;
.txt-r {
color: lighten(@red, 17%);;
.txt-spe {
color: lighten(@blue, 5%);
}
.txt-p {
.txt-var {
color: lighten(@purple, 8%);
}
.txt-str {
color: lighten(@green, 2%);
}
p{

View File

@ -1345,10 +1345,13 @@ body.page-home #footer {
font-weight: 500;
-webkit-font-smoothing: subpixel-antialiased;
}
#demos .terminals .terminal-item .terminal .terminal-window .txt-r {
color: #eb979d;
#demos .terminals .terminal-item .terminal .terminal-window .txt-spe {
color: #7190ea;
}
#demos .terminals .terminal-item .terminal .terminal-window .txt-p {
#demos .terminals .terminal-item .terminal .terminal-window .txt-var {
color: #9a56f9;
}
#demos .terminals .terminal-item .terminal .terminal-window .txt-str {
color: #64e86c;
}
#demos .terminals .terminal-item .terminal .terminal-window p {