Skip to content
Rivendell - a new responsive template for REC
CSS HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
css
html
js
scss
README.md
template_config.json

README.md

Rivendell REC template

View live demo

Rivendell is a starter responsive template for REC, it comes with:

  • Pre-installed on new sites
  • Fully responsive, extending the responsive-base template just like responsive-site template
  • SCSS/Sass support
  • A clean organised structure for your code
  • Uses a vars.scss file to manage variables in your code (replacing the use of edit colours in admin)
  • owlCarousel2 pre installed
  • Lato font by default with vars to change this along with default font size and line height
  • Cleaner default Header (easies to move parts around and no more default height set)
  • Flexable nav by default (can easily be removed by removing the nav-flexible class in the header file)
  • Simpler centered Footer layout
  • Ckeditor content areas now display images as inline-blocks by default and adds margin to sides when floated
  • Community driven - you can fork & make changes, or propose changes to us by opening an issue or pull request
  • & more, have a browse round the files to see

Also check out our alternative components repo for other header & footer designs!

Folder structure:

.
├── css
│   ├── site.css.twig               # On this template, we only use this file to load in your site.scss file
│   └── themes
│       ├── ckeditor.css.twig       # Override default style in ckeditor
│       └── default.css.twig        # Blank to remove default use of Edit Colours area
├── html
│   ├── main.html.twig              # Include libs such as the font & owlCarousel
│   └── sections                    # Sections of the site html
│       ├── footer.html.twig
│       └── header.html.twig
├── js
│   ├── global.js                   # Js you want to run on all pages
│   ├── modules                     # Folder to put more specific js files into
│   └── site.js.twig                # Load in all your js files here
├── README.md
├── scss
│   ├── base.scss                   # Default styling such as fonts etc.
│   ├── layout                      # Layout / design files for site
│   │   ├── footer.scss
│   │   ├── header.scss
│   │   ├── header-nav.scss
│   │   └── middle.scss
│   ├── mixins.scss                 # Useful functions to help build faster
│   ├── modules
│   │   ├── header-search.scss      # Makes the search button design simpler
│   │   ├── modal.scss              # Default colours for modal header
│   │   └── nav-flexbox.scss        # Make the nav flex to full width
│   ├── pages.scss                  # Page specific styles
│   ├── site.scss                   # All your SCSS imports
│   └── vars.scss                   # Define default colours, fonts etc.
└── template_config.json

Screenshots

You can’t perform that action at this time.