Aurora: Recreating the Demo

Introduction

Recreating features of the demo site used to show off some of the more interesting aspects of Aurora can be done fairly easily. All you need are the right particles and settings, and you should be able to reproduce most (if not all) of the elements found in our demo site.

Below, we will break down some of these elements and give you the information you need to know to recreate them on your own site using the Aurora Theme.

Keep in mind that a lot of the detail that makes our demos look so good is the result of many hours of hard work by our team, and some of them will require a moderate level of experience working with the Grav back end. We have added most of these elements into the theme's core files in order to make them easily accessible without having to edit any code.

NOTE: We recommend downloading a copy of the RocketLauncher whenever you are attempting to replicate demo content. This allows easy referencing, whether on your site in a subdirectory, development server, or on a localhost. This will allow you to see all of our demo content in context, making it easier to replicate.

Home Particles

Below, you will find the particle placement and settings for the various positions as they appear on the front page of our demo. Not all of these position assignments are unique to the front page.

1

Navigation

Logo (Particle)

2

Navigation

Menu (Particle)

3

Navigation

Social (Particle)

4

Slideshow

Vertical Slider (Particle)

5

Header

Logo - SVG Pattern (Particle)

6

Header

Simple Content (Particle)

7

Header

Simple Content (Particle)

8

Above

Image Grid (Particle)

9

Above

Custom HTML (Particle)

10

Above

Custom HTML (Particle)

11

Feature

Custom HTML (Particle)

12

Feature

Testimonials (Particle)

13

Showcase

Logo - SVG Pattern (Particle)

14

Showcase

Case Studies (Particle)

15

Utility

Carousel (Particle)

16

Bottom

Logo - SVG Pattern (Particle)

17

Bottom

Panel Slider (Particle)

18

Bottom

Logo - SVG Pattern (Particle)

19

Footer Sidebar

Simple Content (Particle)

20

Footer Sidebar

Social (Particle)

21

Footer Main

Simple Menu (Particle)

22

Footer Aside

Simple Content (Particle)

23

Footer Aside

Newsletter (Particle)

24

Copyright

Branding (Particle)

Not pictured here is an Offcanvas position which hosts the mobile menu. You can find out more about the Offcanvas position in the Gantry 5 documentation.

Particles

Here is a list of particles that are available in Aurora, as well as links to documentation to help you get started:

All Home Particles can be edited via Gantry5 > Front Page > Layout in the RocketLauncher package. Any additional particles that are found in the Subpages of our Aurora RocketLauncher can be found via its respective Outline.

• Theme Particles
  • Block Content
  • Carousel
  • Case Studies
  • Grid Content
  • Grid Statistic
  • Image Grid
  • Info List
  • Grav Pages
  • Newsletter
  • Panel Slider
  • Pricing Table
  • Simple Content
  • Simple Counter
  • Testimonials
  • Vertical Slider
  • Video
  • Swiper
• Theme Atoms
  • Fixed Header

Core Gantry Particles (Documented on Gantry's Website):

• Logo
• Menu
• To Top
• Social
• Positions
• Spacer
• Mobile Menu
• Custom HTML
• Page Content
• System Messages

Recommended Plugins

Here is a list of RocketTheme plugins used to create the demo version of Aurora:

• Gantry 5 Theme Framework

Many of these plugins are included with the Aurora RocketLauncher, and can be downloaded and installed individually by going to the RocketTheme website.

Recreating the Front Page

The front page of the Aurora demo sits apart from the rest of the page layouts in that it features the latest and greatest features of the theme. It is because of this that several layout overrides were done. In this section, we will break down the settings you will need to recreate elements present in the front page of the Aurora demo.

Home Page Layout Presets

We have included a layout preset for the home page within the theme if needed. The Home - Particles preset includes all of the particle-based home page demo content so you can hit the ground running with a copy of our demo to work from loaded directly into the layout.

You can access the presets by selecting Load in the Layout Manager.

Menu Editor

Aurora has its own built-in Menu Editor which takes full advantage of Grav's menu system, taking your Grav menus and enhancing them before passing them to visitors on the front end. Any changes made in the Menu Editor will only affect the way it appears to the visitor, and not the way Grav sees or uses it.

You can access the Gantry Menu Editor by navigating to Admin > Gantry 5 > Menu. You can find out more about navigating and using the Gantry Menu Editor in our documentation.

Assignments

Assignments are also managed in the Gantry Administrator. This administrative panel enables you to assign theme outlines to specific menu items, pages, and other areas of your site. By navigating to the Gantry 5 admin and selecting an outline other than the Base Outline, you will be able to assign that outline by navigating to the Assignments panel. Simply switch any menu items to on (green) that you want to assign that outline to. In the case of the Home page, this would be your default Home page in your default (main) menu.