Propre

DESCRIPTION

@@ -42,7 +42,8 @@ Imports:
     rmarkdown,
     systemfonts,
     utils,
-    xfun
+    xfun,
+    pagedown
 Suggests: 
     pals,
     scales,
@@ -63,6 +64,7 @@ Collate:
     'gitbook_gouv.R'
     'gouv_palettes.R'
     'logo.R'
+    'propre_brochure.R'
     'skeleton.R'
     'utils.R'
     'zzz.R'

NAMESPACE

@@ -11,6 +11,7 @@ export(list_logos)
 export(load_fonts)
 export(logo_file_path)
 export(marianne_font_dep)
+export(propre_brochure)
 export(scale_color_gouv_continuous)
 export(scale_color_gouv_discrete)
 export(scale_fill_gouv_continuous)

R/html_gouv.R

@@ -29,19 +29,21 @@ create_header_html_gouv <- function(logo = NULL,
     stop("please select only one file")
   }
   logo_name <- basename(file)
-  if (!dir.exists(here::here("www"))) {dir.create(here::here("www"))}
-  file.copy(file,'www')
+  path_here_www <- here::here("www")
+  if (!dir.exists(path_here_www)) {dir.create(path_here_www)}
+  file.copy(file, paste0(path_here_www, "/", logo_name))
   writeLines(
     glue(
       "<div class=\"row\">
 
 <div class=\"col-md-4\">
 <a>
-<img src=\"www/{logo_name}\" width=\"215px\">
+<img src=\"{path_here_www}/{logo_name}\" width=\"215px\">
 </a>
 </div>
 
-</div>"),
+</div>"
+),
     output
   )
 

R/propre_brochure.R

@@ -0,0 +1,66 @@
+#' gouvdown PDF brochure - PROPRE style
+#'
+#' @inheritParams html_gouv
+#' @param ... Additional arguments passed to \code{bookdown::\link{html_document2}()}.
+#' @param css A character vector of additionnal CSS file paths.
+#' @param width_main_column Width of the main text column (in %)
+#'
+#' @return An R Markdown output format object to be passed to
+#'   \code{rmarkdown::\link{render}()}.
+#' @export
+propre_brochure <- function(extra_dependencies = list(),
+                            includes = NULL,
+                            ...,
+                            logo = NULL,
+                            css = NULL,
+                            use_gouvdown_fonts = TRUE,
+                            width_main_column = 15) {
+  # init variable
+  logo_html_fragment <- NULL
+
+  # create HTML fragment for logo
+  if (!is.null(logo)) {
+    if (xfun::file_ext(logo) == "") {
+      logo_html_fragment <- create_header_html_gouv(logo = logo)
+    }
+    else {
+      match.arg(xfun::file_ext(logo), c("png", "svg", "jpg", "gif"))
+      logo_html_fragment <- create_header_html_gouv(file = logo)
+    }
+  }
+
+  includes <- as.list(includes)
+  includes$before_body <-
+    c(includes$before_body, logo_html_fragment)
+
+  # custom css
+  book_css <- pkg_resource("css/propre", "book.css")
+
+  # custom Pandoc template
+  brochure_html <- pkg_resource("html", "propre_brochure.html")
+
+  # fonts dependencies - taken from html_gouv
+  extra_dependencies <- c(gouvdown_dependencies(use_gouvdown_fonts),
+                          extra_dependencies)
+
+  # width of main column - write css
+  width_css <- tempfile(fileext = ".css")
+
+  writeLines(paste(
+    paste0(":root {--main-column-width:", width_main_column , "%;}"),
+    paste0(":root {--secondary-column-width:", 100 - width_main_column - 5, "%;}"), sep = "\n"
+  ),
+  con = width_css)
+
+  # render
+  pagedown::html_paged(
+    extra_dependencies = extra_dependencies,
+    includes = includes,
+    number_sections = FALSE,
+    # self_contained = FALSE,
+    toc = FALSE,
+    css = c(css, book_css, width_css),
+    template = brochure_html,
+    ...
+  )
+}

inst/resources/css/propre/book.css

@@ -0,0 +1,41 @@
+/* import your fonts if you have some in the src/fonts folder */
+/* @import "modules/fonts.css"; */
+
+/* theming of the book  */
+@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
+
+@import 'modules/reset.css';
+/* @import "modules/fonts.css"; */
+@import "modules/colors.css";
+@import "modules/vars.css";
+@import "modules/body.css";
+@import "modules/header.css";
+@import "modules/pictures.css";
+@import "modules/list.css";
+@import "modules/table.css";
+@import "modules/numbering.css";
+@import "modules/notes.css";
+@import "modules/title.css";
+/* @import "modules/page2.css";
+@import "modules/page3.css";
+@import "modules/page4.css"; */
+/* @import "modules/title.css"; */
+
+
+/* css for the layouts */
+/* paged.js tool import */
+
+/* paged js interface and screen view css */
+@import "interface/interface.css";
+
+/* baseline helper */
+@import "interface/baseline.css";
+
+/* the book */
+@import "modules/layout.css";
+
+/* hack for stuff not implemented yet */
+@import "interface/hack.css";
+
+
+

inst/resources/css/propre/interface/baseline.css

@@ -0,0 +1,25 @@
+/* adding a visual helper for the baseline grid */
+
+:root {
+  /* you can change the line-height step for the grid here (as it may not be the same that the lineheight) */
+  --baseline: 18px;
+  --baseline-color: red;
+}
+
+@media screen {
+
+  .pagedjs_page {
+    /* grid baseline */
+    background: 
+    repeating-linear-gradient( 
+      white 0, 
+      white calc(var(--baseline) - 1px), 
+        var(--baseline-color) calc(var(--baseline)));
+    background-size: cover;
+    background-repeat: repeat-y;  
+    background-position-y: -15px;
+  }
+
+}
+
+

inst/resources/css/propre/interface/hack.css

@@ -0,0 +1,2 @@
+/* here come some simple hacks for features that are not yet in paged js */
+

inst/resources/css/propre/interface/interface.css

@@ -0,0 +1,53 @@
+/* To define how the book look on the screen: */
+
+@media screen {
+  body {
+    background-color: var(--color-background);
+  }
+
+  .pagedjs_pages {
+    display: flex;
+    width: calc(var(--pagedjs-pagebox-width) * 2);
+    flex: 0;
+    flex-wrap: wrap;
+    margin: 0 auto;
+    margin-bottom: 3em;
+  }
+
+  .pagedjs_page {
+    background-color: var(--color-paper);
+    box-shadow: 0 0 0 2px var(--color-pageBox);
+    margin: 0;
+    flex-shrink: 0;
+    flex-grow: 0;
+    margin-top: 10mm;
+  }
+
+  .pagedjs_first_page {
+    margin-left: var(--pagedjs-pagebox-width);
+  }
+
+  .pagedjs_page > [class*="pagedjs_margin"] {
+    box-shadow: 0 0 0 1px var(--color-marginBox);
+  }
+
+  [class*="pagedjs_margin"] {
+    box-shadow: 0 0 0 1px inset orange;
+  }
+
+  /* uncomment for recto/verso book. 
+    --------------------------------------------------- */
+  /* .pagedjs_pages {
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .pagedjs_first_page {
+    margin-left: 0;
+  }
+
+  .pagedjs_page {
+    margin: 0 auto;
+    margin-top: 20mm;
+  } */
+}