- MonitorTool - Control external monitor brightness / sound
- Rectangle - Snap screen
- Colorbox - For generating color palette transit from one to another
<form method="post" action="" id="login-form" accept-charset="UTF-8"> | |
<input type="hidden" name="action" value="users/login"> | |
<input type="hidden" name="redirect" value="{{redirect}}"> | |
<div class="form-group"> | |
<label for="email">Email</label> | |
<input id="email" type="text" name="loginName" class="form-control"> | |
</div> | |
// collect productIds in the cart | |
{% set currentDiscount = craft.commerce.getDiscountByCode(order.couponCode) %} | |
{% if currentDiscount %} | |
{% if not cartProductIds in currentDiscount.productIds %}You have no products in the cart that meet this discount{% endif %} | |
{% endif %} |
{# scenario | |
variants -> similar variants by variant's category -> variants group by product's "device" category field | |
#} | |
{# Similar Variants with eager loading #} | |
{% set similarVariants = craft.commerce.variants({ | |
relatedTo: someElements, | |
with: ['product.device', 'product.url'] | |
}).find() %} | |
{% set similarVariantsByProduct = similarVariants | group('product.device | last ') %} |
// Custom transform and opacity modifier for Stellar.js | |
$.stellar.positionProperty.transfade = { | |
setPosition: function(element, newLeft, originalLeft, newTop, originalTop) { | |
var distance = newTop - originalTop; | |
var rate = $(window).height() / 5; | |
element.css('transform', 'translate3d(0, ' + distance + 'px, 0').css('opacity', 1 - (distance / rate)); | |
} | |
}; | |
$.stellar({ |
$placeholder: $black; | |
$aspect-ratio: ( '16to9': 9/16, '4to3': 3/4, '3to2': 2/3, '2to3': 3/2, '3to4': 4/3, '9to16': 16/9 ); | |
@include object(figure) { | |
@include element(container) { | |
position: relative; | |
display: block; | |
width: 100%; | |
overflow: hidden; | |
// picturefill positioning |
1 |