Skip to content

Commit

Permalink
chore: Update website references. Deploy new docs and examples.
Browse files Browse the repository at this point in the history
  • Loading branch information
Pedro Silva committed Apr 10, 2022
1 parent 7323ae1 commit c34960d
Show file tree
Hide file tree
Showing 16 changed files with 37 additions and 42 deletions.
13 changes: 8 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
[![total](https://cranlogs.r-pkg.org/badges/grand-total/imola)](https://CRAN.R-project.org/package=imola)
<!-- badges: end -->

CSS Grid and flexbox layouts for your R/Shiny dashboards, directly from R.
CSS Grid and flexbox layouts for R/Shiny

Imola (named after the first city ever to be given a technical blueprint by Leonardo da Vinci) aims at giving more layout creation options directly in R/shiny, without the hassle of having to create custom CSS every time.

Expand All @@ -31,14 +31,15 @@ Browse all available templates here: https://sparktuga.shinyapps.io/imolatemplat

---

### Demos to get you started
### Examples to get you started
Example applications showcasing some of the power of imola:

![](reference/figures/templatesdemo.png)
![](reference/figures/ua-tracker.png)

- Built in template layouts: https://sparktuga.shinyapps.io/imolatemplates/

- UA Migration Tracker (Full dashboard): https://github.com/pedrocoutinhosilva/UA-Refugee-Migration-Tracker/
- Usage examples: https://sparktuga.shinyapps.io/imola-examples/
- Built in templates preview: https://sparktuga.shinyapps.io/imolatemplates/
- UA Migration Tracker (Full code available): http://uaborder.com/

---

Expand Down Expand Up @@ -66,6 +67,8 @@ Looking for help on how to start? Make sure to check the built in examples and v

## Usage

Online documentation available at: https://www.anatomyofcode.com/imola

Check `vignette("imola")` on how to get started, and other follow up vignettes for even more information regarding CSS flexbox and grid and their imola equivalents.

Looking for a specific topic? Use the following vignettes for a quick start:
Expand Down
Binary file added docs/articles/figures/templatesdemo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/articles/figures/ua-tracker.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 7 additions & 2 deletions docs/articles/imola-demos.html

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion docs/articles/imola.html

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

14 changes: 9 additions & 5 deletions docs/index.html

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion docs/pkgdown.yml
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,5 @@ articles:
imola-templates: imola-templates.html
imola-why-flex-and-grid: imola-why-flex-and-grid.html
imola: imola.html
last_built: 2022-04-03T20:30Z
last_built: 2022-04-10T15:41Z

Binary file added docs/reference/figures/ua-tracker.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion docs/search.json

Large diffs are not rendered by default.

5 changes: 4 additions & 1 deletion examples/all_examples.R
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,11 @@ example_page <- function(name, ui, server) {
ui <- tagList(
brochure_page_overwrites,
h2("Examples from the imola package"),
h3("Explore the code in https://github.com/pedrocoutinhosilva/imola/tree/main/examples"),
ui,
a(
href = "https://github.com/pedrocoutinhosilva/imola/tree/main/examples",
h3("Explore the code at https://github.com/pedrocoutinhosilva/imola/tree/main/examples")
),
tags$style("
.container-fluid {
display: flex;
Expand Down
23 changes: 0 additions & 23 deletions examples/fluent.R

This file was deleted.

Binary file added man/figures/ua-tracker.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added vignettes/figures/templatesdemo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added vignettes/figures/ua-tracker.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 5 additions & 2 deletions vignettes/imola-demos.Rmd
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,9 @@ knitr::opts_chunk$set(
)
```

- Built in template layouts: https://sparktuga.shinyapps.io/imolatemplates/
![](figures/templatesdemo.png)
![](figures/ua-tracker.png)

- UA Migration Tracker (Full dashboard): https://github.com/pedrocoutinhosilva/UA-Refugee-Migration-Tracker/
- Usage examples: https://sparktuga.shinyapps.io/imola-examples/
- Built in templates preview: https://sparktuga.shinyapps.io/imolatemplates/
- UA Migration Tracker (Full code available): http://uaborder.com/
2 changes: 1 addition & 1 deletion vignettes/imola.Rmd
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ img {
}
```

Imola's main goal it to give you the tools to work with CSS Flex and CSS Grid directly from R as an alternative to columns and rows.
Imola's main goal it to give you the tools to work with CSS Flex and CSS Grid directly from R as an alternative to bootstrap's `columns` and `rows`.

![](figures/write-less.png)

Expand Down

0 comments on commit c34960d

Please sign in to comment.