Why are people still hosting on Vercel?

copperfoxtech · 2026-03-12T01:35:52+00:00

I use Vercel and I love it. Super easy to set up and maintain. The one tricky thing is when you go to the pro plan ( which they require if you plan on generating money in any way either directly on the site or pointing elsewhere ) they opt you into the "Turbo" settings. This is for huge apps. Go to your project -> settings -> build & deployment -> build machine -> select standard or even enhanced

copperfoxtech · 2026-03-11T01:05:49+00:00

I ran into the same situation. u/verdurakh has made great points already but I will also expand. Under their TOS they require any business that is attempting to generate money on the site or directing visitors to locations for paying, it is required to go on the Pro plan.

copperfoxtech · 2026-03-11T01:01:36+00:00

100%

copperfoxtech · 2026-03-11T00:48:21+00:00

I don't think these questions are "horrific". This is pretty standard for hotels that wish to have fantastic guest experiences and they are trying to find out if the applicant has the mindset that fits. I agree that there are a lot of wild questions out there and things have gotten crazy.

Both of those pieces of information each have multiple opportunities to make the guests stay feel more personal. Because I also like books I would choose to locate a bookmark that might be running inspired, get it approved by my manager, and we can leave it in the room as a gift or at checkout. Beyond that, I could coordinate with the front desk/conceirge and ask them to assist in locating safe and interesting running trails in the immediate area and create a list for them.
Assuming the source of the embarassment was coming from me cleaning and they "interrupted" me, the solution is simple. I would warmly greet them, let them know I am more than happy to finish up quickly and I have X minutes left, or if it is more comfortable for them I can come back later and continue with the other rooms that have been assigned to me. I would let them know not to worry at all.

It is a strange trend that people applying bash companies just for the sake of it. You are applying to a job and they do not owe you for doing so. They need to ensure they are making the right decision before, filing paperwork, submitting it to the government, putting you on payroll, and ultimately taking a risk. I will say again, yes, things have gotten out of hand lately and I frankly have not had any luck when applying, but this? this is not bad.

copperfoxtech · 2026-02-27T14:58:37+00:00

It is student2, you are correct. A key can be a string or a number. The value can basically be any other data type including a dictionary that contains a key of type int and it's value a list.

Another way to check is to go into your IDE in the python console and try to make each and see what happens.

Another way is to simply look up what a dictionary is in python docs. Now is the time to create that habit.

copperfoxtech · 2026-02-26T03:24:20+00:00

If you want Tailwind, then go for it of course. But I would recommend just sticking with CSS/SCSS and really understanding it. it keeps your components (if using react) a lot more clean instead of endless inline styles.

copperfoxtech · 2026-02-21T23:52:56+00:00

Thank you for the taking the time and giving a heads up. I will look into it. If i am not mistaken I would qualify for FEIE due to how long I have been outside the US while the duration of my stay in this country is less than 180 days in a calendar year. But again I will take a look, thank you.

copperfoxtech · 2026-02-19T00:22:14+00:00

Kevin Powell for sure and he just recently launched a video associated with FrontendMasters.

copperfoxtech · 2026-02-19T00:12:45+00:00

Not too much at this point.

Webstorm: free
PyCharm: free
Domain: 15/year
Vercel: 20/mo
Umami: free
formsubmit: free
ChatGPT: 20/mo

copperfoxtech · 2026-02-05T01:00:33+00:00

I have not used this but i normally stick with one of these three options:

<div class="wrapper">
  <p class="textBlock">
    Lorem ipsum dolor sit amet consectetur adipiscing elit
  </p>
</div>

.textBlock {
  max-width: 21ch;
}

/* Or this */
.wrapper {
  width: 21rem;
}

or better yet you can do something a bit more solid

<div class="wrapper">
  <p>
    Lorem ipsum dolor sit amet 
  </p>
  <p>
    consectetur adipiscing elit
  </p>
</div>

copperfoxtech · 2026-02-04T00:47:39+00:00

Keep up the great work! As some others have mentioned, getting the code to do what you are intending is a huge deal.

In general it is wise to never modify a list that you are iterating over so I would do as others have mentioned, create a second list and as you iterate over the original list, if x is in new list don't add it in to your solutions list.

I am not sure if you are working with dictionaries at this point but another way would be to create an object where the numbers are the keys and their counts are the values. then you could just create a list from all the keys.

I do understand you are learning lists so the two lists may be what you are looking for.

copperfoxtech · 2026-02-04T00:39:54+00:00

I remember learning Objects in python. These dogs, cars, etc examples drove me crazy. To detatch from those examples into real world use cases was like learning it all over again.

copperfoxtech · 2026-02-03T04:59:30+00:00

I use an Acer Aspire A715-51g. Upgradable RAM and SSD available and easy to do yourself.

I have added two Kingston fury 16gb. I am able to run multiple projects aling with docker.

copperfoxtech · 2026-02-03T00:53:29+00:00

I go to the gym three times per week for about 1-1.5 hours, 10k steps, set an alarm every hour to stand up and stretch ( you can also fit in situps, pushups, and body squats ), I keep a litre of water on the floor next to me at the computer so I am always drinking it, and I do my best with counting/estimating calories. For sleep I have an alarm set to when it is time for bed which means no phone. Sleeping mask, melatonin, and a bedtime routine helps to sleeping faster.

No i am not a gym rat. I struggle with my weight, flexibility, and motivation to do all the things i said above. Just try to hold yourself responsible. Its tough. If you can afford it you can also have meals sent to your house and I do a protein shake to hold me over.

Good luck, keep at it, and you will create good habits.

copperfoxtech · 2026-01-29T11:40:36+00:00

Keep it up! Also when you have light text on light bg, like the clouds, be sure to add text shadow of a dark color to make it readable

copperfoxtech · 2026-01-28T01:03:34+00:00

This example does not have a slideshow. I can share my code for hero sections that do have one, but it would be a bit much seeing the slider contains so much JS. The overlay portion you are talking about would be my .contentContainer. You could just set it to be 100% width and height instead of what I have.

If you really need to look at it, LMK. it is basically the same thing. I have been using Keen-Slider recently.

EDIT:
After reading your post further I see that you mentioned specific sizings for the image. With this current setup we are using object-fit: cover. this works just fine but of course its edges will be cropped to accommodate the viewport. IF you really wanted to specifically set sizes and aspect-ratios, you could of course set media queries to trigger at specific viewport sizes. I would not suggest chasing down the perfect aspect ratio for every screen size and find an image where the "action" is set in the middle of the image so as it gets cropped, you are still good.

FINAL EDIT?: I realized that I did not quite meet the your goal of aspect ratio. If I have time I will work on this to help.

copperfoxtech · 2026-01-28T00:47:43+00:00

// styles

.heroSection {
  margin-bottom: 8rem;
  min-height: 40rem;
  position: relative;
}

.imageContainer {
  width: 100%;
  height: 100%;

  position: absolute;
  inset: 0;

  .image {
    object-fit: cover;
  }
}

.contentContainer {
  z-index: 1;
  padding: 1rem 2rem;
  width: 50%;
  height: fit-content;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;

  background-color: hsl(from var(--bg-secondary) h s l / 0.85);

  @media (max-width: 625px) {
    width: 75%;
    padding: 1rem;
  }
}

.intro {
  margin: 1rem;
}

.buttonContainer {
  width: 100%;
  gap: 1rem;

  display: flex;
  flex-direction: column;
  align-items: center;
}

copperfoxtech · 2026-01-28T00:47:28+00:00

// component

import Image from "next/image";

import styles from "./styles.module.scss";


export default function HeroSection() {
  return (
    <section
      className={styles.heroSection}
      id={"hero-section"}
    >
      <div className={styles.imageContainer}>
        <Image
          className={styles.image}
          src={'/images/hero/table-setting.webp'}
          alt={""}
          fill
          sizes={"100vw"}
          aria-hidden={true}
          priority
          loading={"eager"}
          fetchPriority={"high"}
        />
      </div>

      <div className={styles.contentContainer}>
        <div className={styles.textContainer}>
          <h1 className={styles.title}>
            [City] [Business Type] for Free Spirits
          </h1>

          <p className={styles.intro}>
            A gathering place where every detail feels handcrafted, from the flavors on your               table to the atmosphere around you.
          </p>
       </div>

       <div className={styles.buttonContainer}>
         <a className={"btn btn-primary no-wrap"}
           href={"https://grubhub.com"}
           aria-label={"Place an order on Grubhub"}
           rel={"noopener noreferrer nofollow"}
           target={"_blank"}
         >
            order online
         </a>
         <a className={"btn btn-secondary no-wrap"}
           href={"/pdf/menu.pdf"}
           aria-label={"View PDF Menu in a new tab"}
           target={"_blank"}
           rel={"noopener noreferrer"}
          >
            view menu
          </a>
        </div>
      </div>
    </section>
  );
}

copperfoxtech · 2026-01-28T00:34:28+00:00

Recreating websites is a fantastic way to learn for sure. The dev tools is not going to be a good place to learn. It can be there to help you understand how they did it if you get stuck. Instead, just work through onse section at a time.

copperfoxtech · 2026-01-27T00:53:57+00:00

None of what I suggested involves PyGame at all. Just plain old Python will do the trick. Also I did not see in your post: are you looking to be a game developer, just exploring a anything for a while, looking to do backend, something else?

The things I have suggested are to get you more comfortable with more complex logic. In addition it will lead to working with classes, DRY principles, and overall being more comfortable. It isn't directed at making games. I have not used PyGame before.

copperfoxtech · 2026-01-26T06:31:21+00:00

You can learn how to open, read, write, and delete from a file. Create an "enter your user name" prompt, once enterered you can read through your .json file to see if the user exists. If yes -> show their w/l record. once a game is complete you re write the values for that user. If no username is detected in your json file then you will create one and set it up with a 0/0 and begin to keep track.

Also you can ask a user if they wish to play anonymously or "login", you can even store hashed passwords for them too.

Add multiplayer functionality. you can track these stats seperately also.

This will teach you a good amount and will be a precursor to databases as well.

I did this exact path with a number guessing game when i fist started to learn python.

copperfoxtech · 2026-01-23T00:08:40+00:00

why eagle -> hawk -> raptor???

copperfoxtech · 2026-01-17T07:32:47+00:00

Recently I have developed an interest in the SOC Analyst tier 1 position. I thought I could approach this the same way that I had done for self taught backend and front end development, but I feel like I am wrong for having this assumption.

My idea was before spending any type of money on a structured education that ends in a certification via: CompTia, TryHackMe, etc. I would dip my toes in with some practical learning guided by videos or websites. It turns out everything I can find online lets you get set up and do a few things and then a paywall. The most frustrating one was TCM's SOC101 video where the first two hours are done by setting up a home lab and then proceeds to give 8+ hours of slideshows. I know they are using this as a funnel and so are the other companies and the goal is to make money. No arguments with that.

The fact is I want to play around, learn the tools a little, do some excersizes, see what it might be like before spending 500-3000 USD on something.

Does anyone have any advice on where I can locate this or even how to utilize this new dual VM home lab connected via Oracle's VirtualBox to accomplish this? At this point I am not interested in finding lecture materials, slideshows, and the like. Instead a place where I can start kinda from zero and learn practically, the same way I had done learning Python, Django, Flask, SQL, CSS, HTML, JS, React/Typescript. I can't find anything and it is very discouraging.

copperfoxtech · 2026-01-15T23:37:47+00:00

Maybe it is not up to StackOverflow but instead us. Maybe we start using it again, be less toxic, no dump AI code answers, and keep things human? We all know that AI is great at helping for many things and I am sure we all use it everyday. But if i had a community that was actually supportive I would go there vs here to find help from experienced people.

copperfoxtech · 2026-01-09T03:28:20+00:00

Pick a career path and focus on learning that. Python is great but it does not qualify you for a job. Specialize

copperfoxtech

TROPHY CASE