Quarto Report Template
a04_report.RmdThe report template is available as a Quarto extension here: https://github.com/rfortherestofus/sdcoe_template Please follow the installation instructions in the README.
Sections
You can use section page with a custom resume like this :
:::{.section-page}
## Introduction
:::page-resume
### Why focus on student belonging?
Focusing on the well-being and sense of belonging of students within a school environment has several important benefits, including academic success, emotional well-being, positive school climate, inclusivity, and students’ long-term success in high school and beyond. The Aspire Network focuses on the belonging of students within a school for the purpose of building a strong and inclusive school community that benefits everyone involved.
:::
### How we gather perceptions of belonging?
The Aspire Network developed the belonging survey to assess students’ feelings, attitudes and experiences of belonging. The survey includes 22 items that students rate using an agreement scale. The survey covers aspects of belonging such as relationships, teacher-student interac- tions, extra curricular activities, and school environment. The Network administers the survey twice a year to students in grades 6-8 in the fall and spring of the academic year.
### What are we learning?
During the fall of 2023, the Network administered the survey to 931 students representing over 60% of the student population. Below, the results of the survey are divided into 3 sections, each corresponding to a driver of school belonging: Student voice, relationships, and agency.
Overall strength of belonging: 65.93%
:::
Please note that you can customize the orange color on the right by
adding a special class to section-page :
:::{.section-page .section-spanish-viridian}Available colors are:
Midnight blue: #005488
Deep blue: #00aeef
Ripe mango: #ffce20
Pastel red: #d65394
Spanish viridian: #008655
Pumpkin: #ff7617
Columns
Custom columns
Utility classes are defined to create columns. You can use either one or the other.
:::wrap-columns
:::columns-50
content
:::
::columns-50
content
:::
:::Replace columns-50 by another width (33/40/60/66) or
combined it with -left or -right like this
columns-50-left to include some padding on the right (for
left column) or on the left (for right column).
Images
Images by default have the width of their container element. You can
make them wider on the left or on the right with img-left
and img-right classes. This apply both to
ggplot graphs and loaded images.
:::img-left
```r
plot
#> function (x, y, ...)
#> UseMethod("plot")
#> <bytecode: 0x55e55b5f3dc0>
#> <environment: namespace:base>
```
:::
