adding pixel spirit
This commit is contained in:
Patricio Gonzalez Vivo
parent
cd2bac1fd1
commit
529a84cb2f
159
07/index.php
159
07/index.php
|
|
@ -20,6 +20,165 @@
|
|||
$Parsedown = new Parsedown();
|
||||
echo $Parsedown->text(file_get_contents($README.'.md'));
|
||||
|
||||
echo '
|
||||
<h3>Learn new shapes and geometric elements</h3>
|
||||
<p>If you are interested on a library of 2D geometric shapes together with design rules to combined them. Take a look to <a href="http://pixelspiritdeck.com/" target="_blank">this deck of cards</a>.</p>
|
||||
<div id="product-component-a574df7e41a"></div>
|
||||
<script type="text/javascript">
|
||||
/*<![CDATA[*/
|
||||
|
||||
(function () {
|
||||
var scriptURL = "https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js";
|
||||
if (window.ShopifyBuy) {
|
||||
if (window.ShopifyBuy.UI) {
|
||||
ShopifyBuyInit();
|
||||
} else {
|
||||
loadScript();
|
||||
}
|
||||
} else {
|
||||
loadScript();
|
||||
}
|
||||
|
||||
function loadScript() {
|
||||
var script = document.createElement("script");
|
||||
script.async = true;
|
||||
script.src = scriptURL;
|
||||
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(script);
|
||||
script.onload = ShopifyBuyInit;
|
||||
}
|
||||
|
||||
function ShopifyBuyInit() {
|
||||
var client = ShopifyBuy.buildClient({
|
||||
domain: "pixelspirit.myshopify.com",
|
||||
apiKey: "686544ffb4b575bec76a775b422b5d72",
|
||||
appId: "6",
|
||||
});
|
||||
|
||||
ShopifyBuy.UI.onReady(client).then(function (ui) {
|
||||
ui.createComponent("product", {
|
||||
id: [8723521601],
|
||||
node: document.getElementById("product-component-a574df7e41a"),
|
||||
moneyFormat: "%24%7B%7Bamount%7D%7D",
|
||||
options: {
|
||||
"product": {
|
||||
"layout": "horizontal",
|
||||
"variantId": "all",
|
||||
"width": "100%",
|
||||
"contents": {
|
||||
"img": false,
|
||||
"imgWithCarousel": true,
|
||||
"variantTitle": false,
|
||||
"description": true,
|
||||
"buttonWithQuantity": false,
|
||||
"quantity": false
|
||||
},
|
||||
"styles": {
|
||||
"product": {
|
||||
"text-align": "left",
|
||||
"@media (min-width: 601px)": {
|
||||
"max-width": "100%",
|
||||
"margin-left": "0",
|
||||
"margin-bottom": "50px"
|
||||
}
|
||||
},
|
||||
"button": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
},
|
||||
"title": {
|
||||
"font-size": "26px"
|
||||
},
|
||||
"price": {
|
||||
"font-size": "18px"
|
||||
},
|
||||
"compareAt": {
|
||||
"font-size": "15px"
|
||||
}
|
||||
}
|
||||
},
|
||||
"cart": {
|
||||
"contents": {
|
||||
"button": true
|
||||
},
|
||||
"styles": {
|
||||
"button": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"background-color": "#ffffff"
|
||||
}
|
||||
}
|
||||
},
|
||||
"modalProduct": {
|
||||
"contents": {
|
||||
"img": false,
|
||||
"imgWithCarousel": true,
|
||||
"variantTitle": false,
|
||||
"buttonWithQuantity": true,
|
||||
"button": false,
|
||||
"quantity": false
|
||||
},
|
||||
"styles": {
|
||||
"product": {
|
||||
"@media (min-width: 601px)": {
|
||||
"max-width": "100%",
|
||||
"margin-left": "0px",
|
||||
"margin-bottom": "0px"
|
||||
}
|
||||
},
|
||||
"button": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"toggle": {
|
||||
"styles": {
|
||||
"toggle": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"productSet": {
|
||||
"styles": {
|
||||
"products": {
|
||||
"@media (min-width: 601px)": {
|
||||
"margin-left": "-20px"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
})();
|
||||
/*]]>*/
|
||||
</script>
|
||||
';
|
||||
|
||||
echo '
|
||||
</div>
|
||||
<hr>
|
||||
|
|
|
|||
160
08/index.php
160
08/index.php
|
|
@ -20,6 +20,166 @@
|
|||
$Parsedown = new Parsedown();
|
||||
echo $Parsedown->text(file_get_contents($README.'.md'));
|
||||
|
||||
echo '
|
||||
<h3>Learn more composition patterns</h3>
|
||||
<p>If you are interested on learning new pattern of composition take a look to <a href="http://pixelspiritdeck.com/" target="_blank">this deck of cards</a>.</p>
|
||||
<div id="product-component-a574df7e41a"></div>
|
||||
<script type="text/javascript">
|
||||
/*<![CDATA[*/
|
||||
|
||||
(function () {
|
||||
var scriptURL = "https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js";
|
||||
if (window.ShopifyBuy) {
|
||||
if (window.ShopifyBuy.UI) {
|
||||
ShopifyBuyInit();
|
||||
} else {
|
||||
loadScript();
|
||||
}
|
||||
} else {
|
||||
loadScript();
|
||||
}
|
||||
|
||||
function loadScript() {
|
||||
var script = document.createElement("script");
|
||||
script.async = true;
|
||||
script.src = scriptURL;
|
||||
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(script);
|
||||
script.onload = ShopifyBuyInit;
|
||||
}
|
||||
|
||||
function ShopifyBuyInit() {
|
||||
var client = ShopifyBuy.buildClient({
|
||||
domain: "pixelspirit.myshopify.com",
|
||||
apiKey: "686544ffb4b575bec76a775b422b5d72",
|
||||
appId: "6",
|
||||
});
|
||||
|
||||
ShopifyBuy.UI.onReady(client).then(function (ui) {
|
||||
ui.createComponent("product", {
|
||||
id: [8723521601],
|
||||
node: document.getElementById("product-component-a574df7e41a"),
|
||||
moneyFormat: "%24%7B%7Bamount%7D%7D",
|
||||
options: {
|
||||
"product": {
|
||||
"layout": "horizontal",
|
||||
"variantId": "all",
|
||||
"width": "100%",
|
||||
"contents": {
|
||||
"img": false,
|
||||
"imgWithCarousel": true,
|
||||
"variantTitle": false,
|
||||
"description": true,
|
||||
"buttonWithQuantity": false,
|
||||
"quantity": false
|
||||
},
|
||||
"styles": {
|
||||
"product": {
|
||||
"text-align": "left",
|
||||
"@media (min-width: 601px)": {
|
||||
"max-width": "100%",
|
||||
"margin-left": "0",
|
||||
"margin-bottom": "50px"
|
||||
}
|
||||
},
|
||||
"button": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
},
|
||||
"title": {
|
||||
"font-size": "26px"
|
||||
},
|
||||
"price": {
|
||||
"font-size": "18px"
|
||||
},
|
||||
"compareAt": {
|
||||
"font-size": "15px"
|
||||
}
|
||||
}
|
||||
},
|
||||
"cart": {
|
||||
"contents": {
|
||||
"button": true
|
||||
},
|
||||
"styles": {
|
||||
"button": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"background-color": "#ffffff"
|
||||
}
|
||||
}
|
||||
},
|
||||
"modalProduct": {
|
||||
"contents": {
|
||||
"img": false,
|
||||
"imgWithCarousel": true,
|
||||
"variantTitle": false,
|
||||
"buttonWithQuantity": true,
|
||||
"button": false,
|
||||
"quantity": false
|
||||
},
|
||||
"styles": {
|
||||
"product": {
|
||||
"@media (min-width: 601px)": {
|
||||
"max-width": "100%",
|
||||
"margin-left": "0px",
|
||||
"margin-bottom": "0px"
|
||||
}
|
||||
},
|
||||
"button": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"toggle": {
|
||||
"styles": {
|
||||
"toggle": {
|
||||
"background-color": "#000000",
|
||||
":hover": {
|
||||
"background-color": "#000000"
|
||||
},
|
||||
":focus": {
|
||||
"background-color": "#000000"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"productSet": {
|
||||
"styles": {
|
||||
"products": {
|
||||
"@media (min-width: 601px)": {
|
||||
"margin-left": "-20px"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
})();
|
||||
/*]]>*/
|
||||
</script>
|
||||
';
|
||||
|
||||
|
||||
echo '
|
||||
</div>
|
||||
<hr>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
#!/bin/bash
|
||||
|
||||
FILE=$1
|
||||
SEC=$2
|
||||
SHADER=$1
|
||||
SEC=$1
|
||||
|
||||
COUNTER=0
|
||||
for i in `seq -w 0.01 .031 $SEC`; do
|
||||
echo $i
|
||||
`glslViewer img-glitch.frag --u_tex $FILE -s $i -o frame-$COUNTER.png`
|
||||
`glslViewer $SHADER -s $i -o frame-$COUNTER.png`
|
||||
let COUNTER=COUNTER+1
|
||||
done
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue