\ No newline at end of file
diff --git a/.hugo/content/backup/breadcrumbs.md b/.hugo/content/backup/breadcrumbs.md
deleted file mode 100644
index b195c9e..0000000
--- a/.hugo/content/backup/breadcrumbs.md
+++ /dev/null
@@ -1,99 +0,0 @@
-+++
-date = "2017-04-10T16:41:54+01:00"
-weight = 110
-description = "Traces for the users so they won't get lost"
-title = "Breadcrumbs"
-draft = false
-bref= "Breadcrumbs in Kube are formed as lists with default separator. This separator can be customized with ease by simply changing a single CSS line"
-toc = true
-+++
-
-
\ No newline at end of file
diff --git a/.hugo/content/backup/buttons.md b/.hugo/content/backup/buttons.md
deleted file mode 100644
index 3027dc7..0000000
--- a/.hugo/content/backup/buttons.md
+++ /dev/null
@@ -1,108 +0,0 @@
-+++
-date = "2017-04-10T16:41:16+01:00"
-weight = 70
-description = "Full variety of pressible, clickable and pushable buttons"
-title = "Buttons"
-draft = false
-bref = "Buttons in Kube are minimalistic, designed for instant and convenient customization, and are ready to be pushed, pressed, clicked and manipulated in whichever ways. A lot of interactive components use buttons, and you should too!"
-toc = true
-+++
-
-
Disabled buttons are automatically styles with muted colors, inactive and not clickable. As you can see, there's no need to set disabled class for the button element, and disabled argument is enough. Having this said, both a link and a button input require disabled class.
\ No newline at end of file
diff --git a/.hugo/content/backup/collapse.md b/.hugo/content/backup/collapse.md
deleted file mode 100644
index fdc4029..0000000
--- a/.hugo/content/backup/collapse.md
+++ /dev/null
@@ -1,207 +0,0 @@
-+++
-date = "2017-04-10T16:42:50+01:00"
-draft = false
-weight = 180
-description = "Smoothly and reliably collapse elements for extra convenience"
-title = "Collapse"
-bref="Collapsable elements are horizontally aligned tabs, in a way. Jokes aside, collapsable elements are useful and easy to setup, both for direct purpose of switching between content while collapsing everything else, and for navigation use cases"
-toc = true
-+++
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
We love APIs, and for interactive elements such as collapsable elements we offer ways to programmatically open and close individual elements, or all at once.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/.hugo/content/backup/colors.md b/.hugo/content/backup/colors.md
deleted file mode 100644
index d59e0fc..0000000
--- a/.hugo/content/backup/colors.md
+++ /dev/null
@@ -1,141 +0,0 @@
-+++
-date = "2017-04-10T16:43:14+01:00"
-draft = false
-weight = 210
-description = "The basic set of colors"
-title = "Colors"
-bref="Kube has a basic set of colors for text, links, buttons, states and gray palette. These colors help to create uniformity and harmony in the look of UI elements. All colors are carefully selected and combined with each other. Of course, you can change the color scheme to your choice in the framework settings."
-toc = true
-+++
-
-
Text
-
Contrasting black color for headings and less intense dark gray for the text helps to improve readability.
Harmonious and well-thought-out scheme of gray for a broad range of tasks in the designing of the interface from controls to backgrounds.
-
-
-
-
-
Black
-
$color-black
-
-
-
-
Darkgray
-
$color-darkgray
-
-
-
-
Midgray
-
$color-midgray
-
-
-
-
Gray
-
$color-gray
-
-
-
-
Lightgray
-
$color-lightgray
-
-
-
-
Silver
-
$color-silver
-
-
-
-
Aluminum
-
$color-aluminum
-
-
-
\ No newline at end of file
diff --git a/.hugo/content/backup/custom-plugins.md b/.hugo/content/backup/custom-plugins.md
deleted file mode 100644
index 49e0b67..0000000
--- a/.hugo/content/backup/custom-plugins.md
+++ /dev/null
@@ -1,96 +0,0 @@
-+++
-title = "Custom Plugins"
-description = "Flexible and extensible way to add custom features"
-weight = 20
-draft = false
-toc = true
-bref = "Kube has a lot to offer in terms of extensibility and flexibility, and plugins are the way of doing incredible things without bloating the core. With plugins, you can extend existing features, make them more interactive, or you can crate completely new functionality."
-+++
-
-
Here's what a generic plugin looks like. This template gives an overall idea of what you can do with plugins in Kube. Feel free to use this one as a boilerplate for your custom plugins.
Kube plugins can react on events with callbacks. Whenever you need your plugin to do something in response to an action or an event, just use a callback.
\ No newline at end of file
diff --git a/.hugo/content/backup/messages.md b/.hugo/content/backup/messages.md
deleted file mode 100644
index 11bc2ec..0000000
--- a/.hugo/content/backup/messages.md
+++ /dev/null
@@ -1,159 +0,0 @@
-+++
-date = "2017-04-10T16:41:34+01:00"
-draft = false
-weight = 90
-description = "Versatile and refined messages, ideal for daily use"
-title = "Messages"
-bref = "Messages are an essential part of modern web, and they can provide invaluable feedback to the users. Messages in Kube look nice, they are informative, simple and very easy to set up to whatever requirements you may have, style-wise or otherwise. Take a div, give it an message class, add a color using meaningful classes like error or success and you're practically done!"
-toc = true
-+++
-
-
This event fires immediately when the open instance method is called.
-
-
-
opened
-
This event is fired when the message has been opened, will wait for CSS animation to complete.
-
-
-
close
-
This event fires immediately when the close instance method is called.
-
-
-
closed
-
This event is fired when the message has been closed, will wait for CSS animation to complete.
-
-
-
-
Example
-
$('#my-message').on('closed.message', function()
-{
- // do something
-})
-
diff --git a/.hugo/content/backup/typography.md b/.hugo/content/backup/typography.md
deleted file mode 100644
index 40f30ef..0000000
--- a/.hugo/content/backup/typography.md
+++ /dev/null
@@ -1,452 +0,0 @@
-+++
-title = "Typography"
-weight = 25
-draft = false
-description = "Always precise spacing and perfect font size"
-bref = "Typography is perhaps one of the most important and most visible things on a web page. Even slightest imperfection can ruin otherwise perfect website. With Kube, you will have perfect typography with ideal spacing, font sizes and proportions, regardless of the exact style or font you choose for your site."
-toc = true
-+++
-
-
Typography of Kube based on the 4px horizontal grid, it means that for the headers, paragraphs, quotes and any other texts chosen are a combination of line-height, that fit into the 4px grid and help set the horizontal rhythm of design by default.
-
-
-
- 4px grid for typography - the magic of the horizontal rhythm
-
-
-
With this feature, you can quickly and easily make a solid and harmonious-looking website and UI design. You do not need to do complicated calculations to find the size and proportions of the text baseline, no need to look for the magic formula to build a horizontal rhythm. Magic is already in Kube.
-
You can use all the default settings of typography and it will always look balanced. But also you can easily change any font sizes, just try to set the value of line-height fold for 4px and your texts will still look great.
-
Additional balance and harmony, creates a classic typography scale, used in Kube.
-
-
-
- The typography scale helps to build a balance between the size of headings and text elements
-
-
-
Use h1-h6 tags or .h1-.h6 classes to define headers and class="title" for the title, which is suitable for the most important inscriptions, for example, in the hero or covers.
The base pragraph has an ideal ratio of font size and baseline. This text is easy to read in most cases.
-
-
16px/24px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<p>...</p>
-
-
In special cases, you can use modifiers which increase or decrease the text size. It is useful for building a variety of websites and UI, when you need to make a lead text or signatures with a small font size .
-
-
20px/32px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<pclass="large">...</p>
-
-
-
18px/28px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<pclass="big">...</p>
-
-
-
14px/20px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<pclass="small">...</p>
-
-
-
12px/20px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
Kube has three classes of .columns-2 through .columns-4 to create a multi-column layout. All multi-column layouts will be in a single column on mobile.
-
-
2 columns
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
<divclass="columns-2">
- <p>...</p>
-</div>
-
-
-
-
3 columns
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
<divclass="columns-3">
- <p>...</p>
-</div>
-
-
-
-
4 columns
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Quotes in the text stand out for contrast and added variety to the text. In the quotes you can mark text as a paragraph tag and without it.
-
-
-
No, she'll probably make me do it. Goodbye, friends. I never thought I'd die like this. But I always really hoped. I saw you with those two "ladies of the evening" at Elzars. Explain that. I never loved you.
-
-
<blockquote>...</blockquote>
-
-
Use small tag for attribution. It's a prefer way for semantic code.
-
-
-
Who's brave enough to fly into something we all keep calling a death sphere? Yes. You gave me a dollar and some candy. I just want to talk. It has nothing to do with mating. Fry, that doesn't make sense.
Modifiers - a set of helper classes for creating accents in the text and for the solution of useful tasks without writing CSS code, for example, the alignment of the text in the center.
-
Modifiers can be applied to any tags as inline elements, links or block tags.
A figure tag features an image, a video or a code plus a caption. It is a good accessibility practice. It also helps serve responsive video to various devices when you wrap video into .video-container class.
-
Images
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit...
-
-
-
Although you most likely will not ever need to do so, you can still nest as many list levels as you like.
-
-
-
-
-
list item 1
-
list item 2
-
-
list item 2.1
-
list item 2.2
-
-
list item 2.2.1
-
list item 2.2.2
-
-
-
list item 2.3
-
list item 2.4
-
-
-
list item 3
-
list item 4
-
-
<ul>
- <li>...</li>
-</ul>
-
-
-
-
-
-
-
list item 1
-
list item 2
-
-
list item 2.1
-
list item 2.2
-
-
list item 2.2.1
-
list item 2.2.2
-
-
-
list item 2.3
-
list item 2.4
-
-
-
list item 3
-
list item 4
-
-
<ol>
- <li>...</li>
-</ol>
-
-
-
-
-
Unstyled List
-
To remove default list styling, use .unstyled.
-
-
-
list item 1
-
list item 2
-
-
list item 2.1
-
list item 2.2
-
-
-
list item 3
-
list item 4
-
-
<ulclass="unstyled">
- <li>...</li>
-</ul>
-
-
-
Definition List
-
From time to time, you may need to produce a list of definitions, and there's one nicely built-in into Kube. We love semantic things. And lists. We love lists.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
We love APIs, and for interactive elements such as collapsable elements we offer ways to programmatically open and close individual elements, or all at once.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/.hugo/content/blog/dropdown.md b/.hugo/content/blog/dropdown.md
deleted file mode 100644
index 2c2eaf5..0000000
--- a/.hugo/content/blog/dropdown.md
+++ /dev/null
@@ -1,172 +0,0 @@
-+++
-date = "2017-04-10T16:42:12+01:00"
-draft = false
-weight = 140
-description = "Popular and adjustable menu and navigation option"
-title = "Dropdown"
-bref= "Dropdown menus in Kube are simple and intuitive. You've got a link with data-component='dropdown' and a div with some kind of HTML content. Clicking outside of the dropdown or hitting Esc closes dropdown"
-toc = true
-+++
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
$('#my-dropdown').on('open.dropdown', function()
-{
- // do something...
-});
-
opened
-
$('#my-dropdown').on('opened.dropdown', function()
-{
- // do something...
-});
-
close
-
$('#my-dropdown').on('close.dropdown', function()
-{
- // do something...
-});
-
closed
-
$('#my-dropdown').on('closed.dropdown', function()
-{
- // do something...
-});
\ No newline at end of file
diff --git a/.hugo/content/blog/forms.md b/.hugo/content/blog/forms.md
deleted file mode 100644
index 2055793..0000000
--- a/.hugo/content/blog/forms.md
+++ /dev/null
@@ -1,800 +0,0 @@
-+++
-date = "2017-04-10T16:40:50+01:00"
-title = "Forms"
-draft = false
-weight = 60
-description = "Rows and columns for all sorts of tables"
-bref = 'Forms come in all forms and shapes in Kube, and you can do all sorts of things with them, especially when combining with custom plugins for extra interactivity. These forms are ideal building material for your awesome projects!'
-toc = true
-+++
-
-
Here's a standard input field with type set as text. Label serves as input's label, and the following div with class desc serves as an optional description.
Kube features full variety of stylish checkboxes and radio buttons. You can feature them on your pages by defining input type as checkbox or radio. There's also a neat option to place checkboxes inline by adding form-checkboxes class to the container (works for both checkboxes and radio buttons)
The examples below are quite self explanatory and they cover multiple selections, selecting dates, filling in phone numbers, a ready feedback form template and more. Feel free to use any of these examples as templates for your sites.
\ No newline at end of file
diff --git a/.hugo/content/blog/grid.md b/.hugo/content/blog/grid.md
deleted file mode 100644
index f750657..0000000
--- a/.hugo/content/blog/grid.md
+++ /dev/null
@@ -1,588 +0,0 @@
-+++
-draft = false
-weight = 30
-description = "Flexible, fully responsive and ready to use"
-title = "Grid"
-bref = "Kube uses fully responsive, flexbox-enabled 12-column grid. You can combine or divide columns, nest them, center them horizontally or vertically, and do all sorts of things. Here are a few examples of what you can do with Kube's grid."
-toc = true
-+++
-
-
Offsetting columns is very simple in Kube. Just use column's class as usual, for example, col col-2 and then add the offset value offset-4. This will offset this column and all following columns by 4.
Here's an example of nesting columns within columns. In this example, we have a single row, with two columns .col col-6, a div nested within the second column, with .row end class to denote where to inject nested columns, and the three nested columns.
Media grid is a great example of Kube's flexibility and versatility. Whenever you have some media to display, you can choose to use Media grid. This type of grid is ideal for featuring photos; it adds some visual music and slight randomness to your layout.
diff --git a/.hugo/content/blog/inline-style.md b/.hugo/content/blog/inline-style.md
deleted file mode 100644
index 02623be..0000000
--- a/.hugo/content/blog/inline-style.md
+++ /dev/null
@@ -1,10 +0,0 @@
-+++
-date = "2017-04-02T21:56:55+01:00"
-title = "Inline 🐣Text Styles"
-tags = ["markdown","example"]
-categories = ["general"]
-draft = false
-description = "This article is just a demo."
-+++
-
-Chocolate tiramisu pastry a link cotton candy sesame snaps. Dessert cake chocolate bar a bold part sugar plum bonbon marshmallow lollipop toffee soufflé. Donut caramels chocolate bar. Oat cake cookie a marked part cheesecake donut. Jelly-o $code marzipan cake. Bonbon sesame snaps chocolate an italic part oat cake pudding sweet roll caramels bonbon. Soufflé muffin 👻 gummies sugar plum dessert bonbon bear claw. Sweet ice cream jujubes. Marzipan sugar plum pastry chocolate ⌘+A bar fruitcake. Lollipop lollipop brownie.
\ No newline at end of file
diff --git a/.hugo/content/blog/labels.md b/.hugo/content/blog/labels.md
deleted file mode 100644
index 2069ff6..0000000
--- a/.hugo/content/blog/labels.md
+++ /dev/null
@@ -1,51 +0,0 @@
-+++
-date = "2017-04-10T16:40:43+01:00"
-title = "Labels"
-draft = false
-weight = 80
-description = "Label things with all sorts of labels"
-bref = "Labels have all standard Kube styling options available: outline, states (success, error, warning), inverted color, and more. You can also customize labels to your requirements, and place them inside other elements, such as buttons, for example"
-toc = true
-+++
-
-
\ No newline at end of file
diff --git a/.hugo/content/blog/messages.md b/.hugo/content/blog/messages.md
deleted file mode 100644
index 5b884b7..0000000
--- a/.hugo/content/blog/messages.md
+++ /dev/null
@@ -1,158 +0,0 @@
-+++
-date = "2017-04-10T16:41:34+01:00"
-draft = false
-weight = 90
-description = "Versatile and refined messages, ideal for daily use"
-title = "Messages"
-bref = "Messages are an essential part of modern web and messages in Kube look nice"
-+++
-
-
This event fires immediately when the open instance method is called.
-
-
-
opened
-
This event is fired when the message has been opened, will wait for CSS animation to complete.
-
-
-
close
-
This event fires immediately when the close instance method is called.
-
-
-
closed
-
This event is fired when the message has been closed, will wait for CSS animation to complete.
-
-
-
-
Example
-
$('#my-message').on('closed.message', function()
-{
- // do something
-})
-
diff --git a/.hugo/content/blog/mixins.md b/.hugo/content/blog/mixins.md
deleted file mode 100644
index 70a3b93..0000000
--- a/.hugo/content/blog/mixins.md
+++ /dev/null
@@ -1,268 +0,0 @@
-+++
-weight = 230
-description = "Mixins save countless hours and bring results faster"
-date = "2017-04-10T16:43:36+01:00"
-title = "Mixins"
-draft = false
-bref="Mixins are a great way to produce things and effects way faster with Sass then with pure CSS. Kube has a lot to offer in this respect; feel free to use any of these mixins with any Kube components."
-toc = true
-+++
-
-
Kube has been designed to help you with web development, that's why it's so easy to use Kube when building websites. To move forward quickly and efficiently, just link kube.scss from Kube package: this file contains variables, mixins and everything you need to simplify daily routine tasks.
-
For example, import kube.scss into your master.scss styles file, which you will later compile into master.css
-
// master.scss
-@import"dist/scss/kube.scss";
-
-
Now all Kube's variables and mixins are readily available in master.scss, and you can use them whenever needed.
.brand {
- background-repeat: no-repeat;
- background-image: url("../logo.png");
-}
-@media only screen and (-webkit-min-device-pixel-ratio: 2),
- only screen and (min--moz-device-pixel-ratio: 2),
- only screen and (-o-min-device-pixel-ratio: 2 / 1),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx)
- {
- .brand {
- background-image: url("../logo-2x.png");
- background-size: 100px auto;
- }
- }
-
\ No newline at end of file
diff --git a/.hugo/content/blog/modal.md b/.hugo/content/blog/modal.md
deleted file mode 100644
index 1321b83..0000000
--- a/.hugo/content/blog/modal.md
+++ /dev/null
@@ -1,189 +0,0 @@
-+++
-title = "Modal"
-draft = false
-weight = 150
-date = "2017-04-10T16:42:18+01:00"
-description = "Clean, functional, and extensible modal window dialogs"
-bref="Modal windows are used for various reasons and purposes. Kube makes the way you design and operate modal windows very straightforward. First, you set a div which will represent the content of the modal window, then you set up a way to open and close this window, and finally you add a way to call the modal from the page"
-toc = true
-+++
-
-
Calling
-
Here you add an actual call to the modal window. Clicking the "Open" button below will launch a modal with content of a #my-modal div. You can use buttons or links to open modals in Kube. Clicking anywhere outside of the modal or hitting ESC will close the window.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Defines a URL in case your modal is opening via a URL.
-
header
-
-
Type: string
-
Default: false
-
-
Sets the header for the modal window. Optional, and is false by default.
-
width
-
-
Type: string
-
Default: '600px'
-
-
height
-
-
Type: string
-
Default: false
-
-
maxHeight
-
-
Type: string
-
Default: false
-
-
This setting defines the maximum height of the window. A scrollbar will be introduced in case there's more text than maxHeight can accommodate.
-
position
-
-
Type: string
-
Default: 'center'
-
-
This is where your modal appears when opened.
-
overlay
-
-
Type: boolean
-
Default: true
-
-
When this is set to false, you modal window will just appear on top ow your page, without an overlay effect. By default, your page will be "covered" with a semi-transparent layer when you open a modal.
Content of the modal window can be set up on the fly as well. No need for a div with modal class.
-
setWidth
-
$('#my-modal').modal('setWidth', '800px');
-
\ No newline at end of file
diff --git a/.hugo/content/blog/offcanvas.md b/.hugo/content/blog/offcanvas.md
deleted file mode 100644
index 37ed858..0000000
--- a/.hugo/content/blog/offcanvas.md
+++ /dev/null
@@ -1,140 +0,0 @@
-+++
-date = "2017-04-10T16:42:43+01:00"
-draft = false
-weight = 180
-description = "Navigation, menus and content sliding from outside the page"
-title = "Offcanvas"
-bref="Offcanvas makes it look like a menu is sliding from the outside of the page. This may be useful in many different cases, one of them being when you need to save space on screen and don't have to display sidebar at all times"
-toc= true
-+++
-
-
This feature is very easy to set up. It is based on data-component set to offcanvas, data-target set to the menu layer (#offcanvas-right in example below) and a feature-specific data-direction which is required for right menu to be set to right.
Sets ID selector of an element that will slide from the side.
-
push
-
-
Type: boolean
-
Default: true
-
-
direction
-
-
Type: string
-
Default: 'left'
-
-
The direction in which page will shift to give way for the sidebar menu. Default is left and is not required for left-side navigation, however, right value must be set for the right-side menu to work.
-
clickOutside
-
-
Type: boolean
-
Default: true
-
-
Unless set to false, clicking anywhere on a page will make side menu to close.
-
width
-
-
Type: string
-
Default: '250px'
-
-
Sidebar width in pixels.
-
animation
-
-
Type: boolean
-
Default: true
-
-
Setting this to false turns off opening and closing animation.
$('#my-offcanvas').on('open.offcanvas', function()
-{
- // do something...
-});
-
-
opened
-
$('#my-offcanvas').on('opened.offcanvas', function()
-{
- // do something...
-});
-
-
close
-
$('#my-offcanvas').on('close.offcanvas', function()
-{
- // do something...
-});
-
-
closed
-
$('#my-offcanvas').on('closed.offcanvas', function()
-{
- // do something...
-});
-
\ No newline at end of file
diff --git a/.hugo/content/blog/pagination.md b/.hugo/content/blog/pagination.md
deleted file mode 100644
index e5a3d05..0000000
--- a/.hugo/content/blog/pagination.md
+++ /dev/null
@@ -1,196 +0,0 @@
-+++
-date = "2017-04-10T16:42:03+01:00"
-draft = false
-weight = 130
-description = "Various flexible pagination options for your site"
-title = "Pagination"
-bref= "Default pagination in Kube is organized using lists, with visual cues for the user what is the current page, and page numbers for easier navigation. Pagination buttons and multiline formats are available out-of-the-box as well"
-toc =true
-+++
-
-
\ No newline at end of file
diff --git a/.hugo/content/blog/prototyping.md b/.hugo/content/blog/prototyping.md
deleted file mode 100644
index f55d46a..0000000
--- a/.hugo/content/blog/prototyping.md
+++ /dev/null
@@ -1,23 +0,0 @@
-+++
-date = "2017-04-02T22:01:15+01:00"
-title = "Prototyping with markdown"
-tags = ["markdown","prototype", "hugo"]
-categories = ["design"]
-description = "An idea to make website protoype with markdown"
-draft = false
-weight = 30
-+++
-
-
-
-I have been working on a large set of documentation for a prototype that will eventually make it into a product. One issue with the publishing system at my company is that it makes doing prototypes, or really anything not within the rigidly and narrowly scoped model, difficult to set up. It takes a lot of work just to get to the point where you can begin writing.
-
-Since time was of the essence and writing is expensive, I decided to do the prototype outside of the publishing system. I also decided to avoid using the rigid DocBook variant we use. Instead, **I figured I do the prototype in Markdown using Hugo generator**. It gives me reasonably ~full featured Markdown support, flexibility to work wherever I want, easy HTML~ ,nd the stack/sheet metaphor fits nicely with topic based writing.
-
-
-I wasn't sure how well the experiment was going to work when I started, but a few weeks in I think it is great. ~I was able to rapidly prototype fifteen topics in about ten days.~ The prototype pages look fairly close to what our actual system generates. ~I can quickly make changes to the content as needed and republish.~ ~The fact that I can work multi-platform is great. I am not chained to my desk. I can demo changes easily.~
-
-
-~The fact that I am working in text that doesn't have to be structured in a rigid format makes the work flow faster~. It provides flexibility for quick changes, yet also allows for topic orientation.
-For final production and long term maintenance, unstructured Markdown is not a great solution. There the benefits of the rigidity outweigh the cost. The rigidity enforces uniformity that large groups of variously skilled writers need to create and maintain content at scale.
-> For small, fast projects or prototyping Markdown, with Hugo, have proven to be an excellent solution.
\ No newline at end of file
diff --git a/.hugo/content/blog/quick-start.md b/.hugo/content/blog/quick-start.md
deleted file mode 100644
index dc75490..0000000
--- a/.hugo/content/blog/quick-start.md
+++ /dev/null
@@ -1,81 +0,0 @@
-+++
-title = "Quick Start"
-description = "Up and running in under a minute"
-weight = 10
-draft = false
-toc = true
-bref = "As a complete and self-sufficient web framework, Kube is here to help you get the most out of your daily work. Kube takes care of routine stuff, saving you precious time for things that you love. Starting up with Kube is ridiculously fast you can start in under a minute. Here's how to set up Kube, and what basic customization are available out-of-the-box."
-+++
-
-
With Kube, you can set up your web framework and be on your way in under a minute. Just add this code to your web page for the basic template to take effect immediately.
-
-
<!DOCTYPE html>
-<html>
-<head>
- <title>Basic Template</title>
-
- <metacharset="utf-8">
- <metaname="viewport"content="width=device-width, initial-scale=1">
-
- <!-- Kube CSS -->
- <linkrel="stylesheet"href="assets/css/kube.css">
-
-</head>
-<body>
- <h1>Hello, world!</h1>
-
- <!-- Kube JS + jQuery are used for some functionality, but are not required for the basic setup -->
- <scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
- <scriptsrc="assets/js/kube.js"></script>
-</body>
-</html>
Kube has been designed to help you with web development, that's why it's so easy to use Kube when building websites. To move forward quickly and efficiently, just link kube.scss from Kube package: this file contains variables, mixins and everything you need to simplify daily routine tasks.
-
-
-
- For example, import kube.scss into your master.scss styles file, which you will later compile into master.css:
-
-
-
// master.scss
-@import"dist/scss/kube.scss";
-
-
- Now all Kube's variables and mixins are readily available in master.scss,
- and you can use them whenever needed. For instance, here's how one of examples:
-
diff --git a/.hugo/content/blog/sticky.md b/.hugo/content/blog/sticky.md
deleted file mode 100644
index 9779ed5..0000000
--- a/.hugo/content/blog/sticky.md
+++ /dev/null
@@ -1,66 +0,0 @@
-+++
-date = "2017-04-10T16:42:26+01:00"
-title = "Sticky"
-draft = false
-weight = 160
-description = "Make navigation menus stick to the top on scroll"
-bref="Sticky navigation makes it easy to affix menus to the top of the page whenever a user scrolls the page down. This could be very helpful and useful on long pages. Sticky is disabled on mobile devices to avoid unwanted content overlaps and to preserve valuable screen real estate"
-toc = true
-+++
-
-
Using this callback, you can act upon menu becoming fixed at the top of the page.
-
$('#my-nav').on('fixed.sticky', function()
-{
- // do something...
-});
-
-
unfixed
-
Whenever fixed position of the menu is released, you can do something with this callback.
-
$('#my-nav').on('unfixed.sticky', function()
-{
- // do something...
-});
-
-
-
Some scrollable material
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/.hugo/content/blog/tables.md b/.hugo/content/blog/tables.md
deleted file mode 100644
index 0bc6c26..0000000
--- a/.hugo/content/blog/tables.md
+++ /dev/null
@@ -1,196 +0,0 @@
-+++
-date = "2017-04-10T16:40:43+01:00"
-title = "Tables"
-draft = false
-weight = 50
-description = "Rows and columns for all sorts of tables"
-toc = true
-bref = "Tables are an essential part of many different contexts. Kube serves them all and delivers full variety of tables, preformatted to save you time. Whatever your requirements are, tables are completely customizable to match them."
-+++
-
-
\ No newline at end of file
diff --git a/.hugo/content/blog/tabs.md b/.hugo/content/blog/tabs.md
deleted file mode 100644
index 95b6e23..0000000
--- a/.hugo/content/blog/tabs.md
+++ /dev/null
@@ -1,286 +0,0 @@
-+++
-title = "Tabs"
-date = "2017-04-10T16:41:40+01:00"
-draft = false
-weight = 100
-description = "User-friendly navigation for your content or app"
-bref= "Tabs in Kube are crafted the way one would expect from the world's best CSS framework. With versatile API, wide range of settings an options, with callbacks and live examples. Take a look!"
-toc= true
-+++
-
-
Here's an example of basic tabs setup. Tabs bar is an unordered list, and each tab in tabs bar is a list item. For each tab there's a corresponding div, which contains the body of the tab (it can be any kind of HTML).
-
-
-
-
Home
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
Shop
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
Catalog
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
T-Shirts
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
Brand
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tabs are interactive elements, and can be opened, closed, switched, destroyed and selected programmatically via JavaScript. Try this example, poke around and then have a look at the self-explanatory code example below.
-
-
-
-
-
Home
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
Shop
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
Catalog
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
T-Shirts
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
Brand
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Often it is important to create tabs that are equal in width regardless of content. data-equals is here to help you with this task.
-
-
-
-
Tab 1
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Livetabs provide a very seamless and smooth experience by blending content and tabs in this kind of live manner. Set up data-live class, and make sure your tabs have this same class. It's that simple.
-
-
-
-
General
-
This is very General Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
Additional
-
Quite an additional is displayed here: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/.hugo/content/blog/toggleme.md b/.hugo/content/blog/toggleme.md
deleted file mode 100644
index a5bda7d..0000000
--- a/.hugo/content/blog/toggleme.md
+++ /dev/null
@@ -1,157 +0,0 @@
-+++
-title = "Toggleme"
-date = "2017-04-10T16:42:59+01:00"
-draft = false
-weight = 190
-description = "Display or hide elements with simple toggle"
-bref= "Toggleme is a great way to add a binary option to either display some content or hide it. It works like a charm for menus, disclaimers and so much more!"
-toc = true
-+++
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
... and, I'm opened too. Now hide me
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
var isOpened = $('#togglebox-target').toggleme('isOpened');
-
-
isClosed
-
var isClosed = $('#togglebox-target').toggleme('isClosed');
-
-
destroy
-
$('#togglebox-target').toggleme('destroy');
-
diff --git a/.hugo/content/blog/typography.md b/.hugo/content/blog/typography.md
deleted file mode 100644
index e5b631b..0000000
--- a/.hugo/content/blog/typography.md
+++ /dev/null
@@ -1,452 +0,0 @@
-+++
-title = "Typography with kube"
-weight = 25
-draft = false
-description = "Always precise spacing and perfect font size"
-bref = "Typography is perhaps one of the most important and most visible things on a web page. Even slightest imperfection can ruin otherwise perfect website. With Kube, you will have perfect typography with ideal spacing, font sizes and proportions, regardless of the exact style or font you choose for your site."
-
-+++
-
-
Typography of Kube based on the 4px horizontal grid, it means that for the headers, paragraphs, quotes and any other texts chosen are a combination of line-height, that fit into the 4px grid and help set the horizontal rhythm of design by default.
-
-
-
- 4px grid for typography - the magic of the horizontal rhythm
-
-
-
With this feature, you can quickly and easily make a solid and harmonious-looking website and UI design. You do not need to do complicated calculations to find the size and proportions of the text baseline, no need to look for the magic formula to build a horizontal rhythm. Magic is already in Kube.
-
You can use all the default settings of typography and it will always look balanced. But also you can easily change any font sizes, just try to set the value of line-height fold for 4px and your texts will still look great.
-
Additional balance and harmony, creates a classic typography scale, used in Kube.
-
-
-
- The typography scale helps to build a balance between the size of headings and text elements
-
-
-
Use h1-h6 tags or .h1-.h6 classes to define headers and class="title" for the title, which is suitable for the most important inscriptions, for example, in the hero or covers.
The base pragraph has an ideal ratio of font size and baseline. This text is easy to read in most cases.
-
-
16px/24px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<p>...</p>
-
-
In special cases, you can use modifiers which increase or decrease the text size. It is useful for building a variety of websites and UI, when you need to make a lead text or signatures with a small font size .
-
-
20px/32px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<pclass="large">...</p>
-
-
-
18px/28px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<pclass="big">...</p>
-
-
-
14px/20px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
-
<pclass="small">...</p>
-
-
-
12px/20px
-
By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
Kube has three classes of .columns-2 through .columns-4 to create a multi-column layout. All multi-column layouts will be in a single column on mobile.
-
-
2 columns
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
<divclass="columns-2">
- <p>...</p>
-</div>
-
-
-
-
3 columns
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
<divclass="columns-3">
- <p>...</p>
-</div>
-
-
-
-
4 columns
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Quotes in the text stand out for contrast and added variety to the text. In the quotes you can mark text as a paragraph tag and without it.
-
-
-
No, she'll probably make me do it. Goodbye, friends. I never thought I'd die like this. But I always really hoped. I saw you with those two "ladies of the evening" at Elzars. Explain that. I never loved you.
-
-
<blockquote>...</blockquote>
-
-
Use small tag for attribution. It's a prefer way for semantic code.
-
-
-
Who's brave enough to fly into something we all keep calling a death sphere? Yes. You gave me a dollar and some candy. I just want to talk. It has nothing to do with mating. Fry, that doesn't make sense.
Modifiers - a set of helper classes for creating accents in the text and for the solution of useful tasks without writing CSS code, for example, the alignment of the text in the center.
-
Modifiers can be applied to any tags as inline elements, links or block tags.
A figure tag features an image, a video or a code plus a caption. It is a good accessibility practice. It also helps serve responsive video to various devices when you wrap video into .video-container class.
-
Images
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit...
-
-
-
Although you most likely will not ever need to do so, you can still nest as many list levels as you like.
-
-
-
-
-
list item 1
-
list item 2
-
-
list item 2.1
-
list item 2.2
-
-
list item 2.2.1
-
list item 2.2.2
-
-
-
list item 2.3
-
list item 2.4
-
-
-
list item 3
-
list item 4
-
-
<ul>
- <li>...</li>
-</ul>
-
-
-
-
-
-
-
list item 1
-
list item 2
-
-
list item 2.1
-
list item 2.2
-
-
list item 2.2.1
-
list item 2.2.2
-
-
-
list item 2.3
-
list item 2.4
-
-
-
list item 3
-
list item 4
-
-
<ol>
- <li>...</li>
-</ol>
-
-
-
-
-
Unstyled List
-
To remove default list styling, use .unstyled.
-
-
-
list item 1
-
list item 2
-
-
list item 2.1
-
list item 2.2
-
-
-
list item 3
-
list item 4
-
-
<ulclass="unstyled">
- <li>...</li>
-</ul>
-
-
-
Definition List
-
From time to time, you may need to produce a list of definitions, and there's one nicely built-in into Kube. We love semantic things. And lists. We love lists.
\ No newline at end of file
diff --git a/.hugo/content/blog/utils.md b/.hugo/content/blog/utils.md
deleted file mode 100644
index 3e58bcc..0000000
--- a/.hugo/content/blog/utils.md
+++ /dev/null
@@ -1,124 +0,0 @@
-+++
-date = "2017-04-10T16:43:30+01:00"
-draft = false
-weight = 280
-description = "A dozen of useful utilities that come with Kube"
-title = "Utils"
-bref= "Here you can find over a dozen of examples of little tiny utilities, that can make developer's life that much easier, and your project progress that much faster."
-toc = true
-+++
-
-
This is a very useful little bit. Whenever you need to hide some text or an element on a small screen, just throw in hide-sm class. Or, if you need to specifically show something only on small screens, show-sm class is yours for the job. You can also just plain hide stuff with hide class. Can you see red words "I'm hidden" below? Exactly.
-
-
- I'm hidden
-
-
- This text will not show up on a small screen.
-
-
Resize your window and trust us on this ↑↓
-
- This text will only show up on a small screen
-
-
<divclass="hide">I'm hidden</div>
-<divclass="hide-sm">This text will not show up on a small screen.</div>
-<divclass="show-sm">This will only show up on a small screen</div>
-
diff --git a/.hugo/content/docs/add.md b/.hugo/content/docs/add.md
deleted file mode 100644
index 6994a06..0000000
--- a/.hugo/content/docs/add.md
+++ /dev/null
@@ -1,163 +0,0 @@
-+++
-title = "stream.Add"
-description = "Add a new element in the stream"
-weight = 13
-draft = false
-toc = true
-bref = "Add a new element into the stream."
-+++
-
-
diff --git a/.hugo/content/docs/at.md b/.hugo/content/docs/at.md
deleted file mode 100644
index 365419d..0000000
--- a/.hugo/content/docs/at.md
+++ /dev/null
@@ -1,154 +0,0 @@
-+++
-title = "stream.At"
-description = "Returns the element in the stream in the given position"
-weight = 12
-draft = false
-toc = true
-bref = "Returns the element in the stream in the given position"
-+++
-
-
diff --git a/.hugo/content/docs/compose.md b/.hugo/content/docs/compose.md
deleted file mode 100644
index 5cd333e..0000000
--- a/.hugo/content/docs/compose.md
+++ /dev/null
@@ -1,160 +0,0 @@
-+++
-title = "stream.Compose"
-description = "Join 2 or more streams in a single one"
-weight = 23
-draft = false
-toc = true
-bref ="Join 2 or more streams in a single one"
-+++
-
-
diff --git a/.hugo/content/docs/contains.md b/.hugo/content/docs/contains.md
deleted file mode 100644
index c8181b1..0000000
--- a/.hugo/content/docs/contains.md
+++ /dev/null
@@ -1,162 +0,0 @@
-+++
-title = "stream.Contains"
-description = "Check if the given element is found in the stream"
-weight = 15
-draft = false
-toc = true
-bref = "Check if the given element is found in the stream"
-+++
-
-
-{{< highlight golang >}}
-package main
-
-import (
- "fmt"
- "github.com/wesovilabs/koazee"
-)
-
-type genre int
-
-const (
- female genre = iota
- male
-)
-
-type primate struct {
- name string
- age int
- family string
- genre genre
-}
-
-func newPrimate(name string, age int, family string, genre genre) *primate {
- return &primate{
- name: name,
- age: age,
- family: family,
- genre: genre,
- }
-}
-
-var primates = []*primate{
- newPrimate("John", 15, "Capuchin", male),
- newPrimate("Laura", 12, "Squirrel monkey", female),
- newPrimate("Benjamin", 23, "Spider monkey", male),
- newPrimate("George", 19, "Golden Lion Tamarin", male),
- newPrimate("Jane", 33, "Orangutan", female),
- newPrimate("Sarah", 7, "Gibbon", female),
-}
-
-func main() {
- searched:=newPrimate("Sarah", 7, "Gibbon", female)
- found,_:=koazee.StreamOf(primates).
- Contains(searched)
- if found{
- fmt.Printf("%s is in the list of monkeys invited to the party\n", searched.name)
- }
-
-}
-{{< /highlight >}}
-
diff --git a/.hugo/content/docs/count.md b/.hugo/content/docs/count.md
deleted file mode 100644
index 9078352..0000000
--- a/.hugo/content/docs/count.md
+++ /dev/null
@@ -1,137 +0,0 @@
-+++
-title = "stream.Count"
-description = "Return the number of elements in the stream"
-weight = 16
-draft = false
-toc = true
-bref = "Return the number of elements in the stream"
-+++
-
-
-{{< highlight golang >}}
-package main
-
-import (
- "fmt"
- "github.com/wesovilabs/koazee"
-)
-
-var numbers = []int{1, 3, 5, 7, 9}
-
-func main() {
- newList := koazee.Stream().
- Drop(3).
- With(numbers).
- Out().
- Val().([]int)
-
- for _, number := range newList {
- fmt.Printf("%d\n", number)
- }
-}
-
-{{< /highlight >}}
\ No newline at end of file
diff --git a/.hugo/content/docs/filter.md b/.hugo/content/docs/filter.md
deleted file mode 100644
index d942fa4..0000000
--- a/.hugo/content/docs/filter.md
+++ /dev/null
@@ -1,174 +0,0 @@
-+++
-title = "stream.Filter"
-description = "Discard those elements in the stream that do not match with the given filter"
-weight = 17
-draft = false
-toc = true
-bref = "Discard those elements in the stream that do not match with the given filter"
-+++
-
-
diff --git a/.hugo/content/docs/first.md b/.hugo/content/docs/first.md
deleted file mode 100644
index df25dc9..0000000
--- a/.hugo/content/docs/first.md
+++ /dev/null
@@ -1,139 +0,0 @@
-+++
-title = "stream.First"
-description = "Returns the first element in the stream"
-weight = 10
-draft = false
-toc = true
-bref = "Returns the first element in the stream"
-+++
-
-
diff --git a/.hugo/content/docs/forEach.md b/.hugo/content/docs/forEach.md
deleted file mode 100644
index 58c4f39..0000000
--- a/.hugo/content/docs/forEach.md
+++ /dev/null
@@ -1,149 +0,0 @@
-+++
-title = "stream.ForEach"
-description = "Do something over all the elements in the stream"
-weight = 20
-draft = false
-toc = true
-bref = "Do something over all the elements in the stream"
-+++
-
-
diff --git a/.hugo/content/docs/last.md b/.hugo/content/docs/last.md
deleted file mode 100644
index cf63e3a..0000000
--- a/.hugo/content/docs/last.md
+++ /dev/null
@@ -1,139 +0,0 @@
-+++
-title = "stream.Last"
-description = "Returns the last element in the stream"
-weight = 11
-draft = false
-toc = true
-bref = "Returns the last element in the stream"
-+++
-
-
diff --git a/.hugo/content/docs/map.md b/.hugo/content/docs/map.md
deleted file mode 100644
index 87d135d..0000000
--- a/.hugo/content/docs/map.md
+++ /dev/null
@@ -1,168 +0,0 @@
-+++
-title = "stream.Map"
-description = "Convert the current elements in the stream into a different type"
-weight = 19
-draft = false
-toc = true
-bref = "Convert the current elements in the stream into a different type"
-+++
-
-
This function must receive 1 arguments, that must have the same type that current elements in the stream. The output of this function will be the new type op elements in the stream
-
-
-
-
Output
-
-
-
-
Name
-
Type
-
Description
-
-
-
-
-
stream
-
koazee.S
-
It returns the stream modified by the current operation
diff --git a/.hugo/content/docs/reduce.md b/.hugo/content/docs/reduce.md
deleted file mode 100644
index f24d150..0000000
--- a/.hugo/content/docs/reduce.md
+++ /dev/null
@@ -1,170 +0,0 @@
-+++
-title = "stream.Reduce"
-description = "Reduces the stream to a single value by executing a provided function for each value of the stream"
-weight = 18
-draft = false
-toc = true
-bref = "Reduces the stream to a single value by executing a provided function for each value of the stream "
-+++
-
-
This function must receive two arguments, the first argument is an accumulator and the second a element of the same
- type that the elements in the stream. The output of this function will have the same type than the accumulator
This function must receive two arguments with the same tup that the elements in the stream and must return an int (-1,0,1) taht
- will determine which of the two items must be ordered before the other
diff --git a/.hugo/content/faq/_index.md b/.hugo/content/faq/_index.md
deleted file mode 100644
index 17c8963..0000000
--- a/.hugo/content/faq/_index.md
+++ /dev/null
@@ -1,39 +0,0 @@
-+++
-draft= false
-title = "FAQ"
-description = "Asked and answered"
-+++
-
-## Kube looks awesome. Who is it for?
-
-We designed Kube as a small and inconspicuous helper for the professional developers and designers. Why an emphasis on “professional”? Well, because Kube is neither a kit of ready elements nor a set of templates; Kube is mainly a tool, which helps to keep routine tasks to a minimum. Kube doesn’t impose its own styles and doesn’t require following any specific design rules or practices. It makes Kube ideal for creative and challenging tasks of making unique websites with the unique design. For those who know HTML/CSS/JS inside out, Kube may become an irreplaceable tool that saves countless hours of work.
-
-If you are new to HTML/CSS/JS, then you may have a hard time implementing Kube in your projects, and it may just not be a tool for you yet. But certainly feel free to download and explore Kube, and see where this journey will take you!
-
-## What? Where’s the Nav Bar and other navigation?
-
-With over 15 years of web development experience under the belt, we can assure you that Nav Bars and all other sorts of navigational elements are always faster and easier to build for a project from scratch than to modify, customize and rebuild an existing solution.
-
-Each and every project has its unique navigational needs and often requires more of a custom approach. Vast experience shows that writing code for navigation from ground up is less time-consuming and more efficient, than tweaking and creating the navigation based on a boilerplate solution.
-
-## Isn’t it a great idea to add some awesome features to Kube?
-
-Nope. We want to keep Kube minimalistic, small and flexible. So, actually, there’s more chance of us removing stuff from the code and functions while preserving features, than adding new code and new stuff.
-
-## What Does the Future Hold for Kube? What’s the plan?
-
-Right now, Kube is a self-sufficient, modern and complete product. We have no specific plans of adding any new components anytime soon; we do not plan to extend Kube as well. Our goal is to improve the things that make Kube so awesome by squashing bugs, refactoring the code and improving overall performance.
-
-Having this said, we are keeping our eyes on what’s new in the world of HTML, CSS, and JS, and if something truly exciting happens in future with these technologies (comparable, let’s say, to flexbox emergence), we most certainly will consider these changes and will be first to go ahead and implement them as soon as possible.
-
-## I’m using old Kube. How do I download it again, and where do I find old Documentation?
-
-Old versions of Kube are critically outdated, and we strongly encourage you to stop using them as soon as you can. We do not offer old versions for download, and we do not provide old documentation. We realize that this may be an inconvenience, however, we also deeply believe that upgrading to the new Kube will bring way greater positive effect to your projects than the ability to support legacy versions.
-
-## How do I migrate from an older version to the latest one?
-
-Basically, you take the new Kube and start afresh from scratch. The old Kube had been built on a completely different set of principles and technologies, and it is pretty much incompatible with the new Kube in every way. Starting anew with the new Kube will also give you an opportunity to reevaluate your project in a new light and improve it in general.
-
-## Can I create design themes for sale based on Kube?
-
-You absolutely can! You have our permission to use Kube in whatever projects you wish commercial, for sale, or otherwise, in whichever way you like.
\ No newline at end of file
diff --git a/.hugo/content/getting-started/_index.md b/.hugo/content/getting-started/_index.md
deleted file mode 100644
index 158c6c3..0000000
--- a/.hugo/content/getting-started/_index.md
+++ /dev/null
@@ -1,216 +0,0 @@
-+++
-title = "Getting started"
-description = "Get your project ready to work with Koazee"
-draft = false
-weight = 200
-bref="Welcome! We are excited that you want to know about Koazee. The Koazee Getting started will guide you to get your project ready"
-toc = true
-script = 'animation'
-+++
-
- Koazee is a handy Golang library focused on helping developers and make their life easier by taking the hassle out of working with arrays.
- It takes an array and creates an stream. The stream can be easily manipulated by making use of the provided operations by Koazee.
-
-
-
- Koazee is inspired in two of the most powerful, and well-known, techniques in Software development.
-
-
- Lazy evaluation: Your stream operations will only be performed when required.
-
-
Don't evaluate unnecessary code
-
Do the things when they need to be done!
-
-
-
- Functional programming: It helps us to write better code.
-
-
It allows you to write more compressed and predictable code.
- Koazee takes advantage of reflection and simplify the way to deal with arrays. It provides us with a great and growing
- set of powerful operations over arrays.
-
-Koazee provides support to log what it is happening in the stream. In the below
-example we will see how of easy is enable it.
-
-Actually, we just need to set a global variable
-
-```golang
-logger.Enabled=true
-```
-
- 
- 
- 
-
-I have been working on a large set of documentation for a prototype that will eventually make it into a product. One issue with the publishing system at my company is that it makes doing prototypes, or really anything not within the rigidly and narrowly scoped model, difficult to set up. It takes a lot of work just to get to the point where you can begin writing.
-
-Since time was of the essence and writing is expensive, I decided to do the prototype outside of the publishing system. I also decided to avoid using the rigid DocBook variant we use. Instead, **I figured I do the prototype in Markdown using Hugo generator**. It gives me reasonably ~full featured Markdown support, flexibility to work wherever I want, easy HTML~ ,nd the stack/sheet metaphor fits nicely with topic based writing.
-
-
-I wasn't sure how well the experiment was going to work when I started, but a few weeks in I think it is great. ~I was able to rapidly prototype fifteen topics in about ten days.~ The prototype pages look fairly close to what our actual system generates. ~I can quickly make changes to the content as needed and republish.~ ~The fact that I can work multi-platform is great. I am not chained to my desk. I can demo changes easily.~
-
-
-~The fact that I am working in text that doesn't have to be structured in a rigid format makes the work flow faster~. It provides flexibility for quick changes, yet also allows for topic orientation.
-For final production and long term maintenance, unstructured Markdown is not a great solution. There the benefits of the rigidity outweigh the cost. The rigidity enforces uniformity that large groups of variously skilled writers need to create and maintain content at scale.
-> For small, fast projects or prototyping Markdown, with Hugo, have proven to be an excellent solution.
\ No newline at end of file
diff --git a/.hugo/content/blog/quick-start.md b/.hugo/content/blog/quick-start.md
deleted file mode 100644
index dc75490..0000000
--- a/.hugo/content/blog/quick-start.md
+++ /dev/null
@@ -1,81 +0,0 @@
-+++
-title = "Quick Start"
-description = "Up and running in under a minute"
-weight = 10
-draft = false
-toc = true
-bref = "As a complete and self-sufficient web framework, Kube is here to help you get the most out of your daily work. Kube takes care of routine stuff, saving you precious time for things that you love. Starting up with Kube is ridiculously fast you can start in under a minute. Here's how to set up Kube, and what basic customization are available out-of-the-box."
-+++
-
-