6 changed files with 223 additions and 1 deletions
@ -0,0 +1,26 @@
|
||||
/*collection grid*/ |
||||
/*.grid-item {*/ |
||||
/*border: 1px solid #ccc;*/ |
||||
/*padding: 4px;*/ |
||||
/*border-radius: 4px;*/ |
||||
/*background: #ece8e3;*/ |
||||
/*.grid-item__image {*/ |
||||
/*margin: 0;*/ |
||||
/*height: 160px;*/ |
||||
/*overflow: hidden;*/ |
||||
/*img {*/ |
||||
/*width: 100%;*/ |
||||
/*}*/ |
||||
/*}*/ |
||||
/*.grid-item__title {*/ |
||||
/*display: block;*/ |
||||
/*text-align: center;*/ |
||||
/*line-height: 1.2;*/ |
||||
/*margin: 10px 0 6px 0;*/ |
||||
/*a {*/ |
||||
/*text-decoration: none;*/ |
||||
/*font-family: var(--font-serif);*/ |
||||
/*[>font-size: var(--font-size-l);<]*/ |
||||
/*}*/ |
||||
/*}*/ |
||||
/*}*/ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,138 @@
|
||||
{# |
||||
/** |
||||
* @file |
||||
* Olivespostcards'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 |
||||
*/ |
||||
#} |
||||
|
||||
{{ attach_library('olivespostcards/masonry') }} |
||||
|
||||
<div id="page-wrapper" class="page-wrapper"> |
||||
<div id="page"> |
||||
|
||||
{% if page.header or page.primary_menu or page.secondary_menu %} |
||||
<header id="header" class="site-header" data-drupal-selector="site-header" role="banner"> |
||||
|
||||
{# 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"> |
||||
<span class="sticky-header-toggle__icon"> |
||||
<span></span> |
||||
<span></span> |
||||
<span></span> |
||||
</span> |
||||
</button> |
||||
</div> |
||||
|
||||
{# 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 class="container site-header__inner__container"> |
||||
|
||||
{{ page.header }} |
||||
|
||||
{% 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"> |
||||
<span class="mobile-nav-button__label">{{ 'Menu'|t }}</span> |
||||
<span class="mobile-nav-button__icon"></span> |
||||
</button> |
||||
</div> |
||||
|
||||
<div id="header-nav" class="header-nav" data-drupal-selector="header-nav"> |
||||
{{ page.primary_menu }} |
||||
{{ page.secondary_menu }} |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
{% endif %} |
||||
|
||||
<div id="main-wrapper" class="layout-main-wrapper layout-container"> |
||||
<div id="main" class="layout-main"> |
||||
<div class="main-content"> |
||||
<a id="main-content" tabindex="-1"></a> |
||||
{{ page.hero }} |
||||
<div class="main-content__container container"> |
||||
{{ page.highlighted }} |
||||
{{ page.breadcrumb }} |
||||
|
||||
{% if page.sidebar %} |
||||
<div class="sidebar-grid grid-full"> |
||||
<main role="main" class="site-main"> |
||||
{{ page.content_above }} |
||||
{{ page.content }} |
||||
</main> |
||||
|
||||
{{ page.sidebar }} |
||||
</div> |
||||
{% else %} |
||||
<main role="main"> |
||||
{{ page.content_above }} |
||||
{{ page.content }} |
||||
</main> |
||||
{% endif %} |
||||
{{ page.content_below }} |
||||
</div> |
||||
</div> |
||||
<div class="social-bar"> |
||||
{{ page.social }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<footer class="site-footer"> |
||||
<div class="site-footer__inner container"> |
||||
{{ page.footer_top }} |
||||
{{ page.footer_bottom }} |
||||
</div> |
||||
</footer> |
||||
|
||||
<div class="overlay" data-drupal-selector="overlay"></div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
Loading…
Reference in new issue