site

krieven · Dec 9, 2024 · bca4d99 · bca4d99
1 parent 84fe1c9
commit bca4d99
Show file tree

Hide file tree

Showing 17 changed files with 110 additions and 105 deletions.
diff --git a/.gitignore b/.gitignore
@@ -128,8 +128,4 @@ out
 .yarn/install-state.gz
 .pnp.*
 
-/.idea/.gitignore
-/.idea/misc.xml
-/.idea/modules.xml
-/.idea/vanilla-beans.iml
-/.idea/vcs.xml
+.idea
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# <img src="./flower.svg" style="float:left;margin-right:20px;"> VANILLA-BEANS
+# VANILLA-BEANS
 
 Thin layer on top of HTML and DOM API, dramatically simplify development of SPA using Vanilla Js style.
 

diff --git a/bundles/load-vanilla-beans.global.js b/bundles/load-vanilla-beans.global.js
diff --git a/bundles/vanilla-beans-factory.global.js b/bundles/vanilla-beans-factory.global.js
diff --git a/css/style.css b/css/style.css
@@ -1,25 +1,68 @@
 * {
     font-family: 'Courier New', Courier, monospace;
     box-sizing: border-box;
+    background-color: ghostwhite;
 }
 
 body {
-    margin: 0 50px 0 100px;
     font-size: 16px;
+    margin:0;
+}
+header, footer, main {
+    padding-left: 100px;
+    padding-right: 100px;
 }
-
 header {
     display: block;
     clear: both;
     margin-bottom: 20px;
+    position: sticky;
+    top: 0;
+    background-color: inherit;
+    padding-top: 1px;
+}
+
+header>menu {
+    padding: 0 0 10px;
+    display: flex;
+    gap: 20px;
+    flex-wrap: wrap;
+    justify-content: stretch;
+}
+
+header>menu>a {
+    font-size: larger;
 }
 
 footer {
     display: block;
     clear: both;
-    height: 100px;
-    margin-bottom: 20px;
     text-align: right;
+    position: sticky;
+    bottom: 0;
+    background-color: inherit;
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+}
+
+
+main {
+    display: flex;
+    gap: 40px;
+    padding-top:0;
+}
+main menu {
+    padding: 0;
+    margin: 0;
+    position: sticky;
+    top:190px;
+}
+main menu>li {
+    white-space: nowrap;
+}
+main>section {
+
 }
 
 h1 {
@@ -34,45 +77,6 @@ h5,
 h6,
 a {
     color: #ff6400;
-}
-
-form,
-.box {
-    display: inline-block;
-    vertical-align: top;
-}
-
-form input,
-form button {
-    width: 70px;
-}
-
-form {
-    width: 320px;
-}
-
-form {
-    padding: 25px 50px 25px 0;
-}
-
-.box {
-    padding: 25px 50px 25px 50px;
-}
-
-label {
-    display: block;
-    margin: 10px 0;
-}
-
-.bold {
+    white-space: nowrap;
     font-weight: bold;
 }
-
-menu {
-    list-style-type: none;
-    display: flex;
-    padding: 0;
-    margin-bottom: 0;
-    gap: 1em;
-    flex-wrap: wrap;
-}
diff --git a/docs/specification.ru.md b/docs/specification.ru.md
@@ -32,7 +32,7 @@
 ### Bean declaration
 Декларация бина - HTML разметка и (опционально) скрипт инициализации, описывающий поведение и обработчики событий жизненного цикла.
 
-Минимальая декларация бина на базе элемента DIV:
+Минимальная декларация бина на базе элемента DIV:
 
 ```html
 <div beans-as="my-bean"></div>
@@ -103,7 +103,7 @@
 ### Tags
 Добавлен только один тэг
 
-#### <a name="BEANS-IMPORT">&lt;BEANS-IMPORT&gt;</a> используется в [BeansModule declaration](#beansnodule-declaration)  для подключения зависимостей. должен располагаться на верхнем уровне декларации модуля. 
+#### &lt;BEANS-IMPORT&gt; используется в [BeansModule declaration](#beansnodule-declaration)  для подключения зависимостей. должен располагаться на верхнем уровне декларации модуля. 
 
 ```html
 --imports
@@ -163,7 +163,7 @@
 
 Пример декларации BeansModule с одним Bean, по имени "**root**" и теневым деревом.
 
-```xml
+```html
 -- импорты
 <beans-import type="css" beans-as="mystyle" src="../css/my-style.css"></beans-import>
 <beans-import type="css" beans-as="nextstyle" src="../css/next-style.css"></beans-import>
@@ -191,7 +191,7 @@
 
 - **[Init script](#init-script)**
     
-```xml
+```html
     </script>
 </div>
 ```

diff --git a/examples/logo/beans/logo.beans.htm b/examples/logo/beans/logo.beans.htm
@@ -1,6 +1,6 @@
 <beans-import beans-as="flower" src="../cjs/flower.js" type="cjs"></beans-import>
 <beans-import beans-as="utils" src="../../cjs/utils.js" type="cjs"></beans-import>
-<beans-import beans-as="style" src="../../../css/style.css" type="css"></beans-import>
+<beans-import beans-as="style" src="../css/style.css" type="css"></beans-import>
 
 <main beans-as="screen">
     <h1>Make your Vanilla flower</h1>

diff --git a/examples/logo/js/logo.standalone.js → examples/logo/generated/logo.standalone.js b/examples/logo/js/logo.standalone.js → examples/logo/generated/logo.standalone.js
diff --git a/examples/logo/index.html b/examples/logo/index.html
@@ -2,13 +2,13 @@
 <html lang="en_UK">
 
 <head>
-    <script src="../../bundles/load-vanilla-beans.global.js"></script>
+    <title>vanilla-beans flower</title>
+    <script src="https://unpkg.com/[email protected]/bundles/load-vanilla-beans.global.js"></script>
     <script>
         loadVanillaBeans('./beans/logo.beans.htm', function (factory) {
             factory.with({}).create('screen').beanMount(document.body)
         })
     </script>
-    <title>vanilla-beans flower</title>
 </head>
 
 <body></body>

diff --git a/examples/logo/standalone.html b/examples/logo/standalone.html
@@ -2,7 +2,7 @@
 <html>
     <head>
         <title>Standalone</title>
-        <script src="./js/logo.standalone.js" defer></script>
+        <script src="./generated/logo.standalone.js" defer></script>
     </head>
     <body></body>
 </html>
diff --git a/favicon.ico b/favicon.ico
diff --git a/favicon.png b/favicon.png
diff --git a/img/Untitled.xcf b/img/Untitled.xcf
diff --git a/img/favicon.png b/img/favicon.png
diff --git a/flower.svg → img/flower.svg b/flower.svg → img/flower.svg
diff --git a/img/logo.png b/img/logo.png