website: syntax highlighting, flashing text fix
This commit is contained in:
parent
949016857c
commit
d336c1167a
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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{
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue