Skip to content

Commit

Permalink
deprecate uikit
Browse files Browse the repository at this point in the history
  • Loading branch information
Pietro Vertechi committed Jul 29, 2018
1 parent d21d6a5 commit 104824e
Show file tree
Hide file tree
Showing 7 changed files with 19 additions and 627 deletions.
1 change: 0 additions & 1 deletion REQUIRE
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ JSON 0.7
Compat 0.17
InteractBase 0.5.0
InteractBulma 0.3.2
InteractUIkit 0.3.2
WebIO
CSSUtil
Knockout
Expand Down
2 changes: 1 addition & 1 deletion doc/notebooks/tutorial.ipynb
Original file line number Diff line number Diff line change
Expand Up @@ -396,7 +396,7 @@
"source": [
"## Widget layout\n",
"\n",
"To create a full blown web-app, you should learn the layout tools that the CSS framework you are using provides. Both [Bulma](https://bulma.io/) and [UIkit](https://getuikit.com/) have modern layout tools for responsive design (of course, use Bulma if you're working with the Bulma backend and UIkit if you're working with the UIkit backend). You can use [WebIO](https://github.com/JuliaGizmos/WebIO.jl) to create from Julia the HTML required to create these layouts.\n",
"To create a full blown web-app, you should learn the layout tools that the CSS framework you are using provides. See for example the [columns](https://bulma.io/documentation/columns/) and [layout](https://bulma.io/documentation/layout/) section of the Bulma docs. You can use [WebIO](https://github.com/JuliaGizmos/WebIO.jl) to create from Julia the HTML required to create these layouts.\n",
"\n",
"However, this can be overwhelming at first (especially for users with no prior experience in web design). A simpler solution is [CSSUtil](https://github.com/JuliaGizmos/CSSUtil.jl), a package that provides some tools to create simple layouts."
],
Expand Down
13 changes: 5 additions & 8 deletions docs/src/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,21 +16,18 @@ Creating an app in Interact requires three ingredients:

To get a quick overview of how these tools work together, go to [Tutorial](@ref).

## CSS frameworks
## CSS framework

Two CSS frameworks are available, based one on [Bulma](https://bulma.io/) and the other on [UIkit](https://getuikit.com/). Choosing one or the other is mainly a matter of taste. Bulma is the default: it is a pure CSS framework (no extra Javascript), which leaves Julia fully in control of manipulating the DOM (which in turn means less surface area for bugs).
Interact widgets are by default styled with the [Bulma](https://bulma.io/) CSS framework (the previously supported [UIkit](https://getuikit.com/) backend is now deprecated). Bulma is a pure CSS framework (no extra Javascript), which leaves Julia fully in control of manipulating the DOM (which in turn means less surface area for bugs).

To change backend in the middle of the session simply do:
To use unstyled widgets in the middle of the session (or to style them again) simply do:

```julia
settheme!(:nativehtml)
settheme!(:bulma)
```

or

```julia
settheme!(:uikit)
```
respectively.

## Deployment

Expand Down
2 changes: 1 addition & 1 deletion docs/src/tutorial.jl
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,7 @@ end

# ## Widget layout
#
# To create a full blown web-app, you should learn the layout tools that the CSS framework you are using provides. Both [Bulma](https://bulma.io/) and [UIkit](https://getuikit.com/) have modern layout tools for responsive design (of course, use Bulma if you're working with the Bulma backend and UIkit if you're working with the UIkit backend). You can use [WebIO](https://github.com/JuliaGizmos/WebIO.jl) to create from Julia the HTML required to create these layouts.
# To create a full blown web-app, you should learn the layout tools that the CSS framework you are using provides. See for example the [columns](https://bulma.io/documentation/columns/) and [layout](https://bulma.io/documentation/layout/) section of the Bulma docs. You can use [WebIO](https://github.com/JuliaGizmos/WebIO.jl) to create from Julia the HTML required to create these layouts.
#
# However, this can be overwhelming at first (especially for users with no prior experience in web design). A simpler solution is [CSSUtil](https://github.com/JuliaGizmos/CSSUtil.jl), a package that provides some tools to create simple layouts.
loadbutton = filepicker()
Expand Down
4 changes: 2 additions & 2 deletions src/Interact.jl
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ using Reexport

@reexport using InteractBase

import InteractUIkit, InteractBulma
import InteractBulma
import Widgets: Widget, @layout, @nodeps, @map

@reexport using DataStructures
Expand All @@ -19,7 +19,7 @@ import Widgets: Widget, @layout, @nodeps, @map
const notebookdir = joinpath(@__DIR__, "..", "doc", "notebooks")

const themes = Dict(
:uikit => InteractUIkit.UIkit(),
:nativehtml => InteractBase.NativeHTML(),
:bulma => InteractBulma.Bulma()
)

Expand Down
Loading

0 comments on commit 104824e

Please sign in to comment.