larva modules: page-404

Available Variants

prototype smart

404

OOPS! Something went wrong here!

page-404 README

This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.

page-404 Twig The markup file.
<section class="u-background-color-brand-secondary lrv-u-text-align-center lrv-u-padding-t-1 lrv-u-padding-b-2 lrv-u-margin-b-2">
	<div class="u-max-width-500 lrv-u-margin-lr-auto lrv-u-padding-lr-1 u-padding-tb-4">
		{% if c_heading %}
			{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
		{% endif %}

		{% if c_title %}
			{% include "@larva/components/c-title/c-title.twig" with c_title %}
		{% endif %}

		{% if c_tagline %}
			{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
		{% endif %}

		{% if c_button %}
			{% include "@larva/components/c-button/c-button.twig" with c_button %}
		{% endif %}

		{% if c_suggestion_title %}
			{% include "@larva/components/c-title/c-title.twig" with c_suggestion_title %}
		{% endif %}

		{% if suggested_link_items %}
			{% include "@larva/modules/list/list.twig" with suggested_link_items %}
		{% endif %}

		{% if c_search_title %}
			{% include "@larva/components/c-title/c-title.twig" with c_search_title %}
		{% endif %}

		{% if search_form %}
			{% include "@larva/modules/search-form/search-form.twig" with search_form %}
		{% endif %}
	</div>
</section>
page-404 JSON The data object for this pattern.
{
	"c_heading": {
		"c_heading_classes": "lrv-a-screen-reader-only",
		"c_heading_id_attr": "section-heading",
		"c_heading_text": "404",
		"c_heading_url": "",
		"c_heading_link_classes": "",
		"c_heading_outer": false,
		"c_heading_outer_classes": "",
		"c_heading_is_primary_heading": true
	},
	"c_title": {
		"c_title_classes": "lrv-a-font-secondary-l lrv-u-text-transform-uppercase lrv-u-margin-b-125",
		"c_title_tag_text": "",
		"c_title_id_attr": "title-of-a-story",
		"c_title_text": "OOPS! Something went wrong here!",
		"c_title_markup": "",
		"c_title_link_classes": "",
		"c_title_url": false
	},
	"c_button_home": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1",
		"c_button_ga_tracking": {},
		"c_button_inner_classes": "",
		"c_button_rel_attr": "",
		"c_button_screen_reader_text": "Sign Up",
		"c_button_target_attr": "",
		"c_button_text": "Back To Homepage",
		"c_button_type_attr": "submit",
		"c_button_url": "/"
	},
	"c_button_search": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-u-background-color-black lrv-u-margin-lr-075 lrv-u-text-transform-uppercase lrv-u-font-weight-bold u-background-color-brand-primary-dark:hover lrv-u-color-white lrv-u-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-1 lrv-u-margin-t-050@mobile-max",
		"c_button_ga_tracking": {},
		"c_button_inner_classes": "",
		"c_button_rel_attr": "",
		"c_button_screen_reader_text": "Sign Up",
		"c_button_target_attr": "",
		"c_button_text": "Head To Search",
		"c_button_type_attr": "submit",
		"c_button_url": "#"
	},
	"c_svg": {
		"c_svg_classes": "lrv-u-max-width-100p",
		"c_svg_name": "logo-404"
	},
	"wrapper_classes": "lrv-u-text-align-center lrv-u-padding-t-1 lrv-u-padding-b-2 lrv-u-margin-b-2 lrv-u-max-width-830 lrv-u-margin-lr-auto",
	"page_404_inner_classes": "lrv-u-margin-lr-auto lrv-u-padding-lr-1",
	"button_outer_classes": "lrv-u-flex lrv-u-justify-content-center lrv-u-align-items-center lrv-u-flex-direction-column@mobile-max"
}