diff --git a/src/js/src/example/app.html b/src/js/src/example/app.html new file mode 100644 index 0000000..796ec15 --- /dev/null +++ b/src/js/src/example/app.html @@ -0,0 +1,11 @@ + + + + + + +
+

this is abn "StaticPage" app example.

+
+ + \ No newline at end of file diff --git a/src/js/src/main/app.html b/src/js/src/main/app.html index 0532ed6..810669b 100644 --- a/src/js/src/main/app.html +++ b/src/js/src/main/app.html @@ -6,6 +6,7 @@ Solitude + @@ -51,13 +52,19 @@ - + + diff --git a/src/js/src/main/color-sample.html b/src/js/src/main/color-sample.html index 4e2bd78..45f9ff5 100644 --- a/src/js/src/main/color-sample.html +++ b/src/js/src/main/color-sample.html @@ -16,6 +16,10 @@
+
+
+
+
diff --git a/src/js/src/main/css/color-sample.css b/src/js/src/main/css/color-sample.css index da9fa8d..2921260 100644 --- a/src/js/src/main/css/color-sample.css +++ b/src/js/src/main/css/color-sample.css @@ -16,8 +16,14 @@ background-color: #6A91C1; } #main > div:nth-child(3) { + background-color: #aac0db; +} +#main > div:nth-child(4) { background-color: #CCCCCC; } +#main > div:nth-child(5) { + background-color: #ffffff; +} #plugins { display: none; diff --git a/src/js/src/main/css/index.css b/src/js/src/main/css/index.css index 501b9d6..ca0127d 100644 --- a/src/js/src/main/css/index.css +++ b/src/js/src/main/css/index.css @@ -1,14 +1,14 @@ body { - color: #CCCCCC; - background-color: #28385E; + color: #ffffff; + background-color: #6A91C1; font-size: 16px; margin: 0em; } #header { - color:#CCCCCC; + color:#ffffff; font-size: 1.25em; - background-color: #516C8D; + background-color: #6A91C1; margin-bottom: 0.25em; margin-left: 0.5em; height: 2em; @@ -38,8 +38,8 @@ font-size: 1.25em; min-height: 640px; margin-left: 0.5em; - color:#CCCCCC; - background-color: #516C8D; + color:#ffffff; + background-color: #6A91C1; } #left-menu.expanded.initial li { @@ -83,7 +83,7 @@ #left-menu li:nth-child(1) { border-top-style:solid; border-top-width:0.1em; - border-top-color:#CCCCCC; + border-top-color:#ffffff; } #left-menu li { padding-top: 0.25em; @@ -91,7 +91,7 @@ padding-left:0.25em; border-bottom-style:solid; border-bottom-width:0.1em; - border-bottom-color: #CCCCCC; + border-bottom-color: #ffffff; list-style:none; height: 1.25em; overflow:hidden; @@ -113,13 +113,13 @@ } #left-menu li:hover { - background-color: #6A91C1; + background-color: #516C8D; } #main-pane { width:100%; padding-top: 0.75em; - background-color:#516C8D; + background-color:#6A91C1; } #main-tabs { @@ -130,7 +130,7 @@ #main-tabs li.tab { display: inline-block; color: #516C8D; - background-color: #CCCCCC; + background-color: #ffffff; border-width: 0em; @@ -142,16 +142,16 @@ #main-tabs li.tab:hover { - background-color: #6A91C1; + background-color: #cccccc; } #main-tabs li.tab.selected { - border-bottom-color:#CCCCCC; + border-bottom-color:#ffffff; border-bottom-width: 0.25em; } #main-tabs li.tab:hover.selected { - background-color: #6A91C1; - border-bottom-color:#6A91C1; + background-color: #ffffff; + border-bottom-color:#ffffff; } @@ -167,8 +167,8 @@ width:100%; padding-left : 0.5em; padding-top :0.5em; - color: #516C8D; - background-color: #CCCCCC; + color: #000000; + background-color: #ffffff; } #main-pane div.type-iframe iframe, @@ -184,3 +184,7 @@ visibility: initial; resize: both; } + +#logarea { + display:none; +} diff --git a/src/js/src/main/preload.js b/src/js/src/main/preload.js index 6cf8496..9149c24 100644 --- a/src/js/src/main/preload.js +++ b/src/js/src/main/preload.js @@ -11,4 +11,6 @@ "env": { "dir" : __dirname }, + + get style() { return "electron" }, }) diff --git a/src/js/src/main/web-conf.js b/src/js/src/main/web-conf.js index 18682e8..45c481b 100644 --- a/src/js/src/main/web-conf.js +++ b/src/js/src/main/web-conf.js @@ -7,10 +7,19 @@ function loadTo(target) { const apps = target; - apps.main = {}; - apps.main.type = "main"; - apps.mdeditor = {}; - apps.mdeditor.type = "iframe"; - apps.mdeditor.src = "../mdeditor/app.html"; + const main = {} + main.type = "main"; + apps.main = main; + + const mdeditor = {}; + mdeditor.type = "iframe"; + mdeditor.src = "../mdeditor/app.html"; + apps.mdeditor = mdeditor; + + const example = {}; + example.type = "staticpage"; + example.src = "../example/app.html" + example.loadder = fetch; + apps.example = example; } \ No newline at end of file