start, about style

This commit is contained in:
Van 2014-10-24 10:29:08 +08:00
parent dfbed2d256
commit ccf1579ec5
4 changed files with 92 additions and 69 deletions

View File

@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title> <title>
{{.i18n.wide}} {{.i18n.wide}}
</title> </title>
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-4.5/codemirror.css"> <link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-4.5/codemirror.css">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-4.5/addon/hint/show-hint.css"> <link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-4.5/addon/hint/show-hint.css">
@ -24,25 +25,29 @@
<ul class="fn-cleaer"> <ul class="fn-cleaer">
<li> <li>
<span> <span>
{{.i18n.file}} {{.i18n.file}}
</span> </span>
<div class="frame"> <div class="frame">
<ul> <ul>
<li class="save-all disabled" onclick="wide.saveAllFiles()"> <li class="save-all disabled" onclick="wide.saveAllFiles()">
<span> <span>
{{.i18n.save_all_files}} {{.i18n.save_all_files}}
</span> </span>
</li> </li>
<li class="close-all disabled" onclick="wide.closeAllFiles()"> <li class="close-all disabled" onclick="wide.closeAllFiles()">
<span> <span>
{{.i18n.close_all_files}} {{.i18n.close_all_files}}
</span> </span>
</li> </li>
<li class="hr"> <li class="hr">
</li> </li>
<li onclick="wide.exit()"> <li onclick="wide.exit()">
<span> <span>
{{.i18n.exit}} {{.i18n.exit}}
</span> </span>
</li> </li>
</ul> </ul>
@ -50,25 +55,29 @@
</li> </li>
<li> <li>
<span> <span>
{{.i18n.run}} {{.i18n.run}}
</span> </span>
<div class="frame"> <div class="frame">
<ul> <ul>
<li class="run disabled" onclick="wide.run()"> <li class="run disabled" onclick="wide.run()">
<span> <span>
{{.i18n.build_n_run}} {{.i18n.build_n_run}}
</span> </span>
</li> </li>
<li class="hr"> <li class="hr">
</li> </li>
<li class="go-get disabled" onclick="wide.goget()"> <li class="go-get disabled" onclick="wide.goget()">
<span> <span>
{{.i18n.goget}} {{.i18n.goget}}
</span> </span>
</li> </li>
<li class="go-install disabled" onclick="wide.goinstall()"> <li class="go-install disabled" onclick="wide.goinstall()">
<span> <span>
{{.i18n.goinstall}} {{.i18n.goinstall}}
</span> </span>
</li> </li>
</ul> </ul>
@ -88,28 +97,33 @@
--> -->
<li> <li>
<span> <span>
{{.i18n.help}} {{.i18n.help}}
</span> </span>
<div class="frame"> <div class="frame">
<ul> <ul>
<li onclick="window.open('https://www.gitbook.io/book/88250/wide-user-guide')"> <li onclick="window.open('https://www.gitbook.io/book/88250/wide-user-guide')">
<span> <span>
{{.i18n.wide_doc}} {{.i18n.wide_doc}}
</span> </span>
</li> </li>
<li onclick="window.open('https://github.com/b3log/wide/issues/new')"> <li onclick="window.open('https://github.com/b3log/wide/issues/new')">
{{.i18n.report_issues}} {{.i18n.report_issues}}
</li> </li>
<li class="hr"> <li class="hr">
</li> </li>
<li onclick="editors.openStartPage()"> <li onclick="editors.openStartPage()">
<span> <span>
{{.i18n.start_page}} {{.i18n.start_page}}
</span> </span>
</li> </li>
<li onclick="wide.openAbout()"> <li onclick="wide.openAbout()">
<span> <span>
{{.i18n.about}} {{.i18n.about}}
</span> </span>
</li> </li>
</ul> </ul>
@ -124,7 +138,8 @@
<div class="tabs"> <div class="tabs">
<div class="current" data-index="filreTree"> <div class="current" data-index="filreTree">
<span title="{{.i18n.file}}"> <span title="{{.i18n.file}}">
{{.i18n.file}} {{.i18n.file}}
</span> </span>
</div> </div>
</div> </div>
@ -136,13 +151,16 @@
<div id="dirRMenu" class="frame"> <div id="dirRMenu" class="frame">
<ul> <ul>
<li onclick="tree.newFile();"> <li onclick="tree.newFile();">
{{.i18n.create_file}} {{.i18n.create_file}}
</li> </li>
<li onclick="tree.newDir();"> <li onclick="tree.newDir();">
{{.i18n.create_dir}} {{.i18n.create_dir}}
</li> </li>
<li onclick="tree.removeIt();"> <li onclick="tree.removeIt();">
{{.i18n.delete}} {{.i18n.delete}}
</li> </li>
</ul> </ul>
</div> </div>
@ -150,7 +168,8 @@
<div id="fileRMenu" class="frame"> <div id="fileRMenu" class="frame">
<ul> <ul>
<li onclick="tree.removeIt();"> <li onclick="tree.removeIt();">
{{.i18n.delete}} {{.i18n.delete}}
</li> </li>
</ul> </ul>
</div> </div>
@ -179,17 +198,20 @@
<div class="tabs"> <div class="tabs">
<div class="current" data-index="output"> <div class="current" data-index="output">
<span title="{{.i18n.output}}"> <span title="{{.i18n.output}}">
{{.i18n.output}} {{.i18n.output}}
</span> </span>
</div> </div>
<div data-index="search"> <div data-index="search">
<span title="{{.i18n.search}}"> <span title="{{.i18n.search}}">
{{.i18n.search}} {{.i18n.search}}
</span> </span>
</div> </div>
<div data-index="notification"> <div data-index="notification">
<span title="{{.i18n.notification}}"> <span title="{{.i18n.notification}}">
{{.i18n.notification}} {{.i18n.notification}}
</span> </span>
</div> </div>
</div> </div>
@ -234,15 +256,18 @@
<span class="cursor"> <span class="cursor">
</span> </span>
<span class="notification-count" title="{{.i18n.unread_notification}}"> <span class="notification-count" title="{{.i18n.unread_notification}}">
{{.i18n.notification}}! {{.i18n.notification}}!
</span> </span>
</div> </div>
</div> </div>
<div id="dialogRemoveConfirm" class="fn-none"> <div id="dialogRemoveConfirm" class="fn-none">
{{.i18n.isDelete}} {{.i18n.isDelete}}
<b> <b>
</b> </b>
? ?
</div> </div>
<div id="dialogAlert" class="fn-none"> <div id="dialogAlert" class="fn-none">
</div> </div>
@ -260,44 +285,45 @@
<input placeholder="{{.i18n.file_format}}" /> <input placeholder="{{.i18n.file_format}}" />
</div> </div>
<script> <script>
var config = { var config = {
"pathSeparator": {{.pathSeparator}}, "pathSeparator": {{.pathSeparator}},
"latestSessionContent": {{.latestSessionContent}}, "latestSessionContent": {{.latestSessionContent}},
"label": { "label": {
"restore_editor": "{{.i18n.restore_editor}}", "restore_editor": "{{.i18n.restore_editor}}",
"max_editor": "{{.i18n.max_editor}}", "max_editor": "{{.i18n.max_editor}}",
"delete": "{{.i18n.delete}}", "delete": "{{.i18n.delete}}",
"cancel": "{{.i18n.cancel}}", "cancel": "{{.i18n.cancel}}",
"goto_line": "{{.i18n.goto_line}}", "goto_line": "{{.i18n.goto_line}}",
"goto": "{{.i18n.goto}}", "goto": "{{.i18n.goto}}",
"create": "{{.i18n.create}}", "create": "{{.i18n.create}}",
"create_file": "{{.i18n.create_file}}", "create_file": "{{.i18n.create_file}}",
"create_dir": "{{.i18n.create_dir}}", "create_dir": "{{.i18n.create_dir}}",
"tip": "{{.i18n.tip}}", "tip": "{{.i18n.tip}}",
"confirm": "{{.i18n.confirm}}", "confirm": "{{.i18n.confirm}}",
"build_n_run": "{{.i18n.build_n_run}}", "build_n_run": "{{.i18n.build_n_run}}",
"stop": "{{.i18n.stop}}", "stop": "{{.i18n.stop}}",
"usages": "{{.i18n.find_usages}}", "usages": "{{.i18n.find_usages}}",
"search_text": "{{.i18n.search_text}}", "search_text": "{{.i18n.search_text}}",
"search": "{{.i18n.search}}", "search": "{{.i18n.search}}",
"initialise": "{{.i18n.initialise}}", "initialise": "{{.i18n.initialise}}",
"confirm_save": "{{.i18n.confirm_save}}" "confirm_save": "{{.i18n.confirm_save}}"
}, },
"channel": { "channel": {
"editor": '{{.conf.EditorChannel}}', "editor": '{{.conf.EditorChannel}}',
"shell": '{{.conf.ShellChannel}}', "shell": '{{.conf.ShellChannel}}',
"output": '{{.conf.OutputChannel}}', "output": '{{.conf.OutputChannel}}',
"session": '{{.conf.SessionChannel}}' "session": '{{.conf.SessionChannel}}'
}, },
"wideSessionId": '{{.session.Id}}' "wideSessionId": '{{.session.Id}}'
}; };
// 发往 Wide 的所有 AJAX 请求需要使用该函数创建请求参数. // 发往 Wide 的所有 AJAX 请求需要使用该函数创建请求参数.
function newWideRequest() { function newWideRequest() {
var ret = { var ret = {
sid: config.wideSessionId sid: config.wideSessionId
} }
return ret; return ret;
} }
</script> </script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-2.1.1.min.js"> <script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-2.1.1.min.js">
</script> </script>

View File

@ -4,7 +4,7 @@
#dialogAbout { #dialogAbout {
margin: 35px 100px 0 100px; margin: 35px 100px 0 100px;
line-height: 20px; line-height: 28px;
} }
#dialogAbout a { #dialogAbout a {
@ -36,7 +36,6 @@
#dialogAbout .thx { #dialogAbout .thx {
border-left: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1;
padding-left: 24px; padding-left: 24px;
margin-top: 16px;
} }
#dialogAbout .thx, #dialogAbout .thx,

View File

@ -1,6 +1,5 @@
#startPage { #startPage {
font-size: 15px; padding: 50px 70px;
padding: 30px 70px;
line-height: 28px; line-height: 28px;
white-space: normal; white-space: normal;
word-wrap: break-word; word-wrap: break-word;
@ -19,7 +18,7 @@
background-color: #f5f5f5; background-color: #f5f5f5;
border-bottom-width: 0 !important; border-bottom-width: 0 !important;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
font-size: 18px; font-size: 15px;
margin-bottom: 10px; margin-bottom: 10px;
padding: 5px 10px; padding: 5px 10px;
} }

View File

@ -5,7 +5,6 @@
<h3>Coding with Go on the Wide way.</h3> <h3>Coding with Go on the Wide way.</h3>
</div> </div>
</div> </div>
<br/>
<div> <div>
<label>{{.i18n.current_ver}}{{.i18n.colon}}</label> <label>{{.i18n.current_ver}}{{.i18n.colon}}</label>
<span class="version">{{.ver}}</span>, <span class="version">{{.ver}}</span>,