fix: replace iconfon with svg
This commit is contained in:
parent
9ab369238d
commit
f14e5e9838
26 changed files with 88 additions and 249 deletions
2
404.php
2
404.php
|
@ -1,7 +1,7 @@
|
|||
<?php get_header(); ?>
|
||||
<main id="skip">
|
||||
<div class="card c-danger">
|
||||
<div class="card-header"><i class="icon-folder-exclamation-mark" aria-hidden="true"></i> 404 Not Found</div>
|
||||
<div class="card-header">404 Not Found</div>
|
||||
<div class="card-body">
|
||||
<p>La page que vous cherchez n'a pas été trouvée</p>
|
||||
<p>Veuillez vérifier l'adresse, si le cas recommence, n'hésitez pas à contacter le webmestre via kazhnuz [at] kobold [point] cafe</p>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
<!-- Sidebar custom pour contenir la description -->
|
||||
<aside class="sidebar">
|
||||
<div class="card c-info">
|
||||
<div class="card-header"><i class="icon-folder-open"></i> <?php echo single_cat_title(); ?></div>
|
||||
<div class="card-header"><svg class="icon icon-folder-open" viewBox="0 0 34 32"><path d="M33.554 17c0 0.429-0.268 0.857-0.554 1.179l-6 7.071c-1.036 1.214-3.143 2.179-4.714 2.179h-19.429c-0.643 0-1.554-0.196-1.554-1 0-0.429 0.268-0.857 0.554-1.179l6-7.071c1.036-1.214 3.143-2.179 4.714-2.179h19.429c0.643 0 1.554 0.196 1.554 1zM27.429 10.857v2.857h-14.857c-2.232 0-5 1.268-6.446 2.982l-6.107 7.179c0-0.143-0.018-0.304-0.018-0.446v-17.143c0-2.196 1.804-4 4-4h5.714c2.196 0 4 1.804 4 4v0.571h9.714c2.196 0 4 1.804 4 4z"></path></svg> <?php echo single_cat_title(); ?></div>
|
||||
<div class="card-body">
|
||||
<?php the_archive_description() ?>
|
||||
</div>
|
||||
|
|
|
@ -70,8 +70,8 @@ $oddcomment = 'alt';
|
|||
<?php if ( $user_ID ) : ?>
|
||||
|
||||
<div class="toast toast-info alert-flex" role="alert">
|
||||
<p class="mb-0"><i class="icon-info icon-fw" aria-hidden="true" ></i> Connecté en tant que <a class="alert-link" href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>.</p>
|
||||
<p class="mb-0 align-right"><a class="alert-link" href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout"><i class="icon-fw icon-power-off"></i> <span class="sr-only">Se déconnecter de ce compte</span></a></p>
|
||||
<p class="mb-0">Connecté en tant que <a class="alert-link" href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>.</p>
|
||||
<p class="mb-0 align-right"><a class="alert-link" href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout"><span class="sr-only">Se déconnecter de ce compte</span></a></p>
|
||||
</div>
|
||||
|
||||
<!-- Commentaire non-enregistré -->
|
||||
|
|
|
@ -1,20 +0,0 @@
|
|||
<div class="flex-that">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class='breadcrumb-item'><a href='<?php echo site_url(); ?>'>Quarante-Douze</a></li><?php
|
||||
if (has_category('chapters')) {
|
||||
$romans = get_the_terms($post->ID, 'roman');
|
||||
foreach( $romans as $roman ) {
|
||||
echo "<li class='breadcrumb-item'><a href='" . esc_url( get_category_link( $roman->term_id ) ) . "'><i class='icon-book'></i> " . $roman->name . "</a></li>";
|
||||
}
|
||||
} else {
|
||||
$categories = get_the_category();
|
||||
foreach( $categories as $category ) {
|
||||
echo "<li class='breadcrumb-item'><a href='" . esc_url( get_category_link( $category->term_id ) ) . "'><i class='icon-folder-open'></i> " . $category->cat_name . "</a></li>";
|
||||
}
|
||||
|
||||
}
|
||||
?><li class="breadcrumb-item" aria-current="page"><span class="active"><i class="icon-file" aria-hidden="true"></i> <?php echo the_title(); ?></span></li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
|
@ -5,7 +5,7 @@
|
|||
echo '<h4 class="sr-only" id="title-article-taxo-romans">Romans</h4>';
|
||||
$romans = get_the_terms($post->ID, 'roman');
|
||||
foreach( $romans as $roman ) {
|
||||
echo "<li><a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='badge c-primary'><i class='icon-book'></i> " . $roman->name . "</a></li>";
|
||||
echo "<li><a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='badge c-primary'><svg class='icon' alt=''><use xlink:href='#icon-folder'></use></svg> " . $roman->name . "</a></li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
} else {
|
||||
|
@ -13,7 +13,7 @@
|
|||
echo "<ul class='nolist' aria-labelledby='title-article-taxo-categories'>";
|
||||
echo '<h4 class="sr-only" id="title-article-taxo-categories">Catégories</h4>';
|
||||
foreach( $categories as $category ) {
|
||||
echo "<li><a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='badge c-primary'><i class='icon-folder'></i> " . $category->cat_name . "</a></li>";
|
||||
echo "<li><a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='badge c-primary'><svg class='icon' alt=''><use xlink:href='#icon-folder'></use></svg> " . $category->cat_name . "</a></li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
}
|
||||
|
@ -22,7 +22,7 @@
|
|||
echo "<ul class='nolist' aria-labelledby='title-article-taxo-tags'>";
|
||||
echo '<h4 class="sr-only" id="title-article-taxo-tags">Tags</h4>';
|
||||
foreach( $tags as $tag ) {
|
||||
echo "<li><a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='badge c-secondary'><i class='icon-tag'></i> " . $tag->name . "</a></li>";
|
||||
echo "<li><a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='badge c-secondary'><svg class='icon' alt=''><use xlink:href='#icon-tags'></use></svg> " . $tag->name . "</a></li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
}
|
||||
|
|
29
components/common-icons.php
Normal file
29
components/common-icons.php
Normal file
|
@ -0,0 +1,29 @@
|
|||
<svg class="d-none" alt="">
|
||||
<symbol id="icon-bluesky" viewBox="0 0 34 32">
|
||||
<path d="M34.319 20.998c0 3.789-3.074 6.864-6.864 6.864h-19.448c-4.415 0-8.008-3.593-8.008-8.008 0-3.2 1.895-5.97 4.612-7.239-0.018-0.25-0.036-0.518-0.036-0.769 0-5.059 4.093-9.152 9.152-9.152 3.825 0 7.096 2.342 8.473 5.684 0.787-0.697 1.823-1.108 2.967-1.108 2.52 0 4.576 2.056 4.576 4.576 0 0.912-0.268 1.752-0.733 2.467 3.039 0.715 5.309 3.432 5.309 6.685z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-mastodon" viewBox="0 0 32 32">
|
||||
<path d="M26.866 20.265c-0.411 2.073-3.611 4.344-7.293 4.79-1.93 0.232-3.825 0.447-5.845 0.358-3.307-0.143-5.899-0.787-5.899-0.787 0 0.322 0.018 0.626 0.054 0.912 0.429 3.253 3.235 3.45 5.881 3.539 2.681 0.089 5.076-0.661 5.076-0.661l0.107 2.431s-1.877 1.001-5.219 1.18c-1.841 0.107-4.111-0.054-6.774-0.751-5.773-1.519-6.774-7.686-6.935-13.924-0.054-1.859-0.018-3.593-0.018-5.059 0-6.381 4.201-8.258 4.201-8.258 2.109-0.965 5.72-1.376 9.491-1.412h0.089c3.772 0.036 7.382 0.447 9.491 1.412 0 0 4.183 1.877 4.183 8.258 0 0 0.054 4.701-0.59 7.972zM22.522 12.794c0-1.573-0.393-2.86-1.215-3.772-0.84-0.929-1.913-1.412-3.271-1.412-1.573 0-2.753 0.608-3.539 1.805l-0.769 1.287-0.769-1.287c-0.787-1.198-1.966-1.805-3.539-1.805-1.358 0-2.431 0.483-3.271 1.412-0.804 0.929-1.215 2.199-1.215 3.772v7.722h3.057v-7.507c0-1.573 0.679-2.377 2.002-2.377 1.466 0 2.216 0.965 2.216 2.842v4.093h3.039v-4.093c0-1.877 0.751-2.842 2.216-2.842 1.323 0 2.002 0.804 2.002 2.377v7.507h3.057v-7.722z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-shaarli" viewBox="0 0 30 32">
|
||||
<path d="M15.694 2.695c2.878 0 4.54 2.86 4.969 8.562h1.18c5.13 0.787 7.668 2.413 7.615 4.88 0.429 2.914-1.43 4.254-5.577 4.040 3.182 2.788 4.308 5.398 3.414 7.811-0.697 1.93-2.377 2.556-5.041 1.913-2.931-1.466-5.023-3.146-6.238-5.041h-0.769c-1.144 3.36-3.36 5.041-6.649 5.041h-1.144c-2.735-0.84-3.736-2.502-2.967-4.969l1.43-3.95h-0.411c-4.022-0.572-5.827-2.342-5.452-5.327 0.107-2.735 2.86-4.129 8.258-4.165 1.501-0.161 2.127-0.643 1.877-1.43 0-4.916 1.841-7.364 5.505-7.364zM14.836 6.734c-1.001-0.072-1.484 1.287-1.466 4.058l-0.089 2.288c-0.089 1.144-0.447 1.716-1.090 1.716l-6.435 0.357c-1.001 0.036-1.519 0.447-1.519 1.233 0 0.769 0.554 1.162 1.644 1.215 3.772-0.197 5.541 0.072 5.291 0.769l-1.144 2.449c-1.93 2.914-2.413 4.612-1.43 5.13 1.305 0.787 3.146-1.251 5.541-6.113 0.572-0.518 1.055-0.518 1.43 0 1.68 1.787 3.057 3.253 4.147 4.397 1.108 1.144 2.020 1.484 2.699 1.019 0.822-0.876 0.59-1.805-0.661-2.806-1.215-1.037-2.61-2.449-4.183-4.236-0.161-0.59-0.143-0.894 0.107-0.894 5.327 0.358 7.883 0.018 7.668-1.019 0.161-1.144-2.163-1.716-6.935-1.716-0.733 0.143-1.323-0.036-1.787-0.518v-4.004c0-2.234-0.536-3.325-1.591-3.289-0.054-0.018-0.143-0.036-0.197-0.036v0z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-rss" viewBox="0 0 25 32">
|
||||
<path d="M6.864 24.43c0 1.895-1.537 3.432-3.432 3.432s-3.432-1.537-3.432-3.432 1.537-3.432 3.432-3.432 3.432 1.537 3.432 3.432zM16.016 26.629c0.018 0.322-0.089 0.626-0.304 0.858-0.214 0.25-0.518 0.375-0.84 0.375h-2.413c-0.59 0-1.072-0.447-1.126-1.037-0.518-5.452-4.844-9.777-10.296-10.296-0.59-0.054-1.037-0.536-1.037-1.126v-2.413c0-0.322 0.125-0.626 0.375-0.84 0.197-0.197 0.483-0.304 0.769-0.304h0.089c3.807 0.304 7.4 1.966 10.099 4.683 2.717 2.699 4.379 6.292 4.683 10.099zM25.167 26.664c0.018 0.304-0.089 0.608-0.322 0.84-0.215 0.232-0.5 0.358-0.822 0.358h-2.556c-0.608 0-1.108-0.465-1.144-1.073-0.59-10.385-8.866-18.661-19.251-19.269-0.608-0.036-1.073-0.536-1.073-1.126v-2.556c0-0.322 0.125-0.608 0.357-0.822 0.214-0.215 0.5-0.322 0.786-0.322h0.054c6.256 0.322 12.137 2.949 16.57 7.4 4.451 4.433 7.078 10.314 7.4 16.57z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-home" viewBox="0 0 29 32">
|
||||
<path d="M24.703 18.138v8.58c0 0.626-0.518 1.144-1.144 1.144h-6.864v-6.864h-4.576v6.864h-6.864c-0.626 0-1.144-0.518-1.144-1.144v-8.58c0-0.036 0.018-0.072 0.018-0.107l10.278-8.473 10.278 8.473c0.018 0.036 0.018 0.072 0.018 0.107zM28.689 16.905l-1.108 1.323c-0.089 0.107-0.232 0.179-0.375 0.197h-0.054c-0.143 0-0.268-0.036-0.375-0.125l-12.369-10.314-12.369 10.314c-0.125 0.089-0.268 0.143-0.429 0.125-0.143-0.018-0.286-0.089-0.375-0.197l-1.108-1.323c-0.197-0.232-0.161-0.608 0.072-0.804l12.852-10.707c0.751-0.626 1.966-0.626 2.717 0l4.361 3.646v-3.486c0-0.322 0.25-0.572 0.572-0.572h3.432c0.322 0 0.572 0.25 0.572 0.572v7.293l3.915 3.253c0.232 0.197 0.268 0.572 0.072 0.804z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-bars" viewBox="0 0 32 32">
|
||||
<path d="M30 24v3c0 .6-.4 1-1 1h-26c-.6 0-1-.4-1-1v-3c0-.6.4-1 1-1h26c.6 0 1 .4 1 1zM30 15v3c0 .6-.4 1-1 1h-26c-.6 0-1-.4-1-1v-3c0-.6.4-1 1-1h26c.6 0 1 .4 1 1zM30 6v3c0 .6-.4 1-1 1h-26c-.6 0-1-.4-1-1v-3c0-.6.4-1 1-1h26c.6 0 1 .4 1 1z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-folder" viewBox="0 0 30 32">
|
||||
<path d="M29.743 11.274v12.584c0 2.199-1.805 4.004-4.004 4.004h-21.735c-2.199 0-4.004-1.805-4.004-4.004v-17.16c0-2.199 1.805-4.004 4.004-4.004h5.72c2.199 0 4.004 1.805 4.004 4.004v0.572h12.012c2.199 0 4.004 1.805 4.004 4.004z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-tags" viewBox="0 0 34 32">
|
||||
<path d="M8.008 8.414c0-1.269-1.019-2.288-2.288-2.288s-2.288 1.019-2.288 2.288 1.019 2.288 2.288 2.288 2.288-1.019 2.288-2.288zM27.080 18.71c0 0.608-0.25 1.198-0.661 1.609l-8.776 8.794c-0.429 0.411-1.019 0.661-1.627 0.661s-1.198-0.25-1.609-0.661l-12.78-12.798c-0.912-0.894-1.627-2.628-1.627-3.897v-7.436c0-1.251 1.037-2.288 2.288-2.288h7.436c1.269 0 3.003 0.715 3.915 1.627l12.78 12.762c0.411 0.429 0.661 1.019 0.661 1.627zM33.944 18.71c0 0.608-0.25 1.198-0.661 1.609l-8.776 8.794c-0.429 0.411-1.019 0.661-1.627 0.661-0.929 0-1.394-0.429-2.002-1.055l8.401-8.401c0.411-0.411 0.661-1.001 0.661-1.609s-0.25-1.198-0.661-1.627l-12.78-12.762c-0.912-0.912-2.645-1.627-3.915-1.627h4.004c1.269 0 3.003 0.715 3.915 1.627l12.78 12.762c0.411 0.429 0.661 1.019 0.661 1.627z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-caret-down" viewBox="0 0 18 32">
|
||||
<path d="M18.304 12.99c0 0.304-0.125 0.59-0.34 0.804l-8.008 8.008c-0.214 0.215-0.501 0.34-0.804 0.34s-0.59-0.125-0.804-0.34l-8.008-8.008c-0.214-0.214-0.34-0.501-0.34-0.804 0-0.626 0.518-1.144 1.144-1.144h16.016c0.626 0 1.144 0.518 1.144 1.144z"></path>
|
||||
</symbol>
|
||||
</svg>
|
After Width: | Height: | Size: 6 KiB |
|
@ -7,19 +7,19 @@
|
|||
$listmenu = get_nav_menu_locations();
|
||||
$menu = wp_get_nav_menu_items($listmenu['social']);
|
||||
if ($menu != null) {
|
||||
foreach ($menu as $menuElement) {
|
||||
echo '<li><a class="menu-item" rel="me" href="'. $menuElement->url .'"><i class="icon-fw icon-'.$menuElement->title.'" aria-hidden="true"></i><span class="sr-only">Accéder à mon '.$menuElement->title.'</span></a></li> ';
|
||||
}
|
||||
}
|
||||
foreach ($menu as $menuElement) { ?>
|
||||
<li><a class="menu-item" rel="me" href="<?php echo $menuElement->url; ?>"><svg class="icon" alt=""><use xlink:href="#icon-<?php echo $menuElement->title; ?>"></use></svg><span class="sr-only">Accéder à mon <?php echo $menuElement->title; ?></span></a></li>
|
||||
<?php }
|
||||
}
|
||||
?>
|
||||
<li><a href="<?php bloginfo('rss2_url'); ?>" class="menu-item"><i class="icon-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS du site</span></a></li>
|
||||
<li><a href="<?php bloginfo('rss2_url'); ?>" class="menu-item"><svg class="icon" alt=""><use xlink:href="#icon-rss"></use></svg><span class="sr-only">Flux RSS du site</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="container columns">
|
||||
<section class="col-12 col-md-4" aria-labelledby="title-footer-section-1">
|
||||
<h2 class="sr-only" id="title-footer-section-1">Droit d'utiliations</h2>
|
||||
<p>Les contenus sont diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.</p>
|
||||
<p>Ces licences vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i class="text-red icon-heart" aria-hidden="true"></i></p>
|
||||
<p>Ces licences vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! ❤️</p>
|
||||
</section>
|
||||
|
||||
<section class="col-12 col-md-4" aria-labelledby="title-footer-section-2">
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<h2>Menu principal</h2>
|
||||
<li>
|
||||
<a href="<?php echo site_url(); ?>" class="menu-item">
|
||||
<span><i class="icon-home" aria-hidden="true"></i> Accueil</span>
|
||||
<span><svg class="icon icon-home" alt=""><use xlink:href="#icon-home"></use></svg> Accueil</span>
|
||||
</a>
|
||||
</li>
|
||||
<?php
|
||||
|
@ -45,4 +45,4 @@
|
|||
</ul>
|
||||
</nav>
|
||||
|
||||
<button id="mobile-button" class="menu-button"><i class="icon-bars" aria-hidden="true"></i> <span class="sr-only">Afficher le menu</span></button>
|
||||
<button id="mobile-button" class="menu-button"><svg class="icon icon-bars" alt=""><use xlink:href="#icon-bars"></use></svg> <span class="sr-only">Afficher le menu</span></button>
|
|
@ -5,12 +5,12 @@
|
|||
<ul>
|
||||
<li>
|
||||
<a href="<?php echo site_url(); ?>" class="menu-item">
|
||||
<i class="icon-home" aria-hidden="true"></i><span class="sr-only">Accueil</span>
|
||||
<svg class="icon icon-home" alt=""><use xlink:href="#icon-home"></use></svg><span class="sr-only">Accueil</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="menu-item submenu">
|
||||
Pages <i class="icon-caret-down"></i>
|
||||
Pages <svg class="icon icon-caret-down" alt=""><use xlink:href="#icon-caret-down"></use></svg>
|
||||
</a>
|
||||
<ul class="bg menu fg-dark">
|
||||
<?php
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<div class="flex-that mb">
|
||||
<div class="article-category">
|
||||
<?php $category = get_the_category();
|
||||
echo"<a href= '" . esc_url( get_category_link( $category[0]->term_id ) ) . "' class='btn btn-small c-info'><i class='icon-folder'></i> " . $category[0]->cat_name . "</a>"; ?>
|
||||
echo"<a href= '" . esc_url( get_category_link( $category[0]->term_id ) ) . "' class='btn btn-small c-info'><svg class='icon' alt=''><use xlink:href='#icon-folder'></use></svg> " . $category[0]->cat_name . "</a>"; ?>
|
||||
</div>
|
||||
<time itemprop="datePublished"><em><?php the_time('j F Y') ?></em></time>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<section class="card c-secondary">
|
||||
<h2 class="card-header"><i class="icon-folder" aria-hidden="true"></i> Archives</h2>
|
||||
<h2 class="card-header"><svg class="icon icon-folder" alt=""><use xlink:href="#icon-folder"></use></svg> Archives</h2>
|
||||
<div class="card-body">
|
||||
<ul class="tag-list">
|
||||
<?php wp_get_archives('type=yearly&format=html&show_post_count=0'); ?>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<section class="card c-secondary d-flex-sm d-none">
|
||||
<h2 class="card-header"><i class="icon-folder" aria-hidden="true"></i> Catégories</h2>
|
||||
<h2 class="card-header"><svg class="icon icon-folder" alt=""><use xlink:href="#icon-folder"></use></svg> Catégories</h2>
|
||||
<div class="menu fg-dark">
|
||||
<ul>
|
||||
<?php
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<section class="card c-secondary">
|
||||
<h2 class="card-header"><i class="icon-rss" aria-hidden="true"></i> Publications</h2>
|
||||
<h2 class="card-header"><svg class="icon" alt=""><use xlink:href="#icon-rss"></use></svg> Publications</h2>
|
||||
<div class="menu fg-dark">
|
||||
<ul>
|
||||
<?php
|
||||
|
|
|
@ -4,7 +4,7 @@ $menu = wp_get_nav_menu_items($listmenu['link-menu']);
|
|||
if ($menu != null) {
|
||||
?>
|
||||
<section class="card c-secondary">
|
||||
<h2 class="card-header"><i class="icon-link" aria-hidden="true"></i> Liens</h2>
|
||||
<h2 class="card-header"><svg class="icon" alt=""><use xlink:href="#icon-link"></use></svg> Liens</h2>
|
||||
<ul class="card-menu">
|
||||
<?php
|
||||
$menu = wp_get_nav_menu_items( 'link-menu');
|
||||
|
|
|
@ -10,7 +10,7 @@ $tags = get_tags($args);
|
|||
?>
|
||||
|
||||
<section class="card c-secondary">
|
||||
<h2 class="card-header"><i class="icon-tags" aria-hidden="true"></i> Tags</h2>
|
||||
<h2 class="card-header"><svg class="icon" alt=""><use xlink:href="#icon-tags"></use></svg> Tags</h2>
|
||||
<div class="card-body">
|
||||
<ul class="tag-list">
|
||||
<?php foreach ($tags as $tag) {?>
|
||||
|
|
|
@ -30,7 +30,7 @@ function kspace_cat_breadcrumb_with_rss($categoryName, $icon, $categoryType, $rs
|
|||
<div class="flex-that d-none d-flex-sm pr-half pl-half">
|
||||
<?php kspace_cat_breadcrumb_nav($categoryName, $icon); ?>
|
||||
<div class="rss">
|
||||
<a href="<?php echo $rssLink; ?>" class="btn btn-warning d-block m-0" /><svg class="icon icon-rss" alt=""><use xlink:href="#icon-rss"></use></svg><span class="sr-only">Flux RSS de <?php echo $categoryType; ?></span></a>
|
||||
<a href="<?php echo $rssLink; ?>" class="btn c-warning d-block m-0" /><svg class="icon icon-rss" alt=""><use xlink:href="#icon-rss"></use></svg><span class="sr-only">Flux RSS de <?php echo $categoryType; ?></span></a>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
|
|
|
@ -14,15 +14,13 @@
|
|||
<?php include(TEMPLATEPATH . '/components/opengraph.php'); ?>
|
||||
<link rel="shortcut icon" href="<?php echo get_template_directory_uri();?>/img/favicon.png">
|
||||
|
||||
<!-- framework utilisés -->
|
||||
<link href="<?php echo get_template_directory_uri() . "/dep/iconfont/style.css"; ?>" rel="stylesheet"/>
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet"/>
|
||||
</head>
|
||||
|
||||
<!-- Début du vrai HTML -->
|
||||
<body>
|
||||
<?php include(TEMPLATEPATH . '/components/common-icons.php'); ?>
|
||||
<div class="bg-dark skip small-text fg-light">
|
||||
<a href="#skip">Accéder au contenu</a>
|
||||
</div>
|
||||
|
|
6
home.php
6
home.php
|
@ -12,18 +12,18 @@
|
|||
echo '</section>';
|
||||
}
|
||||
echo '<section aria-labelledby="title-featured">';
|
||||
echo '<h1 class="page-title" id="title-featured"><i class="icon-fw icon-star" aria-hidden="true"></i> À la une</h1>';
|
||||
echo '<h1 class="page-title" id="title-featured"><svg class="icon icon-star" viewBox="0 0 30 32"><path d="M29.714 11.554c0 0.321-0.232 0.625-0.464 0.857l-6.482 6.321 1.536 8.929c0.018 0.125 0.018 0.232 0.018 0.357 0 0.464-0.214 0.893-0.732 0.893-0.25 0-0.5-0.089-0.714-0.214l-8.018-4.214-8.018 4.214c-0.232 0.125-0.464 0.214-0.714 0.214-0.518 0-0.75-0.429-0.75-0.893 0-0.125 0.018-0.232 0.036-0.357l1.536-8.929-6.5-6.321c-0.214-0.232-0.446-0.536-0.446-0.857 0-0.536 0.554-0.75 1-0.821l8.964-1.304 4.018-8.125c0.161-0.339 0.464-0.732 0.875-0.732s0.714 0.393 0.875 0.732l4.018 8.125 8.964 1.304c0.429 0.071 1 0.286 1 0.821z"></path></svg> À la une</h1>';
|
||||
include(TEMPLATEPATH . '/components/featured.php');
|
||||
echo '</section>';
|
||||
}
|
||||
?>
|
||||
<section aria-labelledby="title-publications">
|
||||
<h1 class="page-title" id="title-publications"><i class="icon-fw icon-clock-o" aria-hidden="true"></i> Publications</h1>
|
||||
<h1 class="page-title" id="title-publications"><svg class="icon icon-newspaper-o" alt="" viewBox="0 0 37 30"><path d="M18.286 9.143h-6.857v6.857h6.857v-6.857zM20.571 20.571v2.286h-11.429v-2.286h11.429zM20.571 6.857v11.429h-11.429v-11.429h11.429zM32 20.571v2.286h-9.143v-2.286h9.143zM32 16v2.286h-9.143v-2.286h9.143zM32 11.429v2.286h-9.143v-2.286h9.143zM32 6.857v2.286h-9.143v-2.286h9.143zM4.571 24v-17.143h-2.286v17.143c0 0.625 0.518 1.143 1.143 1.143s1.143-0.518 1.143-1.143zM34.286 24v-19.429h-27.429v19.429c0 0.393-0.071 0.786-0.196 1.143h26.482c0.625 0 1.143-0.518 1.143-1.143zM36.571 2.286v21.714c0 1.893-1.536 3.429-3.429 3.429h-29.714c-1.893 0-3.429-1.536-3.429-3.429v-19.429h4.571v-2.286h32z"></path></svg> Publications</h1>
|
||||
<?php include(TEMPLATEPATH . '/components/preview-grid.php'); ?>
|
||||
</section>
|
||||
<?php if ( !is_paged() ) {
|
||||
?>
|
||||
<div class="toast mb-1 bg-soft-info home-toast"><strong class="m-0"><i class="icon-fw icon-info"></i> Note :</strong> Si vous êtes intéressé pour découvrir plus
|
||||
<div class="toast mb-1 bg-soft-info home-toast"><strong class="m-0"><svg class="icon icon-info-circle" viewBox="0 0 30 30"><path d="M18.286 24.571v-2.857c0-0.321-0.25-0.571-0.571-0.571h-1.714v-9.143c0-0.321-0.25-0.571-0.571-0.571h-5.714c-0.321 0-0.571 0.25-0.571 0.571v2.857c0 0.321 0.25 0.571 0.571 0.571h1.714v5.714h-1.714c-0.321 0-0.571 0.25-0.571 0.571v2.857c0 0.321 0.25 0.571 0.571 0.571h8c0.321 0 0.571-0.25 0.571-0.571zM16 8.571v-2.857c0-0.321-0.25-0.571-0.571-0.571h-3.429c-0.321 0-0.571 0.25-0.571 0.571v2.857c0 0.321 0.25 0.571 0.571 0.571h3.429c0.321 0 0.571-0.25 0.571-0.571zM27.429 16c0 7.571-6.143 13.714-13.714 13.714s-13.714-6.143-13.714-13.714 6.143-13.714 13.714-13.714 13.714 6.143 13.714 13.714z"></path> Note :</strong> Si vous êtes intéressé pour découvrir plus
|
||||
de contenus trouvé sur internet, vous pouvez aussi regarder mon <a href="http://shaarli.kazhnuz.space/">Shaarli</a>, qui sert plus à
|
||||
partager des petites découverte rigolote ou intéressantes.</div>
|
||||
<?php
|
||||
|
|
|
@ -15,34 +15,6 @@
|
|||
<?php endif; ?>
|
||||
</main>
|
||||
<aside class="sidebar">
|
||||
<div class="card c-info">
|
||||
<?php $desc = explode(";", get_the_author_meta( 'infodata' )) ?>
|
||||
<div class="card-header"><i class="icon-info" aria-hidden="true"></i> <?php
|
||||
if (!empty($desc[1])) {
|
||||
echo $desc[1];
|
||||
} else {
|
||||
the_author();
|
||||
}
|
||||
?></div>
|
||||
<p class="mwarea"><?php echo get_avatar( get_the_author_meta('user_email'), $size = '500'); ?></p>
|
||||
<table style="width:100%" class="table-primary">
|
||||
<tr>
|
||||
<th>Pseudo</th>
|
||||
<td><?php the_author() ?></td>
|
||||
</tr>
|
||||
<?php $user_description = $desc[0];
|
||||
$array_tr = explode ( ",", $user_description);
|
||||
foreach ($array_tr as $tr) {
|
||||
echo "<tr>";
|
||||
$array_td = explode(':', $tr);
|
||||
echo "<th>" . $array_td[0] . "</th>";
|
||||
echo "<td>" . $array_td[1] . "</td>";
|
||||
echo "</tr>";
|
||||
}
|
||||
?>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<?php include(TEMPLATEPATH . '/components/sidebar-content.php'); ?>
|
||||
</aside>
|
||||
<?php get_footer(); ?>
|
||||
|
|
|
@ -1,60 +0,0 @@
|
|||
<?php /* Template Name: page-links */ ?>
|
||||
<?php get_header(); ?> <!-- ouvrir header,php -->
|
||||
<main id="skip">
|
||||
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
|
||||
|
||||
<article class="article-content" id="post-<?php the_ID(); ?>">
|
||||
<h1 class="page-title"><?php the_title(); ?></h1>
|
||||
|
||||
<div class="article-body mb-2">
|
||||
<?php the_content(); ?>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<div class="card c-secondary" id="social-network-card">
|
||||
<h2 class="card-header"><i class="icon-comments" aria-hidden="true"></i> Me retrouver</h2>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-info">Réseau social</th>
|
||||
<th class="text-right text-info">Lien</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
$listmenu = get_nav_menu_locations();
|
||||
$menu = wp_get_nav_menu_items($listmenu['social']);
|
||||
if ($menu != null) {
|
||||
foreach ($menu as $menuElement) {
|
||||
?>
|
||||
<tr>
|
||||
<th><i class="icon-fw icon-<?php echo $menuElement->title; ?>" aria-hidden="true"></i> <span class="text-maj"><?php echo $menuElement->title; ?></span></th>
|
||||
<td class="text-right"><a class="pretty-link" href="<?php echo $menuElement->url; ?>"><?php echo $menuElement->url; ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php
|
||||
$listmenu = get_nav_menu_locations();
|
||||
$menu = wp_get_nav_menu_items($listmenu['social-plus']);
|
||||
if ($menu != null) {
|
||||
foreach ($menu as $menuElement) {
|
||||
?>
|
||||
<tr>
|
||||
<th><i class="icon-fw icon-<?php echo $menuElement->title; ?>" aria-hidden="true"></i> <span class="text-maj"><?php echo $menuElement->title; ?></span></th>
|
||||
<td class="text-right"><a class="pretty-link" href="<?php echo $menuElement->url; ?>"><?php echo $menuElement->url; ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
</main>
|
||||
<?php get_sidebar(); ?>
|
||||
<?php get_footer(); ?>
|
|
@ -1,55 +0,0 @@
|
|||
<?php /* Template Name: page-romans */ ?>
|
||||
<?php get_header(); ?> <!-- ouvrir header,php -->
|
||||
<main id="skip">
|
||||
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
|
||||
<?php kspace_cat_breadcrumb('Romans', 'book'); ?>
|
||||
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
<div class="previews-section">
|
||||
<?php $terms = get_terms(array('taxonomy' => 'roman','hide_empty' => false));?>
|
||||
|
||||
<?php if ( ! empty( $terms ) && is_array( $terms ) ) : ?>
|
||||
<?php foreach ( $terms as $term ) : ?>
|
||||
<article class="card card-preview c-primary">
|
||||
<a href="<?php echo esc_url( get_term_link( $term ) ) ?>" class="preview-link">
|
||||
<div class="preview-item">
|
||||
<?php
|
||||
$tag_id = $term->term_id;
|
||||
$term_meta = get_option( "taxonomy_term_$tag_id" );
|
||||
$coverimg = $term_meta['cover'];
|
||||
echo '<div class="preview-content" style="background-image:url(\'' . $coverimg . '\');"></div>';
|
||||
?>
|
||||
<div class="preview-overlay">
|
||||
<h1 class="card-header"><?php echo $term->name; ?></h1>
|
||||
<div class="preview-metadata">
|
||||
<div class="metadata-pills">
|
||||
</div>
|
||||
<div class="comment-text"><?php echo $term->count; ?> Chapitres</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
<aside class="sidebar">
|
||||
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
|
||||
|
||||
<div class="card c-info">
|
||||
<div class="card-header"><i class="icon-folder-open" aria-hidden="true"></i> <?php the_title(); ?></div>
|
||||
<div class="card-body">
|
||||
<?php the_content(); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php include(TEMPLATEPATH . '/components/sidebar-content.php'); ?>
|
||||
</aside>
|
||||
<?php get_footer(); ?>
|
|
@ -5,4 +5,5 @@
|
|||
@import 'core/bases';
|
||||
@import 'core/typography';
|
||||
@import 'core/containers';
|
||||
@import 'core/icons';
|
||||
//@import 'core/columns';
|
||||
|
|
15
scss/core/_icons.scss
Normal file
15
scss/core/_icons.scss
Normal file
|
@ -0,0 +1,15 @@
|
|||
.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
color: currentColor;
|
||||
position: relative;
|
||||
top: 0.1em;
|
||||
}
|
||||
|
||||
.icon.icon-newspaper-o {
|
||||
top: 0.15em;
|
||||
}
|
|
@ -1,6 +1,6 @@
|
|||
<?php get_header(); ?> <!-- ouvrir header,php -->
|
||||
<main id="skip">
|
||||
<h1 class="page-title"><i class="icon-fw icon-search" aria-hidden="true"></i><?php _e('', 'sandbox') ?> Recherche pour le terme « <?php echo get_search_query(); ?> »</h1>
|
||||
<h1 class="page-title"><?php _e('', 'sandbox') ?> Recherche pour le terme « <?php echo get_search_query(); ?> »</h1>
|
||||
|
||||
<?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
|
||||
</main>
|
||||
|
|
14
style.css
14
style.css
|
@ -257,6 +257,20 @@ small {
|
|||
max-width: 1200px;
|
||||
margin: auto; }
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
color: currentColor;
|
||||
position: relative;
|
||||
top: 0.1em; }
|
||||
|
||||
.icon.icon-newspaper-o {
|
||||
top: 0.15em; }
|
||||
|
||||
/* --- 04. COMPOSANTS --- */
|
||||
/*
|
||||
* Les différents composants réutilisables de la page.
|
||||
|
|
|
@ -1,55 +0,0 @@
|
|||
<?php get_header(); ?> <!-- ouvrir header,php -->
|
||||
<main id="skip">
|
||||
<?php kspace_cat_breadcrumb(single_cat_title('', false), 'book'); ?>
|
||||
|
||||
<img class="cover" src="<?php
|
||||
$term_meta = get_option( "taxonomy_term_$tag_id" );
|
||||
echo $term_meta['cover'];
|
||||
?>" alt="">
|
||||
<article class="roman">
|
||||
<div class="card">
|
||||
<h1><?php echo single_cat_title(); ?></h1>
|
||||
<div class="card-body">
|
||||
<?php echo tag_description();?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$args = array(
|
||||
'tax_query' => array(
|
||||
array(
|
||||
'taxonomy' => 'roman',
|
||||
'field' => 'term_id',
|
||||
'terms' => $tag_id // you need to know the term_id of your term "example 1"
|
||||
),
|
||||
),
|
||||
'posts_per_page' => -1,
|
||||
'order' => 'ASC',
|
||||
);
|
||||
$query = new WP_Query( $args );
|
||||
?>
|
||||
|
||||
<div class="card c-primary">
|
||||
<h2 class="card-header"><i class="icon-list" aria-hidden="true"></i> Chapitres</h2>
|
||||
<div class="card-menu">
|
||||
<?php if($query->have_posts()) : ?>
|
||||
<?php $i = 1; ?>
|
||||
<?php while($query->have_posts()) : $query->the_post(); ?>
|
||||
<a href="<?php the_permalink(); ?>" class="menu-element">
|
||||
<span class="text-dark">
|
||||
<strong>Chapitre <?php echo $i++; ?>.</strong>
|
||||
<?php the_title(); ?>
|
||||
</span>
|
||||
<span>
|
||||
<em class="text-dark"><?php the_time('d/m/Y') ?></em>
|
||||
</span>
|
||||
</a>
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<?php get_sidebar(); ?>
|
||||
<?php get_footer(); ?>
|
Reference in a new issue