Skip to content

Instantly share code, notes, and snippets.

Avatar

Dan Brubaker danbru1989

View GitHub Profile
View home.php
<?php
/**
* Updates Page.
*
* @package BrubakerDesignServices\FaithForRevivalTheme
* @since 1.0.0
* @author Dan Brubaker
* @link https://brubakerservices.org/
* @license GPL-2.0+
*/
@danbru1989
danbru1989 / functions.php
Last active Mar 7, 2018
Automatically Add Menu Item Titles to Menu Item CSS Classes
View functions.php
// Add descriptive CSS classes to menu items
add_filter('nav_menu_css_class', 'bds_nav_classes', 10, 2);
function bds_nav_classes( $classes, $item ) {
$item_class = strtolower( preg_replace("/[\s_]/", "-", $item->title) );
$classes[] = 'menu-item-' . $item_class;
return $classes;
}
@danbru1989
danbru1989 / home.php
Last active Feb 28, 2018
A custom Genesis blog page displaying three main sections. The 1st section is a featured post from category #1. The 2nd section shows some meeting info. The 3rd section displays posts from all categories except the post displayed in the 1st section.
View home.php
<?php
// Add sections above the main blog loop
add_action( 'genesis_before_loop', 'bds_featured_post' );
add_action( 'genesis_before_loop', 'bds_meeting_info' );
// Replace the blog loop with custom loop
remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'bds_do_custom_loop' );
@danbru1989
danbru1989 / events-manager-map.js
Created Jan 26, 2018
Scripts to change the Events Manager map zoom level, close the info window, and center on the marker.
View events-manager-map.js
/**
* @description This script modifies the Events Manager map
*
* @author Dan Brubaker
*
*/
// Modify Event Manager Map
jQuery(document).ready(function ($) {
jQuery(document).bind('em_maps_location_hook', function (e, map, infowindow, marker) {
View global.scss
.container {
background: blue;
text-align: center;
font-size: 1.6rem;
@include mq(xl) {font-size: 2rem;}
}
View media-queries.scss
/* ========== PLACE GENERAL MEDIA QUERY CODE HERE ========== */
/* ===== Breakpoints ===== */
$break-point-xs : 1px;
$break-point-s : 320px;
$break-point-ms : 480px;
View style.css
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
}
iframe,
object,
embed {
position: absolute;
top: 0;
View style.css
.map-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.map-container iframe {
position: absolute;
top: 0;
left: 0;
View style.css
table {
table-layout: fixed;
width: 100%;
}
tr {
height: 12vw; /* Set this to whatever amount forms square cells */
}
View template.php
<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>