タイトルを修正

3 files changed, 14 insertions, 12 deletions

diff --git a/frontend/app/app.component.ts b/frontend/app/app.component.ts
index b5ac25c..57e0039 100644
--- a/frontend/app/app.component.ts
+++ b/frontend/app/app.component.ts
@@ -14,13 +14,11 @@ import {EditorComponent} from "./editor.component";
 @Component({
   selector: "my-app",
   template: `
-    <nav class="navbar">
+    <nav class="navbar container">
       <div class="brand">
-        <a class="navbar-brand" href="#">{{generateHeader()}}</a>
+        <a class="navbar-brand" [routerLink]="['Home']">poe</a>
+        <span class="navbar-text">{{poe_description}}</span>
       </div>
-      <!--<ul>
-        <li><a href="/">about poe</a></li>
-      </ul>-->
     </nav>
     <div class="container">
       <div id="editor" class="panel">
@@ -49,7 +47,8 @@ import {EditorComponent} from "./editor.component";
   { path: "/:sid",  name: "SnippetDetail",  component: SnippetDetailComponent },
 ])
 export class AppComponent {
-  editing: EditingData;
+  private editing: EditingData;
+  private poe_description = "run code in 15+ Ruby interpreters";
 
   constructor(
     private _service: SnippetService,
@@ -75,7 +74,7 @@ export class AppComponent {
   generateHeader() {
     const summary = this.editing.summarize();
     if (summary === "")
-      return "untitled";
+      return this.poe_description;
     else
       return summary;
   }
diff --git a/frontend/app/home.component.ts b/frontend/app/home.component.ts
index 5491f9b..9a3d5b8 100644
--- a/frontend/app/home.component.ts
+++ b/frontend/app/home.component.ts
@@ -13,8 +13,7 @@ export class HomeComponent {
     private _routeParams: RouteParams,
     private _service: SnippetService,
     private _edit_service: EditingDataService) {
-      const msg = "# poe: eval in 10+ Ruby interpreters\n" +
-        "# paste your code here"
+      const msg = "# paste your code here";
       _edit_service.set("ruby", msg);
   }
 }
diff --git a/frontend/poe.scss b/frontend/poe.scss
index 31677a5..ef92031 100644
--- a/frontend/poe.scss
+++ b/frontend/poe.scss
@@ -29,14 +29,18 @@ pre {
   border: 1px solid #e7e7e7;
   border-width: 0 0 1px;
   background-color: #f8f8f8;
-  padding: 0 30px;
   display: flex;
   align-items: center;
 
   .brand {
     flex-grow: 1;
-    padding: 15px 0;
-    font-size: 18px;
+    .navbar-brand {
+      font-size: 18px;
+      margin: 0 15px 0 10px;
+    }
+
+    .navbar-text {
+    }
   }
 
   a {