Repositioning the disclaimer section in the aside section to the final page of a pagedown HTML resume

Using the pagedown template resume as a guide, I am interested in relocating the disclaimer section (currently at the bottom right of the first page, stating "This resume was made with the R package pagedown. Last updated on 2021-08-18.") to the bottom of the last page.

Below is the sample r-markdown document for this template, which can also be accessed by creating a new R-markdown document in R Studio and selecting "From Template" and "HTML Resume."

Although I have reviewed the documentation and explored various customization options involving CSS, I am uncertain how to utilize CSS effectively to ensure that the disclaimer section appears on the last page.

---
title: "Lijia Yu's resume"
author: Lijia Yu
date: "`r Sys.Date()`"
output:
  pagedown::html_resume:
    # set it to true for a self-contained HTML page but it'll take longer to render
    self_contained: false
# uncomment this line to produce HTML and PDF in RStudio:
#knit: pagedown::chrome_print
---

Aside
================================================================================


![Lijia Yu](https://avatars1.githubusercontent.com/u/895125?s=400&v=4){width=80%}


Contact Info {#contact}
--------------------------------------------------------------------------------

- <i class="fa fa-envelope"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6a060300030b44131f2a051f1e0605050144090507">[email protected]</a>
- <i class="fa fa-github"></i> [github.com/yulijia](https://github.com/yulijia)
- <i class="fa fa-phone"></i> +1 000-000-0000
- For more information, please contact me via email.


Skills {#skills}
--------------------------------------------------------------------------------

- Experienced in statistical analysis, statistical learning models, and optimization methods.

- Full experience with next generation sequencing data analysis.

- Highly skilled in R, Bash, Perl, Python, LaTeX


Disclaimer {#disclaimer}
--------------------------------------------------------------------------------

This R-package based resume was created using [**pagedown**](https://github.com/rstudio/pagedown) code.

Last updated `r Sys.Date()`.



Main
================================================================================

Lijia Yu {#title}
--------------------------------------------------------------------------------

### Actively seeking a PhD student position

Please note that this is an authentic resume, and I am genuinely pursuing opportunities for a Ph.D. student position. This particular resume was crafted following an invitation from Yihui to test the **pagedown** package with my personal details. If you are intrigued by my profile and capabilities, feel free to reach out.


Education {data-icon=graduation-cap data-concise=true}
--------------------------------------------------------------------------------

### Beijing University of Chemical Technology

B.S. in Information and Computing Sciences

Beijing, China

2010

Thesis topic: Dyadic wavelet and its application in edge detection

### University of Chinese Academy of Sciences

M.S. in Bioinformatics

Beijing, China

2014

Thesis topic: A multi-omics study for intra-individual divergence of mRNA isoforms in mammals


Research Experience {data-icon=laptop}
--------------------------------------------------------------------------------

### Graduate Research Assistant

Beijing Institute of Genomics, Chinese Academy of Sciences

Beijing, China

2011 - 2014

- Conducted computational biology investigations to unravel alternative splicing regulation in human and murine transcriptomes.
- Identified EGFR pathway-related mutations with a focus on comprehending cancer mutation impacts on the EGFR signaling cascade.

### Bioinformatician

My Health Gene Technology Co., Ltd.

Beijing, China

2015 - 2016

- Scrutinized the mechanism of cancer cell dissemination at the single-cell level.

### Visiting Scientist

University of Alabama at Birmingham

AL, USA

2016 - 2018

- Explored the involvement of mitochondria in cancer development.
- Researched genome architecture evolution and its significance in key evolutionary events.
- Detected thrombotic thrombocytopenic purpura-connected mutations in the blood genomes of multiple patients.
  

Professional Experience {data-icon=suitcase}
--------------------------------------------------------------------------------

### Data Scientist Intern

SupStat Inc.

Beijing, China

2014

::: concise
- Tutored beginners on R language basics.
- Developed Shiny app demonstrations.
- Converted SPSS-based statistical tutorials to R language format.
:::

### Bioinformatician

My Health Gene Technology Co., Ltd.

Beijing, China

2015 - 2016

::: concise
- Analyzed whole-exome sequencing data. 
- Constructed pipelines for ChIP-seq, single-cell DNA-seq, and single-cell RNA-seq analyses.
- Investigated tumor metastasis and prepared research reports.
- Conducted case studies to identify genetic anomalies causing rare diseases.
:::


Teaching Experience {data-icon=chalkboard-teacher}
--------------------------------------------------------------------------------

### Fundamentals of R Language 

Instructor for R and Data Mining Training Courses at SupStat Inc.

Beijing, China

2014

### Computational Biology and Bioinformatics

Teaching assistant for GBS CB2-201 courses at UAB

AL, USA

2016 - 2017


Selected Publications and Posters {data-icon=file}
--------------------------------------------------------------------------------

### Genetic and epigenetic signals predict intra-individual divergence in alternative splicing distribution.

Poster presented at the 2013 International Conference of Genomics

Qingdao, China

2014

Authors: **Yu L**, Chen B, Zhang Z.

### ESCRT-0 complex regulates Rbf mutant cell survival through influencing Rhomboid endosomal trafficking and EGFR signaling.

Journal: J Cell Sci. 2016 May 15;129(10):2075-84.

Publication Year: 2016 

Authors: Sheng Z, **Yu L**, Zhang T, Pei X, Li X, Zhang Z and Du W.
cssrr-markdownrstudiopagedown

Answer №1

If you're looking to implement a feature without altering the source code, your best bet is to reach out to the author and request their support. However, there is a workaround solution you can try by adding the following script to the end of your Rmd file:

 {js move_disclaim, echo=FALSE}
(function() {
    var pages 
    var timer = 0;
    var changeDC = setInterval(function() {
        pages = document.querySelectorAll('.pagedjs_page');
        if(pages.length !== 2 && timer <= 5000) {
            timer += 200;
            return;
        }
        if(pages.length !== 2 && timer > 5000) return clearInterval(changeDC);
        var firstPage = pages[0];
        var lastePage = pages[pages.length - 1];
        var aside = firstPage.querySelector('#aside');
        var asideClone = aside.cloneNode();
        asideClone.id = "aside_last";
        var disclaim = document.querySelector('#disclaimer');
        asideClone.appendChild(disclaim);
        lastePage.querySelector('.pagedjs_page_content > div').appendChild(asideClone);
        clearInterval(changeDC);
    }, 200);
})()

This script essentially moves a specified element into the last page using JavaScript due to styling limitations that prevent achieving this through CSS alone.

To understand how it works:

  1. The disclaimer element's position within a relative div locked in an absolute position necessitates the use of JavaScript for relocation.
  2. The script utilizes a timer to detect when the rendering process is complete since there are no built-in event triggers from the author's rendering library.
  3. By continuously checking for the number of generated pages, the script dynamically relocates the element upon completion or after a defined duration.
  4. Ensure to adjust the condition pages.length !== 2 based on the expected number of pages in your layout.

https://i.sstatic.net/Bfc3A.png

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The class [AdminController] being targeted does not exist

https://i.sstatic.net/r6c7q.pngI encountered an issue where a user is redirected from login to the admin page (e.g. ), and a 403 error should be triggered if the user is not logged in as an admin. Interestingly, even the admin experiences the same error. ...

phphtmlcssmysqllaravel

The output of console.log in a browser context versus a code environment can vary

As I was building a carousel, I became completely lost with my HTML structure: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="Carousel.css&q ...

javascripthtmlcsswebweb-development-server

Keep just one line for each factor as long as it satisfies criterion R

I am working with a dataset that has the following structure: ID week action 1 1 TRUE 1 1 FALSE 1 2 FALSE 1 2 FALSE 1 3 FALSE 1 3 TRUE 2 1 FALSE 2 2 TRUE 2 2 FALSE ... My goal is to keep only one ...

r

The reason why the predicted values do not always fall perfectly on the regression line

I have a fundamental question about understanding the linear regression model. Let's consider a simple scenario where $y = a + bx + e$, with $e$ representing the error term. Using OLS, I estimate the coefficients $a$ and $b$. The fitted values are the ...

rregression

How to utilize flexbox for rearranging content in Bootstrap 4

Currently in the process of developing a website that includes a team section designed to resemble the following: https://i.sstatic.net/xHE3y.png Here is the current scss file being used: .team-member-card { &__text-content { background-color: ...

csstwitter-bootstrapbootstrap-4

Troubleshooting a CSS template with padding and margin discrepancies

I have a question regarding my code: http://jsfiddle.net/spadez/rAQYL/1/ Within my code, I am attempting to accomplish three tasks but I seem to be encountering some difficulty. Eliminate padding below "admin" (where you see the green background) Get ...

htmlcss

Ways to implement border spacing using CSS

Here's a snippet of the code I've been working on: HTML: <html> <body> <div id="article"> <h1>TITLE</h1> <p>text</p> </div> </body> </html> CSS: #article { colo ...

htmlcss

Innovative way to design a menu using HTML, CSS, and JavaScript that dynamically resizes to a specific width

I'm currently working on a website and I'm trying to create a menu with specific width of 700px. However, I'm unsure whether to tackle this using CSS, JavaScript, or a combination of both. Which approach would be the most straightforward for ...

javascriptcssmenuhtml

What are some examples of parallel algorithms in R designed for processing large datasets?

My goal is to identify statistical and data mining algorithms in R, CRAN, or other platforms like GitHub and R-Forge that are capable of handling large datasets efficiently. These algorithms should be able to operate either in parallel on a single server, ...

algorithmrmemorymachine-learningbigdata

Looking for assistance with the navbar notification icon?

My navbar notification button is causing a problem by resizing the navbar. example Below is the code snippet: .badge-notify{ background:red; position:relative; top: -20px; left: -35px; } <ul ...

htmlcssbuttonnotificationsnavbar

Having trouble retrieving image files from CSS within a Spring MVC Application

I am facing an issue with my Spring MVC application where I cannot get an image to display in a CSS file accessed from a JSP file. The CSS is working fine, but the image just won't show up. It seems like there might be an issue with how I am addressin ...

cssspringimagejspaddressing

Transforming wide R data frame into long format with a computed column

I'm currently facing a challenge with reshaping a wide data frame into a long format while also adding a new column to capture specific data. Although I've browsed through a few threads, I seem to be encountering some obstacles. For instance, c ...

r

Is it possible for me to include additional fields in a vuetify calendar event?

Is there a method to incorporate additional fields, such as a description, in addition to the name and start/end time for an event on the v-calendar's day view? ...

javascriptcssvue.jsfrontendvuetify.js

How come my justify-content property isn't functioning properly with Flexbox?

I've been racking my brain trying to solve this. The goal is to have all the boxes neatly grouped together, but for some reason there's a massive gap between the main content and footer. Could someone lend a hand? CSS Below is the CSS code rele ...

htmlcssflexbox

The styles for the React calendar are not being properly applied to the calendar component due to CSS overriding

Having trouble overriding the default Calendar.css file in NextJS while creating a calendar component. Even after adding my own custom styles, they aren't being applied. Deleting the css file contents doesn't change the format either. Only when c ...

cssreactjsnpmnext.jsreact-calendar

Is JavaScript necessary for this task in PHP?

Hi everyone, I recently discovered a way to style a PHP echo in a more visually appealing manner. Instead of presenting an unattractive colored box right away, I was wondering if there is a way to only display the box when the user selects the calculation ...

javascriptphpjqueryhtmlcss

When using Ruby and Rack on Heroku to serve a static site, the CSS styling may not be

Trying to deploy a static site consisting of HTML, CSS, font, and image files with Ruby Rack has been a bit challenging. While the HTML displays perfectly in Chrome when running it locally, the CSS assets do not seem to be loading or being applied to the H ...

htmlcssruby-on-railsrubyheroku

Changing the color of Material UI pagination: a step-by-step guide

I have integrated Material UI to create a pagination bar for my website. While everything is functioning properly, I am looking to personalize the appearance. After reviewing their documentation, I tried implementing a theme but encountered an issue with c ...

cssreactjsmaterial-ui

Maintain the state of the toggle div after page refresh or modification

In this scenario, I am looking to ensure that my div remains open even if the page is changed or refreshed. Below is the HTML and JavaScript code provided: You can view the working code here: http://jsfiddle.net/wasimkazi/fauNg/1/ $(".widget2").hide( ...

javascripthtmlcss

Are we utilizing this JavaScript function properly for recycling it?

Two functions have been implemented successfully. One function adds the autoplay attribute to a video DOM element if the user is at a specific section on the page. The other function smoothly slides in elements with a transition effect. The only limitatio ...

javascriptjqueryhtmlcss