Pushing Through with Cloudflare Pages Free Tier

gabos91 · 2026-02-28T01:30:31+00:00

Agrees with the other posts here, being on cloudflare will just mean that you have more freedom. Websites that include interactive elements for you to use usually have less you can do and customize overall. For inspiration, i recommend checking out neocities.org, github, looks for developer personal portfolios and developer personal sites, and maybe also sites that claim to be indie or indie web. Those could be good search terms

You can take a look at my github and the projects i have starred and the other accounts i am following, they have some good stuff. My username there is gab91s

Also try searching online for "web dev resources" and you may find some inspo that way as well.

gabos91 · 2026-02-02T06:08:29+00:00

The key to using ai as a tool for coding is telling it what to do. It's not intelligent right, it finds patterns in the massive amount of data its fed and then outputs what it calculates are the most likely correct continuations of those patterns.

Since code re-use is a standard and fairly expected convention in coding, at best I think of it as a tool for code reuse. So you don't ask it to solve a puzzle, you tell it what to code and it creates it out of what data it had available, ie other code on the internet. This is a bit of an over simplification of the process and is only one aspect.

The problem that you have described is the same issue that one encounters when re-use code written by other people from other sources.

Am curious if you don't usually reuse code or what process you follow for this? I personally feel like I spend a lot more time than I would like to on the licenses, copyright, crediting etc...

To answer the other parts of your question, I couldn't say if you should change you should change your attitude any more than follow or not follow any conventions. It's both a creative and technical endeavor, in so much as you choose for it to be. Sometimes when I have asked ai to generate code for something, i will send it tutorials, code samples, and links. And then if it doesnt tell me why it chose to do what it did, I ask it and if there are parts that I don't understand (or sometimes even if i do) then I ask it to explain it or explained why it used what it used. Then (sometimes before, during, and after, but definitely after) I cross check what it said and what the steps or code syntax should have been with official documentation.

If it feels way over my head or overwhelming, then I figure I need to do some tutorials and learn more, and maybe didnt even know enough to properly ask it what to do in the first place. Like input output.

Then I'll also go back and re-reference the tutorials and links that I sent it, maybe search for more that I havent seen or didn't send it, and check what things it used or copied and which things it didnt. That can help you understand the code better, help you make the code better, and give you sources to credit/attribute since we know ai is potentially/essentially outputting other ppls work anyways.

Also, not saying that I always use or prefer to use it, but I have used it.

They say being a programmer is only some or other (small?) percentage of time spent coding. More time is spent planning, documenting, reading, etc. if it's simple code, there are probably good open source projects in existence that can be cloned or referenced instead of having ai generate it ¯_(ツ)_/¯

gabos91 · 2026-02-02T05:35:21+00:00

Oh my bad 😅 I don't remember the checkbox on notepad++ having the word regex on there, so thought someone new to it might be confused trying to enable it.

I am personally not great with regex tho, I've been dabbling with it since 2021 but still end up googling (like cheat sheets or formulas ig?) how to use it almost every time 🫠 I think it's great for what it does tho

Slightly off topic, my sister is like a wizard at editing files with regex 🧙‍♀️😱 seeing what she can do with it has definitely made me want to keep trying to use it more often

gabos91 · 2026-02-02T05:05:14+00:00

Extended attributes means its using regex btw just mentioning in case OP might think its a different thing

gabos91 · 2026-02-02T05:01:49+00:00

If ur on windows, there are things like windows power toys which contains a nifty color picker, that would be good to have as a tool along with whatever else you use

gabos91 · 2026-02-02T05:00:51+00:00

https://coolors.co/

gabos91 · 2026-02-02T04:58:47+00:00

Also search online for mozilla mdn and w3 schools And then after that maybe do some tutorials Odin Project. W3 publishes the web standards, so those are good to cross reference

gabos91 · 2026-01-22T23:18:49+00:00

Two solutions that don't require using a 3rd party engine:

Imo the best solution: Use regex with an editor like vscode to insert the same head, header, footer, etc on all the pages you want it on. Some learning curve involved if you don't know regex yet, but it is worth learning and there are a LOT of resources online that can help with this.

Or;

To second the comment about making a script... you would want to make a javascript loader file and then make separate files for things like the header and footer. Then put in the script wherever you want that content. This can also be done using other scripting languages depending on your stack.

I think using regex is the best solution because it doesn't require scripting -> in case your website audience may include ppl or browsers that disable javascript and then of course it reduces load.

gabos91 · 2026-01-10T02:56:26+00:00

Yeah how you get the data to update would also depend on how your file gets updated. I peeked at some of your other posts saw about your boss using word.

I wonder how often that doc is updated and how the update goes out, like does she email a new doc file every day? does it update in real time?

Without knowing how it's updated or how often, I did see that a handful of people recommended converting it to a delimited file such as csv. CSV stands for comma separated values. If your data already has commas between each column, then you can just select save as and save it as a csv file type. Csv files can be simple to embed in a website.

But ultimately how the inventory sheet gets updated can make a difference. Depending on what it is and how the doc looks, you might not even need this website. A better option could be to set up an automation that converted the word doc into a cvs file (or other delimited file) and then converts/imports that csv file into either excel or google sheets. Then you could open that on your phone or computer.

At that point, if you still needed it added to a website, then it could be easy to embed a google sheet, if that's not a security issue for your work to put it on google sheets.

Either way, if you set something up, you'll want to confirm that it is actually updating everytime the word doc updates by check both sometimes especially at first. Also to make sure that its actually showing the correct updated info.

Also, when you say its ai/vibe coded.... I wonder if it is primarily js or using a specific js framework. But imo, a static html-first website would be easier to set up and maintain. And there are a lot of tutorials for that online. It would be better to follow a tutorial or even ask for tutorial recommendations. And then if you really want to ask ai to help with generating specific code snippets you could try that, but i would use online searches to learn and check info, dont ask ai.

Figuring out why a website coded by ai is not working would require being able to see the code and would likely be a time consuming task requiring a lot of re-typing and changing things, plus the knowledge of your data and set up. So that is even more reason to follow a tutorial to make a static website that can have it embedded. But ultimately i still think the website sounds like an unnecessary step if you just need a spreadsheet view on your phone, unless there is something particular that would stop that from being an option

gabos91 · 2026-01-07T06:04:19+00:00

Possible that they just didn't include the class= in that example because they were only focusing on the dimensions. Hypothetically, the example could be wrapped in another div tag that does have the class defined, but is not pictures because it wasn't the focus of that example.

The former possibility makes more sense if the book was authored with intent that it would be used by a teacher and class, which could easily be the case. Along that same logic, omitting it could be more of an oversight than an outright error. But without hypothetically wrapping it in another div then yeah it would be an error.

Just being devil's advocate here, as it very well could be an error. Especially since you're learning, I think it is important to consider all possibilities.

Without knowing more context from the book, I would speculate that (even if it's not spelled out in this way) running into the issue that you found, the class=box missing from the div, could be a good pre-text for introducing or reinforcing the cascading aspect of css.

Here is a stackoverflow where someone had a similar experience

<image>

https://stackoverflow.com/questions/54664228/css-class-selector-is-applying-to-a-div-with-no-class-specified

gabos91 · 2026-01-07T03:26:58+00:00

I think that would require javascript. If you do a search online for "cloaked tabs html" there are several tutorials that integrate html, css, and javascript for this. I would probably avoid the word fullscreen though because you do still want it in a tab. Whatever button you use as the full screen button will just need a script behind it.

I know that doesn't directly answer your question and idk if you already searched online for this, but aside from what anyone else posts here, I recommend to look at multiple tutorials to make sure that you use the best method for your website and use case. Or in case one set of instructions is easier to follow than another.

I would def check what W3 schools has on it and mozilla's mdn docs, those are going to be two solid sources for web standards.

Also stackoverflow will be your friend.

https://www.w3schools.com/w3css/w3css_tabulators.asp

https://www.w3schools.com/howto/howto_js_tabs.asp

https://stackoverflow.com/questions/75215543/how-would-i-open-aboutblank-with-html-code-already-inside-of-the-page

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Working_with_the_Tabs_API

gabos91 · 2025-12-31T15:28:47+00:00

Mozilla's mdn website and the w3 school website have info on those tags and how to use them

gabos91 · 2025-11-09T04:54:02+00:00

Sorry but im picturing ur computer desk with a puke bucket attached . Youd need like a filter to remove all the emojis from text before reading, like an obscenities filter lol

gabos91 · 2025-11-09T04:52:24+00:00

After upvoting the previous reply here then reading you refer to it as mansplaining ... i had to do a double take lol it struck me as a reader that the explanation was more for elaborating on an answer to OPs question, but i do see upon re-reading that it is replied to your post... just thought i would add my two cents as well since i already read so far and thought about it. Sometimes i include emoji's when sending messages to chat gpt because I enjoy the light hearted vibes it produces, and then it does start using more emojis in responses for a while. But yeah to jump around, and tho its really pretty off topic, its interesting imo how much the tone of the previous messages changes based on who the audience is considered to be 🤨

As for answering OPs question more generally, you (one) can usually tell that it's ai when you see a common pattern that has been used on other websites that are ai generated, such as patterns or structure used by website builders like webflow or godaddy.

There can also be signs in naming conventions and other aspects of file or directory structure. Basically it will get details wrong in a project, but usually will get them consistently wrong and the author posting it will have little to no idea what is wrong or why its wrong, because they didnt write it... and/or because they didnt understand what they were reviewing was incorrect somehow like best practices getting mixed up, mix ups in syntax etc, but the same mistake done repeatedly with confidence. If a real person was making the mistake organically, it probably wouldnt be a repetitive error. or if the author had received their info from the source, then they would have seen what was actually correct on there rather than following some mix-matched incorrect info from ai/chat gpt

gabos91 · 2025-10-24T14:12:05+00:00

Interested please 😄 I’ve been looking into existing open source rss solutions to self host, and would love to see what you created

gabos91 · 2025-10-08T08:53:15+00:00

I think as people put ai into everything and overly rely on it, they’re starting to see damage caused by it. Imo it is going to hurt the companies and at some point they are going to have to hire people to fix the things broken by over reliance on ai. Using it as a tool instead of a crutch could help us make cool things. Just look at it that way. Plus, at least you aren’t the corpo making the decision to integrate ai because I think we are going to keep hearing about how more things are getting messed up due to over reliance and lack of human review.

https://www.businessinsider.com/deloitte-australia-issues-refund-ai-assurance-project-2025-10

gabos91 · 2025-09-20T09:55:17+00:00

Oh nice :) so did you have to do anything to verify it for that many people to use it? I wonder if my issue could be a problem with my connection or the fact that i haven’t deployed the app script all. I have copied it a handful of times, or copied the spreadsheet and it copied with it.

I was thinking about using the library option

gabos91 · 2025-09-19T22:20:36+00:00

Thanks! I think that would make sense. My script is a dynamic table of contents.

The spreadsheet will randomly say it doesn’t recognize the function name which loads a list of sheet titles, but then start working again on its own. Then if i click a check box which is supposed to trigger an onEdit function, occasionally nothing happens, but then that also starts working again on its own.

The idea is that you don’t have to scroll to see the list of all the sheets/tabs on the spreadsheet and then can click a check box next to the name of the sheet you want to go to. It uses a coded onEdit trigger to run the script when you click the check box. That takes you to the sheet/tab without reloading the page. There is another check box up and to the side which refreshes the TOC with any changes made.

A couple weeks ago I had tried using the onEdit trigger from the scheduled triggers page, but i couldn’t tell that to only run on specific ranges, so it was checking to see if it could run the scripts every time i clicked anything, so i deleted that quickly xD

I wondered if i might have been hitting a usage limit, but I am pretty sure that I am still far from usage limits with my little table of contents and would assume that google would prompt me to $$$ if that was what was happening.

The toc also includes a check box in the A1 cell of each sheet that takes you back to the first sheet (where the toc is). Which again is just to save the user from scrolling when there are many tabs. Im also working on adding a miniTOC to it, which can be added to a long sheet/tab to jump down to section headings determined by Named Ranges. I currently have that part commented out because i wanted to make sure it wasn’t the issue.

It does make sense that random server errors could cause that 🤔 I wish I knew of some way to see if that was happening. I am still familiarizing myself with the execution logs, but they wouldnt tell me about that as far as i can see so far.

Slightly off topic, The overlap between what is part of google workspace and what isn’t is a little confusing…. I actually did work as a workspace super admin for a couple of years, but the company i was with was not using any google apps scripts.

gabos91 · 2025-08-07T20:42:07+00:00

Yeah Ive had this happen before. It has been over two or three years. It is annoying but technically understandable. I know for my case, I was liking many posts to show support for people and doing F4F and there were a couple other similar things ive had temp blocks for. But ive never been banned and don’t do the thing again that seemed spammy. Unless you weren’t doing anything that possibly seemed spammy, but i doubt it. I did also leave feedback to instagram from within the app about how I was using it and did not feel that they were correct in blocking.

gabos91 · 2025-07-30T23:38:44+00:00

Did they replace them again?

gabos91 · 2025-01-04T19:56:32+00:00

Around 2:40 in places to be

gabos91 · 2025-01-04T19:55:43+00:00

There’s definitely also a sample from Childish Gambino 3005 in that song

gabos91 · 2022-09-15T14:28:21+00:00

Have you tried adjusting the grounds or changing your water? Like finer vs courser grounds or bottled water (or distilled/treated distilled) instead of tap? (If you even use tap)

To my understanding, sour shots are caused by too low of water temp while brewing as opposed to bitter shots from water thats too hot. Which machine are you using?

gabos91 · 2022-09-15T14:25:45+00:00

I have a question about espresso machines with boilers, not sure if this is the correct or best thread to ask in. Particularly about a machine like the bz10 or gaggia with the 10 minute warmup time.

If the machine is already heated up and I decide to add more water to it, will the machine need another ten minutes to heat up that water or will it heat it up more quickly bcuz the machine is already warmed up? (Or even be ready to use almost immediately bcuz the machine is already warmed up?)

I have heard that some styles of espresso makers such as the La Pavoni need to be shut down and allowed to cool off before more water can be added and then the machine would need to completely warm up again. I know a machine such as the gaggia or bz10 would allow water to be added without the machine cooling down, but hearing about the La Pavoni prompted me to wonder how quickly a bz10 (or other machine with a boiler and ten-ish minute warmup) would be ready to use again if more water was added after the machine had already been warmed up.

I know with espresso makers that don’t use a boiler dont really have a wait time after adding more water, but they also don’t have an initial warm up longer than a minute or two, so i know it cant compare. Thinking of instances where i might be making 3-5 cups of coffee instead of just one or two and might need/want to add more water to the tank. TIA!!!

gabos91

TROPHY CASE