diff --git a/agaric/images/fpo-mushroom.jpg b/agaric/images/fpo-mushroom.jpg new file mode 100644 index 0000000..ab4c908 Binary files /dev/null and b/agaric/images/fpo-mushroom.jpg differ diff --git a/agaric/images/fpo-video-poster.png b/agaric/images/fpo-video-poster.png new file mode 100644 index 0000000..586967a Binary files /dev/null and b/agaric/images/fpo-video-poster.png differ diff --git a/agaric/templates/block/block--system-menu-block--main.html.twig b/agaric/templates/block/block--system-menu-block--main.html.twig index 14370a5..a71ce83 100644 --- a/agaric/templates/block/block--system-menu-block--main.html.twig +++ b/agaric/templates/block/block--system-menu-block--main.html.twig @@ -1,3 +1,10 @@ {% extends "@bulma/block/block--system-menu-block.html.twig" %} -{% set attributes = attributes.addClass('navbar-end') %} +{% + set classes = [ + 'navbar-end', + 'navbar', + ] +%} + +{% set attributes = attributes.addClass(classes) %} diff --git a/agaric/templates/layout/page--front.html.twig b/agaric/templates/layout/page--front.html.twig new file mode 100644 index 0000000..e3b61da --- /dev/null +++ b/agaric/templates/layout/page--front.html.twig @@ -0,0 +1,241 @@ +{# +/** + * @file + * Default theme implementation to display a single page. + */ +#} + +{# + Limit the main content column to a max of 10 units at widescreen and above. + @see system/page.html.twig in the Bulma theme. +#} +{% if not page.content_attributes %} + {% + set page = page|merge({ + 'content_attributes': create_attribute().addClass([ + 'main-content', + 'column', + 'is-10-widescreen', + ]), + }) + %} +{% endif %} +{% block navbar %} +{% if page.navbar_branding or page.navbar_social or page.primary_menu %} +{# Top navbar #} +
+ +
+{% endif %} +{% endblock navbar %} +{% block header %} +
+ {% block header_and_search %} + {% if page.header or page.header_search %} + {# Header hero region + search #} +
+
+
+
+ {{ page.header }} + {% if is_front and site_slogan %} +

{{ site_slogan }}

+ {% endif %} +
+
+ {{ page.header_search }} +
+
+
+
+ {% endif %} + {% endblock header_and_search %} + {% block tabs %} + {# Drupal tabs #} + {% if page.header_tabs %} +
+
+ {{ page.header_tabs }} +
+
+ {% endif %} + {% endblock tabs %} +
+{% endblock header %} +{% block secondary_menu %} +{# Secondary menu #} +{% if page.secondary_menu %} + +{% endif %} +{% endblock secondary_menu %} +{% block tiles %} +{# Pinterest blocks style #} +{% if page.tile_one %} +
+
+
+
+
+ {% if page.tile_one or page.tile_two %} +
+
+ {{ page.tile_one }} +
+
+ {{ page.tile_two }} +
+
+ {% endif %} + + {% if page.tile_three %} +
+
+ {{ page.tile_three }} +
+
+ {% endif %} + +
+ + {% if page.tile_four %} +
+
+ {{ page.tile_four }} +
+
+ {% endif %} + +
+ + {% if page.tile_five %} +
+
+ {{ page.tile_five }} +
+
+ {% endif %} +
+
+
+{% endif %} +{% endblock tiles %} +{% block main %} +{# Main section #} + {{ page.highlighted }} + {{ page.help }} + +
+ {% block main_content %} + {# Set attributes for content. #} + {% if not page.content_attributes %} + {% + set page = page|merge({ + 'content_attributes': create_attribute().addClass([ + 'main-content', + 'column', + ]), + }) + %} + {% endif %} + {# Main content #} + + {{ page.content }} +
+ {% endblock main_content %} + {% block sidebar_first %} + {# Sidebar first #} + {% if page.sidebar_first %} + {# Set attributes for content. #} + {% if not page.sidebar_first_attributes %} + {% + set page = page|merge({ + 'sidebar_first_attributes': create_attribute().addClass([ + 'sidebar-first', + 'column', + 'is-2', + ]), + }) + %} + {% endif %} + + {{ page.sidebar_first }} + + {% endif %} + {% endblock sidebar_first %} + {% block sidebar_second %} + {# Sidebar second #} + {% if page.sidebar_second %} + {% if not page.sidebar_second_attributes %} + {% + set page = page|merge({ + 'sidebar_second_attributes': create_attribute().addClass([ + 'sidebar-second', + 'column', + 'is-2', + ]), + }) + %} + {% endif %} + + {{ page.sidebar_second }} + + {% endif %} + {% endblock sidebar_second %} + +{% endblock main %} +{% block bottom %} +{# Bottom second colored section #} +{% if page.bottom %} +
+
+ {{ page.bottom }} +
+
+{% endif %} +{% endblock bottom %} + +{% block footer %} +{% if page.footer %} +
+
+ {{ page.footer }} +
+
+{% endif %} +{% endblock footer %} + + + + + + diff --git a/agaric/templates/layout/page.html.twig b/agaric/templates/layout/page.html.twig index 5e33349..33323b3 100644 --- a/agaric/templates/layout/page.html.twig +++ b/agaric/templates/layout/page.html.twig @@ -3,32 +3,34 @@ {% block navbar %} {% if page.navbar_branding or page.navbar_social or page.primary_menu %} {# Top navbar #} - + + {% endif %} {% endblock navbar %} diff --git a/agaric/templates/layout/region--primary-menu.html.twig b/agaric/templates/layout/region--primary-menu.html.twig deleted file mode 100644 index 9cc776d..0000000 --- a/agaric/templates/layout/region--primary-menu.html.twig +++ /dev/null @@ -1,21 +0,0 @@ -{# -/** - * @file - * Default theme implementation to display a region. - * - * Available variables: - * - content: The content for this region, typically blocks. - * - attributes: HTML attributes for the region
. - * - region: The name of the region variable as defined in the theme's - * .info.yml file. - * - * @see template_preprocess_region() - * - * @ingroup themeable - */ -#} -{% if content %} -
- {{ content }} -
-{% endif %} diff --git a/agaric/templates/paragraph/paragraph--slide.html.twig b/agaric/templates/paragraph/paragraph--slide.html.twig new file mode 100644 index 0000000..63ebe4d --- /dev/null +++ b/agaric/templates/paragraph/paragraph--slide.html.twig @@ -0,0 +1,12 @@ +{% set item_attributes = create_attribute().addClass(item_classes) %} +{% import "@bulma/macros/renderables.html.twig" as renderables %} +{% set link = renderables.merge_attributes(item_attributes, content.field_link, 0) %} +{# Include slide component template. #} +{% + include '@agaric/paragraph/slide.html.twig' with { + classes: classes, + image_url: content.field_image[0]['#markup'], + text: content.field_text, + link: link, + } only +%} diff --git a/agaric/templates/paragraph/slide.html.twig b/agaric/templates/paragraph/slide.html.twig new file mode 100644 index 0000000..a4d16ea --- /dev/null +++ b/agaric/templates/paragraph/slide.html.twig @@ -0,0 +1,12 @@ +
+
+
+
+ {{ text }} +
+
+ {{ link }} +
+
+
+