Change material design icons

This commit is contained in:
Fabiano Alencar 2018-05-28 16:56:35 -03:00
parent 0a4ae2f228
commit 090c7fa489
13 changed files with 7501 additions and 89 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.6 MiB

View File

@ -28,8 +28,8 @@ jQuery(document).ready(function( $ ) {
/**
* Add the icon on previous and next pagination in comment list
*/
$('<i class="material-icons">arrow_drop_down</i>').insertBefore("#comment-nav-below .float-left a");
$('<i class="material-icons">arrow_drop_up</i>').insertAfter("#comment-nav-below .float-right a");
$('<i class="mdi mdi-menu-left"></i>').insertBefore("#comment-nav-below .float-left a");
$('<i class="mdi mdi-menu-right"></i>').insertAfter("#comment-nav-below .float-right a");
/**
* Change the class of guttenberg button

View File

@ -4,65 +4,6 @@
<div class="row">
<div class="col-12 col-lg">
<ul class="p-4 d-lg-flex justify-content-md-center mb-md-0">
<!-- <li class="border border-white border-left-0 border-right-0 border-bottom-0">
<input type="checkbox" checked>
<i></i>
<h6 class="text-white font-weight-bold mb-lg-4">Mapa do site <i class="material-icons mt-2 symbol"></i></h2>
<?php for($i=0;$i<=4;$i++){ ?>
<p class="text-oslo-gray">
<i class="d-none d-md-inline-block material-icons text-white fiber">fiber_manual_record</i> Página <?=$i;?>
</p>
<?php } ?>
</li>
<li class="border border-white border-left-0 border-right-0 border-bottom-0">
<input type="checkbox" checked>
<i></i>
<h6 class="text-white font-weight-bold mb-lg-4">Funções de administração <i class="material-icons mt-2 symbol"></i></h2>
<?php for($i=0;$i<=3;$i++){ ?>
<p class="text-oslo-gray">
<i class="d-none d-md-inline-block material-icons text-white fiber">fiber_manual_record</i> Administração <?=$i;?>
</p>
<?php } ?>
</li>
<li class="border border-white border-left-0 border-right-0 border-bottom-0">
<input type="checkbox" checked>
<i></i>
<h6 class="text-white font-weight-bold mb-lg-4">Funções do usuário <i class="material-icons mt-2 symbol"></i></h2>
<?php for($i=0;$i<=2;$i++){ ?>
<p class="text-oslo-gray">
<i class="d-none d-md-inline-block material-icons text-white fiber">fiber_manual_record</i> Usuário <?=$i;?>
</p>
<?php } ?>
</li>
<li class="border border-white border-left-0 border-right-0">
<input type="checkbox" checked>
<i></i>
<h6 class="text-white font-weight-bold mb-lg-4">Redes sociais <i class="material-icons mt-2 symbol"></i></h2>
<p class="text-oslo-gray">
<svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
<path fill="#fff" d="M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z" />
</svg>
Facebook
</p>
<p class="text-oslo-gray">
<svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
<path fill="#fff" d="M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19 4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20 12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91 20,4.4Z" />
</svg>
Youtube
</p>
<p class="text-oslo-gray">
<svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
<path fill="#fff" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
</svg>
Twitter
</p>
<p class="text-oslo-gray">
<svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
<path fill="#fff" d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z" />
</svg>
Google Plus
</p>
</li> -->
<?php dynamic_sidebar('footer-1'); ?>
</ul>
</div>

View File

@ -29,11 +29,18 @@ if ( ! function_exists('tainacan_Enqueues') ) {
wp_enqueue_script('popper_bootstrap4');
/**
* Google Charts
* wp_register_script( 'googleCharts', 'https://www.gstatic.com/charts/loader.js');
* wp_enqueue_script('googleCharts');
* Google
*/
/* Material Icons */
wp_register_style('MaterialIconsFonts', get_template_directory_uri() . '/assets/fonts/material-design-icons/css/materialdesignicons.min.css', '', '2.4.85', '');
wp_enqueue_style('MaterialIconsFonts');
/* Charts */
/* wp_register_script( 'googleCharts', 'https://www.gstatic.com/charts/loader.js');
wp_enqueue_script('googleCharts'); */
/**
* Tainacan Theme
*/
@ -41,8 +48,8 @@ if ( ! function_exists('tainacan_Enqueues') ) {
wp_enqueue_style('tainacanStyle');
wp_register_script('tainacanJS', get_template_directory_uri() . '/assets/js/js.js', '', '1.0', true);
wp_enqueue_script('tainacanJS');
wp_register_script('collectionGraph_googleCharts', get_template_directory_uri() . '/assets/js/charts.js', array('googleCharts'), '1.0');
wp_enqueue_script('collectionGraph_googleCharts');
/* wp_register_script('collectionGraph_googleCharts', get_template_directory_uri() . '/assets/js/charts.js', array('googleCharts'), '1.0');
wp_enqueue_script('collectionGraph_googleCharts'); */
/**
* Comments
*/

View File

@ -5,8 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
@ -19,7 +17,7 @@
<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 px-0"><i class="mdi mdi-account-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>
@ -28,8 +26,8 @@
<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> -->
<button type="button" class="btn btn-link text-heavy-metal px-1"><i class="mdi mdi-bell-outline"></i></button>
<button type="button" class="btn btn-link text-heavy-metal pl-1 pr-lg-0"><i class="mdi mdi-help-circle-outline"></i></button> -->
</div>
</div>
</nav>

View File

@ -3,7 +3,7 @@
<input class="form-control py-2 border-right-0 border-0" type="search" name="s" value="search" id="tainacan-search">
<span class="input-group-append">
<button class="btn btn-outline-secondary border-0 border bg-white" type="submit">
<i class="material-icons" style="line-height: inherit;">search</i>
<i class="mdi mdi-magnify" style="line-height: inherit;"></i>
</button>
</span>
</div>

View File

@ -27,23 +27,23 @@
</div>
<div class="row p-5">
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-scooter p-3">play_arrow</i> Esculturas
<i class="mdi mdi-play text-scooter p-3"></i> Esculturas
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-scooter p-3">play_arrow</i> Livros
<i class="mdi mdi-play text-scooter p-3"></i> Livros
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-scooter p-3">play_arrow</i> Quadros
<i class="mdi mdi-play text-scooter p-3"></i> Quadros
</div>
<div class="w-100"></div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-scooter p-3">play_arrow</i> Artefatos
<i class="mdi mdi-play text-scooter p-3"></i> Artefatos
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-scooter p-3">play_arrow</i> Documentos
<i class="mdi mdi-play text-scooter p-3"></i> Documentos
</div>
<div class="col-sm border-bottom p-2 mx-lg-5">
<i class="material-icons text-scooter p-3">play_arrow</i> Outros
<i class="mdi mdi-play text-scooter p-3"></i> Outros
</div>
</div>
</section>
@ -80,11 +80,11 @@
</div>
</div>
<a class="carousel-control-prev text-scooter justify-content-start" href="#carouselExample" role="button" data-slide="prev">
<i class="material-icons prev-play">play_arrow</i>
<i class="mdi mdi-play prev-play"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next text-scooter justify-content-end" href="#carouselExample" role="button" data-slide="next">
<i class="material-icons">play_arrow</i>
<i class="mdi mdi-play"></i>
<span class="sr-only">Next</span>
</a>
</div>

View File

@ -4,15 +4,12 @@
<input class="form-control h-75 tainacan-input-search py-0 border-0" type="search" placeholder="Pesquisar">
</div>
<div class="pt-1 mt-2 ml-1">
<button type="reset" class="btn h-75 pt-0 pr-0 border-0 bg-white tainacan-button-search" onclick=""><i class="material-icons">close</i></button>
<button type="reset" class="btn h-75 pt-0 pr-0 border-0 bg-white tainacan-button-search" onclick=""><i class="mdi mdi-close"></i></button>
</div>
<div class="pt-1 mt-2 mx-1">
<button type="submit" class="btn h-75 pt-0 border-0 text-heavy-metal bg-white tainacan-button-search" onclick=""><i class="material-icons">search</i></button>
<button type="submit" class="btn h-75 pt-0 border-0 text-heavy-metal bg-white tainacan-button-search" onclick=""><i class="mdi mdi-magnify"></i></button>
</div>
</div>
</form>
<div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else: ?>class="page-header header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>>
<!-- <img src="<?php echo get_template_directory_uri() ?>/assets/images/capa.png" class="img-fluid header-img">
<i class="material-icons float-right p-1 m-2 mt-3 text-white rounded-circle position-absolute header-icon">settings</i> -->
</div>
<div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else: ?>class="page-header header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>></div>