-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
3 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| <!doctype html><html lang=en xmlns=http://www.w3.org/1999/xhtml xmlns:fb=http://ogp.me/ns/fb# prefix="og: https://ogp.me/ns#"><meta charset=UTF-8><meta name=viewport content="width=device-width,shrink-to-fit=0,user-scalable=no,minimum-scale=1,maximum-scale=1"><title>Durves - Pattern Design Tool</title><meta name=description content="A tool for creating and exporting dot patterns for graphic designers, ui/ux and other visual professionals."><meta property=og:type content=website><meta property=og:title content="Durves - Pattern Design Tool"><meta property=og:description content="A tool for creating and exporting dot patterns for graphic designers, ui/ux and other visual professionals."><meta property=og:url content=https://filipeedr.github.io/durves/public><meta property=og:image content=../src/assets/ogImage.png><link rel=icon type=image/x-icon href=../src/assets/durves-icon.ico><link rel=stylesheet href=../src/style.css><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-TJRKHH4Z69"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-TJRKHH4Z69")</script><section class=leftSide><div class=inputs><header><img class=logo src=../src/assets/durves-logo.svg> <a href=https://github.com/filipeedr/durves target=_blank><img class=githubLogo src=../src/assets/github.svg></a></header><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/matrixSize.svg alt="matrix icon"> <label>Matrix</label></div><label><span id=valueMatrixSize></span></label></div><input type=range min=16 max=152 step=8 value=64 id=matrixSizeSlider alt="Matrix size slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/size.svg alt="dot radius icon"> <label>Dot radius</label></div><label><span id=valueRoundSize></span></label></div><input type=range min=1 max=5 step=0.1 value=3 id=roundSizeSlider alt="Dot radius slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/amplitude.svg alt="amplitude icon"> <label>Amplitude</label></div><label><span id=valueAmplitude></span></label></div><input type=range min=-150 max=150 step=0.1 value=60 id=amplitudeSlider alt="Amplitude slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/waves.svg alt="waves icon"> <label>Waves</label></div><label><span id=valueWaves></span></label></div><input type=range min=-10 max=10 step=0.1 value=1.8 id=wavesSlider alt="Wave slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/frequency.svg alt="frequency icon"> <label>Frequency</label></div><label><span id=valueFrequency></span></label></div><input type=range min=0 max=0.005 step=0.0001 value=0.0009 id=frequencySlider alt="Frequency slider"></div></div><footer><div class=buttons><button class=iconButton id=restartSettings><img src=../src/assets/refresh.svg alt="refresh icon"></button> <button id=downloadDurves>Download</button></div><div class=credits><p>Design & Code by <a href=https://twitter.com/filipeedr target=_blank>Filipe Esteves</a> <img src=../src/assets/heart.svg alt="heart icon"><a href="https://www.paypal.com/donate/?business=MMWWS4LFHDUWG&no_recurring=0&item_name=Thank+you+for+your+donation+%3A%29¤cy_code=USD" target=_blank>Donate?</a>:)</div></footer></section><section><script src=index.js></script></section> | ||
| <!doctype html><html lang=en xmlns=http://www.w3.org/1999/xhtml xmlns:fb=http://ogp.me/ns/fb# prefix="og: https://ogp.me/ns#"><meta charset=UTF-8><meta name=viewport content="width=device-width,shrink-to-fit=0,user-scalable=no,minimum-scale=1,maximum-scale=1"><title>Durves - Design Pattern Tool</title><meta name=description content="A tool for creating and exporting dot patterns for graphic designers, ui/ux and other visual professionals."><meta property=og:type content=website><meta property=og:title content="Durves - Design Pattern Tool"><meta property=og:description content="A tool for creating and exporting dot patterns for graphic designers, ui/ux and other visual professionals."><meta property=og:url content=https://filipeedr.github.io/durves/public><meta property=og:image content=../src/assets/ogImage.png><link rel=icon type=image/x-icon href=../src/assets/durves-icon.ico><link rel=stylesheet href=../src/style.css><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-TJRKHH4Z69"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-TJRKHH4Z69")</script><section class=leftSide><div class=inputs><header><img class=logo src=../src/assets/durves-logo.svg> <a href=https://github.com/filipeedr/durves target=_blank><img class=githubLogo src=../src/assets/github.svg></a></header><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/matrixSize.svg alt="matrix icon"> <label>Matrix</label></div><label><span id=valueMatrixSize></span></label></div><input type=range min=16 max=152 step=8 value=64 id=matrixSizeSlider alt="Matrix size slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/size.svg alt="dot radius icon"> <label>Dot radius</label></div><label><span id=valueRoundSize></span></label></div><input type=range min=1 max=5 step=0.1 value=3 id=roundSizeSlider alt="Dot radius slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/amplitude.svg alt="amplitude icon"> <label>Amplitude</label></div><label><span id=valueAmplitude></span></label></div><input type=range min=-150 max=150 step=0.1 value=60 id=amplitudeSlider alt="Amplitude slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/waves.svg alt="waves icon"> <label>Waves</label></div><label><span id=valueWaves></span></label></div><input type=range min=-10 max=10 step=0.1 value=1.8 id=wavesSlider alt="Wave slider"></div><div class=inputSlider><div class=labelSlider><div class=label><img class=inputIcons src=../src/assets/frequency.svg alt="frequency icon"> <label>Frequency</label></div><label><span id=valueFrequency></span></label></div><input type=range min=0 max=0.005 step=0.0001 value=0.0009 id=frequencySlider alt="Frequency slider"></div></div><footer><div class=buttons><button class=iconButton id=restartSettings><img src=../src/assets/refresh.svg alt="refresh icon"></button> <button id=downloadDurves>Download</button></div><div class=credits><p>Design & Code by <a href=https://twitter.com/filipeedr target=_blank>Filipe Esteves</a> <img src=../src/assets/heart.svg alt="heart icon"><a href="https://www.paypal.com/donate/?business=MMWWS4LFHDUWG&no_recurring=0&item_name=Thank+you+for+your+donation+%3A%29¤cy_code=USD" target=_blank>Donate?</a>:)</div></footer></section><section><script src=index.js></script></section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters