Browse Source

banner

master
rdrew 3 weeks ago
parent
commit
5aaae45834
  1. 22
      templates/includes/lp-banner.html.twig
  2. 56
      templates/layout/page--front.html.twig

22
templates/includes/lp-banner.html.twig

@ -1,11 +1,13 @@
<div class="hero--wrapper">
<div class="hero-section" style="background:url(/themes/custom/olivesbooks/images/pei_map_banner.jpg) 50% no-repeat;">
<div class="hero-section" style="background:url(/themes/custom/olivesbooks/images/bookshelf.webp) 50% no-repeat;">
<div class="logo-wrapper">
<figure class="logo--ilivesbooks">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 250" style="enable-background:new 0 0 400 250;" xml:space="preserve">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 400 250" style="enable-background:new 0 0 400 250;" xml:space="preserve">
<style type="text/css">
.st0{fill:#E1DBCB;}
.st0 {
fill: #E1DBCB;
}
</style>
<g>
<path class="st0" d="M82.4,109.6c-0.4,0-0.9,0.1-1.3,0.2s-0.9,0.2-1.3,0.4c-0.5,0.1-0.9,0.3-1.4,0.4s-1,0.2-1.5,0.2l-2-0.3
@ -178,7 +180,8 @@
h-0.6l-1.3-0.7c-0.6-0.1-1.4-0.2-2.3-0.3c-0.9-0.1-1.8-0.1-2.7-0.1H238c-0.2,0-0.5,0-0.7,0s-0.5,0.1-0.8,0.2h-5.1
c-0.1-0.2-0.2-0.3-0.4-0.4s-0.4-0.1-0.6-0.1c-0.2,0-0.4-0.1-0.5-0.1c-0.1,0-0.2-0.2-0.2-0.3c0-0.5,0.1-0.9,0.3-1.2s0.5-0.6,0.9-0.7
s0.7-0.3,1.2-0.4s0.8-0.2,1.2-0.3H233.7z" />
<path class="st0" d="M286.4,108.9c0-0.3,0.1-0.6,0.4-0.7c0.3-0.1,0.7-0.3,1.1-0.4c0.5-0.1,0.9-0.2,1.5-0.3c0.5-0.1,1-0.3,1.5-0.5
<path class="st0"
d="M286.4,108.9c0-0.3,0.1-0.6,0.4-0.7c0.3-0.1,0.7-0.3,1.1-0.4c0.5-0.1,0.9-0.2,1.5-0.3c0.5-0.1,1-0.3,1.5-0.5
c0.5-0.2,0.8-0.6,1.1-1c0.3-0.4,0.4-1,0.4-1.7l-0.2-1c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.2-0.2,0.3-0.3c0.1-0.1,0.2-0.2,0.3-0.3
c0.1-0.1,0.1-0.3,0.1-0.4l-0.3-2.2l0.2-1.3c0-0.1,0.1-0.3,0.1-0.7c0-0.7-0.1-1.3-0.3-1.8c-0.2-0.5-0.3-1-0.3-1.5c0-0.3,0-0.5,0-0.5
c0.3-0.8,0.5-1.6,0.6-2.5c0.1-0.9,0.2-1.7,0.2-2.5c0-0.3-0.1-0.6-0.2-0.7l-0.3-5.8c-0.1-0.4-0.2-0.8-0.3-1.2
@ -391,7 +394,8 @@
c-0.2,0-0.4,0-0.6,0c-0.2,0-0.4,0-0.6,0.1l-1.3,0.3c-0.4,0-0.9,0-1.4,0c-0.5,0-1,0-1.6,0s-1-0.1-1.5-0.1s-0.9-0.1-1.4-0.1
c-0.1,0-0.2,0-0.3-0.1s-0.4-0.1-0.6-0.2c-0.2-0.1-0.4-0.1-0.6-0.2c-0.2,0-0.3-0.1-0.4-0.1c0,0,0,0-0.1,0C220,186,220,186,219.9,186
C220,186,219.9,186,219.9,186z" />
<path class="st0" d="M241.3,183.6l0.5-0.1c0.2-0.1,0.3-0.2,0.4-0.4c0.1-0.2,0.2-0.4,0.4-0.6c0.1-0.2,0.2-0.4,0.4-0.7
<path class="st0"
d="M241.3,183.6l0.5-0.1c0.2-0.1,0.3-0.2,0.4-0.4c0.1-0.2,0.2-0.4,0.4-0.6c0.1-0.2,0.2-0.4,0.4-0.7
s0.3-0.4,0.5-0.6c0-0.2,0-0.4-0.1-0.5s-0.1-0.2-0.1-0.3l1-1.2l0.9-7.6c0.3-0.4,0.4-0.7,0.5-1.1c0-0.4,0.1-0.8,0.1-1.1l-0.2-3.8
c0-0.3,0-0.6,0.1-0.8c0.1-0.2,0.1-0.5,0.2-0.8c0.1-0.2,0.1-0.4,0.2-0.7c0-0.3,0.1-0.5,0.1-0.8v-3c0-0.1,0-0.2,0.1-0.4
s0.1-0.2,0.2-0.3V155l0.1-1.9c0,0,0.1-0.1,0.1-0.3c0-0.2,0.1-0.3,0.1-0.3c-0.2-0.7-0.3-1.4-0.4-2c-0.1-0.7-0.3-1.3-0.7-1.8
@ -478,7 +482,8 @@
c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.2-0.1-0.4-0.1l-2,0.2l-1-0.2l-4.9,0.4c-1.5,0-3.1-0.1-4.6-0.2c-1.5-0.1-3.1-0.2-4.8-0.2l-4.1,0.4
l-2.9-0.2c-0.4,0-0.8,0-1.1,0.1s-0.7,0.2-1,0.3c-0.3,0.1-0.7,0.2-1,0.3c-0.3,0.1-0.6,0.1-0.9,0.1c-0.4,0-0.8-0.1-1.2-0.2
c-0.4-0.1-0.8-0.3-1.2-0.5c-0.4-0.2-0.7-0.5-0.9-0.8C292.5,185.7,292.4,185.4,292.4,184.9z" />
<path class="st0" d="M339.1,184.9c0-0.3,0.1-0.6,0.4-0.7c0.3-0.1,0.7-0.3,1.1-0.4c0.5-0.1,0.9-0.2,1.5-0.3c0.5-0.1,1-0.3,1.5-0.5
<path class="st0"
d="M339.1,184.9c0-0.3,0.1-0.6,0.4-0.7c0.3-0.1,0.7-0.3,1.1-0.4c0.5-0.1,0.9-0.2,1.5-0.3c0.5-0.1,1-0.3,1.5-0.5
c0.5-0.2,0.8-0.6,1.1-1s0.4-1,0.4-1.7l-0.2-1c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.2-0.2,0.3-0.3c0.1-0.1,0.2-0.2,0.3-0.3
c0.1-0.1,0.1-0.3,0.1-0.4l-0.3-2.2l0.2-1.3c0-0.1,0.1-0.3,0.1-0.7c0-0.7-0.1-1.3-0.3-1.8c-0.2-0.5-0.3-1-0.3-1.5c0-0.3,0-0.5,0-0.5
c0.3-0.8,0.5-1.6,0.6-2.5c0.1-0.9,0.2-1.7,0.2-2.5c0-0.3-0.1-0.6-0.2-0.7l-0.3-5.8c-0.1-0.4-0.2-0.8-0.3-1.2
@ -554,6 +559,3 @@
</div>
</div>
</div>

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

@ -1,52 +1,4 @@
{#
/**
* @file
* Olivesbooks's theme implementation to display a single page.
*
* 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
* core/modules/system directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - 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.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - 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.
*
* Page content (in order of occurrence in the default page.html.twig):
* - 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
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.highlighted: Items for the highlighted region.
* - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region.
* - page.content: The main content of the current page.
* - page.sidebar: Items for the first sidebar.
* - page.featured_bottom_first: Items for the first 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_second: Items for the second footer column.
* - page.breadcrumb: Items for the breadcrumb region.
* - page.social: Items for the social region.
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
<div id="page-wrapper" class="page-wrapper">
<div : id="page-wrapper" class="page-wrapper">
<div id="page">
{% if page.header or page.primary_menu or page.secondary_menu %}
@ -55,7 +7,8 @@
{# Gets fixed by JavaScript at wide widths. #}
<div class="site-header__fixable" data-drupal-selector="site-header-fixable">
<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"
aria-controls="site-header__inner" aria-label="{{ 'Sticky header'|t }}" aria-checked="false">
<span class="sticky-header-toggle__icon">
<span></span>
<span></span>
@ -72,7 +25,8 @@
{% if page.primary_menu or page.secondary_menu %}
<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"
aria-label="{{ 'Main Menu'|t }}" aria-controls="header-nav" aria-expanded="false">
<span class="mobile-nav-button__label">{{ 'Menu'|t }}</span>
<span class="mobile-nav-button__icon"></span>
</button>

Loading…
Cancel
Save