tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

header prototype for the collection home

This commit is contained in:
Fabiano Alencar 2018-05-10 15:28:16 -03:00
parent 8b6c05c046
commit 71882d4a1b
5 changed files with 88 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/scss/_home-collection.scss Normal file
View File

@ -0,0 +1,14 @@
.t-collection--info {
.t-collection--info-img {
max-width: 160px;
max-height: 160px;
@media screen and (min-width: 992px){
transform: translate3d(0,-50%,0);
}
}
.t-collection--info-title {
@media screen and (min-width: 992px){
transform: translate3d(0,-120%,0);
}
}
}

2
src/assets/scss/style.scss
View File

@ -194,6 +194,8 @@ form{
@import "_pagination";
@import "_home-collection";
@import "_single-colecoes";
@import "_footer";

55
src/header-homecollection.php Normal file
View File

@ -0,0 +1,55 @@
<?php
//Header with banner and menu
get_header('banner'); ?>
<div class="container-fluid">
<div class="row t-collection--info ml-sm-5">
<div class="col pr-0">
<img src="http://www.fabianoalencar.esy.es/rosto.png" class="t-collection--info-img rounded-circle img-fluid d-none d-md-block">
</div>
<div class="col-10 pl-0">
<h2 class="mt-3 mt-md-0 t-collection--info-title">Title</h2>
<div class="d-flex justify-content-between container ml-0 pl-0">
<div>Description of collection</div>
<div>
<a href="#" class="">Icon 1</a> <a href="#">Icon 2</a>
</div>
</div>
</div>
</div>
</div>
<?php
$bread = "<ol class='breadcrumb pb-0 mb-1' style='background: transparent'>";
$bread .= "<li class='breadcrumb-item'><a href='#'>Home</a></li>";
$bread .= "<li class='breadcrumb-item'><a href='#'>Site</a></li>";
$bread .= "<li class='breadcrumb-item active' aria-current='page'>Blog</li>";
$bread .= "</ol>";
if(has_nav_menu('navMenubelowHeader')) : ?>
<nav class="navbar navbar-expand-md navbar-light bg-white px-1 border-bottom" role="navigation">
<div class="container-fluid max-large">
<?php /* if(wp_is_mobile()) echo $bread; */ ?>
<a class="navbar-brand" href="#"></a>
<!-- Brand and toggle get grouped for better mobile display -->
<button class="navbar-toggler text-heavy-metal border-0 px-2 pt-2" type="button" data-toggle="collapse" data-target="#menubelowHeader" aria-controls="menubelowHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<?php
wp_nav_menu( array(
'theme_location' => 'navMenubelowHeader',
'depth' => 2, // 1 = with dropdowns, 0 = no dropdowns.
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'menubelowHeader',
'menu_class' => 'navbar-nav mr-auto ml-md-1',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker()
) );
?>
</div>
</nav>
<?php endif; ?>
<!-- <nav aria-label="breadcrumb" class="d-none d-md-flex">
<?php //echo $bread; ?>
</nav> -->
<div class="container-fluid mt-5 max-large">

32
src/header-menu.php
View File

@ -15,21 +15,21 @@
</head>
<body <?php body_class(); ?>>
<nav class="navbar navbar-expand-md navbar-light bg-white menu-shadow px-1">
<div class="container-fluid pr-lg-5 max-large">
<?php echo tainacan_get_logo(); ?>
<div class="btn-group ml-auto p-4"> <!-- Quando retirar o commentario para exibir o menu retirar o p-4 -->
<!-- <button type="button" class="btn btn-link text-heavy-metal px-0"><i class="material-icons">person_outline</i></button>
<button type="button" class="btn btn-link text-heavy-metal dropdown-toggle dropdown-toggle-split px-1 pt-lg-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="d-none d-md-inline-block">User</div><span class="sr-only text-jelly-bean">Toggle Dropdown</span>
</button>
<div class="dropdown-menu tainacan-dropdown-menu">
<a class="dropdown-item" href="#">Perfil</a>
<a class="dropdown-item" href="#">Coleção</a>
<a class="dropdown-item" href="#">Sair</a>
<nav class="navbar navbar-expand-md navbar-light bg-white menu-shadow px-1">
<div class="container-fluid pr-lg-5 max-large">
<?php echo tainacan_get_logo(); ?>
<div class="btn-group ml-auto p-4"> <!-- Quando retirar o commentario para exibir o menu retirar o p-4 -->
<!-- <button type="button" class="btn btn-link text-heavy-metal px-0"><i class="material-icons">person_outline</i></button>
<button type="button" class="btn btn-link text-heavy-metal dropdown-toggle dropdown-toggle-split px-1 pt-lg-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="d-none d-md-inline-block">User</div><span class="sr-only text-jelly-bean">Toggle Dropdown</span>
</button>
<div class="dropdown-menu tainacan-dropdown-menu">
<a class="dropdown-item" href="#">Perfil</a>
<a class="dropdown-item" href="#">Coleção</a>
<a class="dropdown-item" href="#">Sair</a>
</div>
<button type="button" class="btn btn-link text-heavy-metal px-1"><i class="material-icons">notifications_none</i></button>
<button type="button" class="btn btn-link text-heavy-metal pl-1 pr-lg-0"><i class="material-icons">help_outline</i></button> -->
</div>
<button type="button" class="btn btn-link text-heavy-metal px-1"><i class="material-icons">notifications_none</i></button>
<button type="button" class="btn btn-link text-heavy-metal pl-1 pr-lg-0"><i class="material-icons">help_outline</i></button> -->
</div>
</div>
</nav>
</nav>

2
src/tainacan/archive-items.php
View File

@ -1,4 +1,4 @@
<?php get_header(); ?>
<?php get_header('homecollection'); ?>
<div class="row">
<div class="col mx-sm-auto p-0">
<div id="content" role="main">