[{"data":1,"prerenderedAt":737},["ShallowReactive",2],{"project-44846281":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":48,"post_text":50,"what":51,"said":80,"maker_in_thread":219,"shape":227,"grid":231,"attempts":699,"same_week":700,"maker_shows":33,"maker_hidden":729,"reader_version":730,"card":731},"44846281","horizon","The current sky at your approximate location, as a CSS gradient","title","Show HN: The current sky at your approximate location, as a CSS gradient","https:\u002F\u002Fsky.dlazaro.ca","sky.dlazaro.ca","dnlzro",1754745916,2025,788,160,29,3837,1,"legend","creative","sky rendering web service","web_app",[24,25,26,27],"css gradient","sky colour","atmospheric scattering","live wallpaper","mixed",0.326,{"positive":31,"neutral":32,"mixed":33,"critical":34},37,31,2,11,81,{"idea":37,"execution":40,"design":42,"docs":44,"performance":46,"privacy":47},{"positive":38,"critical":39},13,3,{"positive":41,"critical":39},10,{"positive":43,"critical":18},4,{"positive":45,"critical":45},0,{"positive":18,"critical":43},{"positive":45,"critical":45},[49,45,45,45,45,45,45,18,18,45,45,18,49,49,45,45,45,39,39,39,49,49,49,49,43,49,49,39,18,39,49,43,49,49,33,49,39,39,49,49],5,"For HTML Day 2025 [1], I made a web service that displays the current sky at your approximate location as a CSS gradient. Colours are simulated on-demand using atmospheric absorption and scattering coefficients. Updates every minute, without the use of client-side JavaScript.\n\nSource code and additional information is available on GitHub: https:\u002F\u002Fgithub.com\u002Fdnlzro\u002Fhorizon\n\n[1] https:\u002F\u002Fhtml.energy\u002Fhtml-day\u002F2025\u002Findex.html",{"problem":52,"audience":58,"pricing":58,"motivation":59,"time_to_build":58,"stack":63,"openness":77,"stage":78,"team_size":79},{"value":53,"source":54,"evidence":55},"Shows the current sky colour for a visitor's approximate location, simulated from atmospheric absorption and scattering.","maker",[56],{"id":57},"post",null,{"value":60,"source":54,"evidence":61},"Made for HTML Day 2025.",[62],{"id":57},[64,70],{"value":65,"source":54,"evidence":66},"Astro",[67],{"id":68,"by":11,"text":69},"44847098","A server is needed to calculate the sun's position from latitude + longitude + time, and then render the gradient. I could use HTML templating in some other language\u002Fframework,…",{"value":71,"source":54,"evidence":72},"Cloudflare Pages",[73,74],{"id":68,"by":11,"text":69},{"id":75,"by":11,"text":76},"44849645","There is no visible plumbing because it kinda is magic! Astro provides adapters for different server runtimes (e.g., Vercel, Cloudflare, Netlify), and it's basically just plug…","open_source","launched","unknown",{"praise":81,"objections":121,"requests":164,"questions":192,"alternatives":204},[82,98,106],{"value":83,"source":84,"evidence":85},"Matches the real sky closely for many users.","commenter",[86,90,94],{"id":87,"by":88,"text":89},"44847262","101008","Put my phone against the window and I had to call over my wife to come to check it: it matches 100% (clear sky right now). It's amazing, congratulations",{"id":91,"by":92,"text":93},"44846651","nisten","i put my laptop next to the window and it was spot on wtf what got me the most is opening chrome dev tools and seeing nothing there",{"id":95,"by":96,"text":97},"44853359","jama211","Ok this is incredible, it was exactly right, I did a double take!",{"value":99,"source":84,"evidence":100},"Impressive that it works with no JavaScript.",[101,105],{"id":102,"by":103,"text":104},"44849835","dehugger","Is this all done server side? I was shocked to inspect the page to discover zero js or even a stylesheet. Not so much as a single div. Very impressive.",{"id":91,"by":92,"text":93},{"value":107,"source":84,"evidence":108},"Fun idea for wallpapers and fake skylights.",[109,113,117],{"id":110,"by":111,"text":112},"44847832","cgijoe","Ooh, how about this as a live desktop wallpaper!",{"id":114,"by":115,"text":116},"44849740","verelo","Feels like this would be great for fake skylights…",{"id":118,"by":119,"text":120},"44847270","xattt","This would be an awesome background for a smart home dash!",[122,141,152],{"value":123,"source":84,"evidence":124},"Ignores clouds, weather and smoke.",[125,129,133,137],{"id":126,"by":127,"text":128},"44850935","ryukoposting","Would be cool if it considered current weather conditions. The sky is presently much grayer than what the site showed me.",{"id":130,"by":131,"text":132},"44852458","meatjuice","This project looks amazing and fun. However, the website did not seem to take the cloudy weather at my current location into account, which is a bit of a disappointment.",{"id":134,"by":135,"text":136},"44846629","ianbicking","I'm around so much wildfire smoke lately that my sky expectations have changed... I wonder what it would take to account for weather?",{"id":138,"by":139,"text":140},"44865382","bigwheels","Tried this out now- it's totally gray outside as far as the eye can see, but the sky.dlazaro.ca shows it as clear blue. I wonder where the disconnect \u002F divergence is originating…",{"value":142,"source":84,"evidence":143},"Night view is just black.",[144,148],{"id":145,"by":146,"text":147},"44849207","yonatan8070","Very cool, though I opened it at night so it's just black. Is there a way to adjust the time it renders to see what it would look like at different times?",{"id":149,"by":150,"text":151},"44851280","jaharios","I refreshed the page, enabled js, refreshed again and again and finally I gave up thinking it is not loading because it was hugged to death. While reading the comments here it…",{"value":153,"source":84,"evidence":154},"Some users see mismatched colours at their location.",[155,159,163],{"id":156,"by":157,"text":158},"44849244","tinco","21pm in The Netherlands, the sky is a clear blue down to a baby pink right now, however the app shows a black to dark red. Other people are saying it matches exactly for their…",{"id":160,"by":161,"text":162},"44859666","2OEH8eoCRo0","My sky is blue and orange right now though and your site shows black.",{"id":138,"by":139,"text":140},[165,171,178,184],{"value":166,"source":84,"evidence":167},"Account for weather conditions.",[168,169,170],{"id":126,"by":127,"text":128},{"id":134,"by":135,"text":136},{"id":130,"by":131,"text":132},{"value":172,"source":84,"evidence":173},"Allow setting location manually.",[174],{"id":175,"by":176,"text":177},"44850473","j45","Neat tool, would love to be able to set the location when the registered IP location isn’t accurate.",{"value":179,"source":54,"evidence":180},"Add stars at night.",[181],{"id":182,"by":11,"text":183},"44847120","Maybe someone smarter than me could add stars to the night sky, so it's not just black.",{"value":185,"source":84,"evidence":186},"Desktop wallpaper support.",[187,191],{"id":188,"by":189,"text":190},"44847523","mushufasa","would love this to be a desktop background -- linux or macOS",{"id":110,"by":111,"text":112},[193,200],{"value":194,"source":84,"evidence":195},"How is the location obtained on Cloudflare?",[196],{"id":197,"by":198,"text":199},"44849432","cloudfudge","As an old-timer who's not up on all the latest whiz-bang web stuff, I have to ask what is the astro\u002Fcloudflare\u002Fwrangler magic that allows the following to work: ``` const {…",{"value":201,"source":84,"evidence":202},"Can the time be adjusted?",[203],{"id":145,"by":146,"text":147},[205,212],{"value":206,"source":84,"evidence":207},"Suncalc library used for sun position.",[208],{"id":209,"by":210,"text":211},"44848420","mourner","Author of Suncalc here — this is exactly the kind of stuff I love to see my code being used in, thanks for sharing!",{"value":213,"source":84,"evidence":214},"Precomputed atmospheric scattering research (Bruneton).",[215],{"id":216,"by":217,"text":218},"44847185","esafak","More sophisticated than I expected. It relies on a research paper: https:\u002F\u002Fgithub.com\u002Februneton\u002Fprecomputed_atmospheric_scattering",{"comments":220,"answered":39,"key":221},7,[222,225,226],{"id":223,"text":224},"44846630","Thank you! And umm, not to make you feel ancient, but I think I wasn't even alive yet when `setTimeout(() => location.reload(), ...)` first became widely available.",{"id":182,"text":183},{"id":75,"text":76},{"commenters":228,"max_depth":38,"maker_replies":220,"first_comment_mins":229,"lifespan_hours":230},119,27,139,[232,236,240,243,246,250,253,256,259,262,265,267,269,273,275,277,280,282,285,289,292,295,298,301,304,308,310,313,316,320,324,327,329,333,336,338,341,343,345,347,350,353,356,358,360,362,365,369,372,375,379,381,383,386,389,392,394,397,400,402,404,406,408,410,412,415,417,419,422,425,428,431,435,437,441,444,448,451,452,455,457,460,463,464,468,470,472,474,476,477,479,483,484,487,491,493,497,500,502,504,507,510,515,519,521,525,527,532,534,538,541,544,546,548,551,554,558,560,564,567,569,572,574,577,581,583,587,591,594,597,600,603,607,609,613,617,620,624,628,632,636,638,640,644,648,652,655,659,664,665,667,670,674,677,679,681,685,687,691,695],[233,45,49,234,235,45],"44846565","project\u002Fpositive\u002Fidea","ryandrake",[237,45,45,238,239,45],"44846597","commenter\u002Fneutral\u002Fnone","j_bum",[241,45,45,238,242,45],"44846850","netsharc",[244,45,45,238,245,45],"44847132","darknavi",[247,45,45,248,249,45],"44849604","other\u002Fneutral\u002Fnone","pava0",[251,45,45,238,252,45],"44850942","dylan604",[254,45,45,248,255,45],"44852202","edoceo",[257,45,45,238,258,45],"44847427","zarzavat",[260,45,45,238,261,45],"44848630","otikik",[263,45,45,238,264,45],"44847659","jbverschoor",[266,45,45,248,235,45],"44848550",[268,45,45,248,264,45],"44849491",[270,45,45,271,272,45],"44850206","commenter\u002Fneutral\u002Fdesign","philipallstar",[274,45,45,238,264,45],"44857494",[276,45,45,238,272,45],"44866747",[278,45,45,248,279,45],"44850677","cyberax",[281,45,45,238,264,45],"44857501",[283,45,45,271,284,45],"44849873","woah",[286,45,45,287,288,45],"44857213","commenter\u002Fpositive\u002Fdesign","alwa",[290,45,45,248,291,45],"44850838","ChrisMarshallNY",[293,45,45,248,294,45],"44854114","hobs",[296,45,45,248,297,45],"44852891","idiotsecant",[299,45,45,248,300,45],"44854707","sgarland",[302,45,45,248,303,45],"44848429","teaearlgraycold",[305,45,45,306,307,45],"44849355","other\u002Fneutral\u002Fdesign","marcosdumay",[309,45,45,248,252,45],"44850971",[311,45,45,248,312,45],"44853705","withinboredom",[314,45,45,248,315,45],"44854876","card_zero",[317,45,18,318,319,45],"44849393","project\u002Fcritical\u002Fexecution","benrutter",[321,45,39,322,323,45],"44855812","project\u002Fneutral\u002Fexecution","thebruce87m",[325,45,45,248,326,45],"44849653","Waterluvian",[328,45,45,248,235,45],"44850023",[330,45,18,331,332,45],"44849669","project\u002Fcritical\u002Fdesign","crazygringo",[334,45,45,238,335,45],"44850288","johnfn",[337,45,45,238,252,45],"44850860",[339,45,45,238,340,45],"44850925","resonious",[342,45,45,238,252,45],"44850951",[344,45,45,238,340,45],"44851976",[346,45,45,248,255,45],"44852192",[348,45,45,238,349,45],"44909797","Mentlo",[351,45,45,248,352,45],"44854898","wkjagt",[354,45,45,248,355,45],"44857910","carlosjobim",[357,45,45,248,332,45],"44858127",[359,45,45,248,355,45],"44858469",[361,45,45,248,332,45],"44859709",[363,45,45,248,364,45],"44851029","bravesoul2",[366,45,18,367,368,45],"44855130","project\u002Fcritical\u002Fidea","maddmann",[370,45,45,238,371,45],"44856230","GuardianCaveman",[373,45,45,306,374,45],"44857225","nkrisc",[376,18,49,377,378,45],"44846473","project\u002Fpositive\u002Fexecution","throwanem",[223,18,45,380,11,18],"maker\u002Fneutral\u002Fnone",[382,18,45,238,378,45],"44847539",[384,18,49,377,385,45],"44848135","phatskat",[387,18,45,248,388,45],"44848128","skrebbel",[390,18,39,322,391,45],"44848198","mintplant",[393,18,45,248,378,45],"44848413",[395,18,45,248,396,45],"44850408","dudus",[398,18,45,238,399,45],"44850576","urquhartfe",[401,18,45,238,252,45],"44850990",[403,18,45,248,378,45],"44851090",[405,18,45,238,252,45],"44851107",[407,18,45,238,378,45],"44851407",[409,18,45,238,252,45],"44851432",[411,18,45,238,378,45],"44851447",[413,18,45,248,414,45],"44860993","radicalriddler",[416,18,45,248,378,45],"44863741",[418,18,45,248,378,45],"44865749",[420,18,45,238,421,45],"44852745","astrange",[423,18,45,238,424,45],"44851431","KTibow",[426,18,45,238,427,45],"44854145","bapak",[429,18,45,238,430,45],"44850607","js2",[432,33,39,433,434,45],"44846687","project\u002Fneutral\u002Fnone","nhinck3",[182,33,45,436,11,18],"maker\u002Fneutral\u002Fdesign",[438,33,39,439,440,45],"44849021","project\u002Fneutral\u002Fidea","nativeit",[442,33,39,439,443,45],"44849339","mpetroff",[445,33,39,446,447,45],"44853615","project\u002Fneutral\u002Fdesign","socalgal2",[449,39,39,439,450,45],"44851449","jclarkcom",[197,43,39,322,198,45],[453,43,39,322,454,45],"44849592","gregsadetsky",[75,43,45,456,11,18],"maker\u002Fneutral\u002Fexecution",[458,43,49,459,198,45],"44849739","maker\u002Fpositive\u002Fexecution",[461,43,39,439,462,45],"44856320","Theodores",[209,49,49,234,210,45],[465,49,49,466,467,45],"44848478","maker\u002Fpositive\u002Fnone","sheerun",[469,49,45,248,210,45],"44849637",[471,49,45,248,454,45],"44849638",[473,49,45,248,210,45],"44849929",[216,475,49,234,217,45],6,[87,220,49,377,88,45],[149,478,39,322,150,45],8,[480,481,49,234,482,45],"44848019",9,"SeanAnderson",[118,41,49,234,119,45],[485,41,49,234,486,45],"44850390","fudged71",[488,34,39,489,490,45],"44848960","project\u002Fmixed\u002Fexecution","fmbb",[110,492,49,234,111,45],12,[494,492,45,495,496,45],"44851438","commenter\u002Fpositive\u002Fnone","rafinha",[498,38,45,248,499,45],"44850409","joeyh",[91,501,49,377,92,45],14,[134,503,39,439,135,45],15,[505,503,39,439,506,45],"44846975","craftkiller",[508,509,49,234,315,45],"44848247",16,[511,512,39,513,514,45],"44853778",17,"project\u002Fneutral\u002Fdocs","fastasucan",[516,517,49,234,518,45],"44853088",18,"kylegalbraith",[145,520,39,446,146,45],19,[522,523,49,377,524,45],"44854308",20,"leokennis",[126,526,18,367,127,45],21,[528,529,49,530,531,45],"44853886",22,"project\u002Fpositive\u002Fdesign","Biganon",[188,533,49,234,189,45],23,[535,533,49,536,537,45],"44848292","project\u002Fpositive\u002Fnone","nathandaly",[539,533,39,439,540,45],"44855179","Leftium",[138,542,18,543,139,45],24,"project\u002Fcritical\u002Fperformance",[175,545,39,439,176,45],25,[156,547,18,543,157,45],26,[549,547,18,543,550,45],"44849326","croisillon",[552,229,39,439,553,45],"44847765","cosmicgadget",[555,556,18,543,557,45],"44852607",28,"dddgghhbbfblk",[130,16,39,559,131,45],"project\u002Fmixed\u002Fidea",[561,562,39,439,563,45],"44853712",30,"tcumulus",[565,32,39,456,566,45],"44846865","djoldman",[568,32,45,436,11,18],"44847054",[570,32,49,466,571,45],"44847136","peterldowns",[573,32,49,530,566,45],"44849217",[575,32,49,377,576,45],"44849414","doughecka",[578,579,39,446,580,45],"44856347",32,"CodeVerseEx",[102,582,39,322,103,45],33,[584,585,49,466,586,45],"44849900",34,"mgdm",[588,589,39,446,590,45],"44847608",35,"DonHopkins",[592,589,45,248,593,45],"44848104","8n4vidtmkvmk",[595,596,49,234,96,45],"44860837",36,[598,31,49,234,599,45],"44846454","stephenlf",[601,31,45,248,602,45],"44846618","verandaguy",[604,605,49,536,606,45],"44847095",38,"jhardy54",[160,608,18,318,161,45],39,[610,611,49,377,612,45],"44847137",40,"gdubs",[614,615,49,377,616,45],"44853643",41,"mcintyre1994",[95,618,49,619,96,45],42,"project\u002Fpositive\u002Fperformance",[621,622,39,439,623,45],"44849236",43,"cwmoore",[625,626,39,433,627,45],"44858766",44,"chrz",[629,630,18,367,631,45],"44852611",45,"ComputerGuru",[633,634,39,446,635,45],"44846708",46,"mlhpdx",[637,634,45,446,11,18],"44847135",[114,639,49,234,115,45],47,[641,642,49,530,643,45],"44849694",48,"sudosteph",[645,646,49,536,647,45],"44846504",49,"nnnnico",[649,650,45,248,651,45],"44852576",50,"lazystar",[653,654,39,446,467,45],"44848438",51,[656,657,49,530,658,45],"44848049",52,"michelreij",[660,661,18,662,663,45],"44846819",53,"maker\u002Fcritical\u002Fexecution","i_love_retros",[68,661,45,456,11,18],[666,661,39,322,647,45],"44847663",[668,661,39,322,669,45],"44847965","wonger_",[671,661,39,672,673,45],"44853207","project\u002Fneutral\u002Fprivacy","mcteamster",[675,661,45,248,676,45],"44848256","ascorbic",[678,661,45,238,11,18],"44848439",[680,661,45,238,676,45],"44853402",[682,683,49,536,684,45],"44848873",54,"therealfiona",[686,683,39,433,623,45],"44849245",[688,689,49,377,690,45],"44846527",55,"hoppp",[692,693,49,536,694,45],"44852624",56,"natewww",[696,697,49,536,698,45],"44846521",57,"siva7",[],[701,706,711,715,720,724],{"id":702,"name":703,"points":704,"category":705},"44878151","Building a web search engine from scratch with 3B neural embeddings",699,"web_saas",{"id":707,"name":708,"points":709,"category":710},"44855157","Engineering.fyi",470,"dev_tools",{"id":712,"name":713,"points":714,"category":710},"44878650","Omnara",310,{"id":716,"name":717,"points":718,"category":719},"44856935","Bolt",261,"languages",{"id":721,"name":722,"points":723,"category":20},"44870137","Tilf",214,{"id":725,"name":726,"points":727,"category":728},"44882441","Gore",148,"games",false,"v2",{"id":732,"name":5,"line":6,"ai":729,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":733,"top":18,"kw":734,"maker":11,"domain":10,"tier":19,"attempts":45,"strip":735,"url":9,"mix":736,"praise":83,"objection":123,"sub":21},44846281,0.33,[24,25,26,27],"5000000110015500033355554553135455253355",[31,32,33,34],1794036679938]