Skip to content

Instantly share code, notes, and snippets.

Jackie D'Elia jdelia

Block or report user

Report or block jdelia

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@jdelia
jdelia / custom-style.css
Last active Oct 14, 2017
Code snippets for a video lightbox with image thumbnail.
View custom-style.css
.lightbox-video {
margin: auto;
padding: 5% 10%;
}
.lightbox-video a {
display: block;
position: relative;
overflow: hidden;
cursor: pointer;
View svg-icons.min.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@jdelia
jdelia / code-functions.php
Last active Aug 2, 2018
SVG Icons and Graphic Elements
View code-functions.php
// Add the SVG icons functions.
include_once( get_stylesheet_directory() . '/lib/icon-functions.php' );
View genesis-simple-faq-styles.css
.gs-faq__question {
background: transparent;
border-bottom: 1px solid #eee;
color: #333;
padding-left: 0;
padding-right: 0;
}
.gs-faq__question:focus,
.gs-faq__question:hover {
@jdelia
jdelia / hard-coded.html
Last active Aug 25, 2017
SVG Icon System
View hard-coded.html
<p>Ok, let's put some SVG icons here hard-coded:</p>
<p>Graphical Elements:</p>
<svg class="icon icon-content icon-rotate"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use></svg><svg class="icon icon-content icon-rotate"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-close"></use></svg><svg class="icon icon-content icon-rotate"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-angle-down"></use></svg><svg class="icon icon-content icon-rotate"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-folder-open"></use></svg><svg class="icon icon-content icon-rotate"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-bars"></use></svg><svg class="icon icon-content icon-rotate"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-quote-right"></use></svg><svg class="icon icon-content icon-rotate"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-mail-reply"></use></svg><svg class="icon icon-con
@jdelia
jdelia / snippet-front-page.php
Created Jul 20, 2017
H1 on Home Page for Genesis
View snippet-front-page.php
<?php
/* Add this to your Genesis front-page.php */
add_filter( 'genesis_site_title_wrap', 'brandiD_h1_for_site_title' );
/**
* Use h1 for site title.
*
* @param string $wrap site title.
* @return $wrap force h1.
*/
@jdelia
jdelia / functions.php
Last active May 22, 2017
Contents of my Twentyseventeen child theme.
View functions.php
<?php
/**
* The functions file for Child of Twentyseventeen theme.
*
* @package WordPress
* @subpackage child_of_twentyseventeen
* @since 1.0
* @version 1.0
*/
@jdelia
jdelia / icon-functions.php
Created May 21, 2017
icon-functions.php from Twentyseventeen theme
View icon-functions.php
<?php
/**
* SVG icons related functions and filters
*
* @package WordPress
* @subpackage Twenty_Seventeen
* @since 1.0
*/
/**
@jdelia
jdelia / svg-icons-svg
Last active May 21, 2017
SVG icons installed with Twentyseventeen theme
View svg-icons-svg
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-behance" viewBox="0 0 37 32">
<path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path>
</symbol>
<symbol id="icon-deviantart" viewBox="0
View email-shortcode.php
<?php
/**
* Creates a link for email and then hide email address from Spam Bots in HTML using a shortcode.
* [email]hello@email.com[/email]
*
* @param array $atts Shortcode attributes. Not used.
* @param string $content The shortcode content. Should be an email address.
*
* @return string The obfuscated email address.
You can’t perform that action at this time.