Please, create photogallery using public API from any photo hosting or mocked data.
Gallery should have:
- prev/next buttons
- keyboard controll - prev/next
- zoom current photo to fullscreen
- looped - first photo should appear after last
const config = { | |
from: accounts[0], | |
gasPrice: 5500000000, | |
gasLimit: 50000, | |
value: 0, | |
nonce: confirmedTransactionNum + unconfirmedTransactionNum | |
}; | |
controllerContract.methods.setPixel(data, color).send(config) | |
.on("transactionHash", console.log); |
const teeterTotter = (max, current) => { | |
const x2 = current % (max * 2); | |
const x1 = current % max; | |
return (x2 > x1) ? max - x1 : x1; | |
} |
function setPixel(uint coordinate, uint color) public { | |
require(color < 16); | |
require(coordinate < 1000000); | |
var idx = coordinate / ratio; | |
var bias = coordinate % ratio; | |
var old = colors[idx]; | |
var zeroMask = ~(bitMask << (n * bias)); | |
colors[idx] = (old & zeroMask) | (color << (n * bias)); |
https://habrahabr.ru/post/327236/ | |
https://ensrationis.gitbooks.io/learning-center-airalab/content/ru/preparing.html |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title></title> | |
</head> | |
<body> | |
<script src="/pushwoosh-web-notifications.js" type="text/javascript"></script> | |
</body> | |
</html> |
let arr = Object.keys(obj).map((k) => obj[k]) |
'.source.js.jsx': | |
'React ES6 Component': | |
'prefix': 'rc' | |
'body': """ | |
import React from 'react'; | |
export default class ${1:MyComponent} extends React.Component { | |
render() { | |
return ( | |
<div className="$1"> |
the | |
of | |
to | |
and | |
a | |
in | |
is | |
it | |
you | |
that |