more objects in ts

SinSiXX · Oct 24, 2021 · b8f0749 · b8f0749
1 parent 8f043a4
commit b8f0749
Show file tree

Hide file tree

Showing 39 changed files with 2,059 additions and 1,902 deletions.
diff --git a/css/style.css b/css/style.css
@@ -44,10 +44,6 @@ svg {
 	background-image: url(throbber.gif);
 }
 
-#throbber:not(.visible) {
-	opacity: 0;
-}
-
 .ghost {
 	position: absolute !important; /* to prevent collision with .content */
 	opacity: 0.5;

diff --git a/css/ui.css b/css/ui.css
@@ -15,7 +15,8 @@ button:not(:disabled) {
 	transition: transform 500ms;
 }
 
-.ui:not(.visible) {
+.ui[hidden] {
+	display: block;
 	-webkit-transform: translate(100%, 0);
 	transform: translate(100%, 0);
 }
@@ -179,13 +180,13 @@ button:not(:disabled) {
 }
 
 .ui #toggle:after {
-	content: "←";
+	content: "→";
 	font-weight: bold;
 	font-size: 22px;
 }
 
-.ui.visible #toggle:after {
-	content: "→";
+.ui[hidden] #toggle:after {
+	content: "←";
 }
 
 .ui#help {
@@ -196,7 +197,7 @@ button:not(:disabled) {
 	width: 250px;
 }
 
-.ui#help:not(.visible) {
+.ui#help[hidden] {
 	-webkit-transform: translate(-100%, 0);
 	transform: translate(-100%, 0);
 }

diff --git a/index.html b/index.html
@@ -8,7 +8,6 @@
 
 		<link rel="stylesheet" type="text/css" href="/vendor/pell/css/pell.min.css">
 
-		<script src="my-mind.js"></script>
 		<script src="https://www.gstatic.com/firebasejs/5.5.2/firebase-app.js"></script>
 		<script src="https://www.gstatic.com/firebasejs/5.5.2/firebase-database.js"></script>
 		<script src="https://www.gstatic.com/firebasejs/5.5.2/firebase-auth.js"></script>
@@ -898,7 +897,7 @@ <h3>My Mind</h3>
 		</div>
 
 
-		<div id="io" class="ui">
+		<div id="io" class="ui" hidden>
 			<h3></h3>
 			<p>
 				<span>Storage</span>
@@ -988,7 +987,7 @@ <h3></h3>
 			</div>
 		</div>
 
-		<div id="help" class="ui">
+		<div id="help" class="ui" hidden>
 			<h3>Help</h3>
 
 			<p><span>Navigation</span></p>
@@ -1004,7 +1003,7 @@ <h3>Help</h3>
 			<table class="other"></table>
 		</div>
 
-		<div id="notes" class="ui">
+		<div id="notes" class="ui" hidden>
 			<h3>Topic Notes</h3>
 			<iframe id="notes-editor" sandbox="allow-scripts" src="editor.html"></iframe>
 		</div>
@@ -1025,9 +1024,6 @@ <h3>Topic Notes</h3>
 		</div>
 		<script>
 			window.onload = function() {
-				MM.App.init();
-				MM.App.io.restore();
-
 				window.editor = {
 					postMessage: function(action, value) {
 						var iframeElm = document.getElementById('notes-editor');
@@ -1047,6 +1043,7 @@ <h3>Topic Notes</h3>
 			}
 		</script>
 		<script src="/vendor/pell/src/pell.min.js"></script>
+		<script src="my-mind.js"></script>
 <!--
 TODO:
   shortterm: