in progress

kobihcmomanyi · Jun 15, 2018 · 490c2ff · 490c2ff
1 parent d0a8b72
commit 490c2ff
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 8 deletions.
diff --git a/assets/cover.js b/assets/cover.js
@@ -1,7 +1,7 @@
 (function() {
 
   Pts.namespace( this );
-  var space = new CanvasSpace("#pt").setup({bgcolor: "#123", resize: true, retina: true});
+  var space = new CanvasSpace("#pt").setup({bgcolor: "#fff", resize: true, retina: true});
   var form = space.getForm();
 
 
@@ -35,7 +35,7 @@
       // form.fillOnly( Color.LABtoRGB( color ).hex ).rect( space.innerBound );
 
       form.strokeOnly("#f03", 2).line( [space.center, space.pointer] );
-      form.strokeOnly("#fff", 1).lines( lines );
+      form.strokeOnly("#123", 1).lines( lines );
     },
 
     action: (type, x, y) => {

diff --git a/assets/style.css b/assets/style.css
@@ -4,7 +4,7 @@ html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-t
 
 body {
   background: #fff;
-  font-family: "Helvetica", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
   font-size: 12px;
   line-height: 1.35;
   margin: 0;
@@ -22,9 +22,9 @@ html * {
 /* Header & footer */
 
 #header {
-  font-size: 1.5em;
+  font-size: 1.4em;
   position: relative;
-  /* border-bottom: 3px solid #f03; */
+  border-bottom: 1px solid #f03;
   line-height: 70px;
 }
 
@@ -67,6 +67,26 @@ html * {
   padding: 0 2px; 
 }
 
+#topmenu {
+  position: absolute;
+  top: 0; right: 30px;
+  height: 100%; 
+  vertical-align: middle;
+}
+
+#topmenu > a {
+  display: inline-block;
+  vertical-align: middle;
+  font-weight: 400;
+  height: 100%;
+}
+
+
+#block_1 {
+  padding: 40px;
+  font-size: 2em;
+}
+
 
 /* ---------- */
 
@@ -94,7 +114,7 @@ html * {
 #board {
   cursor: pointer;
   width: 100%;
-  height: calc(100vh - 70px);
+  height: 60vh;
 }
 
 #pt {

diff --git a/guide/assets/style.css b/guide/assets/style.css
@@ -4,6 +4,7 @@ html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-t
 body {
   line-height: 1.5;
   font-size: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
 }
 
 a { color: #123; text-decoration: underline; }

diff --git a/index.html b/index.html
@@ -24,14 +24,23 @@
 <body>
 
 <div id="header">
-  <div id="pts"><a href="./">Pts<span>.</span></a><strong>js</strong> enables you to compose and visualize points in spaces.</div>
+  <div id="pts"><a href="./">Pts</a>
+    <div id="topmenu">
+        <a href="../demo/index.html"/>demos</a>
+        <a href="../guide/index.html"/>guides</a>
+        <a href="../docs/"/>docs</a>
+        <a href="https://github.com/williamngan/pts"/>github</a>
+        </div>
+    </div>
 </div>
 
 <div id="board">
     <div id="pt"></div>
 </div>
 
-<a id="start" href="./guide/Introduction-0000.html">Get started</a>
+<div id="block_1">Hello</div>
+
+<!-- <a id="start" href="./guide/Introduction-0000.html">Get started</a> -->
 
 
 <script type="text/javascript" src="./assets/cover.js"></script>