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-mask">
<div id="jumbotron"> <div id="jumbotron">
<div class="jumbotron-content" id="jumbotron-content"> <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> </div>
</div> </div>
@ -143,18 +143,18 @@
<div class="terminal-window"> <div class="terminal-window">
<div class=""> <div class="">
<div class="display"> <div class="display">
<p>resource "digitalocean_droplet" "web" {</p> <p>resource <span class="txt-spe">"digitalocean_droplet"</span> <span class="txt-spe">"web"</span> {</p>
<p> name = "tf-web"</p> <p> name = <span class="txt-str">"tf-web"</span></p>
<p> size = "512mb"</p> <p> size = <span class="txt-str">"512mb"</span></p>
<p> image = "centos-5-8-x32"</p> <p> image = <span class="txt-str">"centos-5-8-x32"</span></p>
<p> region = "sfo1"</p> <p> region = <span class="txt-str">"sfo1"</span></p>
<p>}</p> <p>}</p>
<p> </p> <p> </p>
<p>resource "dnsimple_record" "hello" {</p> <p>resource <span class="txt-spe">"dnsimple_record"</span> <span class="txt-spe">"hello"</span> {</p>
<p> domain = "example.com"</p> <p> domain = <span class="txt-str">"example.com"</span></p>
<p> name = "test"</p> <p> name = <span class="txt-str">"test"</span></p>
<p> value = "<span class="txt-r">${digitalocean_droplet.web.ipv4_address}</span>"</p> <p> value = <span class="txt-str">"<span class="txt-var">${digitalocean_droplet.web.ipv4_address}</span>"</span></p>
<p> type = "A"</p> <p> type = "<span class="txt-str">"A"</span></p>
<p>}</p> <p>}</p>
</div> </div>
</div> </div>

View File

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

View File

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

View File

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

View File

@ -1345,10 +1345,13 @@ body.page-home #footer {
font-weight: 500; font-weight: 500;
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
} }
#demos .terminals .terminal-item .terminal .terminal-window .txt-r { #demos .terminals .terminal-item .terminal .terminal-window .txt-spe {
color: #eb979d; 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; color: #64e86c;
} }
#demos .terminals .terminal-item .terminal .terminal-window p { #demos .terminals .terminal-item .terminal .terminal-window p {