├── .github ├── scripts │ └── agg-art.mjs └── workflows │ └── build.yml ├── .gitignore ├── LICENSE ├── README.md ├── package.json └── src ├── art.js ├── art ├── 13eardyman │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── 2X2-game-main │ ├── .gitignore │ ├── .jshintrc │ ├── Rakefile │ ├── favicon.ico │ ├── icon.png │ ├── index.html │ ├── js │ │ ├── animframe_polyfill.js │ │ ├── application.js │ │ ├── bind_polyfill.js │ │ ├── classlist_polyfill.js │ │ ├── game_manager.js │ │ ├── grid.js │ │ ├── html_actuator.js │ │ ├── keyboard_input_manager.js │ │ ├── local_storage_manager.js │ │ └── tile.js │ ├── meta.json │ └── style │ │ ├── fonts │ │ ├── ClearSans-Bold-webfont.eot │ │ ├── ClearSans-Bold-webfont.svg │ │ ├── ClearSans-Bold-webfont.woff │ │ ├── ClearSans-Light-webfont.eot │ │ ├── ClearSans-Light-webfont.svg │ │ ├── ClearSans-Light-webfont.woff │ │ ├── ClearSans-Regular-webfont.eot │ │ ├── ClearSans-Regular-webfont.svg │ │ ├── ClearSans-Regular-webfont.woff │ │ └── clear-sans.css │ │ ├── helpers.scss │ │ ├── main.css │ │ └── main.scss ├── Abdo_AK_ST │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── sandbox.js │ └── style.css ├── Abhinav_Lugun │ ├── icon.png │ ├── index.css │ ├── index.html │ ├── index.js │ └── meta.json ├── Adwaith@HacktoberFest │ ├── icon.PNG │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── AdwaithRajesh │ ├── icon.png │ ├── icon1.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Angelvicks │ ├── angel.css │ ├── angel.html │ ├── angel.js │ ├── divfest.JPG │ ├── icon.PNG │ └── meta.json ├── Angelvicks1 │ ├── angel.css │ ├── angel.html │ ├── angel.js │ ├── icon.PNG │ └── meta.json ├── Angelvicks2 │ ├── ange.css │ ├── ange.html │ ├── ange.js │ ├── icon.PNG │ └── meta.json ├── Anuj_Mishra │ ├── glow gif.gif │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Aramantos │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Aramantos2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Aramantos3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Aryan │ ├── Dominos pizza │ │ ├── canvas.css │ │ ├── canvas.js │ │ ├── icon.png │ │ ├── index.html │ │ └── meta.json │ ├── Target │ │ ├── canvas.css │ │ ├── canvas.js │ │ ├── icon.png │ │ ├── index.html │ │ └── meta.json │ ├── canvas.css │ ├── canvas.js │ ├── icon.png │ ├── index.html │ └── meta.json ├── BeeBeeWeb _2 │ ├── icon.gif │ ├── index.html │ ├── jcanvas.min.js │ ├── meta.json │ ├── script.js │ └── styles.css ├── BeeBeeWeb │ ├── icon.gif │ ├── index.html │ ├── jcanvas.min.js │ ├── meta.json │ ├── script.js │ └── styles.css ├── BeeBeeWeb_1 │ ├── icon.gif │ ├── index.html │ ├── jcanvas.min.js │ ├── meta.json │ ├── script.js │ └── styles.css ├── Brienyll │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Brienyll2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── CapUz-Canvas2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── CapUz-Canvas3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── CaptainUz │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── CarmenIancu │ ├── evilPumpkin.png │ ├── goodPumpkin.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── CarmenIancu2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── CarmenIancu3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Coku │ ├── flag.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Coku_2 │ ├── apple-logo.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── DanI │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── DanI1 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── DanI2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── DanI3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Divya_Niranjan │ ├── app.css │ ├── app.js │ ├── icon.png │ ├── index.html │ └── meta.json ├── Dominos │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── Gab990 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Gita-Quote │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Gurpreet_Singh │ ├── icon.PNG │ ├── icon.gif │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Gurpreet_Singh2498 │ ├── icon.PNG │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Gurpreet_singh98 │ ├── icon.PNG │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Harshit-Bhat │ ├── aum.jpeg │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Insidiae │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Insidiae2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── James_Crawford │ ├── hacktoberfest.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Jerry │ ├── img │ │ └── shpongle.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── JotSingh │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── JotSinghChawla │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Jot_Singh │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Jot_Singh_Chawla │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Kanwarbir02 │ ├── index.html │ ├── meta.json │ ├── script.js │ └── undertaker.png ├── KennyMcGeoch │ ├── Cauldron.jpg │ ├── Icon.png │ ├── Witch.jpg │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── KevinArt │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── MLousdal │ ├── icon.png │ ├── meta.json │ ├── script.js │ ├── style.css │ └── toast.html ├── ManishKumarDas │ ├── icon.gif │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ManishKumarDas2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Mihir3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── MohamedS98 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Moso2006 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Navdeepsingh4298-Microsoft-Logo │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── Navdeepsingh4298-hp-logo │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── Nishant_Minerva │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Nitin-hack2021 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── PasinduAkalpa │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ ├── sgl.png │ └── style.css ├── PaulCalnan │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── PolisanTheEasyNick │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── RaghavendraAchar │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── RaghavendraAchar2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── RaghavendraAchar3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── RaghavendraAchar4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Rajbir_banerjee │ ├── icon.png │ ├── index.css │ ├── index.html │ ├── meta.json │ └── script.js ├── Rajbir_banerjee_2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── script.js ├── Rajbir_banerjee_3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── script.js ├── Rashmi │ ├── falling-leaves.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Ricksters │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── RiocArt │ ├── BlackMoon.gif │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Shaikh_Mohammad_Danish │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ShyamNR │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Sridarshan │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── Surya742 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ThesllaDev │ ├── icon.gif │ ├── index.html │ ├── meta.json │ ├── scripts.js │ └── style.css ├── Tom_Sprotte │ ├── icon.PNG │ ├── index.html │ ├── main.js │ ├── meta.json │ └── styles.css ├── Ukesh-dev │ ├── background.jpg │ ├── index.html │ ├── main.js │ └── meta.json ├── VigneshG1616 │ ├── icon.png │ ├── icon_old.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── Vivek2509 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── aditya_singh │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── anirbansarkar │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── anirbansarkar2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── anirbansarkar3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── anirbansarkar4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ankeshp03 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── arvindtronics │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── atchyut_theonly1me │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── styles.css ├── auxfuse-3d │ ├── donut.gltf │ ├── icon.png │ ├── index.html │ ├── main.js │ ├── meta.json │ └── style.css ├── auxfuse-modelSwitcher │ ├── diamond.gltf │ ├── icon.png │ ├── index.html │ ├── main.js │ ├── meta.json │ ├── rock.gltf │ ├── ruby.gltf │ ├── star.gltf │ └── style.css ├── auxfuse-points │ ├── icon.png │ ├── index.html │ ├── main.js │ ├── meta.json │ └── style.css ├── auxfuse │ ├── icon.png │ ├── index.html │ ├── main.js │ ├── meta.json │ └── style.css ├── ayushi2410 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ayushijaiswal │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ayushijaiswal2 │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── ayushijaiswal_3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ayushijaiswal_4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── barbara-d │ ├── favicon.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── barbaraaliverti │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── belalbilaldev1 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── bk987-2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── bk987-3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── bk987-4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── bk987 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── bryceDrawe │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── chathurasam │ ├── icon.PNG │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── chin │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── chirayu-tree │ ├── fractal-tree.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── chirayuSnowFlake │ ├── index.html │ ├── meta.json │ ├── script.js │ ├── snowflake.png │ └── style.css ├── chirayu_mittal │ ├── index.html │ ├── meta.json │ ├── script.js │ ├── snowfall.gif │ ├── snowfall.png │ └── style.css ├── chirayu_mittal_2 │ ├── index.html │ ├── meta.json │ ├── randomcolorgeneratoroncollision.png │ └── script.js ├── ckosa │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── clintwinter │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── coder284 │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── coder284_2 │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── coder284_3 │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── coder284_4 │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── corquaid │ ├── icon.png.jpg │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── corquaid_2 │ ├── NASA_Worm_logo.svg │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── corquaid_3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── corquaid_4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── cyrus_mobini │ ├── asset │ │ ├── sword_diamond.png │ │ ├── sword_gold.png │ │ ├── sword_iron.png │ │ ├── sword_stone.png │ │ ├── sword_wooden.png │ │ ├── zombie0.png │ │ └── zombie1.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── deepaksaipendyala │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── dewansh_Patle │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── drawingX │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── dylanb6 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── ekta2901-1 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ekta2901-2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ekta2901-3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ekta2901-4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── gabriel │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── gabriellend │ ├── frame.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── moonphase.png │ ├── nightsky.jpeg │ ├── script.js │ └── style.css ├── godnon-minecraft-target │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── godnon-pixel-turquoise │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── gtc │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── haylzrandom │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── incanlove │ ├── icon.PNG │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── istiak │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── jeyson │ ├── icon.png │ ├── img │ │ └── ico2.png │ ├── index.html │ ├── javascript.js │ ├── meta.json │ └── style.css ├── jkagawa │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── john │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── junaid_shah │ ├── index.html │ ├── junaidshah-funwithcorners.png │ ├── meta.json │ ├── script.js │ └── style.css ├── kanwarjotp │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script1.js │ └── styles.css ├── keithEbbett │ ├── icon.png │ ├── index.js │ ├── keithCanvas.html │ ├── meta.json │ └── styles.css ├── kennithnichol │ ├── icon.png │ ├── index.html │ └── meta.json ├── kshwetakumari │ ├── icon.png │ ├── index.css │ ├── index.html │ ├── index.js │ └── meta.json ├── ktra99 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── kunal.prakash │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── lenspira │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── leonyangela │ ├── meta.json │ ├── script.js │ └── threejs.html ├── mattcsmith │ ├── hacktoberfest.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── mctrl │ ├── grass.jpg │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── mikerobards │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── mohsin_sh │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── mrkc2303 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── mrkc2303_1 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── mrkc2303_2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── mrkc2303_3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── mrkc2303_4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── naresh-khatri-vue-logo │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── nataliarossini │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── nataliarossini_ │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── nayanathapa │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── nikki │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── nikkikal │ ├── canvas.js │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── nimrat │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── nimrat.png │ ├── script.js │ └── styles.css ├── nisnym │ ├── icon.PNG │ ├── index.html │ ├── meta.json │ └── style.css ├── nss │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── oryam │ ├── icon.png │ ├── index.html │ ├── main.js │ ├── meta.json │ └── styles.css ├── osHamad │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── patricceam2 │ ├── app.js │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── patriceam │ ├── app.js │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── patriceam3 │ ├── app.js │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── patriceam4 │ ├── 2.jpg │ ├── app.js │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── preetham_pulavarthi │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── quangpro1610 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rachelktyjohnson │ ├── cabin.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rachelktyjohnson2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── moon.png │ ├── script.js │ └── style.css ├── rachelktyjohnson3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ ├── style.css │ └── sun.png ├── rachelktyjohnson4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rachelktyjohnson5 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rahulm2310-2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rahulm2310-3 │ ├── assets │ │ └── background.jpg │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rahulm2310-4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rahulm2310 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── rakshithshenoy-2 │ ├── app.js │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── rakshithshenoy │ ├── app.css │ ├── app.js │ ├── icon.png │ ├── index.html │ └── meta.json ├── ranran2121-2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ranran2121 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── redsquirrrel │ ├── 2.jpg │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── redsquirrrel2 │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── redsquirrrel3 │ ├── bg.png │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── redsquirrrel4 │ ├── bg.png │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── rohit8020_canvasart │ ├── icon.png │ ├── index.css │ ├── index.html │ ├── meta.json │ └── script.js ├── rokoala │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ruffle1986 │ ├── Clock.js │ ├── Drawable.js │ ├── Face.js │ ├── Hand.js │ ├── icon.png │ ├── index.html │ ├── main.js │ ├── meta.json │ ├── style.css │ └── utils.js ├── ruffle1986_2 │ ├── assets │ │ ├── huh2.wav │ │ ├── idle.png │ │ ├── jump.png │ │ ├── landing.png │ │ └── run.png │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── ruffle1986_3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── script.js ├── ruffle1986_4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── sachdevavaibhav │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── sammneto │ ├── assets │ │ └── rainy_day_in_ny.jpg │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── sampsonorson │ ├── icon.gif │ ├── index.css │ ├── index.html │ ├── index.js │ └── meta.json ├── saqlainrasheed │ ├── icon.png │ ├── index.html │ ├── index.js │ ├── meta.json │ └── style.css ├── saurabh_kamble │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── savday │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── sn2606 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── sophiabrandt │ ├── icon.png │ ├── index.css │ ├── index.html │ ├── index.js │ └── meta.json ├── stryker │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ ├── squid-games-room.jpg │ └── style.css ├── sulit │ ├── icon.png │ ├── index.html │ ├── main.css │ ├── meta.json │ └── script.js ├── sulit2 │ ├── icon.PNG │ ├── index.html │ ├── main.css │ ├── meta.json │ └── script.js ├── sulit3 │ ├── icon.PNG │ ├── index.html │ ├── main.css │ ├── meta.json │ └── script.js ├── taepal467 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── thucpn │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── ttumyr_circles │ ├── icon.png │ ├── index.css │ ├── index.html │ ├── index.js │ └── meta.json ├── ttumyr_slider │ ├── icon.png │ ├── index.css │ ├── index.html │ ├── index.js │ └── meta.json ├── usergr │ ├── cubefall.png │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── vabs │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── vaibhav │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── vencho-mdp │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── vencho-mdp2 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── vencho-mdp3 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── vencho-mdp4 │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── vic-cheng-canvas │ ├── index.html │ ├── maple-leaf.png │ ├── meta.json │ ├── script.js │ └── style.css ├── viktorlinus │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── style.css ├── yash2003 │ ├── index.html │ ├── meta.json │ ├── screen.gif │ ├── script.js │ └── style.css ├── yelllowberard_2 │ ├── app.js │ ├── index.html │ ├── meta.json │ ├── style.css │ └── swe-flag.png ├── yellowberard_1 │ ├── app.js │ ├── index.html │ ├── japan.png │ ├── meta.json │ └── style.css └── zillBoy │ ├── icon.png │ ├── index.html │ ├── meta.json │ ├── script.js │ └── styles.css ├── card_builder.js ├── index.html └── styles.css /src/art/13eardyman/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/13eardyman/icon.png -------------------------------------------------------------------------------- /src/art/13eardyman/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Bouncy black cat", 3 | "author_name": "13eardyman", 4 | "author_github_url": "https://github.com/13eardyman" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/2X2-game-main/.gitignore: -------------------------------------------------------------------------------- 1 | .sass-cache/ 2 | -------------------------------------------------------------------------------- /src/art/2X2-game-main/Rakefile: -------------------------------------------------------------------------------- 1 | require "date" 2 | 3 | namespace :appcache do 4 | desc "update the date in the appcache file (in the gh-pages branch)" 5 | task :update do 6 | appcache = File.read("cache.appcache") 7 | updated = "# Updated: #{DateTime.now}" 8 | 9 | File.write("cache.appcache", appcache.sub(/^# Updated:.*$/, updated)) 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /src/art/2X2-game-main/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/favicon.ico -------------------------------------------------------------------------------- /src/art/2X2-game-main/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/icon.png -------------------------------------------------------------------------------- /src/art/2X2-game-main/js/application.js: -------------------------------------------------------------------------------- 1 | // Wait till the browser is ready to render the game (avoids glitches) 2 | window.requestAnimationFrame(function () { 3 | new GameManager(4, KeyboardInputManager, HTMLActuator, LocalStorageManager); 4 | }); 5 | -------------------------------------------------------------------------------- /src/art/2X2-game-main/js/bind_polyfill.js: -------------------------------------------------------------------------------- 1 | Function.prototype.bind = Function.prototype.bind || function (target) { 2 | var self = this; 3 | return function (args) { 4 | if (!(args instanceof Array)) { 5 | args = [args]; 6 | } 7 | self.apply(target, args); 8 | }; 9 | }; 10 | -------------------------------------------------------------------------------- /src/art/2X2-game-main/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "2X2 Game", 3 | "author_name": "Rozen", 4 | "author_github_url": "https://github.com/Rozen2007/" 5 | } -------------------------------------------------------------------------------- /src/art/2X2-game-main/style/fonts/ClearSans-Bold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/style/fonts/ClearSans-Bold-webfont.eot -------------------------------------------------------------------------------- /src/art/2X2-game-main/style/fonts/ClearSans-Bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/style/fonts/ClearSans-Bold-webfont.woff -------------------------------------------------------------------------------- /src/art/2X2-game-main/style/fonts/ClearSans-Light-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/style/fonts/ClearSans-Light-webfont.eot -------------------------------------------------------------------------------- /src/art/2X2-game-main/style/fonts/ClearSans-Light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/style/fonts/ClearSans-Light-webfont.woff -------------------------------------------------------------------------------- /src/art/2X2-game-main/style/fonts/ClearSans-Regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/style/fonts/ClearSans-Regular-webfont.eot -------------------------------------------------------------------------------- /src/art/2X2-game-main/style/fonts/ClearSans-Regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/2X2-game-main/style/fonts/ClearSans-Regular-webfont.woff -------------------------------------------------------------------------------- /src/art/Abdo_AK_ST/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Abdo_AK_ST/icon.png -------------------------------------------------------------------------------- /src/art/Abdo_AK_ST/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HeartPirates", 3 | "author_name": "AbdoAKST", 4 | "author_github_url": "https://github.com/Abdellah-ST" 5 | } -------------------------------------------------------------------------------- /src/art/Abdo_AK_ST/style.css: -------------------------------------------------------------------------------- 1 | .canvas-container{ 2 | height: 100%; 3 | display: flex; 4 | justify-content: center; 5 | align-items: center; 6 | } 7 | 8 | .canvas{ 9 | background-color: yellow; 10 | } -------------------------------------------------------------------------------- /src/art/Abhinav_Lugun/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Abhinav_Lugun/icon.png -------------------------------------------------------------------------------- /src/art/Abhinav_Lugun/index.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | position:fixed; 3 | left:0; 4 | top:0; 5 | width:100%; 6 | height:100%; 7 | background: #89CFF0; 8 | } 9 | -------------------------------------------------------------------------------- /src/art/Abhinav_Lugun/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Simple Box", 3 | "author_name": "aal", 4 | "author_github_url": "https://github.com/aal2015" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Adwaith@HacktoberFest/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Adwaith@HacktoberFest/icon.PNG -------------------------------------------------------------------------------- /src/art/Adwaith@HacktoberFest/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Adwaith@Hacktober", 3 | "author_name": "Adwaith", 4 | "author_github_url": "https://github.com/Adwaith123/" 5 | } -------------------------------------------------------------------------------- /src/art/AdwaithRajesh/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/AdwaithRajesh/icon.png -------------------------------------------------------------------------------- /src/art/AdwaithRajesh/icon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/AdwaithRajesh/icon1.png -------------------------------------------------------------------------------- /src/art/AdwaithRajesh/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HackitOn2021", 3 | "author_name": "AdwaithRajesh", 4 | "author_github_url": "https://github.com/Adwaith123/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Angelvicks/angel.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 20px; 3 | } 4 | 5 | 6 | 7 | .canvas-containers{ 8 | height: 100%; 9 | display: flex; 10 | justify-content: center; 11 | align-items: center; 12 | width: 100%; 13 | } 14 | 15 | .canvas{ 16 | background-color: green; 17 | } 18 | -------------------------------------------------------------------------------- /src/art/Angelvicks/divfest.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Angelvicks/divfest.JPG -------------------------------------------------------------------------------- /src/art/Angelvicks/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Angelvicks/icon.PNG -------------------------------------------------------------------------------- /src/art/Angelvicks/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberFest2021", 3 | "author_name": "Angelvicks", 4 | "author_github_url": "https://github.com/Angelvicks/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Angelvicks1/angel.css: -------------------------------------------------------------------------------- 1 | #cw { 2 | position: fixed; 3 | z-index: -1; 4 | } 5 | 6 | body { 7 | margin: 0; 8 | padding: 0; 9 | background-color: rgba(0,0,0,0.05); 10 | } 11 | 12 | .containers { 13 | display: flex; 14 | } -------------------------------------------------------------------------------- /src/art/Angelvicks1/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Angelvicks1/icon.PNG -------------------------------------------------------------------------------- /src/art/Angelvicks1/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Lightning", 3 | "author_name": "Angelvicks", 4 | "author_github_url": "https://github.com/Angelvicks/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Angelvicks2/ange.css: -------------------------------------------------------------------------------- 1 | .mycanvas { 2 | height: 100vh; 3 | width: 100vw; 4 | position: absolute; 5 | background-color: #000000; 6 | color: blue; 7 | } 8 | 9 | body { 10 | margin: 0; 11 | padding: 0; 12 | } 13 | 14 | .contain { 15 | display: flex; 16 | } -------------------------------------------------------------------------------- /src/art/Angelvicks2/ange.js: -------------------------------------------------------------------------------- 1 | var canvas = document.getElementById("myCanvas"); 2 | var ctx = canvas.getContext("2d"); 3 | ctx.fillStyle = "#FF0000"; 4 | ctx.fillRect(0,0,150,75); -------------------------------------------------------------------------------- /src/art/Angelvicks2/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Angelvicks2/icon.PNG -------------------------------------------------------------------------------- /src/art/Angelvicks2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Drawing Shapes", 3 | "author_name": "Angelvicks", 4 | "author_github_url": "https://github.com/Angelvicks/" 5 | } -------------------------------------------------------------------------------- /src/art/Anuj_Mishra/glow gif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Anuj_Mishra/glow gif.gif -------------------------------------------------------------------------------- /src/art/Anuj_Mishra/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Anuj_Mishra/icon.png -------------------------------------------------------------------------------- /src/art/Anuj_Mishra/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "glow", 3 | "author_name": "Anuj_Mishra", 4 | "author_github_url": "https://github.com/ANmishra-a" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Anuj_Mishra/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Anuj_Mishra/script.js -------------------------------------------------------------------------------- /src/art/Aramantos/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Aramantos/icon.png -------------------------------------------------------------------------------- /src/art/Aramantos/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Happy Halloween", 3 | "author_name": "Aramantos", 4 | "author_github_url": "https://github.com/Aramantos" 5 | } -------------------------------------------------------------------------------- /src/art/Aramantos/script.js: -------------------------------------------------------------------------------- 1 | console.log("Hackathon 2021 - Zero-To-Mastery") 2 | 3 | var c = document.getElementById("halloween"); 4 | var ctx = c.getContext("2d"); 5 | ctx.font = "30px Arial"; 6 | ctx.fillText("Hello World", 10, 50); -------------------------------------------------------------------------------- /src/art/Aramantos2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Aramantos2/icon.png -------------------------------------------------------------------------------- /src/art/Aramantos2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Penguin Wave", 3 | "author_name": "Aramantos", 4 | "author_github_url": "https://github.com/Aramantos" 5 | } -------------------------------------------------------------------------------- /src/art/Aramantos2/script.js: -------------------------------------------------------------------------------- 1 | console.log("Hackathon 2021 - Zero-To-Mastery") 2 | 3 | var c = document.getElementById("canvas"); 4 | var ctx = c.getContext("2d"); 5 | ctx.font = "30px Arial"; 6 | ctx.fillText("Hello World", 10, 50); -------------------------------------------------------------------------------- /src/art/Aramantos3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Aramantos3/icon.png -------------------------------------------------------------------------------- /src/art/Aramantos3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Starry Beach", 3 | "author_name": "Aramantos", 4 | "author_github_url": "https://github.com/Aramantos" 5 | } -------------------------------------------------------------------------------- /src/art/Aramantos3/script.js: -------------------------------------------------------------------------------- 1 | console.log("Hackathon 2021 - Zero-To-Mastery") 2 | 3 | var c = document.getElementById("canvas"); 4 | var ctx = c.getContext("2d"); 5 | ctx.font = "30px Arial"; 6 | ctx.fillText("Hello World", 10, 50); -------------------------------------------------------------------------------- /src/art/Aryan/Dominos pizza/canvas.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | } 4 | #Canvas{ 5 | border-radius: 5px; 6 | border-style: none; 7 | } -------------------------------------------------------------------------------- /src/art/Aryan/Dominos pizza/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Aryan/Dominos pizza/icon.png -------------------------------------------------------------------------------- /src/art/Aryan/Dominos pizza/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Dominos_Logo", 3 | "author_name": "Aryan", 4 | "author_github_url": "https://github.com/AryanCoder2010" 5 | } -------------------------------------------------------------------------------- /src/art/Aryan/Target/canvas.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | } 4 | #Canvas{ 5 | border-radius: 5px; 6 | border-style: none; 7 | } -------------------------------------------------------------------------------- /src/art/Aryan/Target/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Aryan/Target/icon.png -------------------------------------------------------------------------------- /src/art/Aryan/Target/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Target_Logo", 3 | "author_name": "Aryan", 4 | "author_github_url": "https://github.com/AryanCoder2010" 5 | } -------------------------------------------------------------------------------- /src/art/Aryan/canvas.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | } 4 | #Canvas{ 5 | border-radius: 5px; 6 | border-style: none; 7 | } -------------------------------------------------------------------------------- /src/art/Aryan/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Aryan/icon.png -------------------------------------------------------------------------------- /src/art/Aryan/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Microsoft_Logo", 3 | "author_name": "Aryan", 4 | "author_github_url": "https://github.com/AryanCoder2010" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/BeeBeeWeb _2/icon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/BeeBeeWeb _2/icon.gif -------------------------------------------------------------------------------- /src/art/BeeBeeWeb _2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Running Colorful Stars", 3 | "author_name": "BeeBeeWeb", 4 | "author_github_url": "https://github.com/BeeBeeWeb/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/BeeBeeWeb/icon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/BeeBeeWeb/icon.gif -------------------------------------------------------------------------------- /src/art/BeeBeeWeb/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Colorful Stars", 3 | "author_name": "BeeBeeWeb", 4 | "author_github_url": "https://github.com/BeeBeeWeb/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/BeeBeeWeb_1/icon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/BeeBeeWeb_1/icon.gif -------------------------------------------------------------------------------- /src/art/BeeBeeWeb_1/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Colorful Drawing", 3 | "author_name": "BeeBeeWeb", 4 | "author_github_url": "https://github.com/BeeBeeWeb/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Brienyll/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Brienyll/icon.png -------------------------------------------------------------------------------- /src/art/Brienyll/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Flag Of The Philippines", 3 | "author_name": "Brien", 4 | "author_github_url": "https://github.com/Brienyll/" 5 | } -------------------------------------------------------------------------------- /src/art/Brienyll/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: ivory; 3 | } 4 | canvas { 5 | border:1px solid black; 6 | background-position: center; 7 | background-size: cover; 8 | margin: auto; 9 | display: block; 10 | margin-top: 20%; 11 | } 12 | * { 13 | padding: 0; 14 | box-sizing: border-box; 15 | } 16 | -------------------------------------------------------------------------------- /src/art/Brienyll2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Brienyll2/icon.png -------------------------------------------------------------------------------- /src/art/Brienyll2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Flag Of Djibouti", 3 | "author_name": "Brien", 4 | "author_github_url": "https://github.com/Brienyll/" 5 | } -------------------------------------------------------------------------------- /src/art/Brienyll2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: ivory; 3 | } 4 | canvas { 5 | border:1px solid black; 6 | background-position: center; 7 | background-size: cover; 8 | margin: auto; 9 | display: block; 10 | margin-top: 30%; 11 | } 12 | * { 13 | padding: 0; 14 | box-sizing: border-box; 15 | } 16 | -------------------------------------------------------------------------------- /src/art/CapUz-Canvas2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CapUz-Canvas2/icon.png -------------------------------------------------------------------------------- /src/art/CapUz-Canvas2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Diamond💎", 3 | "author_name": "Uzma FKhan", 4 | "author_github_url": "https://github.com/uzma024" 5 | } -------------------------------------------------------------------------------- /src/art/CapUz-Canvas2/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: rgba(0, 0, 0, 0.418); 3 | text-align: center; 4 | position: absolute; 5 | top: 50px; 6 | left: 50px; 7 | } 8 | 9 | footer{ 10 | text-align: center; 11 | padding: 15%; 12 | } -------------------------------------------------------------------------------- /src/art/CapUz-Canvas3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CapUz-Canvas3/icon.png -------------------------------------------------------------------------------- /src/art/CapUz-Canvas3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Harry Potter", 3 | "author_name": "Uzma FKhan", 4 | "author_github_url": "https://github.com/uzma024" 5 | } -------------------------------------------------------------------------------- /src/art/CapUz-Canvas3/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: #844421; 3 | text-align: center; 4 | position: absolute; 5 | top: 50px; 6 | left: 50px; 7 | } 8 | 9 | footer{ 10 | text-align: center; 11 | padding: 15%; 12 | } -------------------------------------------------------------------------------- /src/art/CaptainUz/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CaptainUz/icon.png -------------------------------------------------------------------------------- /src/art/CaptainUz/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Indian Flag", 3 | "author_name": "Uzma FKhan", 4 | "author_github_url": "https://github.com/uzma024" 5 | } -------------------------------------------------------------------------------- /src/art/CaptainUz/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: rgba(0, 0, 0, 0.418); 3 | text-align: center; 4 | position: absolute; 5 | top: 50px; 6 | left: 50px; 7 | } 8 | 9 | footer{ 10 | text-align: center; 11 | padding: 15%; 12 | } -------------------------------------------------------------------------------- /src/art/CarmenIancu/evilPumpkin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CarmenIancu/evilPumpkin.png -------------------------------------------------------------------------------- /src/art/CarmenIancu/goodPumpkin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CarmenIancu/goodPumpkin.png -------------------------------------------------------------------------------- /src/art/CarmenIancu/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CarmenIancu/icon.png -------------------------------------------------------------------------------- /src/art/CarmenIancu/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Halloween Pumpkin", 3 | "author_name": "Carmen", 4 | "author_github_url": "https://github.com/carmeniancu/" 5 | } -------------------------------------------------------------------------------- /src/art/CarmenIancu/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CarmenIancu/style.css -------------------------------------------------------------------------------- /src/art/CarmenIancu2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CarmenIancu2/icon.png -------------------------------------------------------------------------------- /src/art/CarmenIancu2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Days Till Xmas", 3 | "author_name": "Carmen", 4 | "author_github_url": "https://github.com/carmeniancu/" 5 | } -------------------------------------------------------------------------------- /src/art/CarmenIancu2/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CarmenIancu2/style.css -------------------------------------------------------------------------------- /src/art/CarmenIancu3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/CarmenIancu3/icon.png -------------------------------------------------------------------------------- /src/art/CarmenIancu3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Shining Star", 3 | "author_name": "Carmen", 4 | "author_github_url": "https://github.com/carmeniancu/" 5 | } -------------------------------------------------------------------------------- /src/art/CarmenIancu3/style.css: -------------------------------------------------------------------------------- 1 | .canvas-wrapper { 2 | text-align: center; 3 | height: 50vh; 4 | padding-top: 50px; 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Coku/flag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Coku/flag.png -------------------------------------------------------------------------------- /src/art/Coku/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Coku/icon.png -------------------------------------------------------------------------------- /src/art/Coku/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Albanian Flag", 3 | "author_name": "Coku", 4 | "author_github_url": "https://github.com/MrCoku/" 5 | } -------------------------------------------------------------------------------- /src/art/Coku/script.js: -------------------------------------------------------------------------------- 1 | let canvas = document.getElementById("myCanvas").getContext("2d"); 2 | let img = new Image(); 3 | img.onload = function() { 4 | canvas.drawImage(img, 10, 10, 480, 380); 5 | }; 6 | img.src = "flag.png"; -------------------------------------------------------------------------------- /src/art/Coku/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | main { 8 | min-height: 100vh; 9 | display: flex; 10 | justify-content: center; 11 | align-items: center; 12 | } 13 | -------------------------------------------------------------------------------- /src/art/Coku_2/apple-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Coku_2/apple-logo.png -------------------------------------------------------------------------------- /src/art/Coku_2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Coku_2/icon.png -------------------------------------------------------------------------------- /src/art/Coku_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Apple Logo", 3 | "author_name": "Coku", 4 | "author_github_url": "https://github.com/MrCoku/" 5 | } -------------------------------------------------------------------------------- /src/art/Coku_2/script.js: -------------------------------------------------------------------------------- 1 | let Canva = document.getElementById("appleCanvas").getContext("2d"); 2 | let Img = new Image(); 3 | Img.onload = function() { 4 | Canva.drawImage(Img, 150, 25, 400, 500); 5 | } 6 | Img.src = "apple-logo.png"; -------------------------------------------------------------------------------- /src/art/Coku_2/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | main { 8 | min-height: 100vh; 9 | display: flex; 10 | justify-content: center; 11 | align-items: center; 12 | } -------------------------------------------------------------------------------- /src/art/DanI/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/DanI/icon.png -------------------------------------------------------------------------------- /src/art/DanI/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Art 6 | 7 | 8 |
9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /src/art/DanI/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Green Ball", 3 | "author_name": "Dan", 4 | "author_github_url": "https://github.com/danIancuV" 5 | } -------------------------------------------------------------------------------- /src/art/DanI/style.css: -------------------------------------------------------------------------------- 1 | .canvas { 2 | text-align: center; 3 | height: 50vh; 4 | padding-top: 50px; 5 | } 6 | 7 | #myCanvas { 8 | border: 1px solid black; 9 | } 10 | -------------------------------------------------------------------------------- /src/art/DanI1/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/DanI1/icon.png -------------------------------------------------------------------------------- /src/art/DanI1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Art 6 | 7 | 8 |
9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /src/art/DanI1/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Fir tree", 3 | "author_name": "Dan", 4 | "author_github_url": "https://github.com/danIancuV" 5 | } -------------------------------------------------------------------------------- /src/art/DanI1/style.css: -------------------------------------------------------------------------------- 1 | .canvas { 2 | text-align: center; 3 | height: 50vh; 4 | padding-top: 50px; 5 | } 6 | 7 | #myCanvas { 8 | border: 1px solid black; 9 | } 10 | -------------------------------------------------------------------------------- /src/art/DanI2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/DanI2/icon.png -------------------------------------------------------------------------------- /src/art/DanI2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Art 6 | 7 | 8 |
9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /src/art/DanI2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Nighttime fir tree", 3 | "author_name": "Dan", 4 | "author_github_url": "https://github.com/danIancuV" 5 | } -------------------------------------------------------------------------------- /src/art/DanI2/style.css: -------------------------------------------------------------------------------- 1 | .canvas { 2 | text-align: center; 3 | height: 50vh; 4 | padding-top: 50px; 5 | } 6 | 7 | #myCanvas { 8 | border: 1px solid black; 9 | } 10 | -------------------------------------------------------------------------------- /src/art/DanI3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/DanI3/icon.png -------------------------------------------------------------------------------- /src/art/DanI3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "House", 3 | "author_name": "Dan", 4 | "author_github_url": "https://github.com/danIancuV" 5 | } -------------------------------------------------------------------------------- /src/art/DanI3/style.css: -------------------------------------------------------------------------------- 1 | .canvas { 2 | text-align: center; 3 | height: 50vh; 4 | padding-top: 50px; 5 | } 6 | 7 | #myCanvas { 8 | border: 1px solid black; 9 | } 10 | -------------------------------------------------------------------------------- /src/art/Divya_Niranjan/app.css: -------------------------------------------------------------------------------- 1 | #canvas{ 2 | height: 300px; 3 | width: 400px; 4 | background-color:white; 5 | text-align: center; 6 | } 7 | 8 | div{ 9 | text-align: center; 10 | } -------------------------------------------------------------------------------- /src/art/Divya_Niranjan/app.js: -------------------------------------------------------------------------------- 1 | let canvas=document.querySelector('#canvas'); 2 | let ctx = canvas.getContext('2d'); 3 | 4 | ctx.fillStyle = '#0055A4'; 5 | ctx.fillRect(0,0,100,400); 6 | 7 | ctx.fillStyle = '#EF4135'; 8 | ctx.fillRect(200,0,100,400); -------------------------------------------------------------------------------- /src/art/Divya_Niranjan/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Divya_Niranjan/icon.png -------------------------------------------------------------------------------- /src/art/Divya_Niranjan/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "France Flag", 3 | "author_name": "Divya Niranjan", 4 | "author_github_url": "https://github.com/Divya-Niranjan" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Dominos/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Dominos/icon.png -------------------------------------------------------------------------------- /src/art/Dominos/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Dominos Logo", 3 | "author_name": "Uzma FKhan", 4 | "author_github_url": "https://github.com/uzma024" 5 | } -------------------------------------------------------------------------------- /src/art/Dominos/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color: #ffff; 3 | text-align: center; 4 | position: absolute; 5 | top: 50px; 6 | left: 50px; 7 | } 8 | 9 | footer{ 10 | text-align: center; 11 | padding: 15%; 12 | } -------------------------------------------------------------------------------- /src/art/Gab990/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Gab990/icon.png -------------------------------------------------------------------------------- /src/art/Gab990/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Pixel the HTML5 Cat", 3 | "author_name": "Gab990", 4 | "author_github_url": "https://github.com/Gab990/" 5 | } -------------------------------------------------------------------------------- /src/art/Gita-Quote/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Gita-Quote/icon.png -------------------------------------------------------------------------------- /src/art/Gita-Quote/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hacktober-Gita-Quote", 3 | "author_name": "Harshit", 4 | "author_github_url": "https://github.com/harshitbhat/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Gita-Quote/style.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | position: absolute; 3 | top: 50%; 4 | left: 50%; 5 | transform: translate(-50%, -50%); 6 | background-color: rgba(243, 240, 247, 0.4); 7 | box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.2); 8 | } 9 | -------------------------------------------------------------------------------- /src/art/Gurpreet_Singh/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Gurpreet_Singh/icon.PNG -------------------------------------------------------------------------------- /src/art/Gurpreet_Singh/icon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Gurpreet_Singh/icon.gif -------------------------------------------------------------------------------- /src/art/Gurpreet_Singh/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Moving Duck", 3 | "author_name": "Gurpreet Singh", 4 | "author_github_url": "https://github.com/preetchani" 5 | } -------------------------------------------------------------------------------- /src/art/Gurpreet_Singh/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | position: absolute; 3 | top: 50px; 4 | left: 50px; 5 | } -------------------------------------------------------------------------------- /src/art/Gurpreet_Singh2498/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Gurpreet_Singh2498/icon.PNG -------------------------------------------------------------------------------- /src/art/Gurpreet_Singh2498/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Basic Shapes", 3 | "author_name": "Gurpreet Singh", 4 | "author_github_url": "https://github.com/preetchani" 5 | } -------------------------------------------------------------------------------- /src/art/Gurpreet_Singh2498/style.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | border: 2px dotted rgb(34, 193, 221); 3 | } 4 | -------------------------------------------------------------------------------- /src/art/Gurpreet_singh98/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Gurpreet_singh98/icon.PNG -------------------------------------------------------------------------------- /src/art/Gurpreet_singh98/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Thank You", 3 | "author_name": "Gurpreet Singh", 4 | "author_github_url": "https://github.com/preetchani" 5 | } -------------------------------------------------------------------------------- /src/art/Gurpreet_singh98/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | } -------------------------------------------------------------------------------- /src/art/Harshit-Bhat/aum.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Harshit-Bhat/aum.jpeg -------------------------------------------------------------------------------- /src/art/Harshit-Bhat/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Harshit-Bhat/icon.png -------------------------------------------------------------------------------- /src/art/Harshit-Bhat/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hacktober-Aum", 3 | "author_name": "Harshit Bhat", 4 | "author_github_url": "https://github.com/harshitbhat/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Harshit-Bhat/style.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | position: absolute; 3 | top: 50%; 4 | left: 50%; 5 | transform: translate(-50%, -50%); 6 | } 7 | -------------------------------------------------------------------------------- /src/art/Insidiae/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Insidiae/icon.png -------------------------------------------------------------------------------- /src/art/Insidiae/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Korean Flag", 3 | "author_name": "Insidiae", 4 | "author_github_url": "https://github.com/Insidiae/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Insidiae/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .container { 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | background: #eeeeee; 12 | height: 100vh; 13 | } 14 | -------------------------------------------------------------------------------- /src/art/Insidiae2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Insidiae2/icon.png -------------------------------------------------------------------------------- /src/art/Insidiae2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Math Flower", 3 | "author_name": "Insidiae", 4 | "author_github_url": "https://github.com/Insidiae/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Insidiae2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .container { 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | background: #588dfd; 12 | height: 100vh; 13 | } 14 | -------------------------------------------------------------------------------- /src/art/James_Crawford/hacktoberfest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/James_Crawford/hacktoberfest.png -------------------------------------------------------------------------------- /src/art/James_Crawford/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/James_Crawford/icon.png -------------------------------------------------------------------------------- /src/art/James_Crawford/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberClock", 3 | "author_name": "James Crawford", 4 | "author_github_url": "https://github.com/JMCrawf/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/James_Crawford/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | } 4 | 5 | .container { 6 | background-color: #232224; 7 | margin: 0; 8 | height: 100vh; 9 | width: 100vw; 10 | position: relative; 11 | } 12 | 13 | #canvas { 14 | background: #444; 15 | position: absolute; 16 | left: 50%; 17 | top: 50%; 18 | transform: translate(-50%, -50%); 19 | } 20 | -------------------------------------------------------------------------------- /src/art/Jerry/img/shpongle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Jerry/img/shpongle.png -------------------------------------------------------------------------------- /src/art/Jerry/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Shpongle", 3 | "author_name": "Jerry Alys", 4 | "author_github_url": "https://github.com/Jerryalys" 5 | } -------------------------------------------------------------------------------- /src/art/Jerry/script.js: -------------------------------------------------------------------------------- 1 | var canvas = document.querySelector('canvas'); 2 | var c = canvas.getContext('2d'); -------------------------------------------------------------------------------- /src/art/JotSingh/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/JotSingh/icon.png -------------------------------------------------------------------------------- /src/art/JotSingh/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "React-Logo", 3 | "author_name": "Jot Singh", 4 | "author_github_url": "https://github.com/JotSinghChawla" 5 | } -------------------------------------------------------------------------------- /src/art/JotSinghChawla/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/JotSinghChawla/icon.png -------------------------------------------------------------------------------- /src/art/JotSinghChawla/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Indian-Flag", 3 | "author_name": "Jot Singh", 4 | "author_github_url": "https://github.com/JotSinghChawla" 5 | } -------------------------------------------------------------------------------- /src/art/JotSinghChawla/script.js: -------------------------------------------------------------------------------- 1 | 2 | var c = document.getElementById("flag_canvas"); 3 | var ctx = c.getContext("2d"); 4 | ctx.fillStyle = "#FF9933"; 5 | ctx.fillRect(0, 0, 270, 60); 6 | 7 | ctx.fillStyle = "white"; 8 | ctx.fillRect(0, 60, 270, 60); 9 | 10 | ctx.fillStyle = "#138808"; 11 | ctx.fillRect(0, 120, 270, 60); -------------------------------------------------------------------------------- /src/art/Jot_Singh/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Jot_Singh/icon.png -------------------------------------------------------------------------------- /src/art/Jot_Singh/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Netflix-Logo", 3 | "author_name": "Jot Singh", 4 | "author_github_url": "https://github.com/JotSinghChawla" 5 | } -------------------------------------------------------------------------------- /src/art/Jot_Singh_Chawla/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Jot_Singh_Chawla/icon.png -------------------------------------------------------------------------------- /src/art/Jot_Singh_Chawla/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Instagram-Logo", 3 | "author_name": "Jot Singh", 4 | "author_github_url": "https://github.com/JotSinghChawla" 5 | } -------------------------------------------------------------------------------- /src/art/Kanwarbir02/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Undertaker Logo", 3 | "author_name": "Kanwarbir Singh", 4 | "author_github_url": "https://github.com/Kanwarbir02" 5 | } -------------------------------------------------------------------------------- /src/art/Kanwarbir02/undertaker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Kanwarbir02/undertaker.png -------------------------------------------------------------------------------- /src/art/KennyMcGeoch/Cauldron.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/KennyMcGeoch/Cauldron.jpg -------------------------------------------------------------------------------- /src/art/KennyMcGeoch/Icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/KennyMcGeoch/Icon.png -------------------------------------------------------------------------------- /src/art/KennyMcGeoch/Witch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/KennyMcGeoch/Witch.jpg -------------------------------------------------------------------------------- /src/art/KennyMcGeoch/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Rotating Witch", 3 | "author_name": "Kenny McGeoch", 4 | "author_github_url": "https://github.com/KennyMcGeoch/" 5 | } -------------------------------------------------------------------------------- /src/art/KennyMcGeoch/style.css: -------------------------------------------------------------------------------- 1 | 2 | canvas { border: 1px solid green; } 3 | -------------------------------------------------------------------------------- /src/art/KevinArt/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/KevinArt/icon.png -------------------------------------------------------------------------------- /src/art/KevinArt/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Adventure Time ", 3 | "authur_name": "Kevin", 4 | "authur_github_url": "https://github.com/Kevinn98" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/MLousdal/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/MLousdal/icon.png -------------------------------------------------------------------------------- /src/art/MLousdal/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Toast", 3 | "author_name": "MLousdal", 4 | "author_github_url": "https://github.com/MLousdal/" 5 | } -------------------------------------------------------------------------------- /src/art/ManishKumarDas/icon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ManishKumarDas/icon.gif -------------------------------------------------------------------------------- /src/art/ManishKumarDas/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ManishKumarDas/icon.png -------------------------------------------------------------------------------- /src/art/ManishKumarDas/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Random Shapes Grid", 3 | "author_name": "Manish Kumar Das", 4 | "author_github_url": "https://github.com/the-halfbloodprince" 5 | } -------------------------------------------------------------------------------- /src/art/ManishKumarDas2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ManishKumarDas2/icon.png -------------------------------------------------------------------------------- /src/art/ManishKumarDas2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Bubbles", 3 | "author_name": "Manish Kumar Das", 4 | "author_github_url": "https://github.com/the-halfbloodprince" 5 | } -------------------------------------------------------------------------------- /src/art/Mihir3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Mihir3/icon.png -------------------------------------------------------------------------------- /src/art/Mihir3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Heart in a Box", 3 | "author_name": "Mihir Pamnani", 4 | "author_github_url": "https://github.com/Mihir3/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/MohamedS98/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/MohamedS98/icon.png -------------------------------------------------------------------------------- /src/art/MohamedS98/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Jumping Circles", 3 | "author_name": "Mohamed Saleh", 4 | "author_github_url": "https://github.com/mohamedsaleh1984" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/MohamedS98/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | padding: 0px; 4 | background-color: black; 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Moso2006/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Moso2006/icon.png -------------------------------------------------------------------------------- /src/art/Moso2006/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Simple Square Animation", 3 | "author_name": "Moso", 4 | "author_github_url": "https://github.com/Moso2006-gh" 5 | } -------------------------------------------------------------------------------- /src/art/Moso2006/style.css: -------------------------------------------------------------------------------- 1 | canvas{ 2 | position: absolute; 3 | width: 100%; 4 | height: 100%; 5 | background: radial-gradient( rgb(70, 68, 80),rgb(228, 228, 231) ); 6 | } 7 | body{ 8 | margin: 0; 9 | } -------------------------------------------------------------------------------- /src/art/Navdeepsingh4298-Microsoft-Logo/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Navdeepsingh4298-Microsoft-Logo/icon.png -------------------------------------------------------------------------------- /src/art/Navdeepsingh4298-Microsoft-Logo/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Microsoft Logo", 3 | "author_name": "Navdeep Singh", 4 | "author_github_url": "https://github.com/navdeepsingh4298/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Navdeepsingh4298-hp-logo/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Navdeepsingh4298-hp-logo/icon.png -------------------------------------------------------------------------------- /src/art/Navdeepsingh4298-hp-logo/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HP Logo", 3 | "author_name": "Navdeep Singh", 4 | "author_github_url": "https://github.com/navdeepsingh4298/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Nishant_Minerva/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Nishant_Minerva/icon.png -------------------------------------------------------------------------------- /src/art/Nishant_Minerva/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "NishantDraw", 3 | "author_name": "Nishant Minerva", 4 | "author_github_url": "https://github.com/nishantminerva" 5 | } -------------------------------------------------------------------------------- /src/art/Nishant_Minerva/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Nishant_Minerva/style.css -------------------------------------------------------------------------------- /src/art/Nitin-hack2021/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Nitin-hack2021/icon.png -------------------------------------------------------------------------------- /src/art/Nitin-hack2021/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "RainBow", 3 | "author_name": "Nitin K", 4 | "author_github_url": "https://github.com/nitink66" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Nitin-hack2021/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | min-height: 100vh; 8 | } 9 | 10 | .container { 11 | height: 100vh; 12 | display: flex; 13 | justify-content: center; 14 | align-items: center; 15 | background: linear-gradient(to top, #fffbf8 0%, #57d9f1 25%, #6398f3 100%); 16 | } 17 | -------------------------------------------------------------------------------- /src/art/PasinduAkalpa/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/PasinduAkalpa/icon.png -------------------------------------------------------------------------------- /src/art/PasinduAkalpa/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Squid Game Logo", 3 | "author_name": "Pasindu Akalpa", 4 | "author_github_url": "https://github.com/pAkalpa/" 5 | } -------------------------------------------------------------------------------- /src/art/PasinduAkalpa/sgl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/PasinduAkalpa/sgl.png -------------------------------------------------------------------------------- /src/art/PasinduAkalpa/style.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | border: 1px solid black; 3 | /* Center Align */ 4 | display: block; 5 | width: 600px; 6 | height: 700px; 7 | margin: 0 auto; 8 | background-color: black; 9 | } -------------------------------------------------------------------------------- /src/art/PaulCalnan/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/PaulCalnan/icon.png -------------------------------------------------------------------------------- /src/art/PaulCalnan/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Smiley", 3 | "author_name": "Paul Calnan", 4 | "author_github_url": "https://github.com/PaulCalnan" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/PaulCalnan/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | } 4 | 5 | .container { 6 | margin: 0; 7 | height: 100vh; 8 | width: 100vw; 9 | position: relative; 10 | } 11 | -------------------------------------------------------------------------------- /src/art/PolisanTheEasyNick/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/PolisanTheEasyNick/icon.png -------------------------------------------------------------------------------- /src/art/PolisanTheEasyNick/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Infinity Triangle 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/art/PolisanTheEasyNick/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Infinity Triangle", 3 | "author_name": "Oleh (ob3r0n_)", 4 | "author_github_url": "https://github.com/PolisanTheEasyNick/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/PolisanTheEasyNick/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: lightgrey; 3 | } 4 | -------------------------------------------------------------------------------- /src/art/RaghavendraAchar/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/RaghavendraAchar/icon.png -------------------------------------------------------------------------------- /src/art/RaghavendraAchar/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Minion", 3 | "author_name": "RaghavendraAchar", 4 | "author_github_url": "https://github.com/Raghav14200" 5 | } -------------------------------------------------------------------------------- /src/art/RaghavendraAchar2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/RaghavendraAchar2/icon.png -------------------------------------------------------------------------------- /src/art/RaghavendraAchar2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Germany Flag", 3 | "author_name": "RaghavendraAchar", 4 | "author_github_url": "https://github.com/Raghav14200" 5 | } -------------------------------------------------------------------------------- /src/art/RaghavendraAchar2/style.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | border: 3px solid black; 3 | background-color: rgba(56, 51, 51); 4 | background-position: center; 5 | background-size: cover; 6 | } 7 | 8 | body { 9 | margin: 0; 10 | } 11 | 12 | * { 13 | margin: 0; 14 | padding: 0; 15 | box-sizing: border-box; 16 | } 17 | -------------------------------------------------------------------------------- /src/art/RaghavendraAchar3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/RaghavendraAchar3/icon.png -------------------------------------------------------------------------------- /src/art/RaghavendraAchar3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Captain America shield", 3 | "author_name": "RaghavendraAchar", 4 | "author_github_url": "https://github.com/Raghav14200" 5 | } -------------------------------------------------------------------------------- /src/art/RaghavendraAchar3/style.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | border: 3px solid black; 3 | background-color: rgba(56, 51, 51); 4 | background-position: center; 5 | background-size: cover; 6 | } 7 | 8 | body { 9 | margin: 0; 10 | } 11 | 12 | * { 13 | margin: 0; 14 | padding: 0; 15 | box-sizing: border-box; 16 | } 17 | -------------------------------------------------------------------------------- /src/art/RaghavendraAchar4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/RaghavendraAchar4/icon.png -------------------------------------------------------------------------------- /src/art/RaghavendraAchar4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "deathly hallows symbol", 3 | "author_name": "RaghavendraAchar", 4 | "author_github_url": "https://github.com/Raghav14200" 5 | } -------------------------------------------------------------------------------- /src/art/RaghavendraAchar4/style.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | border: 3px solid black; 3 | background-color: whitesmoke; 4 | background-position: center; 5 | background-size: cover; 6 | } 7 | 8 | body { 9 | margin: 0; 10 | } 11 | 12 | * { 13 | margin: 0; 14 | padding: 0; 15 | box-sizing: border-box; 16 | } 17 | -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Rajbir_banerjee/icon.png -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee/index.css: -------------------------------------------------------------------------------- 1 | canvas{ 2 | background-color: black; 3 | } -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Grow_Dots", 3 | "author_name": "Rajbir Banerjee", 4 | "author_github_url": "https://github.com/rajbir21-droid" 5 | } -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee_2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Rajbir_banerjee_2/icon.png -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Superman-Logo", 3 | "author_name": "Rajbir Banerjee", 4 | "author_github_url": "https://github.com/rajbir21-droid" 5 | } -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee_3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Rajbir_banerjee_3/icon.png -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee_3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Flag of Switzerland", 3 | "author_name": "Rajbir Banerjee", 4 | "author_github_url": "https://github.com/rajbir21-droid" 5 | } -------------------------------------------------------------------------------- /src/art/Rajbir_banerjee_3/script.js: -------------------------------------------------------------------------------- 1 | var getId = document.getElementById('flag-switzerland'); 2 | var getIdContext = getId.getContext('2d'); 3 | getIdContext.fillStyle = 'white'; 4 | getIdContext.fillRect(210,65,40,157); 5 | getIdContext.fillStyle = 'white'; 6 | getIdContext.fillRect(142,120,180,40); -------------------------------------------------------------------------------- /src/art/Rashmi/falling-leaves.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Rashmi/falling-leaves.png -------------------------------------------------------------------------------- /src/art/Rashmi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Rashmi/icon.png -------------------------------------------------------------------------------- /src/art/Rashmi/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hacktoberfest", 3 | "author_name": "Rashmi", 4 | "author_github_url": "https://github.com/rashmikt" 5 | } -------------------------------------------------------------------------------- /src/art/Ricksters/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Ricksters/icon.png -------------------------------------------------------------------------------- /src/art/Ricksters/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Find Cursor", 3 | "author_name": "Ricksters", 4 | "author_github_url": "https://github.com/Ricksters2000/" 5 | } -------------------------------------------------------------------------------- /src/art/Ricksters/style.css: -------------------------------------------------------------------------------- 1 | .container { 2 | display: flex; 3 | justify-content: center; 4 | } 5 | 6 | .cols { 7 | display: flex; 8 | flex-direction: column; 9 | } 10 | 11 | fieldset { 12 | height: fit-content; 13 | /* margin-left: auto; */ 14 | } 15 | 16 | fieldset button { 17 | border-radius: 1rem; 18 | } -------------------------------------------------------------------------------- /src/art/RiocArt/BlackMoon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/RiocArt/BlackMoon.gif -------------------------------------------------------------------------------- /src/art/RiocArt/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "The Black Moon", 3 | "author_name": "Rio Cantre", 4 | "author_github_url": "https://github.com/RioCantre" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Shaikh_Mohammad_Danish/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Shaikh_Mohammad_Danish/icon.png -------------------------------------------------------------------------------- /src/art/Shaikh_Mohammad_Danish/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "India Logo", 3 | "author_name": "Shaikh Mohammad Danish", 4 | "author_github_url": "https://github.com/SMD-1" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Shaikh_Mohammad_Danish/script.js: -------------------------------------------------------------------------------- 1 | var c = document.getElementById("flag_canvas"); 2 | var ctx = c.getContext("2d"); 3 | ctx.fillStyle = "#FF9933"; 4 | ctx.fillRect(0, 0, 270, 60); 5 | 6 | ctx.fillStyle = "white"; 7 | ctx.fillRect(0, 60, 270, 60); 8 | 9 | ctx.fillStyle = "#138808"; 10 | ctx.fillRect(0, 120, 270, 60); 11 | -------------------------------------------------------------------------------- /src/art/ShyamNR/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ShyamNR/icon.png -------------------------------------------------------------------------------- /src/art/ShyamNR/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Paper-Rocket", 3 | "author_name": "Shyam NR", 4 | "author_github_url": "https://github.com/Shyam-NR/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Sridarshan/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Sridarshan/icon.png -------------------------------------------------------------------------------- /src/art/Sridarshan/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Favourite Brands/Logo", 3 | "author_name": "Sridarshan", 4 | "author_github_url": "https://github.com/sridarshan-webjava" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Surya742/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Surya742/icon.png -------------------------------------------------------------------------------- /src/art/Surya742/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Tokyo-Olympics", 3 | "author_name": "Surya Kumar Sahani", 4 | "author_github_url": "https://github.com/Surya742/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ThesllaDev/icon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ThesllaDev/icon.gif -------------------------------------------------------------------------------- /src/art/ThesllaDev/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hello Hacktoberfest 2021", 3 | "author_name": "ThesllaDev", 4 | "author_github_url": "https://github.com/ThesllaDev/" 5 | } -------------------------------------------------------------------------------- /src/art/ThesllaDev/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | margin: 0; 4 | padding: 0; 5 | } 6 | 7 | body { 8 | background: #003; 9 | } 10 | -------------------------------------------------------------------------------- /src/art/Tom_Sprotte/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Tom_Sprotte/icon.PNG -------------------------------------------------------------------------------- /src/art/Tom_Sprotte/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "JustTom", 3 | "author_name": "JustTom77", 4 | "author_github_url": "https://github.com/JustTom77" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Tom_Sprotte/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #2c2891; 3 | } 4 | -------------------------------------------------------------------------------- /src/art/Ukesh-dev/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Ukesh-dev/background.jpg -------------------------------------------------------------------------------- /src/art/Ukesh-dev/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Rotate", 3 | "author_name": "Ukesh Shrestha", 4 | "author_github_url": "https://github.com/Ukesh-dev" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/VigneshG1616/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/VigneshG1616/icon.png -------------------------------------------------------------------------------- /src/art/VigneshG1616/icon_old.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/VigneshG1616/icon_old.png -------------------------------------------------------------------------------- /src/art/VigneshG1616/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "India_Using_Canvas", 3 | "author_name": "Vignesh_G", 4 | "author_github_url": "https://github.com/VigneshG1616/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/Vivek2509/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/Vivek2509/icon.png -------------------------------------------------------------------------------- /src/art/Vivek2509/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Unknown", 3 | "author_name": "Vivek2509", 4 | "author_github_url": "https://github.com/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/aditya_singh/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/aditya_singh/icon.png -------------------------------------------------------------------------------- /src/art/aditya_singh/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | fREEdOM 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/art/aditya_singh/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "fREEdOM", 3 | "author_name": "Aditya", 4 | "author_github_url": "https://github.com/adityasingh2509" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/anirbansarkar/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/anirbansarkar/icon.png -------------------------------------------------------------------------------- /src/art/anirbansarkar/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberRotation!", 3 | "author_name": "Anirban", 4 | "author_github_url": "https://github.com/anirban-s/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/anirbansarkar/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: auto 0; 3 | } 4 | 5 | 6 | #canvas { 7 | background: #0053cf; 8 | border: 10px solid #ffffffb2; 9 | position: absolute; 10 | left: 50%; 11 | top: 50%; 12 | transform: translate(-50%, -50%); 13 | } -------------------------------------------------------------------------------- /src/art/anirbansarkar2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/anirbansarkar2/icon.png -------------------------------------------------------------------------------- /src/art/anirbansarkar2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Bubbles", 3 | "author_name": "Anirban", 4 | "author_github_url": "https://github.com/anirban-s/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/anirbansarkar2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | padding: 50px; 4 | background: #b800e6; 5 | } 6 | 7 | #canvas { 8 | border: 1px #CCC solid; 9 | position: absolute; 10 | left: 50%; 11 | top: 50%; 12 | transform: translate(-50%, -50%); 13 | } -------------------------------------------------------------------------------- /src/art/anirbansarkar3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/anirbansarkar3/icon.png -------------------------------------------------------------------------------- /src/art/anirbansarkar3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Drawing Circle", 3 | "author_name": "Anirban", 4 | "author_github_url": "https://github.com/anirban-s/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/anirbansarkar3/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | padding: 50px; 4 | background: #0CA7EA; 5 | } 6 | 7 | #canvas { 8 | border: 1px #CCC solid; 9 | position: absolute; 10 | left: 50%; 11 | top: 50%; 12 | transform: translate(-50%, -50%); 13 | } -------------------------------------------------------------------------------- /src/art/anirbansarkar4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/anirbansarkar4/icon.png -------------------------------------------------------------------------------- /src/art/anirbansarkar4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Purple Star", 3 | "author_name": "Anirban", 4 | "author_github_url": "https://github.com/anirban-s/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/anirbansarkar4/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | padding: 50px; 4 | background: #0CA7EA; 5 | } 6 | 7 | #canvas { 8 | position: absolute; 9 | left: 50%; 10 | top: 50%; 11 | transform: translate(-50%, -50%); 12 | } -------------------------------------------------------------------------------- /src/art/ankeshp03/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ankeshp03/icon.png -------------------------------------------------------------------------------- /src/art/ankeshp03/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "DotPattern", 3 | "author_name": "Ankesh Paramanik", 4 | "author_github_url": "https://github.com/ankeshp03/" 5 | } -------------------------------------------------------------------------------- /src/art/ankeshp03/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | background-color: #000; 6 | height: calc(100vh - 16px); 7 | } 8 | 9 | #pattern-container { 10 | border: 7px inset #ed62a7; 11 | } 12 | -------------------------------------------------------------------------------- /src/art/arvindtronics/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/arvindtronics/icon.png -------------------------------------------------------------------------------- /src/art/arvindtronics/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Crayon Data Logo", 3 | "author_name": "Arvind Kumar Thoppe", 4 | "author_github_url": "https://github.com/ARVINDTRONICS/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/atchyut_theonly1me/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/atchyut_theonly1me/icon.png -------------------------------------------------------------------------------- /src/art/atchyut_theonly1me/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Particles of Beauty", 3 | "author_name": "Atchyut Preetham Pulavarthi / theonly1me", 4 | "author_github_url": "https://github.com/theonly1me/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/atchyut_theonly1me/styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | background-color: #000; 9 | } 10 | 11 | #canvas { 12 | top: 50%; 13 | left: 50%; 14 | position: absolute; 15 | width: 692px; 16 | height: 866px; 17 | transform: translate(-50%, -50%); 18 | } 19 | -------------------------------------------------------------------------------- /src/art/auxfuse-3d/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/auxfuse-3d/icon.png -------------------------------------------------------------------------------- /src/art/auxfuse-3d/main.js: -------------------------------------------------------------------------------- 1 | console.log("3D in the browser"); -------------------------------------------------------------------------------- /src/art/auxfuse-3d/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "3D Hamburger", 3 | "author_name": "Auxfuse", 4 | "author_github_url": "https://github.com/auxfuse/" 5 | } -------------------------------------------------------------------------------- /src/art/auxfuse-modelSwitcher/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/auxfuse-modelSwitcher/icon.png -------------------------------------------------------------------------------- /src/art/auxfuse-modelSwitcher/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Model Switcher", 3 | "author_name": "Auxfuse", 4 | "author_github_url": "https://github.com/auxfuse/" 5 | } -------------------------------------------------------------------------------- /src/art/auxfuse-points/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/auxfuse-points/icon.png -------------------------------------------------------------------------------- /src/art/auxfuse-points/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Shape Points", 3 | "author_name": "Auxfuse", 4 | "author_github_url": "https://github.com/auxfuse/" 5 | } -------------------------------------------------------------------------------- /src/art/auxfuse/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/auxfuse/icon.png -------------------------------------------------------------------------------- /src/art/auxfuse/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "DoodleBoard", 3 | "author_name": "Auxfuse", 4 | "author_github_url": "https://github.com/auxfuse/" 5 | } -------------------------------------------------------------------------------- /src/art/ayushi2410/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ayushi2410/icon.png -------------------------------------------------------------------------------- /src/art/ayushi2410/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Rings", 3 | "author_name": "ayushi", 4 | "author_github_url": "https://github.com/ayushi2410/" 5 | } -------------------------------------------------------------------------------- /src/art/ayushijaiswal/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ayushijaiswal/icon.png -------------------------------------------------------------------------------- /src/art/ayushijaiswal/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "circle-design", 3 | "author_name": "Ayushi-Jaiswal", 4 | "author_github_url": "https://github.com/ayushi25jaiswal" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ayushijaiswal/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ayushijaiswal/style.css -------------------------------------------------------------------------------- /src/art/ayushijaiswal2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ayushijaiswal2/icon.png -------------------------------------------------------------------------------- /src/art/ayushijaiswal2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "circle-design", 3 | "author_name": "Ayushi-Jaiswal", 4 | "author_github_url": "https://github.com/ayushi25jaiswal" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ayushijaiswal2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | #app { 7 | height: 100vh; 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | } 12 | -------------------------------------------------------------------------------- /src/art/ayushijaiswal_3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ayushijaiswal_3/icon.png -------------------------------------------------------------------------------- /src/art/ayushijaiswal_3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "circle-design", 3 | "author_name": "Ayushi-Jaiswal", 4 | "author_github_url": "https://github.com/ayushi25jaiswal" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ayushijaiswal_4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ayushijaiswal_4/icon.png -------------------------------------------------------------------------------- /src/art/ayushijaiswal_4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "circle-design", 3 | "author_name": "Ayushi-Jaiswal", 4 | "author_github_url": "https://github.com/ayushi25jaiswal" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ayushijaiswal_4/script.js: -------------------------------------------------------------------------------- 1 | let canvas=document.querySelector('#canvas'); 2 | let ctx = canvas.getContext('2d'); 3 | 4 | ctx.fillStyle = '#191A19'; 5 | ctx.fillRect(100,0,500,50); 6 | 7 | ctx.fillStyle = '#FF0000'; 8 | ctx.fillRect(100,50,500,50); 9 | 10 | ctx.fillStyle = '#FEE440'; 11 | ctx.fillRect(100,100,500,50); 12 | -------------------------------------------------------------------------------- /src/art/ayushijaiswal_4/style.css: -------------------------------------------------------------------------------- 1 | #canvas{ 2 | height: 300px; 3 | width: 400px; 4 | background-color:white; 5 | text-align: center; 6 | } 7 | 8 | div{ 9 | text-align: center; 10 | } 11 | -------------------------------------------------------------------------------- /src/art/barbara-d/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/barbara-d/favicon.png -------------------------------------------------------------------------------- /src/art/barbara-d/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/barbara-d/icon.png -------------------------------------------------------------------------------- /src/art/barbara-d/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Star Pattern", 3 | "author_name": "Barbara", 4 | "author_github_url": "https://github.com/Barbara-D/" 5 | } -------------------------------------------------------------------------------- /src/art/barbara-d/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0 !important; 3 | padding: 0 !important; 4 | overflow: hidden; 5 | } 6 | body{ 7 | background-color: #101010; 8 | } 9 | -------------------------------------------------------------------------------- /src/art/barbaraaliverti/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/barbaraaliverti/icon.png -------------------------------------------------------------------------------- /src/art/barbaraaliverti/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberPrism", 3 | "author_name": "Baloo", 4 | "author_github_url": "https://github.com/barbaraaliverti/" 5 | } -------------------------------------------------------------------------------- /src/art/belalbilaldev1/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/belalbilaldev1/icon.png -------------------------------------------------------------------------------- /src/art/belalbilaldev1/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktobersimpleParticle", 3 | "author_name": "belaldev", 4 | "author_github_url": "https://github.com/belalbilaldev" 5 | } -------------------------------------------------------------------------------- /src/art/belalbilaldev1/style.css: -------------------------------------------------------------------------------- 1 | #canvasOne{ 2 | position: absolute; 3 | background-color: rgb(0, 0, 0); 4 | width: 100%; 5 | height: 100%; 6 | top: 0; 7 | left: 0; 8 | 9 | } -------------------------------------------------------------------------------- /src/art/bk987-2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/bk987-2/icon.png -------------------------------------------------------------------------------- /src/art/bk987-2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "ZTM", 3 | "author_name": "bk987", 4 | "author_github_url": "https://github.com/bk987" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/bk987-2/style.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | #app { 7 | height: 100vh; 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | } 12 | -------------------------------------------------------------------------------- /src/art/bk987-3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/bk987-3/icon.png -------------------------------------------------------------------------------- /src/art/bk987-3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "BouncingBalls", 3 | "author_name": "bk987", 4 | "author_github_url": "https://github.com/bk987" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/bk987-3/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | width: 100vw; 9 | height: 100vh; 10 | overflow: hidden; 11 | } 12 | 13 | #art { 14 | background-color: #333333; 15 | } -------------------------------------------------------------------------------- /src/art/bk987-4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/bk987-4/icon.png -------------------------------------------------------------------------------- /src/art/bk987-4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "ColorfulTrail", 3 | "author_name": "bk987", 4 | "author_github_url": "https://github.com/bk987" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/bk987-4/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | width: 100vw; 9 | height: 100vh; 10 | overflow: hidden; 11 | } 12 | 13 | #art { 14 | background-color: #333333; 15 | } -------------------------------------------------------------------------------- /src/art/bk987/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/bk987/icon.png -------------------------------------------------------------------------------- /src/art/bk987/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberHouse", 3 | "author_name": "bk987", 4 | "author_github_url": "https://github.com/bk987" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/bk987/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | #app { 7 | height: 100vh; 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | } -------------------------------------------------------------------------------- /src/art/bryceDrawe/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/bryceDrawe/icon.png -------------------------------------------------------------------------------- /src/art/bryceDrawe/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Bouncing Balls", 3 | "author_name": "bryce", 4 | "author_github_url": "https://github.com/bdrawe/" 5 | } -------------------------------------------------------------------------------- /src/art/chathurasam/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/chathurasam/icon.PNG -------------------------------------------------------------------------------- /src/art/chathurasam/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Ball Effect", 3 | "author_name": "Chathura Samarajeewa", 4 | "author_github_url": "https://github.com/ChathuraSam/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/chin/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/chin/icon.png -------------------------------------------------------------------------------- /src/art/chin/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Color Changing Box", 3 | "author_name": "Chin", 4 | "author_github_url": "https://github.com/chin24/" 5 | } -------------------------------------------------------------------------------- /src/art/chin/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 20px auto; 3 | display: block; 4 | } 5 | 6 | #myCanvas{ 7 | width: 300px; 8 | height: 300px; 9 | /* border:1px solid #000000; */ 10 | border-style: inset; 11 | background-color: linear-gradient(to right, rgb(0, 255, 0), rgb(255, 0, 0)); 12 | } -------------------------------------------------------------------------------- /src/art/chirayu-tree/fractal-tree.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/chirayu-tree/fractal-tree.png -------------------------------------------------------------------------------- /src/art/chirayu-tree/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Fractal Tree", 3 | "author_name": "Chirayu Mittal", 4 | "author_github_url": "https://github.com/chirayumit001" 5 | } -------------------------------------------------------------------------------- /src/art/chirayuSnowFlake/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "SnowFlake Generator", 3 | "author_name": "Chirayu Mittal", 4 | "author_github_url": "https://github.com/chirayumit001" 5 | } -------------------------------------------------------------------------------- /src/art/chirayuSnowFlake/snowflake.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/chirayuSnowFlake/snowflake.png -------------------------------------------------------------------------------- /src/art/chirayuSnowFlake/style.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | position: absolute; 3 | top: 0; 4 | left: 0; 5 | width: 100%; 6 | height: 100%; 7 | background-color: black; 8 | } -------------------------------------------------------------------------------- /src/art/chirayu_mittal/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Snow-Fall", 3 | "author_name": "Chirayu Mittal", 4 | "author_github_url": "https://github.com/chirayumit001" 5 | } -------------------------------------------------------------------------------- /src/art/chirayu_mittal/snowfall.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/chirayu_mittal/snowfall.gif -------------------------------------------------------------------------------- /src/art/chirayu_mittal/snowfall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/chirayu_mittal/snowfall.png -------------------------------------------------------------------------------- /src/art/chirayu_mittal_2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Analog Clock 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/art/chirayu_mittal_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Collision color changer", 3 | "author_name": "Chirayu Mittal", 4 | "author_github_url": "https://github.com/chirayumit001" 5 | } -------------------------------------------------------------------------------- /src/art/chirayu_mittal_2/randomcolorgeneratoroncollision.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/chirayu_mittal_2/randomcolorgeneratoroncollision.png -------------------------------------------------------------------------------- /src/art/ckosa/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ckosa/icon.png -------------------------------------------------------------------------------- /src/art/ckosa/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "A nice slice!", 3 | "author_name": "ckosa", 4 | "author_github_url": "https://github.com/ckosa/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/clintwinter/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/clintwinter/icon.png -------------------------------------------------------------------------------- /src/art/clintwinter/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hack-o-lantern", 3 | "author_name": "Clint", 4 | "author_github_url": "https://github.com/ClintWinter/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/coder284/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/coder284/icon.png -------------------------------------------------------------------------------- /src/art/coder284/index.js: -------------------------------------------------------------------------------- 1 | var canvas=document.querySelector("canvas"); 2 | 3 | canvas.width=window.innerWidth; 4 | canvas.height=window.innerHeight; 5 | 6 | var c=canvas.getContext("2d"); 7 | c.fillStyle="red"; 8 | 9 | c.fillRect(3,3,300,650); 10 | c.fillStyle="green"; 11 | 12 | c.fillRect(303,3,1060,210); 13 | c.fillStyle="black"; 14 | 15 | c.fillRect(303,440,1060,213); 16 | -------------------------------------------------------------------------------- /src/art/coder284/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name":"Abu Dhabi flag", 3 | "author_name": "coder284", 4 | "author_github_url":"https://github.com/coder284" 5 | } -------------------------------------------------------------------------------- /src/art/coder284/style.css: -------------------------------------------------------------------------------- 1 | canvas{ 2 | border: 1px solid black; 3 | } 4 | body{ 5 | margin: 0px; 6 | padding: 0px; 7 | } -------------------------------------------------------------------------------- /src/art/coder284_2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/coder284_2/icon.png -------------------------------------------------------------------------------- /src/art/coder284_2/index.js: -------------------------------------------------------------------------------- 1 | var canvas=document.querySelector("canvas"); 2 | 3 | // canvas.width=window.innerWidth; 4 | // canvas.height=window.innerHeight; 5 | 6 | var c=canvas.getContext("2d"); 7 | 8 | c.fillStyle="red"; 9 | c.arc(150,73,40,0,Math.PI*2,false); 10 | c.fill(); 11 | -------------------------------------------------------------------------------- /src/art/coder284_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name":"Japan flag", 3 | "author_name": "coder284", 4 | "author_github_url":"https://github.com/coder284" 5 | } -------------------------------------------------------------------------------- /src/art/coder284_2/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | padding: 0px; 4 | } 5 | canvas{ 6 | border: 1px solid black; 7 | margin-top: 17%; 8 | margin-left: 39%; 9 | 10 | } 11 | 12 | -------------------------------------------------------------------------------- /src/art/coder284_3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/coder284_3/icon.png -------------------------------------------------------------------------------- /src/art/coder284_3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name":"Doraemon", 3 | "author_name": "coder284", 4 | "author_github_url":"https://github.com/coder284" 5 | } -------------------------------------------------------------------------------- /src/art/coder284_3/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | padding: 0px; 4 | } 5 | canvas{ 6 | 7 | border: 1px solid black; 8 | 9 | margin-top: 70px; 10 | margin-left: 310px; 11 | } 12 | 13 | -------------------------------------------------------------------------------- /src/art/coder284_4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/coder284_4/icon.png -------------------------------------------------------------------------------- /src/art/coder284_4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name":"Circles", 3 | "author_name": "coder284", 4 | "author_github_url":"https://github.com/coder284" 5 | } -------------------------------------------------------------------------------- /src/art/coder284_4/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | padding: 0px; 4 | } 5 | canvas{ 6 | border: 1px solid black ; 7 | } -------------------------------------------------------------------------------- /src/art/corquaid/icon.png.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/corquaid/icon.png.jpg -------------------------------------------------------------------------------- /src/art/corquaid/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "SpaceX Logo", 3 | "author_name": "Cormac Quaid", 4 | "author_github_url": "https://github.com/corquaid/" 5 | } -------------------------------------------------------------------------------- /src/art/corquaid/styles.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | background-color: black; 3 | } -------------------------------------------------------------------------------- /src/art/corquaid_2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/corquaid_2/icon.png -------------------------------------------------------------------------------- /src/art/corquaid_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hubble Space Telescope", 3 | "author_name": "Cormac Quaid", 4 | "author_github_url": "https://github.com/corquaid/" 5 | } -------------------------------------------------------------------------------- /src/art/corquaid_2/styles.css: -------------------------------------------------------------------------------- 1 | #canvas { 2 | background-color: black; 3 | } -------------------------------------------------------------------------------- /src/art/corquaid_3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/corquaid_3/icon.png -------------------------------------------------------------------------------- /src/art/corquaid_3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Irish Flag", 3 | "author_name": "Cormac Quaid", 4 | "author_github_url": "https://github.com/corquaid/" 5 | } -------------------------------------------------------------------------------- /src/art/corquaid_3/script.js: -------------------------------------------------------------------------------- 1 | let canvas = document.getElementById("canvas") 2 | let c = canvas.getContext('2d') 3 | 4 | // With official flag colours!! 5 | 6 | c.fillStyle = '#009A49' 7 | c.fillRect(0, 0, 200, 300) 8 | c.fillStyle = '#FF7900' 9 | c.fillRect(400, 0, 600, 300) 10 | -------------------------------------------------------------------------------- /src/art/corquaid_3/styles.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | margin: 0; 3 | padding: 0; 4 | } -------------------------------------------------------------------------------- /src/art/corquaid_4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/corquaid_4/icon.png -------------------------------------------------------------------------------- /src/art/corquaid_4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Sunrise on Mars", 3 | "author_name": "Cormac Quaid", 4 | "author_github_url": "https://github.com/corquaid/" 5 | } -------------------------------------------------------------------------------- /src/art/corquaid_4/styles.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | margin: 0; 4 | padding: 0; 5 | } 6 | 7 | #canvas { 8 | background-color: #4f555a; 9 | } 10 | -------------------------------------------------------------------------------- /src/art/cyrus_mobini/asset/sword_diamond.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/asset/sword_diamond.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/asset/sword_gold.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/asset/sword_gold.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/asset/sword_iron.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/asset/sword_iron.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/asset/sword_stone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/asset/sword_stone.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/asset/sword_wooden.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/asset/sword_wooden.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/asset/zombie0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/asset/zombie0.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/asset/zombie1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/asset/zombie1.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/cyrus_mobini/icon.png -------------------------------------------------------------------------------- /src/art/cyrus_mobini/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "ZombieSlayer", 3 | "author_name": "Cyrus Mobini", 4 | "author_github_url": "https://github.com/milad2281" 5 | } -------------------------------------------------------------------------------- /src/art/deepaksaipendyala/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/deepaksaipendyala/icon.png -------------------------------------------------------------------------------- /src/art/deepaksaipendyala/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Clock", 3 | "author_name": "deepak sai pendyala", 4 | "author_github_url": "https://github.com/deepaksaipendyala" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/dewansh_Patle/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/dewansh_Patle/icon.png -------------------------------------------------------------------------------- /src/art/dewansh_Patle/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "circumbow", 3 | "author_name": "Dewansh", 4 | "author_github_url": "https://github.com/dewansh16" 5 | } -------------------------------------------------------------------------------- /src/art/dewansh_Patle/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | } 4 | -------------------------------------------------------------------------------- /src/art/drawingX/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/drawingX/icon.png -------------------------------------------------------------------------------- /src/art/drawingX/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "drawingX", 3 | "author_name": "chrisyang-git", 4 | "author_github_url": "https://github.com/chrisyang-git" 5 | } -------------------------------------------------------------------------------- /src/art/drawingX/style.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | } 6 | .draw { 7 | display: flex; 8 | align-items: center; 9 | justify-content: center; 10 | height: 400px; 11 | /* border: 2px solid rgb(55, 17, 143); */ 12 | } 13 | #canvas { 14 | border: 1px solid black; 15 | /* margin: 300px; */ 16 | } -------------------------------------------------------------------------------- /src/art/dylanb6/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/dylanb6/icon.png -------------------------------------------------------------------------------- /src/art/dylanb6/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "SimplePiano", 3 | "author_name": "dylanb6", 4 | "author_github_url": "https://github.com/dylanb6/" 5 | } -------------------------------------------------------------------------------- /src/art/dylanb6/styles.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | border: 1px solid black; 3 | } 4 | 5 | div { 6 | text-align: center; 7 | } -------------------------------------------------------------------------------- /src/art/ekta2901-1/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ekta2901-1/icon.png -------------------------------------------------------------------------------- /src/art/ekta2901-1/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Olympics", 3 | "author_name": "Ekta", 4 | "author_github_url": "https://github.com/ekta2901/" 5 | } -------------------------------------------------------------------------------- /src/art/ekta2901-2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ekta2901-2/icon.png -------------------------------------------------------------------------------- /src/art/ekta2901-2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hacktober Fest 2021", 3 | "author_name": "Ekta", 4 | "author_github_url": "https://github.com/ekta2901/" 5 | } -------------------------------------------------------------------------------- /src/art/ekta2901-3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ekta2901-3/icon.png -------------------------------------------------------------------------------- /src/art/ekta2901-3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Draw Shapes", 3 | "author_name": "Ekta", 4 | "author_github_url": "https://github.com/ekta2901/" 5 | } -------------------------------------------------------------------------------- /src/art/ekta2901-4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ekta2901-4/icon.png -------------------------------------------------------------------------------- /src/art/ekta2901-4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Sunset on a boat", 3 | "author_name": "Ekta", 4 | "author_github_url": "https://github.com/ekta2901/" 5 | } -------------------------------------------------------------------------------- /src/art/gabriel/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/gabriel/icon.png -------------------------------------------------------------------------------- /src/art/gabriel/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "LightSaber", 3 | "author_name": "gabriel", 4 | "author_github_url": "https://github.com/GabrielTeixeiraC/" 5 | } -------------------------------------------------------------------------------- /src/art/gabriel/style.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | border: 1px solid black; 3 | } 4 | 5 | h3 { 6 | font-family: sans-serif 7 | } -------------------------------------------------------------------------------- /src/art/gabriellend/frame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/gabriellend/frame.png -------------------------------------------------------------------------------- /src/art/gabriellend/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/gabriellend/icon.png -------------------------------------------------------------------------------- /src/art/gabriellend/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Moon Phase", 3 | "author_name": "Gabrielle Davidson", 4 | "author_github_url": "https://github.com/gabriellend" 5 | } -------------------------------------------------------------------------------- /src/art/gabriellend/moonphase.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/gabriellend/moonphase.png -------------------------------------------------------------------------------- /src/art/gabriellend/nightsky.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/gabriellend/nightsky.jpeg -------------------------------------------------------------------------------- /src/art/gabriellend/style.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | background-image: url(./nightsky.jpeg); 3 | } 4 | 5 | img { 6 | position: absolute; 7 | top: 5px; 8 | left: 3px; 9 | } -------------------------------------------------------------------------------- /src/art/godnon-minecraft-target/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/godnon-minecraft-target/icon.png -------------------------------------------------------------------------------- /src/art/godnon-minecraft-target/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Minecraft Target", 3 | "author_name": "Godnon", 4 | "author_github_url": "https://github.com/godnondsilva" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/godnon-minecraft-target/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | body { 7 | height: 100vh; 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | background: #111; 12 | } 13 | 14 | canvas { 15 | background: #fff; 16 | } 17 | -------------------------------------------------------------------------------- /src/art/godnon-pixel-turquoise/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/godnon-pixel-turquoise/icon.png -------------------------------------------------------------------------------- /src/art/godnon-pixel-turquoise/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Pixel Turquoise", 3 | "author_name": "Godnon", 4 | "author_github_url": "https://github.com/godnondsilva" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/godnon-pixel-turquoise/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | body { 7 | height: 100vh; 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | background: #111; 12 | } 13 | 14 | canvas { 15 | background: #008B8B; 16 | } 17 | -------------------------------------------------------------------------------- /src/art/gtc/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/gtc/icon.png -------------------------------------------------------------------------------- /src/art/gtc/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bookshelf 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/art/gtc/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Bookshelf", 3 | "author_name": "gtc", 4 | "author_github_url": "https://github.com/GabrielTeixeiraC/" 5 | } -------------------------------------------------------------------------------- /src/art/gtc/style.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | border: 1px solid black; 3 | } 4 | 5 | h3 { 6 | font-family: sans-serif 7 | } -------------------------------------------------------------------------------- /src/art/haylzrandom/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/haylzrandom/icon.png -------------------------------------------------------------------------------- /src/art/haylzrandom/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Snowfall", 3 | "author_name": "HaylzRandom", 4 | "author_github_url": "https://github.com/HaylzRandom/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/incanlove/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/incanlove/icon.PNG -------------------------------------------------------------------------------- /src/art/incanlove/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Composition with Red Blue and Yellow", 3 | "author_name": "Juan O.", 4 | "author_github_url": "https://github.com/incanlove" 5 | } -------------------------------------------------------------------------------- /src/art/incanlove/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | } 6 | 7 | canvas{ 8 | box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); 9 | } -------------------------------------------------------------------------------- /src/art/istiak/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/istiak/icon.png -------------------------------------------------------------------------------- /src/art/istiak/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Traideas", 3 | "author_name": "Istiak", 4 | "author_github_url": "https://github.com/istiak227/" 5 | } -------------------------------------------------------------------------------- /src/art/istiak/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/istiak/script.js -------------------------------------------------------------------------------- /src/art/istiak/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | min-height: 100vh; 5 | } 6 | 7 | .main-container { 8 | justify-content: center; 9 | align-items: center; 10 | } 11 | 12 | .logo-container { 13 | position: relative; 14 | } 15 | 16 | -------------------------------------------------------------------------------- /src/art/jeyson/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/jeyson/icon.png -------------------------------------------------------------------------------- /src/art/jeyson/img/ico2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/jeyson/img/ico2.png -------------------------------------------------------------------------------- /src/art/jeyson/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Freedom", 3 | "author_name": "Jeyson", 4 | "author_github_url": "https://github.com/jgonz19" 5 | } -------------------------------------------------------------------------------- /src/art/jeyson/style.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | padding: 0; 3 | margin: auto; 4 | display: block; 5 | width: 350px; 6 | height: 300px; 7 | position: absolute; 8 | top: 0; 9 | bottom: 0; 10 | left: 0; 11 | right: 0; 12 | border: 0.5px solid #000000; 13 | } 14 | -------------------------------------------------------------------------------- /src/art/jkagawa/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/jkagawa/icon.png -------------------------------------------------------------------------------- /src/art/jkagawa/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Egg", 3 | "author_name": "Joshua", 4 | "author_github_url": "https://github.com/jkagawa/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/jkagawa/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | min-height: 100vh; 8 | } 9 | 10 | #canvas-id { 11 | border:1px solid #F8F8F8; 12 | background: #F8F8F8; 13 | } 14 | 15 | .canvas-container { 16 | text-align: center; 17 | padding: 40px 20px; 18 | } 19 | -------------------------------------------------------------------------------- /src/art/john/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/john/icon.png -------------------------------------------------------------------------------- /src/art/john/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Rainbow dance", 3 | "author_name": "John", 4 | "author_github_url": "https://github.com/DEVELOPER-IN-PROGRESS/" 5 | } -------------------------------------------------------------------------------- /src/art/john/style.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | height: 100vh; 4 | width: 100vw; 5 | margin: auto; 6 | padding: 0; 7 | overflow: hidden; 8 | display: grid; 9 | place-items: center; 10 | } 11 | 12 | 13 | 14 | canvas{ 15 | width:90% ; 16 | height: 90%; 17 | } -------------------------------------------------------------------------------- /src/art/junaid_shah/junaidshah-funwithcorners.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/junaid_shah/junaidshah-funwithcorners.png -------------------------------------------------------------------------------- /src/art/junaid_shah/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Fun with Corners", 3 | "author_name": "Junaid shah", 4 | "author_github_url": "https://github.com/jsh854" 5 | } -------------------------------------------------------------------------------- /src/art/junaid_shah/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color:#95D7AE; 3 | color:white; 4 | font-family:Arial; 5 | } 6 | .container{ 7 | display:flex; 8 | height:100vh; 9 | align-items:center; 10 | justify-content:center; 11 | flex-direction:row; 12 | flex-wrap:wrap; 13 | 14 | } -------------------------------------------------------------------------------- /src/art/kanwarjotp/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/kanwarjotp/icon.png -------------------------------------------------------------------------------- /src/art/kanwarjotp/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Curvature", 3 | "author_name": "Kanwar Jot Parkash", 4 | "author_github_url": "https://github.com/kanwarjotp" 5 | } -------------------------------------------------------------------------------- /src/art/kanwarjotp/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | background-color: #B0E9D5; 4 | overflow: hidden; 5 | } 6 | 7 | img{ 8 | display: none; 9 | } 10 | 11 | #output { 12 | height: 100vh; 13 | width: 100vw; 14 | background-color: #B0C4E9; 15 | } -------------------------------------------------------------------------------- /src/art/keithEbbett/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/keithEbbett/icon.png -------------------------------------------------------------------------------- /src/art/keithEbbett/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HactoberSolar", 3 | "authur_name": "Keith", 4 | "authur_github_url": "https://github.com/KeithEbbett/" 5 | } -------------------------------------------------------------------------------- /src/art/keithEbbett/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/keithEbbett/styles.css -------------------------------------------------------------------------------- /src/art/kennithnichol/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/kennithnichol/icon.png -------------------------------------------------------------------------------- /src/art/kennithnichol/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Starfield", 3 | "author_name": "Ken", 4 | "author_github_url": "https://github.com/kennithnichol/" 5 | } -------------------------------------------------------------------------------- /src/art/kshwetakumari/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/kshwetakumari/icon.png -------------------------------------------------------------------------------- /src/art/kshwetakumari/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | canvas { 6 | background-color: #000; 7 | margin: 0; 8 | padding: 0; 9 | width: 100%; 10 | height: 100%; 11 | } 12 | -------------------------------------------------------------------------------- /src/art/kshwetakumari/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberFox", 3 | "author_name": "Shweta", 4 | "author_github_url": "https://github.com/Shwetzksk" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ktra99/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ktra99/icon.png -------------------------------------------------------------------------------- /src/art/ktra99/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/art/ktra99/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Square animation", 3 | "author_name": "Kenny Tran", 4 | "author_github_url": "https://github.com/ktra99" 5 | } -------------------------------------------------------------------------------- /src/art/ktra99/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ktra99/script.js -------------------------------------------------------------------------------- /src/art/kunal.prakash/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/kunal.prakash/icon.png -------------------------------------------------------------------------------- /src/art/kunal.prakash/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "3D-CUBE", 3 | "author_name": "Kunal Prakash", 4 | "author_github_url": "https://github.com/kunalprakash1309" 5 | } -------------------------------------------------------------------------------- /src/art/lenspira/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/lenspira/icon.png -------------------------------------------------------------------------------- /src/art/lenspira/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "The Dark Knight Logo", 3 | "author_name": "Leonard DeMarco", 4 | "author_github_url": "https://github.com/lenspira/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/leonyangela/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "3D Ring", 3 | "author_name": "Leoni Angela", 4 | "author_github_url": "https://github.com/leonyangela" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mattcsmith/hacktoberfest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mattcsmith/hacktoberfest.png -------------------------------------------------------------------------------- /src/art/mattcsmith/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mattcsmith/icon.png -------------------------------------------------------------------------------- /src/art/mattcsmith/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberFox!", 3 | "author_name": "Matt", 4 | "author_github_url": "https://github.com/MattCSmith/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mctrl/grass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mctrl/grass.jpg -------------------------------------------------------------------------------- /src/art/mctrl/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mctrl/icon.png -------------------------------------------------------------------------------- /src/art/mctrl/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Landscape", 3 | "author_name": "Mctrl", 4 | "author_github_url": "https://github.com/mctrl" 5 | } -------------------------------------------------------------------------------- /src/art/mctrl/style.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | 8 | .container { 9 | width: 100%; 10 | display: flex; 11 | height: 100vh; 12 | align-items: center; 13 | justify-content: center; 14 | } 15 | 16 | #mctrl_canvas { 17 | background-color: #6dc2e961; 18 | } 19 | -------------------------------------------------------------------------------- /src/art/mikerobards/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mikerobards/icon.png -------------------------------------------------------------------------------- /src/art/mikerobards/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "UCI World Champion", 3 | "author_name": "Mike Robards", 4 | "author_github_url": "https://github.com/mikerobards" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mikerobards/style.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | 8 | .container { 9 | background-color: #dfdeda; 10 | display: flex; 11 | align-items: center; 12 | justify-content: center; 13 | height: 100vh; 14 | } 15 | -------------------------------------------------------------------------------- /src/art/mohsin_sh/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mohsin_sh/icon.png -------------------------------------------------------------------------------- /src/art/mohsin_sh/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberSnailShell", 3 | "author_name": "mohsin_sh", 4 | "author_github_url": "https://github.com/mohsin_sh/" 5 | } -------------------------------------------------------------------------------- /src/art/mohsin_sh/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | overflow: hidden; 3 | } 4 | 5 | #canvas1{ 6 | position: absolute; 7 | border: 2px solid black; 8 | background: linear-gradient(to top, black,grey); 9 | top: 0; 10 | left: 0; 11 | width: 100%; 12 | height: 100%; 13 | } -------------------------------------------------------------------------------- /src/art/mrkc2303/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mrkc2303/icon.png -------------------------------------------------------------------------------- /src/art/mrkc2303/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Russian Flag", 3 | "author_name": "Kanishk Chhabra", 4 | "author_github_url": "https://github.com/mrkc2303/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mrkc2303/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .container { 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | background: #EEEEEE; 12 | height: 100vh; 13 | } -------------------------------------------------------------------------------- /src/art/mrkc2303_1/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mrkc2303_1/icon.png -------------------------------------------------------------------------------- /src/art/mrkc2303_1/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Indian Flag", 3 | "author_name": "Kanishk Chhabra", 4 | "author_github_url": "https://github.com/mrkc2303/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mrkc2303_1/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .container { 8 | background: #EEEEEE; 9 | } -------------------------------------------------------------------------------- /src/art/mrkc2303_2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mrkc2303_2/icon.png -------------------------------------------------------------------------------- /src/art/mrkc2303_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Chess Checkboard", 3 | "author_name": "Kanishk Chhabra", 4 | "author_github_url": "https://github.com/mrkc2303/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mrkc2303_2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | height: 100vh; 6 | text-align: center; 7 | } -------------------------------------------------------------------------------- /src/art/mrkc2303_3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mrkc2303_3/icon.png -------------------------------------------------------------------------------- /src/art/mrkc2303_3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Sunset Scene 6 | 7 | 8 | 9 |
10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /src/art/mrkc2303_3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Sunset Scene", 3 | "author_name": "Kanishk Chhabra", 4 | "author_github_url": "https://github.com/mrkc2303/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mrkc2303_3/style.css: -------------------------------------------------------------------------------- 1 | .container { 2 | display: grid; 3 | grid-template-columns: 1fr 1fr 1fr; 4 | grid-template-rows: 1fr 1fr 1fr; 5 | } 6 | 7 | canvas { 8 | height: 200px; 9 | border: 1px solid #d3d3d3; 10 | grid-column: 2/3; 11 | grid-row: 2/3; 12 | justify-items: stretch; 13 | } -------------------------------------------------------------------------------- /src/art/mrkc2303_4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mrkc2303_4/icon.png -------------------------------------------------------------------------------- /src/art/mrkc2303_4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Brazil Flag", 3 | "author_name": "Kanishk Chhabra", 4 | "author_github_url": "https://github.com/mrkc2303/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/mrkc2303_4/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/mrkc2303_4/style.css -------------------------------------------------------------------------------- /src/art/naresh-khatri-vue-logo/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/naresh-khatri-vue-logo/icon.png -------------------------------------------------------------------------------- /src/art/naresh-khatri-vue-logo/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Vue Logo", 3 | "author_name": "Naresh Khatri", 4 | "author_github_url": "https://github.com/Naresh-Khatri" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/naresh-khatri-vue-logo/style.css: -------------------------------------------------------------------------------- 1 | .body{ 2 | margin: 0; 3 | } -------------------------------------------------------------------------------- /src/art/nataliarossini/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nataliarossini/icon.png -------------------------------------------------------------------------------- /src/art/nataliarossini/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Snake Game", 3 | "author_name": "Natalia", 4 | "author_github_url": "https://github.com/nataliarossini/" 5 | } -------------------------------------------------------------------------------- /src/art/nataliarossini/style.css: -------------------------------------------------------------------------------- 1 | canvas { 2 | background-color: black; 3 | } -------------------------------------------------------------------------------- /src/art/nataliarossini_/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nataliarossini_/icon.png -------------------------------------------------------------------------------- /src/art/nataliarossini_/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Snowflake", 3 | "author_name": "Natalia", 4 | "author_github_url": "https://github.com/nataliarossini/" 5 | } -------------------------------------------------------------------------------- /src/art/nataliarossini_/style.css: -------------------------------------------------------------------------------- 1 | #canvas1 { 2 | background-color: black; 3 | position: absolute; 4 | top: 0; 5 | left: 0; 6 | width: 100%; 7 | height: 100%; 8 | } -------------------------------------------------------------------------------- /src/art/nayanathapa/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nayanathapa/icon.png -------------------------------------------------------------------------------- /src/art/nayanathapa/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Visit Nepal", 3 | "author_name": "Nayana Thapa", 4 | "author_github_url": "https://github.com/nayana-thapa/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/nayanathapa/style.css: -------------------------------------------------------------------------------- 1 | @import url(http://fonts.googleapis.com/css?family=Open+Sans); 2 | 3 | #wrap { 4 | background: #FFFFFF; 5 | margin: 10px; 6 | max-width: 600px; 7 | } 8 | canvas { 9 | border: 0px solid black; 10 | margin: 10px 0px 20px 0px; 11 | } 12 | #desc { 13 | font-family: 'Open Sans', sans-serif; 14 | } -------------------------------------------------------------------------------- /src/art/nikki/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nikki/icon.png -------------------------------------------------------------------------------- /src/art/nikki/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Awesome Tree 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/art/nikki/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Tree", 3 | "author_name": "NikkiKal", 4 | "author_github_url" : "https://github.com/NikkiKal" 5 | } -------------------------------------------------------------------------------- /src/art/nikkikal/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nikkikal/icon.png -------------------------------------------------------------------------------- /src/art/nikkikal/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Flower 5 | 6 | 7 | 8 | Awesome artwork 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/art/nikkikal/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Flower", 3 | "author_name": "NikkiKal", 4 | "author_github_url" : "https://github.com/NikkiKal" 5 | } -------------------------------------------------------------------------------- /src/art/nikkikal/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | /*background-color: black;*/ 6 | } 7 | 8 | canvas { 9 | position: absolute; 10 | top: 0; 11 | left: 0; 12 | width: 100%; 13 | height: 100%; 14 | } 15 | 16 | -------------------------------------------------------------------------------- /src/art/nimrat/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nimrat/icon.png -------------------------------------------------------------------------------- /src/art/nimrat/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Geeky-Star", 3 | "author_name": "Nimrat Kaur", 4 | "author_github_url": "https://github.com/Geeky-star" 5 | } -------------------------------------------------------------------------------- /src/art/nimrat/nimrat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nimrat/nimrat.png -------------------------------------------------------------------------------- /src/art/nisnym/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nisnym/icon.PNG -------------------------------------------------------------------------------- /src/art/nisnym/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "ProLoading Max", 3 | "author_name": "NISNYM", 4 | "author_github_url": "https://github.com/nisnym/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/nss/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/nss/icon.png -------------------------------------------------------------------------------- /src/art/nss/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | CIRCULAR GRADIENT 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/art/nss/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "CircularGradient", 3 | "author_name": "Naga Saisriya", 4 | "author_github_url": "https://github.com/nagasaisriya" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/nss/script.js: -------------------------------------------------------------------------------- 1 | var c = document.getElementById("myc"); 2 | var ctx = c.getContext("2d"); 3 | 4 | // Create gradient 5 | var grd = ctx.createRadialGradient(75,50,5,90,60,100); 6 | grd.addColorStop(0,"yellow"); 7 | grd.addColorStop(1,"white"); 8 | 9 | // Fill with gradient 10 | ctx.fillStyle = grd; 11 | ctx.fillRect(10,10,150,90); 12 | -------------------------------------------------------------------------------- /src/art/nss/style.css: -------------------------------------------------------------------------------- 1 | #myc 2 | { 3 | border:1px solid #180112; 4 | 5 | } 6 | -------------------------------------------------------------------------------- /src/art/oryam/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/oryam/icon.png -------------------------------------------------------------------------------- /src/art/oryam/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Web-paint", 3 | "author_name": "oryam", 4 | "author_github_url": "https://github.com/or-yam/" 5 | } -------------------------------------------------------------------------------- /src/art/osHamad/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/osHamad/icon.png -------------------------------------------------------------------------------- /src/art/osHamad/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Pixel Art Maker", 3 | "author_name": "osama", 4 | "author_github_url": "https://github.com/osHamad/" 5 | } -------------------------------------------------------------------------------- /src/art/osHamad/styles.css: -------------------------------------------------------------------------------- 1 | #pixel-canvas { 2 | border: 1px solid black; 3 | } 4 | -------------------------------------------------------------------------------- /src/art/patricceam2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/patricceam2/icon.png -------------------------------------------------------------------------------- /src/art/patricceam2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Ascii Leaves", 3 | "author_name": "Patrice", 4 | "author_github_url": "https://github.com/PatriceAm" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/patriceam/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/patriceam/icon.png -------------------------------------------------------------------------------- /src/art/patriceam/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Simple Tree", 3 | "author_name": "Patrice", 4 | "author_github_url": "https://github.com/PatriceAm/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/patriceam/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | overflow: hidden; 9 | } 10 | 11 | canvas { 12 | background: #373b44; 13 | background: -webkit-linear-gradient(to right, #4286f4, #373b44); 14 | background: linear-gradient(to right, #4286f4, #373b44); 15 | } 16 | -------------------------------------------------------------------------------- /src/art/patriceam3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/patriceam3/icon.png -------------------------------------------------------------------------------- /src/art/patriceam3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Drawing", 3 | "author_name": "Patrice", 4 | "author_github_url": "https://github.com/PatriceAm/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/patriceam3/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | overflow: hidden; 9 | } 10 | 11 | #canvas { 12 | background: rgb(60, 106, 231); 13 | } 14 | -------------------------------------------------------------------------------- /src/art/patriceam4/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/patriceam4/2.jpg -------------------------------------------------------------------------------- /src/art/patriceam4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/patriceam4/icon.png -------------------------------------------------------------------------------- /src/art/patriceam4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Shapes", 3 | "author_name": "Patrice", 4 | "author_github_url": "https://github.com/PatriceAm/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/preetham_pulavarthi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/preetham_pulavarthi/icon.png -------------------------------------------------------------------------------- /src/art/preetham_pulavarthi/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name":"Squid Playground", 3 | "author_name": "Atchyut Preetham Pulavarthi / theonly1me", 4 | "author_github_url":"https://github.com/theonly1me" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/preetham_pulavarthi/styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | overflow: hidden; 9 | background-color: black; 10 | } 11 | 12 | canvas { 13 | position: absolute; 14 | top: 0; 15 | left: 0; 16 | } 17 | -------------------------------------------------------------------------------- /src/art/quangpro1610/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/quangpro1610/icon.png -------------------------------------------------------------------------------- /src/art/quangpro1610/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Draw an American Flag with HTML5", 3 | "author_name": "quangpro1610", 4 | "author_github_url": "https://github.com/quangpro1610/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/quangpro1610/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: lightgrey; 3 | } 4 | -------------------------------------------------------------------------------- /src/art/rachelktyjohnson/cabin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson/cabin.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson/icon.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Hanging moon", 3 | "author_name": "Rachel", 4 | "author_github_url": "https://github.com/rachelktyjohnson/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/rachelktyjohnson2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson2/icon.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Moon and Stars", 3 | "author_name": "Rachel", 4 | "author_github_url": "https://github.com/rachelktyjohnson/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/rachelktyjohnson2/moon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson2/moon.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson3/icon.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Solar System", 3 | "author_name": "Rachel", 4 | "author_github_url": "https://github.com/rachelktyjohnson/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/rachelktyjohnson3/sun.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson3/sun.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson4/icon.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Random Color Bars", 3 | "author_name": "Rachel", 4 | "author_github_url": "https://github.com/rachelktyjohnson/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/rachelktyjohnson5/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rachelktyjohnson5/icon.png -------------------------------------------------------------------------------- /src/art/rachelktyjohnson5/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Spring Flowering", 3 | "author_name": "Rachel", 4 | "author_github_url": "https://github.com/rachelktyjohnson/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/rahulm2310-2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rahulm2310-2/icon.png -------------------------------------------------------------------------------- /src/art/rahulm2310-2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Color Canvaz", 3 | "author_name": "Rahul Mohata", 4 | "author_github_url": "https://github.com/rahulm2310/" 5 | } -------------------------------------------------------------------------------- /src/art/rahulm2310-3/assets/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rahulm2310-3/assets/background.jpg -------------------------------------------------------------------------------- /src/art/rahulm2310-3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rahulm2310-3/icon.png -------------------------------------------------------------------------------- /src/art/rahulm2310-3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Television", 3 | "author_name": "Rahul Mohata", 4 | "author_github_url": "https://github.com/rahulm2310/" 5 | } -------------------------------------------------------------------------------- /src/art/rahulm2310-4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rahulm2310-4/icon.png -------------------------------------------------------------------------------- /src/art/rahulm2310-4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Dotzz", 3 | "author_name": "Rahul Mohata", 4 | "author_github_url": "https://github.com/rahulm2310/" 5 | } -------------------------------------------------------------------------------- /src/art/rahulm2310/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rahulm2310/icon.png -------------------------------------------------------------------------------- /src/art/rahulm2310/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Loader", 3 | "author_name": "Rahul Mohata", 4 | "author_github_url": "https://github.com/rahulm2310/" 5 | } -------------------------------------------------------------------------------- /src/art/rakshithshenoy-2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rakshithshenoy-2/icon.png -------------------------------------------------------------------------------- /src/art/rakshithshenoy-2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Abu Dhabi Flag", 3 | "author_name": "Rakshith Shenoy", 4 | "author_github_url": "https://github.com/rakshithshenoy/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/rakshithshenoy-2/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rakshithshenoy-2/style.css -------------------------------------------------------------------------------- /src/art/rakshithshenoy/app.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rakshithshenoy/app.css -------------------------------------------------------------------------------- /src/art/rakshithshenoy/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rakshithshenoy/icon.png -------------------------------------------------------------------------------- /src/art/rakshithshenoy/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "YouTube Logo", 3 | "author_name": "Rakshith Shenoy", 4 | "author_github_url": "https://github.com/rakshithshenoy" 5 | } -------------------------------------------------------------------------------- /src/art/ranran2121-2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ranran2121-2/icon.png -------------------------------------------------------------------------------- /src/art/ranran2121-2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Flying Owl", 3 | "author_name": "Ranran2121", 4 | "author_github_url": "https://github.com/ranran2121" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ranran2121-2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | position: absolute; 3 | top: 250px; 4 | left: 500px; 5 | background-color: black; 6 | } 7 | 8 | h1 { 9 | color: orange; 10 | font-family: fantasy; 11 | font-size: 2rem; 12 | margin-left: 25%; 13 | } 14 | -------------------------------------------------------------------------------- /src/art/ranran2121/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ranran2121/icon.png -------------------------------------------------------------------------------- /src/art/ranran2121/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "GoodLuck cat", 3 | "author_name": "ranran2121", 4 | "author_github_url": "https://github.com/ranran2121/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ranran2121/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: rgb(238, 230, 245); 3 | padding-top: 200px; 4 | text-align: center; 5 | } 6 | 7 | #canvas { 8 | border: 20px dashed rgb(247, 7, 113); 9 | border-radius: 10%; 10 | padding-top: 10%; 11 | padding-left: 5%; 12 | } 13 | -------------------------------------------------------------------------------- /src/art/redsquirrrel/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/redsquirrrel/2.jpg -------------------------------------------------------------------------------- /src/art/redsquirrrel/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/redsquirrrel/icon.png -------------------------------------------------------------------------------- /src/art/redsquirrrel/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Honeyfall with mouse collision", 3 | "author_name": "RedSquirrrel", 4 | "author_github_url": "https://github.com/RedSquirrrel/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/redsquirrrel2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/redsquirrrel2/icon.png -------------------------------------------------------------------------------- /src/art/redsquirrrel2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Particle Effect", 3 | "author_name": "RedSquirrrel", 4 | "author_github_url": "https://github.com/RedSquirrrel/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/redsquirrrel2/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | overflow: hidden; 9 | } 10 | -------------------------------------------------------------------------------- /src/art/redsquirrrel3/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/redsquirrrel3/bg.png -------------------------------------------------------------------------------- /src/art/redsquirrrel3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/redsquirrrel3/icon.png -------------------------------------------------------------------------------- /src/art/redsquirrrel3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Pixel Manipulation", 3 | "author_name": "RedSquirrrel", 4 | "author_github_url": "https://github.com/RedSquirrrel/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/redsquirrrel4/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/redsquirrrel4/bg.png -------------------------------------------------------------------------------- /src/art/redsquirrrel4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/redsquirrrel4/icon.png -------------------------------------------------------------------------------- /src/art/redsquirrrel4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Digital Clock & Date", 3 | "author_name": "RedSquirrrel", 4 | "author_github_url": "https://github.com/RedSquirrrel/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/redsquirrrel4/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | overflow: hidden; 9 | height: 100vh; 10 | } 11 | 12 | canvas { 13 | background: url('bg.png'); 14 | } 15 | -------------------------------------------------------------------------------- /src/art/rohit8020_canvasart/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rohit8020_canvasart/icon.png -------------------------------------------------------------------------------- /src/art/rohit8020_canvasart/index.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body{ 8 | background-color: rgb(0, 2, 32); 9 | display: flex; 10 | justify-content: center; 11 | } 12 | 13 | #mycanvas{ 14 | margin-top: 40px; 15 | display: block; 16 | background-color: rgb(42, 18, 9); 17 | } -------------------------------------------------------------------------------- /src/art/rohit8020_canvasart/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Box_Animation", 3 | "author_name": "Rohit_Gangwar", 4 | "author_github_url": "https://github.com/rohit8020" 5 | } -------------------------------------------------------------------------------- /src/art/rokoala/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/rokoala/icon.png -------------------------------------------------------------------------------- /src/art/rokoala/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Random tree", 3 | "author_name": "rokoala", 4 | "author_github_url": "https://github.com/rokoala" 5 | } -------------------------------------------------------------------------------- /src/art/rokoala/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin:0; 3 | padding:0; 4 | background-color: #f1dfc9; 5 | } 6 | 7 | .container{ 8 | position: relative; 9 | width:100vw; 10 | height:100vh; 11 | } 12 | 13 | #canvas{ 14 | position: absolute; 15 | left: 50%; 16 | top: 50%; 17 | transform: translate(-50%, -50%); 18 | } 19 | -------------------------------------------------------------------------------- /src/art/ruffle1986/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986/icon.png -------------------------------------------------------------------------------- /src/art/ruffle1986/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Be smart with your time", 3 | "author_name": "Tamas Fodor", 4 | "author_github_url": "https://github.com/ruffle1986" 5 | } -------------------------------------------------------------------------------- /src/art/ruffle1986/style.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | margin: 0; 3 | padding: 0; 4 | width: 100vw; 5 | height: 100vh; 6 | } 7 | 8 | body { 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } -------------------------------------------------------------------------------- /src/art/ruffle1986/utils.js: -------------------------------------------------------------------------------- 1 | export const getDate = () => new Date(); 2 | 3 | export const getHours = () => getDate().getHours(); 4 | 5 | export const getMinutes = () => getDate().getMinutes(); 6 | 7 | export const getSeconds = () => getDate().getSeconds(); 8 | 9 | export const degreeToRadiant = (value) => value * Math.PI / 180; -------------------------------------------------------------------------------- /src/art/ruffle1986_2/assets/huh2.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_2/assets/huh2.wav -------------------------------------------------------------------------------- /src/art/ruffle1986_2/assets/idle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_2/assets/idle.png -------------------------------------------------------------------------------- /src/art/ruffle1986_2/assets/jump.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_2/assets/jump.png -------------------------------------------------------------------------------- /src/art/ruffle1986_2/assets/landing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_2/assets/landing.png -------------------------------------------------------------------------------- /src/art/ruffle1986_2/assets/run.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_2/assets/run.png -------------------------------------------------------------------------------- /src/art/ruffle1986_2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_2/icon.png -------------------------------------------------------------------------------- /src/art/ruffle1986_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Loneliness", 3 | "author_name": "Tamas Fodor", 4 | "author_github_url": "https://github.com/ruffle1986" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ruffle1986_2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | } 4 | 5 | canvas { 6 | display: block; 7 | } 8 | -------------------------------------------------------------------------------- /src/art/ruffle1986_3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_3/icon.png -------------------------------------------------------------------------------- /src/art/ruffle1986_3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Experience points", 3 | "author_name": "Tamas Fodor", 4 | "author_github_url": "https://github.com/ruffle1986" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ruffle1986_4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ruffle1986_4/icon.png -------------------------------------------------------------------------------- /src/art/ruffle1986_4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Squid Game", 3 | "author_name": "Tamas Fodor", 4 | "author_github_url": "https://github.com/ruffle1986" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ruffle1986_4/style.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | margin: 0; 3 | padding: 0; 4 | width: 100vw; 5 | height: 100vh; 6 | } 7 | -------------------------------------------------------------------------------- /src/art/sachdevavaibhav/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sachdevavaibhav/icon.png -------------------------------------------------------------------------------- /src/art/sachdevavaibhav/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Microsoft-Logo", 3 | "author_name": "Vaibhav Sachdeva", 4 | "author_github_url": "https://github.com/sachdevavaibhav/" 5 | } -------------------------------------------------------------------------------- /src/art/sachdevavaibhav/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin:0; 3 | padding:0; 4 | background-color:black; 5 | } 6 | 7 | #my-canvas{ 8 | position: absolute; 9 | left: 50%; 10 | top: 50%; 11 | } 12 | -------------------------------------------------------------------------------- /src/art/sammneto/assets/rainy_day_in_ny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sammneto/assets/rainy_day_in_ny.jpg -------------------------------------------------------------------------------- /src/art/sammneto/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sammneto/icon.png -------------------------------------------------------------------------------- /src/art/sammneto/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Rainy Day in New York", 3 | "author_name": "Samm", 4 | "author_github_url": "https://github.com/sammkodes96/" 5 | } -------------------------------------------------------------------------------- /src/art/sammneto/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | overflow: hidden; 4 | } -------------------------------------------------------------------------------- /src/art/sampsonorson/icon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sampsonorson/icon.gif -------------------------------------------------------------------------------- /src/art/sampsonorson/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sampsonorson/index.css -------------------------------------------------------------------------------- /src/art/sampsonorson/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberFox", 3 | "author_name": "Sampson Orson Jackson", 4 | "author_github_url": "https://github.com/dev-sampsonorson" 5 | } -------------------------------------------------------------------------------- /src/art/saqlainrasheed/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/saqlainrasheed/icon.png -------------------------------------------------------------------------------- /src/art/saqlainrasheed/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Bouncing balls", 3 | "author_name": "Saqlain Rasheed", 4 | "author_github_url": "https://github.com/saqlainrasheed/" 5 | } -------------------------------------------------------------------------------- /src/art/saqlainrasheed/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/saqlainrasheed/style.css -------------------------------------------------------------------------------- /src/art/saurabh_kamble/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/saurabh_kamble/icon.png -------------------------------------------------------------------------------- /src/art/saurabh_kamble/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Infinite", 3 | "author_name": "Saurabh Kamble", 4 | "author_github_url": "https://github.com/saurabh2836/" 5 | } -------------------------------------------------------------------------------- /src/art/savday/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/savday/icon.png -------------------------------------------------------------------------------- /src/art/savday/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Purple Rain", 3 | "author_name": "savday", 4 | "author_github_url": "https://github.com/savday/" 5 | } -------------------------------------------------------------------------------- /src/art/savday/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | width: 100vw; 3 | height: 100vh; 4 | margin: 0 auto; 5 | background-color: #202020; 6 | display: flex; 7 | justify-content: center; 8 | align-items: center; 9 | } 10 | 11 | canvas { 12 | border: 2px solid #fff; 13 | } -------------------------------------------------------------------------------- /src/art/sn2606/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sn2606/icon.png -------------------------------------------------------------------------------- /src/art/sn2606/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Fibonacci Spiral", 3 | "author_name": "sn2606", 4 | "author_github_url": "https://github.com/sn2606/" 5 | } -------------------------------------------------------------------------------- /src/art/sn2606/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | margin: 0; 3 | display: flex; 4 | align-items: center; 5 | justify-content: center; 6 | height: 100vh; 7 | width: 100vw; 8 | } 9 | 10 | canvas { 11 | width: 100vmin; 12 | } -------------------------------------------------------------------------------- /src/art/sophiabrandt/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sophiabrandt/icon.png -------------------------------------------------------------------------------- /src/art/sophiabrandt/index.css: -------------------------------------------------------------------------------- 1 | html { 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .container { 8 | display: flex; 9 | justify-content: center; 10 | align-items: center; 11 | height: 100vh; 12 | } 13 | -------------------------------------------------------------------------------- /src/art/sophiabrandt/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Chad Flag", 3 | "author_name": "Sophia Brandt", 4 | "author_github_url": "https://github.com/sophiabrandt" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/stryker/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/stryker/icon.png -------------------------------------------------------------------------------- /src/art/stryker/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Squid Games Card", 3 | "author_name": "Stryker S", 4 | "author_github_url": "https://github.com/StrykerKent/" 5 | } -------------------------------------------------------------------------------- /src/art/stryker/squid-games-room.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/stryker/squid-games-room.jpg -------------------------------------------------------------------------------- /src/art/sulit/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sulit/icon.png -------------------------------------------------------------------------------- /src/art/sulit/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sulit/main.css -------------------------------------------------------------------------------- /src/art/sulit/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberSquidGame", 3 | "author_name": "Ralph", 4 | "author_github_url": "https://github.com/ralphsulit" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/sulit2/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sulit2/icon.PNG -------------------------------------------------------------------------------- /src/art/sulit2/main.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | background-color: #1e1e1e; 9 | } 10 | 11 | #canvas { 12 | border: 1px solid #fff; 13 | margin: 200px auto; 14 | display: block; 15 | } -------------------------------------------------------------------------------- /src/art/sulit2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberLock", 3 | "author_name": "Ralph", 4 | "author_github_url": "https://github.com/ralphsulit" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/sulit3/icon.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/sulit3/icon.PNG -------------------------------------------------------------------------------- /src/art/sulit3/main.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | background-color: #1e1e1e; 9 | } 10 | 11 | #canvas { 12 | border: 1px solid #fff; 13 | margin: 200px auto; 14 | display: block; 15 | } -------------------------------------------------------------------------------- /src/art/sulit3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "HacktoberSquidGameLogo", 3 | "author_name": "Ralph", 4 | "author_github_url": "https://github.com/ralphsulit" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/taepal467/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/taepal467/icon.png -------------------------------------------------------------------------------- /src/art/taepal467/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Canvaz 2021", 3 | "author_name": "Chantae", 4 | "author_github_url": "https://github.com/taepal467" 5 | } -------------------------------------------------------------------------------- /src/art/thucpn/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/thucpn/icon.png -------------------------------------------------------------------------------- /src/art/thucpn/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Livestream Emojis", 3 | "author_name": "thucpn", 4 | "author_github_url": "https://github.com/thucpn" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/thucpn/style.css: -------------------------------------------------------------------------------- 1 | body, 2 | html { 3 | width: 100%; 4 | height: 100%; 5 | display: flex; 6 | justify-content: center; 7 | align-items: center; 8 | margin: 0; 9 | padding: 0; 10 | } 11 | 12 | #canvas { 13 | box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); 14 | border-radius: 4%; 15 | } 16 | -------------------------------------------------------------------------------- /src/art/ttumyr_circles/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ttumyr_circles/icon.png -------------------------------------------------------------------------------- /src/art/ttumyr_circles/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Circles", 3 | "author_name": "ttumyr", 4 | "author_github_url": "https://github.com/TTumyr" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/ttumyr_slider/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/ttumyr_slider/icon.png -------------------------------------------------------------------------------- /src/art/ttumyr_slider/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Simple Slider", 3 | "author_name": "ttumyr", 4 | "author_github_url": "https://github.com/TTumyr" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/usergr/cubefall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/usergr/cubefall.png -------------------------------------------------------------------------------- /src/art/usergr/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/usergr/icon.png -------------------------------------------------------------------------------- /src/art/usergr/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "CubeFall", 3 | "author_name": "usergr", 4 | "author_github_url": "https://github.com/usergr/" 5 | } -------------------------------------------------------------------------------- /src/art/usergr/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | } 4 | 5 | #content { 6 | margin: 10pt; 7 | display: flex; 8 | justify-content: center; 9 | } -------------------------------------------------------------------------------- /src/art/vabs/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/vabs/icon.png -------------------------------------------------------------------------------- /src/art/vabs/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Audi Logo", 3 | "author_name": "Vaibhav Sachdeva", 4 | "author_github_url": "https://github.com/sachdevavaibhav/" 5 | } -------------------------------------------------------------------------------- /src/art/vabs/script.js: -------------------------------------------------------------------------------- 1 | let canvas = document.getElementById('my-canvas'); 2 | let ctx = canvas.getContext('2d'); 3 | 4 | let j = 0 5 | ctx.lineWidth = 8; 6 | for (var i = 0; i < 4; i++) { 7 | ctx.strokeStyle = "white"; 8 | ctx.beginPath(); 9 | ctx.arc(100 + j, 100, 50, 0, Math.PI * 2, true); 10 | j += 70; 11 | ctx.stroke(); 12 | } 13 | -------------------------------------------------------------------------------- /src/art/vabs/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin:0; 3 | padding:0; 4 | background-color:black; 5 | } 6 | 7 | #my-canvas{ 8 | position: absolute; 9 | left: 35%; 10 | top: 40%; 11 | } 12 | -------------------------------------------------------------------------------- /src/art/vaibhav/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/vaibhav/icon.png -------------------------------------------------------------------------------- /src/art/vaibhav/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Damien Hirst Painting", 3 | "author_name": "Vaibhav Sachdeva", 4 | "author_github_url": "https://github.com/sachdevavaibhav/" 5 | } -------------------------------------------------------------------------------- /src/art/vaibhav/styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin:0; 3 | padding:0; 4 | background-color:whitesmoke; 5 | } 6 | 7 | #canvas{ 8 | position: absolute; 9 | left: 30%; 10 | top: 15%; 11 | } 12 | -------------------------------------------------------------------------------- /src/art/vencho-mdp/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/vencho-mdp/icon.png -------------------------------------------------------------------------------- /src/art/vencho-mdp/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Argentinian Flag 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/art/vencho-mdp/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Argentinian Flag", 3 | "author_name": "Vencho", 4 | "author_github_url": "https://github.com/vencho-mdp/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/vencho-mdp/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | } 7 | html, body { 8 | margin: 0; 9 | padding: 0; 10 | } -------------------------------------------------------------------------------- /src/art/vencho-mdp2/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/vencho-mdp2/icon.png -------------------------------------------------------------------------------- /src/art/vencho-mdp2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Random Squares with different colors", 3 | "author_name": "Vencho", 4 | "author_github_url": "https://github.com/vencho-mdp" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/vencho-mdp2/style.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | #canvas { 7 | box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); 8 | position: absolute; 9 | left: 50%; 10 | top: 50%; 11 | transform: translate(-50%, -50%); 12 | } 13 | -------------------------------------------------------------------------------- /src/art/vencho-mdp3/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/vencho-mdp3/icon.png -------------------------------------------------------------------------------- /src/art/vencho-mdp3/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Rainbow", 3 | "author_name": "Vencho", 4 | "author_github_url": "https://github.com/vencho-mdp" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/vencho-mdp4/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/vencho-mdp4/icon.png -------------------------------------------------------------------------------- /src/art/vencho-mdp4/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Javascript logo", 3 | "author_name": "Vencho", 4 | "author_github_url": "https://github.com/vencho-mdp" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/vencho-mdp4/style.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | #canvas { 7 | box-shadow: 0 2px 2px rgba(0,0,0,0.15), 0 2px 10px rgba(0,0,0,0.22); 8 | position: absolute; 9 | left: 50%; 10 | top: 50%; 11 | transform: translate(-50%, -50%); 12 | } 13 | -------------------------------------------------------------------------------- /src/art/vic-cheng-canvas/maple-leaf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/vic-cheng-canvas/maple-leaf.png -------------------------------------------------------------------------------- /src/art/vic-cheng-canvas/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Simple Maple Leaf", 3 | "author_name": "Victoria", 4 | "author_github_url": "https://github.com/victoriacheng15" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/viktorlinus/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/viktorlinus/icon.png -------------------------------------------------------------------------------- /src/art/viktorlinus/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Canvas 7 | 8 | 9 |
10 | 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /src/art/viktorlinus/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Blue Gradient Box", 3 | "author_name": "Eken", 4 | "author_github_url": "https://github.com/viktorlinus/" 5 | } -------------------------------------------------------------------------------- /src/art/viktorlinus/script.js: -------------------------------------------------------------------------------- 1 | var c = document.getElementById("myCanvas"); 2 | var ctx = c.getContext("2d"); 3 | 4 | var grd = ctx.createLinearGradient(0, 0, 200, 0); 5 | grd.addColorStop(0, "blue"); 6 | grd.addColorStop(1, "white"); 7 | 8 | ctx.fillStyle = grd; 9 | ctx.fillRect(20, 10, 200, 130); -------------------------------------------------------------------------------- /src/art/viktorlinus/style.css: -------------------------------------------------------------------------------- 1 | #myCanvas { 2 | border: 1px solid black; 3 | width: 250px; 4 | height: 250px; 5 | } 6 | 7 | .container { 8 | display: flex; 9 | justify-content: center; 10 | margin-top: 100px; 11 | } -------------------------------------------------------------------------------- /src/art/yash2003/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Generative Art", 3 | "author_name": "Yashraj", 4 | "author_github_url": "https://github.com/yashraj2003e/" 5 | } 6 | -------------------------------------------------------------------------------- /src/art/yash2003/screen.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/yash2003/screen.gif -------------------------------------------------------------------------------- /src/art/yash2003/style.css: -------------------------------------------------------------------------------- 1 | #canvas1 { 2 | position: absolute; 3 | background: blue; 4 | width: 100%; 5 | height: 100%; 6 | top: 0; 7 | left: 0; 8 | 9 | } 10 | -------------------------------------------------------------------------------- /src/art/yelllowberard_2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Sweidsh flag 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/art/yelllowberard_2/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Sweden Flag", 3 | "author_name": "Mayank Goel", 4 | "author_github_url": "https://github.com/yellowberard/" 5 | } -------------------------------------------------------------------------------- /src/art/yelllowberard_2/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | } 4 | 5 | #flag-sweden { 6 | height: 100px; 7 | width: 160px; 8 | } -------------------------------------------------------------------------------- /src/art/yelllowberard_2/swe-flag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/yelllowberard_2/swe-flag.png -------------------------------------------------------------------------------- /src/art/yellowberard_1/app.js: -------------------------------------------------------------------------------- 1 | const canvas = document.getElementById('canvas'); 2 | const japan = canvas.getContext('2d'); 3 | 4 | japan.fillStyle = '#B6002C'; 5 | japan.arc(150, 75, 40, 0, 2 * Math.PI); 6 | japan.stroke(); 7 | japan.fill(); -------------------------------------------------------------------------------- /src/art/yellowberard_1/japan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/yellowberard_1/japan.png -------------------------------------------------------------------------------- /src/art/yellowberard_1/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "Japanese Flag", 3 | "author_name": "Mayank Goel", 4 | "author_github_url": "https://github.com/yellowberard/" 5 | } -------------------------------------------------------------------------------- /src/art/yellowberard_1/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | background-color: #d6cfc7; 4 | height: 100vh; 5 | width: 100vw; 6 | display: flex; 7 | justify-content: center; 8 | } 9 | 10 | #canvas { 11 | width: 900px; 12 | height: 500px; 13 | background-color: #f7f7f7; 14 | } -------------------------------------------------------------------------------- /src/art/zillBoy/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Canvaz/01c2dd08531e2e228e542d7cc66267a9abe2c445/src/art/zillBoy/icon.png -------------------------------------------------------------------------------- /src/art/zillBoy/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "art_name": "COD Black Ops 2", 3 | "author_name": "Muhammad Usman", 4 | "author_github_url": "https://github.com/zillBoy/" 5 | } -------------------------------------------------------------------------------- /src/art/zillBoy/styles.css: -------------------------------------------------------------------------------- 1 | #myCanvasContainer { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | } --------------------------------------------------------------------------------