The Unlimited Taco Stand - website-technical

The Unlimited Taco Stand

Archives / website-technical

so powerful

Awwwww yeah.

CROSS POST ON BOTH WEBSITE CHANELS: I just finished an overhaul to how the content is put into the site. If you want to add content, create a GitHub flavored Markdown file, and provide that to us. There are still some styling issues, but these will get sorted as we continue to get into a standard pattern of doing things.

12:15

I think my next major thing will be making a github organization and project for this; It's currently limited in some ways by being a "personal" project, and that makes granting access hard.

is it being hosted on github sites or are we sticking with aws or vercel or whatever u picked

It's currently hosted as static S3 through cloudfront (AWS stack). I'm not opposed to github pages, but I need to do some other testing to figure out if that's viable.

i'm asking because i think the cost of moving it to github pages is just

12:18

i think it's limiting for the future in case we want to do something fancier that's not just static

I don't think there's too much of an issue with limitation; I don't see anything we do as needing auth or a live server connection, so the fact that it's "static" doesn't matter. What does matter is that github pages doesn't handle a Single Page Application well due to how it does routing; It expects every /route to be a path to a file in the repo/branch that's hosting. This breaks stuff hardcore for us, and aws makes it easy to handle that without issue.

12:21

It can be done, it just requires a bit more effort than I have available right now.

then don't bother?

(Transcribing from JSX/HTML into Markdown? Brainless, can be done in a meeting. Integrating something that changes how routing works at a base level? Full attention and dedicated time)

if it starts costing money then i think we can at least ask for enough to break even

12:22

or i'll pay it

12:22

i doubt it'll cost like

12:22

blaseball levels of money

Image attachment

set up a patreon with exactly one tier and one person can pay and that's it

12:23

the only tier is $1

12:23

caption is

12:23

"this is how much it costs for hosting"

I thought it would be a little higher than that

$0.53 can be removed from that total for my personal domain, and I'm not worried about it right now.

If thats all, then its not worth moving to github pages

^^^

12:23

i think if it starts costing more than like

Image attachment

$15 a month in hosting it's worth considering

Image attachment

12:24

I'm not worried, and if it becomes an issue, I'll bring it up.

1

but overall i think moving to github pages isn't even worth the cost in man-hours to move it

But right now, as far as technical stuff goes, AWS is a lot easier (for me) to manage, and is cheap enough as is.

and i mean that's valid

12:25

once again this is a for funsies project

The benefit to github pages hosting would be more autonomy; I wouldn't be as required. Since this is my personal AWS account, I'm hesitant to provide access without a lot more lockdown than I'm doing.

12:25

but that's about it.

i mean i think what we could do then would just move to an organization aws account? (edited)

12:26

idk it's not a big deal rn

^ Exactly. A lot of the "easy" solutions are a bit of a scale issue, and we're not in sufficient demand or cost to warrant that much effort.

12:32

Just merged sub -> dom; dom branch now reflects what is actively hosted.

lol

12:34

at some point can u walk me through the structure of the website code in like a call or something so i can help?

Sure. I'm actually free now if that works.

i don't know enough about react to do fancy stuff but maybe i know enough to do some cleaning up and stuff without having to ask you to do it

(edited)

12:35

and i'm not free rn

12:35

is uh

lol

1:30 - 2:30 fine?

I... think so. Doing head translate from PDT -> EDT

12:36

PM whenever you're free, I'll probably be available

i live in pst if that helps

12:37

basically like

12:38

in an hour

12:38

i'm in a meeting rn for work but i'll be free in an hour

REPO MOVED: In order to allow other admins (so I'm not the only one) the repo is no longer tied to my personal account, but is inside an organization: Organization: https://github.com/unlimitedtacosblaseball Repo: https://github.com/unlimitedtacosblaseball/tacosblaseball.com

tacoeyes

1

Ax 💚 pinned a message to this channel. 25-Sep-20 08:42 AM

Raised a PR for you, https://github.com/unlimitedtacosblaseball/tacosblaseball.com/pull/2 had a comment that the background is hard on the eyes when scrolling. This should lock the background in place when scrolling

fix(background): Stops the background from scrolling by RebelliousU...

The dots scrolling with the main content can be hard to look at.

Reference Material: Homepage: https://tacosblaseball.com/ Alternative links: https://www.tacosblaseball.com/, https://tacoblaseball.com/, https://www.tacoblaseball.com/ Repository: https://github.com/unlimitedtacosblaseball/tacosblaseball.com

||Blasphemer WaFFLeS|| pinned a message to this channel. 18-Oct-20 03:01 PM

I host a lot of react websites for free on netlify with custom domains and continuos delivery, we could also take advantage of the functions to get some remote data such as the team roster and have it displayed on the website If you want I can create a POC for you to check, the only thing we would end up paying for would be the domain

(btw, I'm doing it regardless because I miss Blaseball)

See here https://unlimited-tacos-blaseball.netlify.app/ and code here https://github.com/Sbax/unlimited-tacos-blaseball

nice

1

cursed image

Image attachment

Eheh found it online in a markdown testing document

@🌮Sbax that looks awesome. I haven't had a chance to play with Netlify, but the current stack we have is a a static app served through S3 -> Cloudfront in AWS; I think we had maybe $0.60 in traffic last month, so it's insanely small. Let me add you to the org so you can do code changes to what we have; I'm still learning how to react (a lot more backend stuff in my history) and it would be helpful.

Cool! I'll create some PRs then, I never worked with AWS since I'm too inexperienced to have my wallet in the picture, but as far as I understand netlify functions should be the same as lambdas

14:35

At the moment I'm using one to avoid CORS errors using Blaseball Reference API

Makes sense. I considered doing something with lambda, but decided against it since it raises the technical cost to get into the project, and nothing we're doing right now can't be done client side. I'm sure we could make calls client side to the Blaseball Reference API and sidestep the cors issues somehow, but that's getting into the territory I'm unfamiliar with. (edited)

There's not really a way around it using FE only (beside using https://cors-anywhere.herokuapp.com/, but that's more of a workaround) we should really consider migrating to Netlify, we'd have like 125k function calls per month free

14:42

And 100GB/month bandwidth

14:43

Btw I think timezones could get in the way of coordination since I'm in Europe and heading to bed now, but I'll keep you posted on my next ideas!

Metrics of usage from site creation. Sep 18th is generally the area around the Snackrifice.

Image attachment

14:44

Gotcha. Rest well. Feel free to start populating the repo with issues.

14:45

I've been job searching and haven't had time to keep up between interviews and my current job.

Hope everyone's having a good siesta. I'm a migrant from the Crabitat and a web dev so could help out with things

oh hey!

10:04

that’s cool

From the commit history and website channels here it all seems to have gone a bit quiet. Would that have been down to siesta or did the site meet it's original objectives and not really need much more work?

It was something we made during the snackrifice and we haven't really used it much since, but we're also now the biggest side server and the second biggest team so I think having the website will become important in future blaseball. Not super relevant during the siesta, but we are very active during the on season

3

are we really the biggest?

I believe so? Second biggest at the least

awesome

I think someone said beams were bigger last time it came up

12:38

but to be second behind the beams is... big

Garages are bigger in maincord but have a smaller side server? Weird

I think they only just passed us up

12:40

Beams are at 1050 on their side server and we are at 997

i wonder if the trials inflated them

12:42

which begs the question, why are we so big here

Crabitat is also bigger but they're not a team anymore lol

12:42

Uhhhhhh probably because of the bee movie?

12:43

And our A+ marketing skills

dab

4

oh true there's basically no way to engage with the tacos on maincord

12:44

during siestas

Lol yeah we are comitted to the bit and also to ensuring the keepers can also take breaks

There was still watch-tacos for a while, at least

Keepers deserve a siesta too and bee movie means they don't have to watch us as much as usual

DonnFirinne 💚 (he/him)

which begs the question, why are we so big here

Because when people are first looking into Blaseball the Unslam/Wyatt Masoning/Snackrifice are attention grabbers

3

that assumes a lore-first approach, which I know many people did not do. And also doesn't explain why our side server is bigger than larger teams' side servers.

Could you imagine if we did stuff like make music and do public events lol

(I still think we should do a community event)

1

We should yeah

Is Bee Movie a community event

god

yes and no

12:49

yes the community sometimes participates but no, nobody would say bee movie script and daleween are similar

for reference btw

12:59

i think the tacos twitter is the third largest blaseball team twitter

12:59

i checked recently cos i wanted to make a joke about abusing my power

12:59

it's only beat by beams and maybe the tigers?

12:59

idk tho

12:59

i'll double check

13:00

the crabs are also bigger but i don't count them anymore since they've literally and figuratively ascended past being a team twitter

13:06

yeah only the beams and the tigers are bigger, and the tigers are only bigger by 30 followers ;-;

13:07

every other team is sub 3k followers, so i hope that's a reference for how big the tacos are

i would offer to follow the tacos twitter on all my accounts but im pretty sure i already do

13:08

i know i do on my main and my other 3 accounts are taco rp accounts sooooo

lmaooo

Would I be right in saying that the strength of the site would be centralised propoganda? It came about for snackrifice - and when play starts we would want it to do a similar thing?

yes

yes

Quick updating is already there with the markdown parser - what do people think are the main things to develop with it?

idk?

13:32

i think we had plans and then waffles and i died

13:32

i forgot the roadmap but i'm super happy people are carrying on the legacy

No problem - I'll have a play with things over the weekend and get familiar with the site.

I'm more than happy to keep updating stuff, but content generation got hard for me when I started job switching and house repairs. The biggest thing we have lacking right now is general content creation. Website is pretty basic, but functional at the moment. Last project that was in progress that I'm aware of was an accessibility/cleanup pass on the CSS that @evie tacos was looking into.

oh i flunked on that because of uni stuff

10:02

but finals are this week so maybe i should try that again

I’ve just been directed here from another conversation — would love to offer my help with the site

it’s in a bit of a state of disuse as you can see, so you won’t find conversation here, sorry tacopensive

tacopensive

All good. If people decide that it’s worth picking up again, happy to chip in with design/dev (basic/intermediate) or content (what I do for a living).

cool. this may be what gets the ball rolling three_thumbs_up

three_thumbs_up

3

Oh hey, we have some informal web dev experience ourselves, our main focus being in accessibility

tacoluv

2

Awesome! I don’t really code, but I do a lot of UX and I can put stuff together using page builders etc.

we've never particularly liked page builders ourselves, we write our pages by hand

23:34

https://www.auramgold.com/ mild warning for some kinda-nsfw stories hosted on our site, but otherwise it's fine

The landing page for auramgold.com

1

If we’ve got enough people in the community who can code & have the time/inclination to work on the site, then building by hand definitely gives us more flexibility to build whatever we want.

23:46

I’m just wondering if using builder tools might make it so that more people can help.

I can pitch in a bit! Professional software dev here with a decent background in react web apps and other, older techs

I dont have a huge amount of free time but can do bits and pieces where necessary

2

hi!

08:08

the website is made in react

||Blasphemer WaFFLeS||

REPO MOVED: In order to allow other admins (so I'm not the only one) the repo is no longer tied to my personal account, but is inside an organization: Organization: https://github.com/unlimitedtacosblaseball Repo: https://github.com/unlimitedtacosblaseball/tacosblaseball.com

here’s the github

08:08

it’s umm, all in the pins

Sweet, thanks!

fun fact: i made a la tacos github organization a long time ago and then promptly did nothing with it and stopped paying attention to blaseball

me irl

i can pitch in if given a list of tasks, no bandwidth to like... figure out what to do

port adai to tacoblaseball.com

10:48

/j

oh we totally could, that would be easy

10:57

honestly would work a bit better in react

i need to do some designy stuff but my brain isn't really working rn

ok i shouldn't say "easy", bad habit.

can't come up with any ideas for "what would a website based on the tacos team look like, outside of general blaseball design trends"

90's taco bell colors, is my only idea

ofc ofc

90s squiggles in the background?

11:41

~~make everything in <table>s~~ (edited)

11:48

maybe some nice gray and square buttons

I’m buried at work this morning but I’ll look at the github as soon as I get a chance. I’m useless in react but can help with planning/roadmap/site map/UX/product-y stuff.

that’s good!

Ok, so I’ve been thinking about this — I’ll post here then move it over into the content channel at some point. It feels like we’ve got a few people around who can build, but we need direction. Maybe we do a content jam during the next long siesta and we can start to figure out what we want the site to be?

upnut

2

^^^

That sounds like a good plan

04:41

Also I had a look through the source code and it looks like we've got a good quality of life improvement that's been merged to sub but not dom? A while back now, I mean. Couldn't see why on the issues/pr. Anyone know what the status on that is and if there's anything to get done there?

accidentally just did a commit to the sub branch instead of my fork (not sure how?) but I reverted it so it should all be fine (edited)

StarFahx

Also I had a look through the source code and it looks like we've got a good quality of life improvement that's been merged to sub but not dom? A while back now, I mean. Couldn't see why on the issues/pr. Anyone know what the status on that is and if there's anything to get done there?

there aren't any open PRs for it. I appear to still have contributor access to the repo so I could in theory merge sub to dom.

09:44

I'm making one now to look at the diffs and everything seems fine though

09:45

I'd just hate to do a merge and screw up the website. I guess we can revert if we absolutely had to, though.

Hey, I'll make a point to look at PR's over the weekend and see if I can get them pushed to the live site. Just ping me if I let it get stale and I'll make sure to get it done.

2

11:19

Also, no automation has been set up, so all changes are currently gated by me, which isn't ideal, but removes the worry of accidentally breaking things.

Sounds good. I was not sure how active you'd been as of late and I didn't want to ping you if you were taking some time off

I haven't been active, but I'm open to being pinged as long as I have ownership of the site hosting. I'd hate to block it for other folks.

@eltrov wanted to let you know I haven't forgotten about your PR. I should be able to look at it and hopefully get it merged and deployed tomorrow

1

no rush. I don't think it's holding anything up.

Changes accepted, tested, and deployed.

random thing although i think i'm the only person who remembers the site exists

18:07

but we have some dependency issues

How so?

unless this isn't a big deal and i'm dumb

Image attachment

18:25

testing dw

18:25

#blaseball-general

does it still work, but it gives these vulnerability warnings?

yeah

I feel like..... they're not ideal but not an emergency. AFAIK vulnerabilities are really only an issue if the site accepts user input of some sort. We'd probably need to research these all separately and figure out how to update them. I can pull it down and try to look at it but it might be a week or so before I can get to it.

take ur time

12:03

i mean i’m slow going because uh

12:04

i thought it’d be really fun to port the taco stand channel guide to the cool website we have because it was so hard to read the google slides on mobile but also i want it to be faithful to the slides (edited)

12:06

also i thought it’d be fun to figure out how to make this in a website

Image attachment

12:07

i’m a web dev babey and so i figured it would be hard enough to learn something but not so hard that i get frustrated and give up (edited)

oh yeah I think you could do that!

do like this it's vibes

Image attachment

11:35

fake channels

im assuming the enjoy the playlist thing is for #taco-bout-tunes? which like, i understand not wanting to put that whole thing in a small blurb, but do we have an explainer for it on the website/do we even want to mention it on the website, as its one finishing soon and 2 difficult to explain

11:44

thinking about it, enjoy the playlist is probably as good as anything trying to explain it would be

i'm copying the one in #resources (edited)

11:45

because i like it a lot but also i can't read it on mobile because google slides sucks (edited)

11:46

the taco stand channel guide (edited)

oh man that things outdated

valid

11:47

thankfully uh

like, almost uselessly outdated

the website's open source so anyone can write in it and update it (edited)

11:47

it's just a markdown file

oh ok

Dead Mod Hadlem 🌮🍍💚⏳

like, almost uselessly outdated

i would appreciate updates to explain what's changed (or going to change soon)

11:48

so i could toss that in to the thingy

the channel guides not that outdated, i was looking at the thing called the menu in the resources tab of the website

11:48

which is

11:48

uh

idk i'm just vibing

old

yeah

11:49

i'm just vibing

11:49

making uh

11:49

a webpage

11:49

using it to learn some html stuff

like the menu on the website is pre Grand Siesta

11:50

hell its pre day x

11:50

still got all our shells in the roster

yep

11:52

but hey!

11:52

it's open source

11:53

and it's all written in markdown, so it's pretty accessible to update the website

can anyone point me to some resources to figure out how to port this to the website? (edited)

12:39

Embedded image

12:39

i can't figure out the right search terms

Like the html/css you'd want to use?

I'd probably just use a stylized list. it's worked well for me in the past and you can use css classes to mark an item as 'read' or 'unread' for your example.

12:51

you can read up on unordered lists here: https://www.w3schools.com/html/html_lists.asp

trying to think how i'd do the connecting lines

i guess it depends on if I had SCSS

13:08

those are probably gonna be the hardest part at any rate

yeah for sure. at that point you'd probably just want to do an image?

13:25

but you can make a pretty good mockup with just html/css

Image attachment

god i wish i had components

13:28

give me mdx pls tacocatpleadhearts

tacocatpleadhearts

I haven't converted this to markdown yet, it's just in html but I'd be happy to share that

no i mean

13:29

i wanna make a discord-replica component so my markdown page isn't a messy pile of code

13:29

because this is going to be a messy pile of code

whatevs i did it

Image attachment

2

bad news

20:53

all lists don't work

20:55

Image attachment

21:01

Image attachment

ok i got all the text down, now to start working on connecting certain things and adding in graphics :)

22:37

Tacos_Blaseball_welcome.pdf

448.63 KB

22:37

it's a pdf because it's massive

22:38

it was taken on my phone

just wanted to drop this

23:26

Embedded image

23:26

idk how to connect the graphics to the asides and once i figure that out uh

23:26

i'll prolly be done?

23:27

i mean also lists are broken but idk how to fix that

awesome!

oh also i need images

23:30

but yeah

23:30

it's close to done

great work!

idk how to connect the asides to the discord thingys tho

13:34

so uh

13:34

riv

13:34

googling doesn’t help cos idk how to phrase it

13:35

“how to connect the asides to the discord thingys” doesn’t give any results

yeah I was thinking about that last night. not sure how I'd go about it either. maybe you could cheese it with a table?

13:36

idk if you can do the glow effect on a table cell border

i was thinking css grid tbh

13:45

but also that seems like a lot of work to learn grid just to do the effect

yeah flex grid would make sense. I haven't dug into the docs on the markup so I wasn't sure how much you're able to do with it

13:47

sounds like it's more or less just straight up html and css

it’s uh

13:50

markdown, which supports html, and css

13:51

but while i know it’d be something grid based

13:51

idk how to do like the connecting bits and all that bleh

So, quick thoughts on this: Re Vulns: Not critical, but not ideal. As long as they aren't cross site scripting that can invoke arbitrarily, we can just go with updated packages with vulns. Not ideal, but we accept no content. This is a glorified static website generator. Hugo and Jekyll and the like take a lot of overhead to generate the HTML, so we're just doing it dynamically, but it's the same goal. Re Components: You should be able to drop arbitrary HTML into the markdown. I had it set to render it, even though that's not ideal for security. Again, this is a static read-only site, so not too worried about it. Re Grid and such: Asides won't work because the standard layout is not in place. Everything is currently positioned using flexbox, which is great for linear content that you want positioned quickly. We should be able to nest a grid inside, as long as a div is defined to isolate it and set a new block-parent to target. Hope that makes sense. I don't have a ton of time to actively dev on this, but I will be helping with code reviews and deployments.

||Blasphemer WaFFLeS||

So, quick thoughts on this: Re Vulns: Not critical, but not ideal. As long as they aren't cross site scripting that can invoke arbitrarily, we can just go with updated packages with vulns. Not ideal, but we accept no content. This is a glorified static website generator. Hugo and Jekyll and the like take a lot of overhead to generate the HTML, so we're just doing it dynamically, but it's the same goal. Re Components: You should be able to drop arbitrary HTML into the markdown. I had it set to render it, even though that's not ideal for security. Again, this is a static read-only site, so not too worried about it. Re Grid and such: Asides won't work because the standard layout is not in place. Everything is currently positioned using flexbox, which is great for linear content that you want positioned quickly. We should be able to nest a grid inside, as long as a div is defined to isolate it and set a new block-parent to target. Hope that makes sense. I don't have a ton of time to actively dev on this, but I will be helping with code reviews and deployments.

so if i wrapped the asides, fake discord channel, and stuff in a "visual-y stuff" div would that work?

12:32

also can i make a welcome.md specific css thingy?

12:33

idk i don't want styles.css to be massive file of one-off css bits for different page gimmicks

Not directly, but it would let you set positioning rules specific for that container and its children. You can, but I'd have to review how to inject it. The easy answer would be to load all the stylesheets on all the pages, but that's very non-optimal and grows the load time on all pages. So, until a better way is discovered to isolate the loads, then a single file with good anchor-targets is the best from the performance aspect.

god i hate web dev so much

||Blasphemer WaFFLeS||

Not directly, but it would let you set positioning rules specific for that container and its children. You can, but I'd have to review how to inject it. The easy answer would be to load all the stylesheets on all the pages, but that's very non-optimal and grows the load time on all pages. So, until a better way is discovered to isolate the loads, then a single file with good anchor-targets is the best from the performance aspect.

if we used mdx or something and i just made all the one-off css bits separate components then would that work out better?

12:37

so instead of doing <span class="channel">discord-name</span> we instead had a channel component and i could just do <Channel>discord-name</Channel>

12:38

and import it or something at the top of the page

12:38

idk how websites work

Possibly. MDX looks neat, but IDK how compatible it is with the current stuff.

i just keep on making stuff

||Blasphemer WaFFLeS||

Possibly. MDX looks neat, but IDK how compatible it is with the current stuff.

it does seem neat, i tried looking into it and realized idk anything about web dev so i figured i should bring it to u

Hey, if you get it working locally and it's reproducable, then do it. There isn't a single cononicle "right" way to do stuff.

i just don't know enough about the tacos website to understand how to shove mdx into it

12:40

not to mention idk how it'd affect the structure of the website

12:40

but if u can get it in there i'll refactor all the pages

I'll see if I can find spare time. We've got audits this week. I can chat because it took a bit for this Docker container to download.

no worries!

12:41

im not on a time crunch

im gonna dig in to mdx a bit

im in web dev hell

13:58

my hubris

hubris

i have failed

15:35

i can't find any guides and im too dumb to add it on my own

15:35

all the guides are like "it's simple, just migrate to next.js and then follow all my steps!"

well did you do that? /j

do you want met to?

Dead Mod Hadlem 🌮🍍💚⏳

well did you do that? /j

i'll make a new branch titled "evie's next.js migration crime branch for hadlem" if you want me to

do it

ok

15:38

Image attachment

why am i doing this again?

science!

i've never had such a quick turnaround from hubris to regret

15:55

im still doing it

15:55

but boy am i not having fun

this 100% sounds like it's not worth it

15:56

if it's generating this amount of bad feels

nah im having fun dw

okey doke

im playing up the unfun for jokes

15:57

i'll let y'all know when i stop having fun (hint:it'll be when the guides end because it's soooo simple)

somehow you're making it sound like its not that simple?

ok im having less fun

time to stop then

no

17:13

im still going

i ported over the beta

beeg beta

Image attachment

19:32

fun fact the guides have ended

19:32

i'm actually having more fun now

19:32

Image attachment

19:52

yooooo

lol nice

why have i done this?

19:53

idk

19:53

am i glad i've done this?

19:53

kinda?

it all works

Image attachment

20:19

i think that, in theory, if i cleaned up the folder a bit, this would actually be good enough to upload

20:19

that terrifies me

god i wish i had someone to help walk me through my trash code and tell me what i need to fix

21:17

but there's nobody else here

21:17

just me

21:17

all alone

i mean im here

oh hey hadlem

just dont have any way to help

i did ur meme

im everywhere

21:18

thanks!

21:18

how'd it work

welp

21:18

uh

21:18

i recreated the site from scrath in nextjs

21:18

then ported the whole site over

21:18

and it works (mostly)

21:19

i feel like if i had someone go over the code with me for an hour then we could just

21:19

do it

i mean, i'd be down tomorrow, not sure how much help i'd be, but if just talking through it could help

https://github.com/unlimitedtacosblaseball/tacosblaseball.com/tree/evie's-next-js-migration-crime-branch-for-hadlem

GitHub - unlimitedtacosblaseball/tacosblaseball.com at evie's-next-...

Stuff for the Tacos Blaseball homepage. Contribute to unlimitedtacosblaseball/tacosblaseball.com development by creating an account on GitHub.

21:21

i did it

this seems like a mood

Image attachment

Dead Mod Hadlem 🌮🍍💚⏳

i mean, i'd be down tomorrow, not sure how much help i'd be, but if just talking through it could help

i know way less about about web dev than it seems like i do

21:22

this is literally my first time using nextjs

21:22

and i added mdx

21:23

so anything helps because i honestly don't know what i'm doing

how the hell did i do this i don’t even know javascript

12:27

i barely know react

Sheer force of will by the sounds of it

me when i realize that the website works

Image attachment

update

10:15

im not allowed to open the welcome page i made earlier

10:16

once nextjs tries to compile it uh

10:16

it crashes everything

10:16

lmao

Image attachment

10:35

i made components work

10:35

is it simple?

10:35

yes

10:36

but it works

hey @||Blasphemer WaFFLeS||, what's the nav_link and img-box classes supposed to be for?

11:58

is it just cos the source.css file breaks links and images?

11:59

is img-box specifically cos of uh

11:59

images in websites are hard?

12:00

asking cos if i know what they're supposed to do then i can prolly do some code in the nextjs branch that removes the need for those tags to be in the markdown file itself

12:00

making it easier for non-tech savy contributors to contribute (edited)

making a vault page for old pages like the snackrifice page

Image attachment

Embedded image

14:02

IT WORKS

14:05

this page has been super broken since i ported the site to nextjs

14:05

so nice to have fixed it

14:11

Embedded image

this is my favorite page

Image attachment

15:44

i hope y'all don't mind my commentary on uh

15:44

webdev

i've been putting so much work on this and im like

22:51

really hope that this doesn't all get thrown out by waffles lmao

i like the commentary on webdev, even if i don't always have time to comment

https://github.com/unlimitedtacosblaseball/tacosblaseball.com/tree/evie's-next-js-migration-crime-branch-for-hadlem

GitHub - unlimitedtacosblaseball/tacosblaseball.com at evie's-next-...

Stuff for the Tacos Blaseball homepage. Contribute to unlimitedtacosblaseball/tacosblaseball.com development by creating an account on GitHub.

15:48

hi y'all (edited)

15:48

code

||Blasphemer WaFFLeS||

Hey, if you get it working locally and it's reproducable, then do it. There isn't a single cononicle "right" way to do stuff.

whoops i made it work

i wonder if we could make pages have their own specific css files that override site css

15:19

i don’t think it’d be that hard tbh

15:20

i was thinking about it cos i feel like it’d be fun to port a lot of tacos resources to the website and i feel like if there was pushback to it, it’d be because people don’t want to lose the individual aesthetics of like google slides presentations by making them fall under a unified tacoblaseball website aesthetic

15:21

also some pages having their own completely different aesthetic is very tacos imo

yeah you can probably just use the !important property to force tags to override?

15:22

if you load it in after the site.css it'll probably load it anyway. I think that's how it gets read by the browser

oh oki

15:22

yeah it doesn't seem too hard

15:22

just more like

15:22

annoying to rewrite broad swathes of website css every other page

15:23

but, hey, if it gets people using #website

https://github.com/unlimitedtacosblaseball/tacosblaseball.com/pull/9

i, uh, ported the site to next.js as a joke, and also added support...

idk how to talk about it but hey i did a thing and it kinda works and i think it'd be cool to move this to the sub branch (or the dom branch if u want) and then get it deployed on the actua...

15:58

i love this

Image attachment

i mean you said that all the tutorials started with porting to next.js

16:05

i asked if you did that

16:05

and then you did

16:05

hardly a joke

yeah but it's funnier if it's a joke

16:07

also

16:07

https://twitter.com/catacalypto/status/1328109111615975426?s=20

Cat Manning (🐅,✨) (@catacalypto)

"it was a joke that we immediately took seriously" is truly the blaseball mood

Likes

127

oh i could merge it myself lmao

17:10

im an admin

17:11

im not gonna i respect @||Blasphemer WaFFLeS|| but i could and that's funny

evie tacos

hey @||Blasphemer WaFFLeS||, what's the nav_link and img-box classes supposed to be for?

hey @Blasphemer WaFFLeS, what's the nav_link and img-box classes supposed to be for?

nav_link used to do the styling for navigation links. XD If I recall correctly, the purpose was to bring a general consensus to links on the page that were for page to page navigation, as opposed to links to external sites.

evie tacos

really hope that this doesn't all get thrown out by waffles lmao

really hope that this doesn't all get thrown out by waffles lmao

Nope, not gonna do that. If you're the lead dev, which you're shaping up to be, then your choice makes the most sense. Plus, one of the beauties of having everything in source control is that we can always revert to the previous state if it fails catastrophically. Add to that that this is a fan project and the stakes couldn't possibly be any lower.... ¯\_(ツ)_/¯ I'll try to take a look and make sure that I can actually deploy it, but I'm fine with the code changes. They seem popular enough, and you're right that it's on brand for Tacos, even if it's a bit janky.

06:45

(I also now see that reply does the quote as well, so idk what I'm doing in discord anymore.)

||Blasphemer WaFFLeS||

(I also now see that reply does the quote as well, so idk what I'm doing in discord anymore.)

it’s okay i like the quotes

||Blasphemer WaFFLeS||

hey @Blasphemer WaFFLeS, what's the nav_link and img-box classes supposed to be for?

nav_link used to do the styling for navigation links. XD If I recall correctly, the purpose was to bring a general consensus to links on the page that were for page to page navigation, as opposed to links to external sites.

also i still dunno what img box does

Oh right.... img_box puts the image in a container element. That way, I can position the container, which is generally a lot more reliable than trying to position a img element

07:52

(I'm updating stuff and getting the code downloaded, so I'll be reviewing later today

oki

07:55

so when i set up wrappers for certain elements later on, i should just set that up to happen automatically?

||Blasphemer WaFFLeS||

Oh right.... img_box puts the image in a container element. That way, I can position the container, which is generally a lot more reliable than trying to position a img element

oh forgot to mention

Is the "Vercel" thing still needed? Looks like serverless application framework that abstracts offerings like AWS Lambda

08:55

I'm not opposed, just don't see a need to potentially have to pay for compute when a static hosting of locally dynamic pages will work

it’s not really, my plan was to just use it to have a free tier link to send to friends to ask them to test stuff on the bleeding edge

||Blasphemer WaFFLeS||

Is the "Vercel" thing still needed? Looks like serverless application framework that abstracts offerings like AWS Lambda

if there’s a better way to do that then pls let me know

09:47

idk much about web dev

@||Blasphemer WaFFLeS|| have you done the code review yet?

@evie tacos One of the most frustrating things about having the computer stolen last Christmas is that I have to reinstall things. And as it turns out, I haven't set up NPM yet. Trying to get it running.

Build is failing, which means I wouldn't be able to deploy it.

waffle@iron:~/workspace/tacosblaseball.com$ npm run build

> [email protected] build
> next build

info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  

Failed to compile.

./components/DiscordList.js
10:13  Error: Missing "key" prop for element in iterator  react/jsx-key

./components/Footer.js
8:9  Warning: passHref is missing. See https://nextjs.org/docs/messages/link-passhref  @next/next/link-passhref

./components/Header.js
9:11  Warning: passHref is missing. See https://nextjs.org/docs/messages/link-passhref  @next/next/link-passhref

Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules

07:53

Mainly, it's the error in DiscordList that it blocking it; I'm ok with warnings and they shouldn't block the build.

ok

||Blasphemer WaFFLeS||

Mainly, it's the error in DiscordList that it blocking it; I'm ok with warnings and they shouldn't block the build.

i’ll start getting it fixed

||Blasphemer WaFFLeS||

Build is failing, which means I wouldn't be able to deploy it.

waffle@iron:~/workspace/tacosblaseball.com$ npm run build

> [email protected] build
> next build

info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  

Failed to compile.

./components/DiscordList.js
10:13  Error: Missing "key" prop for element in iterator  react/jsx-key

./components/Footer.js
8:9  Warning: passHref is missing. See https://nextjs.org/docs/messages/link-passhref  @next/next/link-passhref

./components/Header.js
9:11  Warning: passHref is missing. See https://nextjs.org/docs/messages/link-passhref  @next/next/link-passhref

Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules

ok i fixed it

14:54

https://nextjs.org/docs/deployment

Deployment | Next.js

Deploy your Next.js app to production with Vercel and other hosting options.

14:54

here's a page on deployment if that helps at all

ok i merged it

15:02

https://github.com/unlimitedtacosblaseball/tacosblaseball.com/pull/9

i, uh, ported the site to next.js as a joke, and also added support...

idk how to talk about it but hey i did a thing and it kinda works and i think it'd be cool to move this to the sub branch (or the dom branch if u want) and then get it deployed on the actua...

15:02

ty for the help

NP. I'm doing some stuff to bring old pages into alignment, and understand it.

oki

15:58

im uh

Just pushed some changes: I fixed styling on old pages and brought them into the new .mdx paradigm. Still failing to build.

waffles@iron:~/workspace/tacosblaseball.com$ npm run build

> [email protected] build
> next build

info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  
info  - Creating an optimized production build  
Failed to compile.

ModuleNotFoundError: Module not found: Error: Can't resolve './pages/vault' in '/home/gsmith/workspace/tacosblaseball.com'


> Build error occurred
Error: > Build failed because of webpack errors
    at /home/gsmith/workspace/tacosblaseball.com/node_modules/next/dist/build/index.js:15:924
    at async Span.traceAsyncFn (/home/gsmith/workspace/tacosblaseball.com/node_modules/next/dist/telemetry/trace/trace.js:6:584)

Looks like a cyclic dependancy error

16:05

getAllPosts.js requires Vault.js, which requires $1, which requires $2

oof

16:06

uh

16:06

vault.js isn't ready yet so uh

16:06

yeah

16:06

also idk what im doing

K, removing both of them allowed a build. I'll change extensions so they don't disappear entirely, but aren't part of the build.

16:07

At least, after I test that the build works.

16:07

As in, can be hosted

oki

im taking a break from the website until siesta prolly

Sure, no problem. The new next.js based site should be up.

17:41

I'm having trouble hitting other paths, but I'm sure it's just something that needs a little tweaking on my end.

lol, don't test localhost and confuse it for the live hosting.

lmao

18:36

ahahaha it's gorgeous

18:36

Image attachment

||Blasphemer WaFFLeS||

Sure, no problem. The new next.js based site should be up.

idk what happened lmao

18:39

Image attachment

18:40

oh no

18:40

@||Blasphemer WaFFLeS||

It's a work in progress. next.js works very different it seems.

oki

18:54

no worries

18:54

take ur time

Looks like I got it up and stable. There's still some errors in console, but I have no idea what they are actually doing.

fair

06:24

i’ll fix them uh

06:24

idk

06:24

i can’t really focus on anything rn

06:24

but hey it works

06:24

that should be enough until our team gets incinerated and we need to scrap the website

nooo, then it'll be an important historical document

Then the page will go on in memorium ad infinitum

how does deployment work?

17:26

asked cos i added a page to the sub branch and idk when it's supposed to show up

17:28

@||Blasphemer WaFFLeS||

Currently manual, but I'll look into some automation in the near future. Let me get that up.

It's up: https://tacosblaseball.com/pollpoll/

oki

@||Blasphemer WaFFLeS|| new update coming soon relating to recent events

it's done

22:53

updated the website to support us all dying (edited)

bongers

1

I should be able to have that uploaded by end of day (edited)

Getting errors related to image optimization.

Error: Image Optimization using Next.js' default loader is not compatible with `next export`.
  Possible solutions:
    - Use `next start` to run a server, which includes the Image Optimization API.
    - Use any provider which supports Image Optimization (like Vercel).
    - Configure a third-party loader in `next.config.js`.
    - Use the `loader` prop for `next/image`.
  Read more: https://nextjs.org/docs/messages/export-image-api

08:05

Any chance we can offload images to a 3rd party and keep them out of the repo?

08:05

Smaller deployments, lower cost, no major difference in load time since every image is a different HTTP GET request

sure sorry

I was able to cheat around the <Image> component and removed the Spinny component. Just pushed, it should be showing up shortly.

oki

11:09

yay

11:09

it's up

Essentially, the fix I did was put the image loading into the MDX. As long as Next itself isn't aware of the image, we're good.

11:17

Seems weird to have something break builds over "an optimization", but what do I know, I'm just a mid-level reliability/automation engineer.

¯\_(ツ)_/¯

(╯°□°）╯︵ ┻━┻

we can figure it out later when we're not at risk of dying

Also, working on something for you, hopefully I'll be able to get it out there shortly. (edited)

tacocatpleadhearts

(edited)

Alright: I'll try to lock it down so only admins can access, but... Check out https://github.com/unlimitedtacosblaseball/tacosblaseball.com/actions/workflows/deploy.yml There should be a button that says "Run Workflow..."

11:22

Image attachment

11:22

That will now deploy the site.

11:23

Make sure that you can run npx next build and/or npx next export locally without error.

yooo

11:24

oki

11:24

i forgot to with spinny sorry

Nah, it's cool. IF it has an issue, it'll error out and stop.

11:25

just saves time to deal with it initially as opposed to after trying to push a build

(BTW, this is great, I already don't have to do anything since I made my name FK ages ago)

ksnxjxjjdjfbd

I've got some updates stashed for whenever you want to push them. Minor tweaks and fun with animations.

Image attachment

13:03

Animation only plays once per page load, it just caught the tail end when I started recording and had to refresh it to get it to occur again.

||Blasphemer WaFFLeS||

I've got some updates stashed for whenever you want to push them. Minor tweaks and fun with animations.

yeah push them

13:20

||Blasphemer WaFFLeS||

I've got some updates stashed for whenever you want to push them. Minor tweaks and fun with animations.

These were pushed. I'm mainly doing this to test if the threads work cleanly. XD

yay

Well, apparently not. Yet....

13:25

You had a chance to test the deploy yet?

nope

13:26

yeah

13:26

just now

13:26

what's up with it?

Nothing, just didn't know if it was working for anyone other than me. XD

oh it works!

Well cool

1 Year of tacosblaseball.com

Image attachment

yoooo pog

Exported 543 message(s)