Fixed SVG and html code on themes

This commit is contained in:
Diego Najar 2018-03-05 23:46:52 +01:00
parent 3f0ce73c90
commit 095ba8bd72
13 changed files with 79 additions and 89 deletions

View File

@ -45,9 +45,9 @@ foreach($plugins['all'] as $Plugin)
echo '</td>'; echo '</td>';
echo '<td class="uk-text-center">'; echo '<td class="uk-text-center">';
if( !$Plugin->isCompatible() ) { // if( !$Plugin->isCompatible() ) {
echo '<i class="uk-icon-exclamation-triangle incompatible-warning" title="'.$L->g('This plugin may not be supported by this version of Bludit').'"></i>'; // echo '<i class="uk-icon-exclamation-triangle incompatible-warning" title="'.$L->g('This plugin may not be supported by this version of Bludit').'"></i>';
} // }
echo '<span>'.$Plugin->version().'</span>'; echo '<span>'.$Plugin->version().'</span>';
echo '</td>'; echo '</td>';

View File

@ -37,9 +37,9 @@ foreach($themes as $theme)
echo '</td>'; echo '</td>';
echo '<td class="uk-text-center">'; echo '<td class="uk-text-center">';
if( !$theme['compatible'] ) { // if( !$theme['compatible'] ) {
echo '<i class="uk-icon-exclamation-triangle incompatible-warning" title="'.$L->g('This theme may not be supported by this version of Bludit').'"></i>'; // echo '<i class="uk-icon-exclamation-triangle incompatible-warning" title="'.$L->g('This theme may not be supported by this version of Bludit').'"></i>';
} // }
echo $theme['version']; echo $theme['version'];
echo '</td>'; echo '</td>';

View File

@ -60,12 +60,10 @@ h2.title {
} }
/* Navbar */ /* Navbar */
.navbar-nav-svg { img.nav-svg-icon {
display: inline-block;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
vertical-align: text-top; padding-bottom: 2px;
color: rgba(255,255,255,.5);
} }
.nav-link { .nav-link {

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<svg aria-labelledby="simpleicons-linkedin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title id="simpleicons-linkedin-icon">LinkedIn icon</title>
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" style="fill: rgb(154, 157, 160);"/>
</svg>

After

Width:  |  Height:  |  Size: 770 B

File diff suppressed because one or more lines are too long

View File

@ -2,11 +2,11 @@
<header class="welcome bg-light"> <header class="welcome bg-light">
<div class="container text-center"> <div class="container text-center">
<!-- Site title --> <!-- Site title -->
<h1><?php echo $site->slogan() ?></h1> <h1><?php echo $site->slogan(); ?></h1>
<!-- Site description --> <!-- Site description -->
<?php if ($site->description()): ?> <?php if ($site->description()): ?>
<p class="lead"><?php echo $site->description() ?></p> <p class="lead"><?php echo $site->description(); ?></p>
<?php endif ?> <?php endif ?>
</div> </div>
</header> </header>
@ -21,18 +21,18 @@
<?php Theme::plugins('pageBegin'); ?> <?php Theme::plugins('pageBegin'); ?>
<!-- Page title --> <!-- Page title -->
<a class="text-dark" href="<?php echo $page->permalink() ?>"> <a class="text-dark" href="<?php echo $page->permalink(); ?>">
<h2 class="title"><?php echo $page->title() ?></h2> <h2 class="title"><?php echo $page->title(); ?></h2>
</a> </a>
<!-- Page content until the pagebreak --> <!-- Page content until the pagebreak -->
<div> <div>
<?php echo $page->contentBreak() ?> <?php echo $page->contentBreak(); ?>
</div> </div>
<!-- Shows "read more" button if necessary --> <!-- Shows "read more" button if necessary -->
<?php if ($page->readMore()): ?> <?php if ($page->readMore()): ?>
<a class="btn btn-primary btn-sm" href="<?php echo $page->permalink() ?>" role="button">Read more</a> <a class="btn btn-primary btn-sm" href="<?php echo $page->permalink(); ?>" role="button">Read more</a>
<?php endif ?> <?php endif ?>
<!-- Load Bludit Plugins: Page End --> <!-- Load Bludit Plugins: Page End -->
@ -50,20 +50,20 @@
<ul class="pagination justify-content-center"> <ul class="pagination justify-content-center">
<!-- Previuos button --> <!-- Previuos button -->
<li class="page-item <?php if (Paginator::showNext()) echo 'disabled' ?>"> <li class="page-item <?php if (Paginator::showNext()); echo 'disabled' ?>">
<a class="page-link" href="<?php echo Paginator::prevPageUrl() ?>" tabindex="-1">Previous</a> <a class="page-link" href="<?php echo Paginator::prevPageUrl(); ?>" tabindex="-1">Previous</a>
</li> </li>
<!-- List of pages --> <!-- List of pages -->
<?php for ($i = 1; $i <= Paginator::amountOfPages(); $i++): ?> <?php for ($i = 1; $i <= Paginator::amountOfPages(); $i++): ?>
<li class="page-item <?php if ($i==Paginator::currentPage()) echo 'active' ?>"> <li class="page-item <?php if ($i==Paginator::currentPage()); echo 'active' ?>">
<a class="page-link" href="<?php echo Paginator::numberUrl($i) ?>"><?php echo $i ?></a> <a class="page-link" href="<?php echo Paginator::numberUrl($i); ?>"><?php echo $i ?></a>
</li> </li>
<?php endfor ?> <?php endfor ?>
<!-- Next button --> <!-- Next button -->
<li class="page-item <?php if (Paginator::showPrev()) echo 'disabled' ?>"> <li class="page-item <?php if (Paginator::showPrev()); echo 'disabled' ?>">
<a class="page-link" href="<?php echo Paginator::nextPageUrl() ?>">Next</a> <a class="page-link" href="<?php echo Paginator::nextPageUrl(); ?>">Next</a>
</li> </li>
</ul> </ul>

View File

@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark text-uppercase"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark text-uppercase">
<div class="container"> <div class="container">
<a class="navbar-brand" href="<?php echo $site->url() ?>"> <a class="navbar-brand" href="<?php echo $site->url(); ?>">
<span class="text-white"><?php echo $site->title() ?></span> <span class="text-white"><?php echo $site->title(); ?></span>
</a> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
@ -12,62 +12,55 @@
<!-- Static pages --> <!-- Static pages -->
<?php foreach ($staticContent as $staticPage): ?> <?php foreach ($staticContent as $staticPage): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo $staticPage->permalink() ?>"><?php echo $staticPage->title() ?></a> <a class="nav-link" href="<?php echo $staticPage->permalink(); ?>"><?php echo $staticPage->title(); ?></a>
</li> </li>
<?php endforeach ?> <?php endforeach ?>
<!-- Social Networks --> <!-- Social Networks -->
<?php if ($site->github()): ?> <?php if ($site->github()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link p-2" href="<?php echo $site->github() ?>" target="_blank" rel="noopener" aria-label="GitHub"> <a class="nav-link" href="<?php echo $site->github(); ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/github.svg' ?>" alt="github icon" />
<title id="simpleicons-github-icon">GitHub icon</title>
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->twitter()): ?> <?php if ($site->twitter()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link p-2" href="<?php echo $site->twitter() ?>" target="_blank" rel="noopener" aria-label="twitter"> <a class="nav-link" href="<?php echo $site->twitter(); ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/twitter.svg' ?>" alt="twitter icon" />
<title id="simpleicons-twitter-icon">Twitter icon</title>
<path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->facebook()): ?> <?php if ($site->facebook()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link p-2" href="<?php echo $site->facebook() ?>" target="_blank" rel="noopener" aria-label="facebook"> <a class="nav-link" href="<?php echo $site->facebook(); ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-facebook-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/facebook.svg' ?>" alt="facebook icon" />
<title id="simpleicons-facebook-icon">Facebook icon</title>
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->googleplus()): ?> <?php if ($site->googleplus()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link p-2" href="<?php echo $site->googleplus() ?>" target="_blank" rel="noopener" aria-label="googleplus"> <a class="nav-link" href="<?php echo $site->googleplus(); ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-googleplus-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/googleplus.svg' ?>" alt="googleplus icon" />
<title id="simpleicons-googleplus-icon">Google+ icon</title>
<path d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461 0-.501-.054-.885-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->codepen()): ?> <?php if ($site->codepen()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link p-2" href="<?php echo $site->codepen() ?>" target="_blank" rel="noopener" aria-label="codepen"> <a class="nav-link" href="<?php echo $site->codepen(); ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-codepen-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/codepen.svg' ?>" alt="codepen icon" />
<title id="simpleicons-codepen-icon">CodePen icon</title> </a>
<path d="M24 8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19c-.347-.232-.796-.232-1.142 0L.453 7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0 8.12 0 8.15 0 8.18v7.497c0 .044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0 .01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014 10.97 7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05 0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65 2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33 4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89 15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087 5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042 7.8V2.97l8.085 5.39-3.612 2.415v.003z" style="fill: rgba(255, 255, 255, 0.5);"/> </li>
</svg> <?php endif ?>
<?php if ($site->linkedin()): ?>
<li class="nav-item">
<a class="nav-link" href="<?php echo $site->linkedin(); ?>" target="_blank">
<img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/linkedin.svg' ?>" alt="linkedin icon" />
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>

View File

@ -6,24 +6,24 @@
<?php Theme::plugins('pageBegin'); ?> <?php Theme::plugins('pageBegin'); ?>
<!-- Page title --> <!-- Page title -->
<h1 class="title"><?php echo $page->title() ?></h1> <h1 class="title"><?php echo $page->title(); ?></h1>
<!-- Page description <!-- Page description
<?php if ($page->description()): ?> <?php if ($page->description()): ?>
<p class="page-description"><?php echo $page->description() ?></p> <p class="page-description"><?php echo $page->description(); ?></p>
<?php endif ?> <?php endif ?>
--> -->
<!-- Page cover image --> <!-- Page cover image -->
<?php if ($page->coverImage()): ?> <?php if ($page->coverImage()): ?>
<div class="page-cover-image py-6 mb-4" style="background-image: url('<?php echo $page->coverImage() ?>');"> <div class="page-cover-image py-6 mb-4" style="background-image: url('<?php echo $page->coverImage(); ?>');">
<div style="height: 300px;"></div> <div style="height: 300px;"></div>
</div> </div>
<?php endif ?> <?php endif ?>
<!-- Page content --> <!-- Page content -->
<div class="page-content"> <div class="page-content">
<?php echo $page->content() ?> <?php echo $page->content(); ?>
</div> </div>
<!-- Load Bludit Plugins: Page End --> <!-- Load Bludit Plugins: Page End -->

View File

@ -55,12 +55,10 @@ h2.title {
} }
/* Navbar */ /* Navbar */
.navbar-nav-svg { img.nav-svg-icon {
display: inline-block;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
vertical-align: text-top; padding-bottom: 2px;
color: rgba(255,255,255,.5);
} }
.nav-link { .nav-link {

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<svg aria-labelledby="simpleicons-linkedin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title id="simpleicons-linkedin-icon">LinkedIn icon</title>
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" style="fill: rgb(154, 157, 160);"/>
</svg>

After

Width:  |  Height:  |  Size: 770 B

File diff suppressed because one or more lines are too long

View File

@ -19,55 +19,48 @@
<!-- Social Networks --> <!-- Social Networks -->
<?php if ($site->github()): ?> <?php if ($site->github()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo $site->github() ?>" target="_blank" rel="noopener" aria-label="GitHub"> <a class="nav-link" href="<?php echo $site->github() ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/github.svg' ?>" alt="github icon" />
<title id="simpleicons-github-icon">GitHub icon</title>
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->twitter()): ?> <?php if ($site->twitter()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo $site->twitter() ?>" target="_blank" rel="noopener" aria-label="twitter"> <a class="nav-link" href="<?php echo $site->twitter() ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/twitter.svg' ?>" alt="twitter icon" />
<title id="simpleicons-twitter-icon">Twitter icon</title>
<path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->facebook()): ?> <?php if ($site->facebook()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo $site->facebook() ?>" target="_blank" rel="noopener" aria-label="facebook"> <a class="nav-link" href="<?php echo $site->facebook() ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-facebook-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/facebook.svg' ?>" alt="facebook icon" />
<title id="simpleicons-facebook-icon">Facebook icon</title>
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->googleplus()): ?> <?php if ($site->googleplus()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo $site->googleplus() ?>" target="_blank" rel="noopener" aria-label="googleplus"> <a class="nav-link" href="<?php echo $site->googleplus() ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-googleplus-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/googleplus.svg' ?>" alt="googleplus icon" />
<title id="simpleicons-googleplus-icon">Google+ icon</title>
<path d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461 0-.501-.054-.885-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24" style="fill: rgba(255, 255, 255, 0.5);"/>
</svg>
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>
<?php if ($site->codepen()): ?> <?php if ($site->codepen()): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="<?php echo $site->codepen() ?>" target="_blank" rel="noopener" aria-label="codepen"> <a class="nav-link" href="<?php echo $site->codepen() ?>" target="_blank">
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-codepen-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/codepen.svg' ?>" alt="codepen icon" />
<title id="simpleicons-codepen-icon">CodePen icon</title> </a>
<path d="M24 8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19c-.347-.232-.796-.232-1.142 0L.453 7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0 8.12 0 8.15 0 8.18v7.497c0 .044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0 .01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014 10.97 7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05 0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65 2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33 4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89 15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087 5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042 7.8V2.97l8.085 5.39-3.612 2.415v.003z" style="fill: rgba(255, 255, 255, 0.5);"/> </li>
</svg> <?php endif ?>
<?php if ($site->linkedin()): ?>
<li class="nav-item">
<a class="nav-link" href="<?php echo $site->linkedin() ?>" target="_blank">
<img class="nav-svg-icon" src="<?php echo DOMAIN_THEME.'img/linkedin.svg' ?>" alt="linkedin icon" />
</a> </a>
</li> </li>
<?php endif ?> <?php endif ?>