Skip to content

Instantly share code, notes, and snippets.

Jackie D'Elia jdelia

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.