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