larva modules: page-404
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"
}