eg/tryhy: add skin and meta tags, remove blink

This commit is contained in:
Johan Euphrosine 2013-11-08 15:32:08 -08:00
parent 68891f5d32
commit d8515c54f9
5 changed files with 23 additions and 18 deletions

View File

@ -20,5 +20,8 @@ handlers:
- url: /css - url: /css
static_dir: css static_dir: css
- url: /img
static_dir: img
- url: .* - url: .*
script: main.__hymain__.app script: main.__hymain__.app

View File

@ -8,7 +8,7 @@ div.console div.jquery-console-prompt-box
div.console div.jquery-console-focus span.jquery-console-cursor div.console div.jquery-console-focus span.jquery-console-cursor
{ background:#fefefe; color:#333; font-weight:bold } { background:#fefefe; color:#333; font-weight:bold }
div.console div.jquery-console-message-error div.console div.jquery-console-message-error
{ color:#ef0505; font-family:sans-serif; font-weight:bold; { color:#ff6969; font-family:monospace;
padding:0.1em; } padding:0.1em; }
div.console div.jquery-console-message-value div.console div.jquery-console-message-value
{ color:#1ad027; font-family:monospace; { color:#1ad027; font-family:monospace;
@ -17,22 +17,24 @@ div.console div.jquery-console-message-type
{ color:#52666f; font-family:monospace; { color:#52666f; font-family:monospace;
padding:0.1em; } padding:0.1em; }
div.console div.jquery-console-welcome div.console div.jquery-console-welcome
{ color:#52666f; font-family:monospace; { color:#929292; font-family:monospace;
padding:0.1em; } padding:0.1em; }
div.console span.jquery-console-prompt-label { font-weight:bold } div.console span.jquery-console-prompt-label { font-weight:bold }
span.jquery-console-cursor.running { body {
-webkit-animation-duration: 0.1s; background-image: url(/img/symbolics.jpg);
-webkit-animation-name: blink; background-repeat: no-repeat;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
} }
@-webkit-keyframes blink { #hy-console {
from { margin-top: 177px;
opacity: 1.0 margin-left: 230px;
} -webkit-transform: skew(4deg) rotate(4deg);
to { }
opacity: 0.5
} div#hy-console.console div.jquery-console-inner {
} width: 314px;
height: 251px;
overflow: hidden;
background: none;
}

BIN
eg/tryhy/img/symbolics.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -7,7 +7,6 @@ $(document).ready(function(){
else return true; else return true;
}, },
commandHandle:function(line, report){ commandHandle:function(line, report){
$('.jquery-console-cursor').addClass('running');
$.ajax({ $.ajax({
type: 'POST', type: 'POST',
url: '/eval', url: '/eval',
@ -15,7 +14,6 @@ $(document).ready(function(){
contentType: 'application/json', contentType: 'application/json',
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
$('.jquery-console-cursor').removeClass('running');
report([{msg : data.stdout, className:'jquery-console-message-value'}, report([{msg : data.stdout, className:'jquery-console-message-value'},
{msg : data.stderr, className:'jquery-console-message-error'}]); {msg : data.stderr, className:'jquery-console-message-error'}]);
} }

View File

@ -11,7 +11,9 @@
var server_software = '{{server_software}}'; var server_software = '{{server_software}}';
</script> </script>
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> <meta property="og:title" content="try-hylang" />
<meta property="og:image" content="http://docs.hylang.org/en/latest/_images/hy_logo-smaller.png" />
<meta property="og:description" content="hylang repl">
<body> <body>
<div id="hy-console" class="console"> <div id="hy-console" class="console">
</div> </div>