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
static_dir: css
- url: /img
static_dir: img
- url: .*
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
{ background:#fefefe; color:#333; font-weight:bold }
div.console div.jquery-console-message-error
{ color:#ef0505; font-family:sans-serif; font-weight:bold;
{ color:#ff6969; font-family:monospace;
padding:0.1em; }
div.console div.jquery-console-message-value
{ color:#1ad027; font-family:monospace;
@ -17,22 +17,24 @@ div.console div.jquery-console-message-type
{ color:#52666f; font-family:monospace;
padding:0.1em; }
div.console div.jquery-console-welcome
{ color:#52666f; font-family:monospace;
{ color:#929292; font-family:monospace;
padding:0.1em; }
div.console span.jquery-console-prompt-label { font-weight:bold }
span.jquery-console-cursor.running {
-webkit-animation-duration: 0.1s;
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
body {
background-image: url(/img/symbolics.jpg);
background-repeat: no-repeat;
}
@-webkit-keyframes blink {
from {
opacity: 1.0
}
to {
opacity: 0.5
}
}
#hy-console {
margin-top: 177px;
margin-left: 230px;
-webkit-transform: skew(4deg) rotate(4deg);
}
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;
},
commandHandle:function(line, report){
$('.jquery-console-cursor').addClass('running');
$.ajax({
type: 'POST',
url: '/eval',
@ -15,7 +14,6 @@ $(document).ready(function(){
contentType: 'application/json',
dataType: 'json',
success: function(data) {
$('.jquery-console-cursor').removeClass('running');
report([{msg : data.stdout, className:'jquery-console-message-value'},
{msg : data.stderr, className:'jquery-console-message-error'}]);
}

View File

@ -11,7 +11,9 @@
var server_software = '{{server_software}}';
</script>
<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>
<div id="hy-console" class="console">
</div>