Instantly share code, notes, and snippets.

View image-and-video.php
<div class="fitvids">
<?php $video = get_field('testimonial_video');
$image = get_field('testimonial_image'); ?>
<?php if ($image && $video) { // image click to video ?>
<a href="#" class="js-video">
<img src="<?php echo $image; ?>" data-video="<?php echo $video; ?>">
<?php } else if ($video) { // video only ?>


Make sure you're including jQuery within the project.

Quick Use

The link that you want the user to click, trigger the scroll, needs to have a class of js-scroll-to-top:

<a href="#" class="js-scroll-to-top">Back to Top</a>

At the top of your page, right after the body tag, include an empty div with an ID of top:

View comments.php
<?php wp_list_comments(array(
'avatar_size' => '140',
'type' => 'comment',
'callback' => 'ahha_comments'
)); ?>
View page.php
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php // ACF
$image = get_field('extra_image');
<img src="<?= $image['url']; ?>" alt="<?= $image['alt']; ?>">
View html-share-buttons.html
<!-- I got these buttons from -->
<div id="share-buttons">
<!-- Buffer -->
<a href=";text=Simple Share Buttons" target="_blank">
<img src="" alt="Buffer" />
<!-- Digg -->
<a href="" target="_blank">
View .gitmodules
[submodule "wp"]
path = wp
url = git://
[submodule "ahha_plugin_acf"]
path = wp-content/plugins/ahha_plugin_acf
url =
[submodule "ahha_plugin_wpdbmigratepro"]
path = wp-content/plugins/ahha_plugin_wpdbmigratepro
View _colors.scss
// Scheme of colors
$colorscheme: (
  gray: (
    base: #ccc,
    light: #f2f2f2,
    dark: #666
  brown: (
    base: #ab906b,
    light: #ecdac3,
View _buttons.scss
$buttons: (success, green, white),
(warning, yellow, black),
(danger, red, white);
/* For each key in the map, created an own class */
@each $name, $background, $text in buttons {
  .button--#{$name} {
    background: $background;
color: $text;
View _icons.scss
$icons: (
  checkmark: a,
  plus: b,
  minus: c
/* For each key in the map, created an own class */
@each $name, $value in $icons {
  .icon--#{$name} {
    content: $value;
View _colors.scss
$category-colors : (imom-morning, $ff-yellow, $gray-8),
(movie-monitor, $ff-coral, white),
(pillow-talk, $ff-l-blue, white),
(susan, $ff-limey-green, white),
(marriage, $ff-red, white),
(family-fun, $ff-orange, white),
(printables, $ff-teal, white),
(mom-life, $ff-blue, white),
(quotes, $ff-purple, white),
(parenting, $ff-green, white);