Skip to content
This repository has been archived by the owner on Apr 25, 2019. It is now read-only.

Commit

Permalink
#64 Fixing anchors for cc
Browse files Browse the repository at this point in the history
  • Loading branch information
@daveredfern
daveredfern committed Nov 3, 2016
1 parent 58bf1ff commit 5caea00
Show file tree
Hide file tree
Showing 2 changed files with 59 additions and 59 deletions.
4 changes: 2 additions & 2 deletions inc/functions.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -235,7 +235,7 @@ public function printTitle() {
<ul>';

if($this->shouldPrintCode()) {
$title .= '<li><a href="#" data-cc-action="toggle" data-cc-target="cc-code-' . str_replace(' ', '-', strtolower($this->Title)) . '" class="micro">Code</a></li>';
$title .= '<li><a href="#" data-cc-action="toggle" data-cc-target="cc-code-' . substr(str_replace('/','-',$this->getUrl(false)),1) . '" class="micro">Code</a></li>';
}
$title .= '<li><a href="'.$this->getUrl(true).'" class="micro">Preview</a></li>
</ul>
Expand Down Expand Up @@ -363,7 +363,7 @@ protected function getContents($paths, $options) {
}

if($printCode) {
echo '<div class="u-toggle" id="cc-code-' . str_replace(' ', '-', strtolower($_t->Title)) . '"><pre class="cc-code"><code class="language-html">';
echo '<div class="u-toggle" id="cc-code-' . substr(str_replace('/','-',$_t->getUrl(false)),1) . '"><pre class="cc-code"><code class="language-html">';
$html = file_get_contents($path);
echo htmlentities(trim(preg_replace('/<\\?.*(\\?>|$)/Us', '', $html)));
echo '</code></pre></div>';
Expand Down
114 changes: 57 additions & 57 deletions pattern/base/icons/6-payment.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,67 +3,67 @@
*/ ?>

<ul class="u-list-inline">
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--amazon.svg'); ?>" alt="Amazon" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--american-express.svg'); ?>" alt="America Express" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--braintree.svg'); ?>" alt="Braintree" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--cirrus.svg'); ?>" alt="Cirrus" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--direct-debit.svg'); ?>" alt="Direct Debit" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--ebay.svg'); ?>" alt="Ebay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--jcb.svg'); ?>" alt="JCB" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--maestro.svg'); ?>" alt="Maestro" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--mastercard-securecode.svg'); ?>" alt="Mastercard Securecode" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--mastercard.svg'); ?>" alt="Mastercard" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--norton.svg'); ?>" alt="Norton" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--paypal.svg'); ?>" alt="Paypal" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--sage.svg'); ?>" alt="Sage" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--stripe.svg'); ?>" alt="Stripe" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--verified-by-visa.svg'); ?>" alt="Verified By Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--visa-electron.svg'); ?>" alt="Visa Electron" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--visa.svg'); ?>" alt="Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--western-union.svg'); ?>" alt="Western Union" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/color--worldpay.svg'); ?>" alt="WordPay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--amazon.svg'); ?>" alt="Amazon" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--american-express.svg'); ?>" alt="America Express" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--braintree.svg'); ?>" alt="Braintree" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--cirrus.svg'); ?>" alt="Cirrus" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--direct-debit.svg'); ?>" alt="Direct Debit" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--ebay.svg'); ?>" alt="Ebay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--jcb.svg'); ?>" alt="JCB" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--maestro.svg'); ?>" alt="Maestro" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--mastercard-securecode.svg'); ?>" alt="Mastercard Securecode" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--mastercard.svg'); ?>" alt="Mastercard" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--norton.svg'); ?>" alt="Norton" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--paypal.svg'); ?>" alt="Paypal" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--sage.svg'); ?>" alt="Sage" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--stripe.svg'); ?>" alt="Stripe" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--verified-by-visa.svg'); ?>" alt="Verified By Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--visa-electron.svg'); ?>" alt="Visa Electron" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--visa.svg'); ?>" alt="Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--western-union.svg'); ?>" alt="Western Union" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/color--worldpay.svg'); ?>" alt="WordPay" width="63" height="40" /></li>
</ul>

<ul class="u-list-inline">
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--amazon.svg'); ?>" alt="Amazon" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--american-express.svg'); ?>" alt="America Express" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--braintree.svg'); ?>" alt="Braintree" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--cirrus.svg'); ?>" alt="Cirrus" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--direct-debit.svg'); ?>" alt="Direct Debit" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--ebay.svg'); ?>" alt="Ebay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--jcb.svg'); ?>" alt="JCB" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--maestro.svg'); ?>" alt="Maestro" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--mastercard-securecode.svg'); ?>" alt="Mastercard Securecode" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--mastercard.svg'); ?>" alt="Mastercard" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--norton.svg'); ?>" alt="Norton" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--paypal.svg'); ?>" alt="Paypal" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--sage.svg'); ?>" alt="Sage" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--stripe.svg'); ?>" alt="Stripe" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--verified-by-visa.svg'); ?>" alt="Verified By Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--visa-electron.svg'); ?>" alt="Visa Electron" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--visa.svg'); ?>" alt="Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--western-union.svg'); ?>" alt="Western Union" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/white--worldpay.svg'); ?>" alt="WordPay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--amazon.svg'); ?>" alt="Amazon" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--american-express.svg'); ?>" alt="America Express" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--braintree.svg'); ?>" alt="Braintree" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--cirrus.svg'); ?>" alt="Cirrus" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--direct-debit.svg'); ?>" alt="Direct Debit" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--ebay.svg'); ?>" alt="Ebay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--jcb.svg'); ?>" alt="JCB" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--maestro.svg'); ?>" alt="Maestro" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--mastercard-securecode.svg'); ?>" alt="Mastercard Securecode" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--mastercard.svg'); ?>" alt="Mastercard" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--norton.svg'); ?>" alt="Norton" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--paypal.svg'); ?>" alt="Paypal" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--sage.svg'); ?>" alt="Sage" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--stripe.svg'); ?>" alt="Stripe" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--verified-by-visa.svg'); ?>" alt="Verified By Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--visa-electron.svg'); ?>" alt="Visa Electron" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--visa.svg'); ?>" alt="Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--western-union.svg'); ?>" alt="Western Union" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/white--worldpay.svg'); ?>" alt="WordPay" width="63" height="40" /></li>
</ul>

<ul class="u-list-inline">
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--amazon.svg'); ?>" alt="Amazon" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--american-express.svg'); ?>" alt="America Express" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--braintree.svg'); ?>" alt="Braintree" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--cirrus.svg'); ?>" alt="Cirrus" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--direct-debit.svg'); ?>" alt="Direct Debit" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--ebay.svg'); ?>" alt="Ebay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--jcb.svg'); ?>" alt="JCB" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--maestro.svg'); ?>" alt="Maestro" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--mastercard-securecode.svg'); ?>" alt="Mastercard Securecode" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--mastercard.svg'); ?>" alt="Mastercard" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--norton.svg'); ?>" alt="Norton" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--paypal.svg'); ?>" alt="Paypal" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--sage.svg'); ?>" alt="Sage" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--stripe.svg'); ?>" alt="Stripe" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--verified-by-visa.svg'); ?>" alt="Verified By Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--visa-electron.svg'); ?>" alt="Visa Electron" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--visa.svg'); ?>" alt="Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--western-union.svg'); ?>" alt="Western Union" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/icons/payments/svg/transparent--worldpay.svg'); ?>" alt="WordPay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--amazon.svg'); ?>" alt="Amazon" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--american-express.svg'); ?>" alt="America Express" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--braintree.svg'); ?>" alt="Braintree" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--cirrus.svg'); ?>" alt="Cirrus" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--direct-debit.svg'); ?>" alt="Direct Debit" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--ebay.svg'); ?>" alt="Ebay" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--jcb.svg'); ?>" alt="JCB" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--maestro.svg'); ?>" alt="Maestro" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--mastercard-securecode.svg'); ?>" alt="Mastercard Securecode" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--mastercard.svg'); ?>" alt="Mastercard" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--norton.svg'); ?>" alt="Norton" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--paypal.svg'); ?>" alt="Paypal" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--sage.svg'); ?>" alt="Sage" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--stripe.svg'); ?>" alt="Stripe" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--verified-by-visa.svg'); ?>" alt="Verified By Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--visa-electron.svg'); ?>" alt="Visa Electron" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--visa.svg'); ?>" alt="Visa" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--western-union.svg'); ?>" alt="Western Union" width="63" height="40" /></li>
<li><img src="<?php echo getUrl('build/img/vectors/payments/svg/transparent--worldpay.svg'); ?>" alt="WordPay" width="63" height="40" /></li>
</ul>

0 comments on commit 5caea00

Please sign in to comment.