rdrew 2 hours ago
parent
commit
b89cb06b83
  1. 9
      css/components/block.css
  2. 2
      css/components/footer.css
  3. 2
      css/components/header-site-branding.css
  4. 10
      css/components/islandora_mods.css
  5. 170
      templates/layout/page--front.html.twig

9
css/components/block.css

@ -24,11 +24,4 @@
.site-footer .block__title { .site-footer .block__title {
color: var(--color--gray-65); color: var(--color--gray-65);
} }
.region--sidebar .block { .region--sidebar .block {background: #f6f8f8;/* background: #ece8e3; */padding: 1rem;border-radius: 5px;border: 1px solid #ccc;}
/*background: #f6f8f8;*/
background: #ece8e3;
padding: 1rem;
border-radius: 5px;
}

2
css/components/footer.css

@ -14,7 +14,7 @@
position: relative; /* stack above left social bar */ position: relative; /* stack above left social bar */
color: var(--color--gray-65); color: var(--color--gray-65);
/*background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);*/ /*background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);*/
background: #33210D; background: #111;
} }
.site-footer .menu { .site-footer .menu {

2
css/components/header-site-branding.css

@ -125,7 +125,7 @@
@media ((((min-width: 60rem)))) { @media ((((min-width: 60rem)))) {
.site-branding__logo img { .site-branding__logo img {
max-height: calc(var(--header-height-wide-when-fixed) - var(--sp)); max-height: calc(var(--header-height-wide-when-fixed) - var(--sp));
width: 160px; /* width: 160px; */
border-right: 2px solid #fff; border-right: 2px solid #fff;
padding-right: 13px; padding-right: 13px;
} }

10
css/components/islandora_mods.css

@ -0,0 +1,10 @@
.path-frontpage {
div#block-mirador-block {
display: none;
}
div#block-oliveskln-views-block-solr-search-content-block-1 {
display: none;
}
}

170
templates/layout/page--front.html.twig

@ -1,92 +1,94 @@
{# {#
/** /**
* @file * @file
* Oliveskln's theme implementation to display a single page. * Oliveskln's theme implementation to display a single page.
* *
* The doctype, html, head and body tags are not in this template. Instead they * The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template normally located in the * can be found in the html.html.twig template normally located in the
* core/modules/system directory. * core/modules/system directory.
* *
* Available variables: * Available variables:
* *
* General utility variables: * General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be * - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory. * "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page. * - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in. * - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access * - is_admin: A flag indicating if the user has permission to access
* administration pages. * administration pages.
* *
* Site identity: * Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when * - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix. * linking to the front page. This includes the language domain or prefix.
* *
* Page content (in order of occurrence in the default page.html.twig): * Page content (in order of occurrence in the default page.html.twig):
* - node: Fully loaded node, if there is an automatically-loaded node * - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the * associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not * page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345). * comment/reply/12345).
* *
* Regions: * Regions:
* - page.header: Items for the header region. * - page.header: Items for the header region.
* - page.highlighted: Items for the highlighted region. * - page.highlighted: Items for the highlighted region.
* - page.primary_menu: Items for the primary menu region. * - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region. * - page.secondary_menu: Items for the secondary menu region.
* - page.content: The main content of the current page. * - page.content: The main content of the current page.
* - page.sidebar: Items for the first sidebar. * - page.sidebar: Items for the first sidebar.
* - page.featured_bottom_first: Items for the first featured bottom region. * - page.featured_bottom_first: Items for the first featured bottom region.
* - page.featured_bottom_second: Items for the second featured bottom region. * - page.featured_bottom_second: Items for the second featured bottom region.
* - page.footer_first: Items for the first footer column. * - page.footer_first: Items for the first footer column.
* - page.footer_second: Items for the second footer column. * - page.footer_second: Items for the second footer column.
* - page.breadcrumb: Items for the breadcrumb region. * - page.breadcrumb: Items for the breadcrumb region.
* - page.social: Items for the social region. * - page.social: Items for the social region.
* *
* @see template_preprocess_page() * @see template_preprocess_page()
* @see html.html.twig * @see html.html.twig
*/ */
#} #}
<div id="page-wrapper" class="page-wrapper"> <div id="page-wrapper" class="page-wrapper">
<div id="page"> <div id="page">
{% if page.header or page.primary_menu or page.secondary_menu %} {% if page.header or page.primary_menu or page.secondary_menu %}
<header id="header" class="site-header" data-drupal-selector="site-header" role="banner"> <header id="header" class="site-header" data-drupal-selector="site-header" role="banner">
{# Gets fixed by JavaScript at wide widths. #} {# Gets fixed by JavaScript at wide widths. #}
<div class="site-header__fixable" data-drupal-selector="site-header-fixable"> <div class="site-header__fixable" data-drupal-selector="site-header-fixable">
<div class="site-header__initial"> <div class="site-header__initial">
<button class="sticky-header-toggle" data-drupal-selector="sticky-header-toggle" role="switch" aria-controls="site-header__inner" aria-label="{{ 'Sticky header'|t }}" aria-checked="false"> <button class="sticky-header-toggle" data-drupal-selector="sticky-header-toggle" role="switch"
<span class="sticky-header-toggle__icon"> aria-controls="site-header__inner" aria-label="{{ 'Sticky header'|t }}" aria-checked="false">
<span></span> <span class="sticky-header-toggle__icon">
<span></span> <span></span>
<span></span> <span></span>
</span> <span></span>
</button> </span>
</div> </button>
</div>
{# Needs to extend full width so box shadow will also extend. #} {# Needs to extend full width so box shadow will also extend. #}
<div id="site-header__inner" class="site-header__inner" data-drupal-selector="site-header-inner"> <div id="site-header__inner" class="site-header__inner" data-drupal-selector="site-header-inner">
<div class="container site-header__inner__container"> <div class="container site-header__inner__container">
{{ page.header }} {{ page.header }}
{% if page.primary_menu or page.secondary_menu %} {% if page.primary_menu or page.secondary_menu %}
<div class="mobile-buttons" data-drupal-selector="mobile-buttons"> <div class="mobile-buttons" data-drupal-selector="mobile-buttons">
<button class="mobile-nav-button" data-drupal-selector="mobile-nav-button" aria-label="{{ 'Main Menu'|t }}" aria-controls="header-nav" aria-expanded="false"> <button class="mobile-nav-button" data-drupal-selector="mobile-nav-button"
<span class="mobile-nav-button__label">{{ 'Menu'|t }}</span> aria-label="{{ 'Main Menu'|t }}" aria-controls="header-nav" aria-expanded="false">
<span class="mobile-nav-button__icon"></span> <span class="mobile-nav-button__label">{{ 'Menu'|t }}</span>
</button> <span class="mobile-nav-button__icon"></span>
</div> </button>
</div>
<div id="header-nav" class="header-nav" data-drupal-selector="header-nav"> <div id="header-nav" class="header-nav" data-drupal-selector="header-nav">
{{ page.primary_menu }} {{ page.primary_menu }}
{{ page.secondary_menu }} {{ page.secondary_menu }}
</div>
{% endif %}
</div> </div>
{% endif %}
</div> </div>
</div> </div>
</header> </div>
</header>
{% endif %} {% endif %}
<div id="main-wrapper" class="layout-main-wrapper layout-container"> <div id="main-wrapper" class="layout-main-wrapper layout-container">
@ -94,25 +96,25 @@
<div class="main-content"> <div class="main-content">
<a id="main-content" tabindex="-1"></a> <a id="main-content" tabindex="-1"></a>
{{ page.hero }} {{ page.hero }}
{% include '@oliveskln/includes/lp-banner.html.twig' %} {# {% include '@oliveskln/includes/lp-banner.html.twig' %} #}
<div class="main-content__container container"> <div class="main-content__container container">
{{ page.highlighted }} {{ page.highlighted }}
{{ page.breadcrumb }} {{ page.breadcrumb }}
{% if page.sidebar %} {% if page.sidebar %}
<div class="sidebar-grid grid-full"> <div class="sidebar-grid grid-full">
<main role="main" class="site-main"> <main role="main" class="site-main">
{{ page.content_above }}
{{ page.content }}
</main>
{{ page.sidebar }}
</div>
{% else %}
<main role="main">
{{ page.content_above }} {{ page.content_above }}
{{ page.content }} {{ page.content }}
</main> </main>
{{ page.sidebar }}
</div>
{% else %}
<main role="main">
{{ page.content_above }}
{{ page.content }}
</main>
{% endif %} {% endif %}
{{ page.content_below }} {{ page.content_below }}
</div> </div>

Loading…
Cancel
Save