Skip to content

Instantly share code, notes, and snippets.

View rotcl's full-sized avatar
reinventing

GV rotcl

reinventing
View GitHub Profile
@rotcl
rotcl / nota-carrito.liquid
Last active April 4, 2019 17:38
Shopify - Cart notes
{% comment %}
@rotcl
{% endcomment %}
<p class="cart-attribute__field">
<label for="mensaje-carrito">Mensaje</label>
<input type="text" id="mensaje-carrito" name="attributes[mensaje-carrito]" value="{{ cart.attributes["mensaje-carrito"]
<textarea id="mensaje-carrito" name="attributes[mensaje-carrito]">{{ cart.attributes["mensaje-carrito"] }}</textarea>
@rotcl
rotcl / 1:2-banner.liquid
Created April 4, 2019 17:45
Shopify - Banner 1:2
{% comment %}
@rotcl
{% endcomment %}
{% if section.blocks.size > 0 %}
<div class="container">
<div class="row">
@rotcl
rotcl / neon.css
Created April 4, 2019 17:48
Shopify - Neon Links
a:hover {
-webkit-animation: neon 1.5s ease-in-out infinite alternate;
-moz-animation: neon 1.5s ease-in-out infinite alternate;
animation: neon 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes neon {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
}
@rotcl
rotcl / music-button.liquid
Created April 4, 2019 17:49
Shopify - Music Button
{% comment %}
@rotcl
{% endcomment %}
<div class="music_button__wrapper" data-tooltip="{{ section.settings.music_text }}">
<a href="#" data-tooltip="{{ section.settings.music_text }}" data-fx="{{ section.settings.music_song }}" data-remodal-target="music-button" class="music_button">
<span class="music_button">{{ section.settings.music_title }}</span>
</a>
</div>
@rotcl
rotcl / jumbo-banner.liquid
Last active April 4, 2019 18:04
Shopify - Banner Jumbo con texto y botones centrado
{% comment %}
@rotcl
{% endcomment %}
<header class="desktop masthead" style="background-image:url('{{ section.settings.bg_image | img_url: '2000x'}}');">
{% if section.settings.bg_image != nil %}
<div class="container">
<div class="row">
<div class="position--{{ section.settings.text_position }} col-md-10 col-lg-8 mx-auto">
@rotcl
rotcl / tricon.liquid
Created April 4, 2019 18:05
Shopify - Three Icon
{% comment %}
@rotcl
{% endcomment %}
<section class="features-icons bg-light text-center">
<div class="container">
<div class="row" style="margin-bottom: 0!important;">
<div class="col-lg-4">
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<div class="d-flex features-icons-icon"><i class="fa {{ section.settings.icon_1 }} fa-4x m-auto" data-bs-hover-animate="pulse"></i></div>
@rotcl
rotcl / texto-choro.liquid
Created April 4, 2019 18:10
Shopify - Texto que cambia solo v2
{% comment %}
@rotcl
{% endcomment %}
<div class="container">
<div class="row">
<div class="caption v-middle text-center">
<h1 class="cd-headline clip">
<span class="blc">{{ section.settings.t1 }}</span>
@rotcl
rotcl / emoji-rain.liquid
Created April 4, 2019 18:12
Shopify - Emoji Rain
{% comment %}
@rotcl
{% endcomment %}
<div id="fll">
<div id="cnt">
<div id="anmt">
</div>
</div>
@rotcl
rotcl / easter.liquid
Created April 4, 2019 18:13
Shopify - Easter egg 🥚
{% comment %}
@rotcl
{% endcomment %}
<style>
</style>
<script>
// Original source from here:
// https://github.com/tholman/elevator.js
@rotcl
rotcl / tia-yoli.liquid
Created April 5, 2019 16:31
Shopify - Tia Yoli As A Service
{% comment %}
@rotcl
{% endcomment %}
<div class="container">
<h1>HOROSCOPO TÍA YOLI - <span id="fecha"></span> </h1>
<div class="row">
<div class="col-md-6 col-lg-3 text-center align-self-center">
<label>Elige tu signo zodiacal </label>