PageSourceSearch

https://dotartgenerator.com/_next/static/chunks/6ca834e689e03142.js

js dotartgenerator.com collected 2026-10-04 13:25:03 UTC 13,977 bytes, 1 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,86506,e=>{"use strict";let t=(0,e.i(83206).default)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);e.s(["ArrowRight",()=>t],86506)},4574,e=>{"use strict";let t=(0,e.i(83206).default)("book-open",[["path",{d:"M12 7v14",key:"1akyts"}],["path",{d:"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",key:"ruj8y"}]]);e.s(["BookOpen",()=>t],4574)},48198,e=>{e.v({className:"bangers_93fd49ad-module__vdLIJq__className",variable:"bangers_93fd49ad-module__vdLIJq__variable"})},52713,e=>{e.v({className:"archivo_black_211ad870-module__Li3ZQq__className",variable:"archivo_black_211ad870-module__Li3ZQq__variable"})},71339,e=>{"use strict";var t=e.i(40580),a=e.i(46352),r=e.i(28856),o=e.i(94849),s=e.i(48198);let i={className:s.default.className,style:{fontFamily:"'Bangers', 'Bangers Fallback'",fontWeight:400,fontStyle:"normal"}};null!=s.default.variable&&(i.variable=s.default.variable);var n=e.i(52713);let l={className:n.default.className,style:{fontFamily:"'Archivo Black', 'Archivo Black Fallback'",fontWeight:400,fontStyle:"normal"}};null!=n.default.variable&&(l.variable=n.default.variable);var c=e.i(4574),x=e.i(83206);let p=(0,x.default)("clock",[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]),d=(0,x.default)("calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]);var h=e.i(86506),m=e.i(42642);let g=[{slug:"history-of-halftone-art",title:"Halftone Art History: From Print to Pop Culture",description:"Learn how halftone printing evolved from 1880s newspapers to Roy Lichtenstein's pop art style.",date:"2025-12-08",author:"Dot Art Generator Team",category:"History & Culture",tags:["history","pop art","halftone","Roy Lichtenstein"],image:"/blog/history-halftone-art.webp"},{slug:"creative-ways-use-dot-art",title:"10 Ways to Use Halftone Pop Art in Your Projects",description:"See practical ways to use dot art in social posts, posters, merch, and creative design projects.",date:"2025-12-08",author:"Dot Art Generator Team",category:"Inspiration",tags:["design","ideas","inspiration","projects"],image:"/blog/creative-ways.webp"},{slug:"dot-art-vs-other-effects",title:"Halftone vs Other Photo Effects: Key Differences",description:"Compare halftone with duotone, posterize, and pixel art to see when each effect works best.",date:"2025-12-08",author:"Dot Art Generator Team",category:"Tutorials",tags:["comparison","photo effects","techniques"],image:"/blog/comparison.webp"},{slug:"mathematics-behind-halftone",title:"The Math Behind Halftone Dot Patterns",description:"Explore the algorithms, screening, and dithering techniques that turn images into dot patterns.",date:"2025-12-08",author:"Dot Art Generator Team",category:"Mathematics",tags:["algorithms","mathematics","halftone","screening"],image:"/blog/mathematics.webp"},{slug:"famous-pop-artists",title:"Pop Artists Who Used Halftone Techniques",description:"Meet the pop art masters behind Ben-Day dots, from Roy Lichtenstein to Andy Warhol.",date:"2025-12-08",author:"Dot Art Generator Team",category:"Artist Profiles",tags:["artists","pop art","Roy Lichtenstein","Andy Warhol"],image:"/blog/artists.webp"},{slug:"beginner-guide-first-project",title:"Beginner Guide: Your First Dot Art Project",description:"Follow a simple step-by-step guide to choose an image, adjust settings, and export your first dot art.",date:"2025-12-08",author:"Dot Art Generator Team",category:"Tutorials",tags:["beginner","guide","tutorial","getting started"],image:"/blog/beginner-guide.webp"},{slug:"choose-perfect-image",title:"How to Choose the Best Image for Dot Art",description:"Learn which photos work best for halftone conversion, with tips on contrast, composition, and color.",date:"2025-12-08",author:"Dot Art Generator Team",category:"Tutorials",tags:["image selection","tips","contrast","composition"],image:"/blog/image-selection.webp"}],f=["History & Culture","Inspiration","Tutorials","Mathematics","Artist Profiles"],b={"History & Culture":"#0074D9",Inspiration:"#FF851B",Tutorials:"#2ECC40",Mathematics:"#B10DC9","Artist Profiles":"#FF4136"};function u(){let e,o,s,n,x,p,d,h,u,j,F,k,S,_=(0,a.c)(50),[A,T]=(0,r.useState)(null),[C,D]=(0,r.useState)(1);if(_[0]!==C||_[1]!==A){let a,r,m,y,v,j=[...A?g.filter(e=>e.category===A):g].sort(N),F=j.length;u=Math.ceil(F/6);let k=(C-1)*6,S=k+6,B=j.slice(k,S);p=`${i.variable} ${l.variable} min-h-screen`,_[11]===Symbol.for("react.memo_cache_sentinel")?(d={background:"#FFF8E7"},_[11]=d):d=_[11],_[12]===Symbol.for("react.memo_cache_sentinel")?(h=(0,t.jsx)("div",{className:"fixed inset-0 opacity-[0.04] pointer-events-none",style:{backgroundImage:"radial-gradient(circle, #111 1px, transparent 1px)",backgroundSize:"20px 20px"}}),_[12]=h):h=_[12],e="container mx-auto max-w-7xl px-4 py-12 md:py-16 relative z-10",_[13]===Symbol.for("react.memo_cache_sentinel")?(a=(0,t.jsx)("div",{className:"inline-block mb-6",children:(0,t.jsx)("div",{className:"px-6 py-2 bg-[#FF4136] border-4 border-[#111] transform rotate-[-2deg]",style:{boxShadow:"4px 4px 0px 0px #111"}
1,children:(0,t.jsx)("span",{className:"font-[family-name:var(--font-archivo)] text-white text-sm font-bold uppercase tracking-wider",children:"★ BLOG & INSIGHTS ★"})})}),_[13]=a):a=_[13],_[14]===Symbol.for("react.memo_cache_sentinel")?(o=(0,t.jsxs)("div",{className:"text-center mb-12",children:[a,(0,t.jsx)("h1",{className:"font-[family-name:var(--font-bangers)] text-5xl md:text-7xl text-[#111] uppercase mb-4",style:{textShadow:"3px 3px 0px #FFDC00"},children:"DOT ART BLOG"}),(0,t.jsx)("p",{className:"font-[family-name:var(--font-archivo)] text-lg md:text-xl text-[#111]/80 max-w-3xl mx-auto",children:"Explore pop art history, halftone techniques, and creative inspiration. From Roy Lichtenstein to modern digital art!"})]}),_[14]=o):o=_[14],_[15]===Symbol.for("react.memo_cache_sentinel")?(r=()=>{T(null),D(1)},_[15]=r):r=_[15];let M=`px-5 py-2.5 border-4 border-[#111] font-[family-name:var(--font-bangers)] text-lg uppercase transition-all hover:scale-105 ${!A?"bg-[#FF4136] text-white":"bg-white text-[#111] hover:bg-gray-50"}`,L=A?"3px 3px 0px 0px #111":"4px 4px 0px 0px #111";_[16]!==L?(m={boxShadow:L},_[16]=L,_[17]=m):m=_[17],_[18]!==M||_[19]!==m?(y=(0,t.jsxs)("button",{onClick:r,className:M,style:m,children:["All (",g.length,")"]}),_[18]=M,_[19]=m,_[20]=y):y=_[20],_[21]!==A?(v=f.map(e=>{let a=g.filter(t=>t.category===e).length;if(0===a)return null;let r=e===A;return(0,t.jsxs)("button",{onClick:()=>{T(e),D(1)},className:`px-5 py-2.5 border-4 border-[#111] font-[family-name:var(--font-bangers)] text-lg uppercase transition-all hover:scale-105 ${r?"text-white":"bg-white text-[#111] hover:bg-gray-50"}`,style:{backgroundColor:r?b[e]:void 0,boxShadow:r?"4px 4px 0px 0px #111":"3px 3px 0px 0px #111"},children:[e," (",a,")"]},e)}),_[21]=A,_[22]=v):v=_[22],_[23]!==y||_[24]!==v?(s=(0,t.jsxs)("div",{className:"mb-10 flex flex-wrap gap-3 justify-center",children:[y,v]}),_[23]=y,_[24]=v,_[25]=s):s=_[25],_[26]!==S||_[27]!==A||_[28]!==k||_[29]!==F?(n=F>0&&(0,t.jsxs)("p",{className:"font-[family-name:var(--font-archivo)] text-sm text-[#111]/60 text-center mb-8",children:["Showing ",k+1,"-",Math.min(S,F)," of ",F," ",A?`in ${A}`:"articles"]}),_[26]=S,_[27]=A,_[28]=k,_[29]=F,_[30]=n):n=_[30],x=B.length>0?(0,t.jsx)("div",{className:"grid md:grid-cols-2 gap-6 md:gap-8 mb-12",children:B.map(w)}):(0,t.jsxs)("div",{className:"bg-white border-4 border-[#111] p-12 text-center",style:{boxShadow:"6px 6px 0px 0px #111"},children:[(0,t.jsx)(c.BookOpen,{className:"h-16 w-16 text-[#111]/20 mx-auto mb-4"}),(0,t.jsx)("h3",{className:"font-[family-name:var(--font-bangers)] text-3xl text-[#111] uppercase mb-2",children:"No Articles Found"}),(0,t.jsx)("p",{className:"font-[family-name:var(--font-archivo)] text-base text-[#111]/70 mb-6",children:"No articles match the selected category. Try browsing all articles."}),(0,t.jsx)("button",{onClick:()=>{T(null),D(1)},className:"inline-flex items-center gap-2 bg-[#FF4136] border-3 border-[#111] px-6 py-3 font-[family-name:var(--font-bangers)] text-xl text-white uppercase hover:bg-[#FFDC00] hover:text-[#111] transition-colors",style:{boxShadow:"4px 4px 0px 0px #111"},children:"View All Articles"})]}),_[0]=C,_[1]=A,_[2]=e,_[3]=o,_[4]=s,_[5]=n,_[6]=x,_[7]=p,_[8]=d,_[9]=h,_[10]=u}else e=_[2],o=_[3],s=_[4],n=_[5],x=_[6],p=_[7],d=_[8],h=_[9],u=_[10];return _[31]!==C||_[32]!==u?(j=u>1&&(0,t.jsxs)("div",{className:"flex items-center justify-center gap-2 mt-12",children:[(0,t.jsx)("button",{onClick:()=>D(v),disabled:1===C,className:`px-4 py-2 border-3 border-[#111] font-[family-name:var(--font-bangers)] text-lg uppercase transition-all ${1===C?"bg-gray-200 text-gray-400 cursor-not-allowed":"bg-white text-[#111] hover:bg-[#FF4136] hover:text-white"}`,style:{boxShadow:1===C?"none":"3px 3px 0px 0px #111"},children:"Previous"}),Array.from({length:u},y).map(e=>(0,t.jsx)("button",{onClick:()=>D(e),className:`px-4 py-2 border-3 border-[#111] font-[family-name:var(--font-bangers)] textlg transition-all ${e===C?"bg-[#FF4136] text-white":"bg-white text-[#111] hover:bg-gray-100"}`,style:{boxShadow:e===C?"4px 4px 0px 0px #111":"3px 3px 0px 0px #111"},children:e},e)),(0,t.jsx)("button",{onClick:()=>D(e=>Math.min(u,e+1)),disabled:C===u,className:`px-4 py-2 border-3 border-[#111] font-[family-name:var
1(--font-bangers)] text-lg uppercase transition-all ${C===u?"bg-gray-200 text-gray-400 cursor-not-allowed":"bg-white text-[#111] hover:bg-[#FF4136] hover:text-white"}`,style:{boxShadow:C===u?"none":"3px 3px 0px 0px #111"},children:"Next"})]}),_[31]=C,_[32]=u,_[33]=j):j=_[33],_[34]!==C||_[35]!==A?(F=!A&&1===C&&g.length<10&&(0,t.jsxs)("div",{className:"mt-12 bg-[#111] border-4 border-[#111] p-8 text-center",style:{boxShadow:"8px 8px 0px 0px #FF4136"},children:[(0,t.jsx)(m.Sparkles,{className:"h-14 w-14 mx-auto text-[#FFDC00] mb-4"}),(0,t.jsx)("h3",{className:"font-[family-name:var(--font-bangers)] text-3xl text-white uppercase mb-3",style:{textShadow:"2px 2px 0px #FF4136"},children:"More Articles Coming Soon!"}),(0,t.jsx)("p",{className:"font-[family-name:var(--font-archivo)] text-base text-white/80 max-w-md mx-auto",children:"We're creating more tutorials, artist profiles, and pop art history deep-dives. Stay tuned!"})]}),_[34]=C,_[35]=A,_[36]=F):F=_[36],_[37]!==e||_[38]!==o||_[39]!==s||_[40]!==n||_[41]!==x||_[42]!==j||_[43]!==F?(k=(0,t.jsxs)("div",{className:e,children:[o,s,n,x,j,F]}),_[37]=e,_[38]=o,_[39]=s,_[40]=n,_[41]=x,_[42]=j,_[43]=F,_[44]=k):k=_[44],_[45]!==k||_[46]!==p||_[47]!==d||_[48]!==h?(S=(0,t.jsxs)("div",{className:p,style:d,children:[h,k]}),_[45]=k,_[46]=p,_[47]=d,_[48]=h,_[49]=S):S=_[49],S}function y(e,t){return t+1}function v(e){return Math.max(1,e-1)}function w(e){return(0,t.jsxs)("div",{className:"bg-white border-4 border-[#111] overflow-hidden hover:scale-[1.02] transition-transform group",style:{boxShadow:"6px 6px 0px 0px #111"},children:[(0,t.jsx)(o.default,{href:`/blog/${e.slug}`,children:(0,t.jsxs)("div",{className:"aspect-video bg-gradient-to-br from-[#FFF8E7] to-[#FFE0B2] flex items-center justify-center border-b-4 border-[#111] relative cursor-pointer",children:[(0,t.jsx)(c.BookOpen,{className:"h-20 w-20 text-[#111]/20"}),(0,t.jsx)("div",{className:"absolute top-0 right-0 w-24 h-24 opacity-10",style:{backgroundImage:"radial-gradient(circle, #111 2px, transparent 2px)",backgroundSize:"8px 8px"}})]})}),(0,t.jsxs)("div",{className:"p-6 space-y-4",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,t.jsx)("div",{className:"px-3 py-1 border-2 border-[#111] text-xs font-[family-name:var(--font-archivo)] font-bold uppercase",style:{backgroundColor:b[e.category],color:"white",boxShadow:"2px 2px 0px 0px #111"},children:e.category}),(0,t.jsxs)("div",{className:"flex items-center gap-1 text-xs text-[#111]/60 font-[family-name:var(--font-archivo)]",children:[(0,t.jsx)(p,{className:"h-3 w-3"}),(0,t.jsx)("span",{children:"5 min read"})]})]}),(0,t.jsx)(o.default,{href:`/blog/${e.slug}`,children:(0,t.jsx)("h2",{className:"font-[family-name:var(--font-bangers)] text-2xl text-[#111] uppercase leading-tight group-hover:text-[#FF4136] transition-colors line-clamp-2",children:e.title})}),(0,t.jsx)("p",{className:"font-[family-name:var(--font-archivo)] text-sm text-[#111]/70 line-clamp-2",children:e.description}),(0,t.jsxs)("div",{className:"flex items-center gap-3 pt-2 border-t-2 border-[#111]/10 text-xs text-[#111]/60 font-[family-name:var(--font-archivo)]",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)(d,{className:"h-3 w-3"}),(0,t.jsx)("time",{dateTime:e.date,children:new Date(e.date).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})})]}),(0,t.jsx)("span",{children:"•"}),(0,t.jsx)("span",{children:e.author})]}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:e.tags.slice(0,3).map(j)}),(0,t.jsx)(o.default,{href:`/blog/${e.slug}`,children:(0,t.jsxs)("button",{className:"w-full flex items-center justify-center gap-2 bg-[#FF4136] border-3 border-[#111] px-4 py-3 font-[family-name:var(--font-bangers)] text-lg text-white uppercase hover:bg-[#FFDC00] hover:text-[#111] transition-colors",style:{boxShadow:"3px 3px 0px 0px #111"},children:["Read Article",(0,t.jsx)(h.ArrowRight,{className:"h-5 w-5 group-hover:translate-x-1 transition-transform"})]})})]})]},e.slug)}function j(e){return(0,t.jsxs)("span",{className:"px-2 py-1 bg-[#FFF8E7] border-2 border-[#111] text-xs font-[family-name:var
1(--font-archivo)] font-bold",children:["#",e]},e)}function N(e,t){return new Date(t.date).getTime()-new Date(e.date).getTime()}e.s(["default",()=>u],71339)}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.