Skip to content

Instantly share code, notes, and snippets.

Avatar

Zach Harkey zachharkey

  • Harkey Design
  • Deep South
View GitHub Profile
View caduceus-logo-documentation.md

The Caduceus Logo

The original source logo is served as a vector SVG from the following URL: http://res.cloudinary.com/caduceus/caduceus-logo.svg

We can manipulate pretty much every characteristic of this logo, e.g. filetype, width, color, etc. by changing the parameters in this URL.

Change size on the fly.

@zachharkey
zachharkey / shopify-custom-fields-bookmarklet.md
Last active Aug 22, 2018
Installing the "Custom Fields" bookmarklet for Shopify
View shopify-custom-fields-bookmarklet.md

You will need to create a custom bookmark in your browser. Name it something like "Custom Fields". Browser bookmarks usually point to a URL, but we're going to insert a script instead, so in the destination URL field, paste the following script:

javascript:(function(){var gaJs = document.createElement("script");gaJs.type = "text%2Fjavascript";gaJs.src = "https%3A%2F%2Fs3.amazonaws.com%2Ffreakdesign-us%2Fshopify%2Fcustom_fields%2Fs%2Ffreakdesign_custom_fields.min.js";document.getElementsByTagName("head")[0].appendChild(gaJs);})();

Now, when you are editing certain pages in Shopify, you can click your new "Custom Fields" bookmark and it will fire our script, which will reveal otherwise hidden custom fields.

@zachharkey
zachharkey / sqs-snippet-hide-qty.html
Last active Apr 11, 2020
Squarespace: This is a hack to hide the "Quantity" input field in product blocks on a per page basis. Paste this into a code block somewhere above the product block. Set code block to "HTML" and uncheck "Display Source".
View sqs-snippet-hide-qty.html
<style>
/* Hide quantity fields on this page only */
.product-block .product-quantity-input { display: none; }
</style>
@zachharkey
zachharkey / gist:8a5b8d4507ffa209c363aaf875b04bff
Created Feb 9, 2017
Squarespace CSS Tweak - Add space between stacked images
View gist:8a5b8d4507ffa209c363aaf875b04bff
/* Add space between stacked images */
.sqs-gallery-block-stacked .image-wrapper {
margin: 20px;
}
.sqs-gallery-block-stacked .meta { display: block !important;
margin: 20px;
}
.sqs-gallery-block-stacked .image-wrapper{
margin:20px 0;
}
View gist:f55bbd66f7aa6dfdc804b71ce19b79f6
$ theme watch
Spawning 2 workers for pieces-6.myshopify.com
pieces-6.myshopify.com Worker #1 ready to upload local changes
pieces-6.myshopify.com Worker #0 ready to upload local changes
Received Update event on assets/timber.scss.liquid
Successfully performed Update operation for file assets/timber.scss.liquid to pieces-6.myshopify.com
Received Update event on assets/timber.scss.liquid
fatal error: heapBitsSweepSpan
runtime stack:
@zachharkey
zachharkey / lead-time.md
Last active Sep 22, 2016
Liguid logic for displaying specific "ship" messages depending on product tag
View lead-time.md

Lead time messages based on tags

Requirements from client

    So the tags are in all caps and the corresponding messages to go with are below each 
    
    SHIP 1 
    1-2 week lead time
@zachharkey
zachharkey / squarespace-body-classes.md
Last active Sep 13, 2016
Squarespace Body Classes
View squarespace-body-classes.md

Squarespace Body Classes

These are the default body classes on the Base Template

View xulu-logo.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@zachharkey
zachharkey / squarespace-cli-error.txt
Last active Sep 6, 2016
squarespace-cli failure
View squarespace-cli-error.txt
$ npm i -g squarespace-cli
/usr/local/bin/sqs -> /usr/local/lib/node_modules/squarespace-cli/squarespace.js
> keytar@3.0.2 install /usr/local/lib/node_modules/squarespace-cli/node_modules/keytar
> node-gyp rebuild
xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance
xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance
@zachharkey
zachharkey / HTML Sections
Created Mar 29, 2016
HTML 5 Sections with wrappers
View HTML Sections
<div class="section section-1">
<div class="section-wrapper">
<h1>Section 1</h1>
<p>Phasellus blandit massa sed ex commodo sodales. Vestibulum eget ligula ut nibh bibendum efficitur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In porta at nulla in auctor. Maecenas mollis lacinia orci sed ultrices. Sed viverra mauris sed nisl facilisis, eu fringilla mauris aliquam. Ut vel dictum velit. Fusce ante leo, fermentum </p>
</div>
</div>
<div class="section section-2 section--video">
<video style="height: 239" id="bgvideo" preload="none" autoplay="" loop="" poster="http://static1.squarespace.com/static/558c2e13e4b01eebf23177fc/t/56c4b565d210b80ae441a6d7/1455732071180/work-desk.JPG"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-Loop.mp4" type="video/mp4"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-Loop.ogv" type="video/ogg"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-