Upvote Upvoted 32 Downvote Downvoted
mixme.tf (not a real domain)
posted in Projects
1
#1
0 Frags +

Yo!

I started working with JavaScript and overall Web Dev half a week ago and I made a thing as a first practise that I actually deem useful.
I call it mixme.tf which is not the actual domain of the website (yet, maybe, I dunno). However it is actually live under the URL https://mijuuu.github.io/ .
Basically you enter six names and press the 'mix me!™ ' - Button and it mixes your team randomly. I'm sure something like that exists already but if not feel free to do it better than me.
It is a work in progress and I am planning to integrate bootstrap to make it pretty and additional features like a copy box/button that copies the names and generated classes for you to paste into ingame chat or mumble chat or whatever.

Tell me how you like it and what you think I should add!

-Miju

EDIT:
(Change on 26.10.2017)
I remade the entire thing with Material Design for Bootstrap. It looks pretty sick now imo, No functionality besides some links was added. Let me know what you think of the new look!

EDIT:
(Change on 27.10.2017)
I changed the website so that I can add more projects in the future. That means https://mijuuu.github.io/ will lead you to a welcome page from where you can click mixme on the top. Or you just go directly using https://mijuuu.github.io/mixme.html .

EDIT:
(Change on 2.11.2017)
I tried putting in some way to proof the mix. There is now a proof-button that screenshots the table and the copy box is finished. It's hard to fake the screenshot but you can still just hit mixme until you get what you want... If I made the mixme button only clickable once you could just refresh the page... I can't come up with anything else because github pages doesn't compile PHP or anything else dynamic which also means i can't get the steam API to work. Plus: Since this is a webpage you could always just change the HTML.

EDIT:
(Change on 3.01.2018)
I made it pretty on the phone so you don't have to minimize TF2 to mix your team :)

EDIT:
(Change on 29.01.2018)
I made mixme.tf for hl. I call it mixmehl.tf (creative, right?). You can find it under mijuuu.github.io/mixmehl. Not alot of effort went into it tbh. I copy pasted alot and didn't try and bugfix much. So it isn't the prettiest but it is functional.

Yo!

I started working with JavaScript and overall Web Dev half a week ago and I made a thing as a first practise that I actually deem useful.
I call it mixme.tf which is not the actual domain of the website (yet, maybe, I dunno). However it is actually live under the URL https://mijuuu.github.io/ .
Basically you enter six names and press the 'mix me!™ ' - Button and it mixes your team randomly. I'm sure something like that exists already but if not feel free to do it better than me.
It is a work in progress and I am planning to integrate bootstrap to make it pretty and additional features like a copy box/button that copies the names and generated classes for you to paste into ingame chat or mumble chat or whatever.

Tell me how you like it and what you think I should add!

-Miju


EDIT:
(Change on 26.10.2017)
I remade the entire thing with Material Design for Bootstrap. It looks pretty sick now imo, No functionality besides some links was added. Let me know what you think of the new look!

EDIT:
(Change on 27.10.2017)
I changed the website so that I can add more projects in the future. That means https://mijuuu.github.io/ will lead you to a welcome page from where you can click mixme on the top. Or you just go directly using https://mijuuu.github.io/mixme.html .

EDIT:
(Change on 2.11.2017)
I tried putting in some way to proof the mix. There is now a proof-button that screenshots the table and the copy box is finished. It's hard to fake the screenshot but you can still just hit mixme until you get what you want... If I made the mixme button only clickable once you could just refresh the page... I can't come up with anything else because github pages doesn't compile PHP or anything else dynamic which also means i can't get the steam API to work. Plus: Since this is a webpage you could always just change the HTML.

EDIT:
(Change on 3.01.2018)
I made it pretty on the phone so you don't have to minimize TF2 to mix your team :)

EDIT:
(Change on 29.01.2018)
I made mixme.tf for hl. I call it mixmehl.tf (creative, right?). You can find it under mijuuu.github.io/mixmehl. Not alot of effort went into it tbh. I copy pasted alot and didn't try and bugfix much. So it isn't the prettiest but it is functional.
2
#2
11 Frags +

can you extend it and make it possible to doublemix? also filling in names sucks, any way to make it remember names or integrate steam?

can you extend it and make it possible to doublemix? also filling in names sucks, any way to make it remember names or integrate steam?
3
#3
6 Frags +

hey thats cool

Show Content
now I can spam my steam friends with roster ideas
hey thats cool
[spoiler]now I can spam my steam friends with roster ideas [/spoiler]
4
#4
7 Frags +

cool beans
can you make it do temporary links so you can share the results instantly in case people dont trust you

cool beans
can you make it do temporary links so you can share the results instantly in case people dont trust you
5
#5
5 Frags +
kKaltUucan you extend it and make it possible to doublemix? also filling in names sucks, any way to make it remember names or integrate steam?

I totally forgot about dmixes to be honest. I think it'll be quite easy to do.

sagecool beans
can you make it do temporary links so you can share the results instantly in case people dont trust you

That sounds more difficult but I can look into that if I get to stick with the project.

The thing is I am doing this at work and my boss is happy that I can work on a real project as practise but now I have to implement bootstrap (which will make the whole thing prettier and modern) because I will need that later. As soon as my skills are developed enough I'll have to do work on actual tasks for work. Meaning this will have to turn into a hobby project.

[quote=kKaltUu]can you extend it and make it possible to doublemix? also filling in names sucks, any way to make it remember names or integrate steam?[/quote]
I totally forgot about dmixes to be honest. I think it'll be quite easy to do.

[quote=sage]cool beans
can you make it do temporary links so you can share the results instantly in case people dont trust you[/quote]
That sounds more difficult but I can look into that if I get to stick with the project.

The thing is I am doing this at work and my boss is happy that I can work on a real project as practise but now I have to implement bootstrap (which will make the whole thing prettier and modern) because I will need that later. As soon as my skills are developed enough I'll have to do work on actual tasks for work. Meaning this will have to turn into a hobby project.
6
#6
8 Frags +

tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.

tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.
7
#7
14 Frags +
huib14tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.

You should take a visit to spanish mixes lmao

[quote=huib14]tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.[/quote]
You should take a visit to spanish mixes lmao
8
#8
0 Frags +
Traxgartehuib14tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.You should take a visit to spanish mixes lmao

As I mentioned earlier, I'm planning to get some readonly textbox in there that you can copy via a button. The copied text will include who was chosen for which class. It can be faked but I can get that done with my current skillset.

[quote=Traxgarte][quote=huib14]tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.[/quote]
You should take a visit to spanish mixes lmao[/quote]

As I mentioned earlier, I'm planning to get some readonly textbox in there that you can copy via a button. The copied text will include who was chosen for which class. It can be faked but I can get that done with my current skillset.
9
#9
15 Frags +

top5 mix creator with tag and shield by lake : http://mix.top5rocket.fr/mix/top5aidsmixcreator

http://mix.top5rocket.fr/

top5 mix creator with tag and shield by lake : http://mix.top5rocket.fr/mix/top5aidsmixcreator

http://mix.top5rocket.fr/
10
#10
6 Frags +

I remade the entire thing visually. Check it out. https://mijuuu.github.io/

Also I decided not to create an option to pick double mixes... Teams would be unbalanced 80% of the time and the traditional LastToSpec -> MedicSawFight -> PickPlayers works okay. And you can still use my site to just shuffle two teams. You just have to make two teams before.

I remade the entire thing visually. Check it out. https://mijuuu.github.io/

Also I decided not to create an option to pick double mixes... Teams would be unbalanced 80% of the time and the traditional LastToSpec -> MedicSawFight -> PickPlayers works okay. And you can still use my site to just shuffle two teams. You just have to make two teams before.
11
#11
3 Frags +
Traxgartehuib14tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.You should take a visit to spanish mixes lmao

tfw Trax only wants to play Demoman
FeelsBadMan

[quote=Traxgarte][quote=huib14]tbf this does the job all ready, if people don't act like 8 year olds you don't need a link to copy-paste. Just make a screenshot or something if they don't 'trust' you.[/quote]
You should take a visit to spanish mixes lmao[/quote]

tfw Trax only wants to play Demoman
FeelsBadMan
12
#12
2 Frags +

@spanish_mixers: check out the changes. Notes are in the edits of the original post.

@spanish_mixers: check out the changes. Notes are in the edits of the original post.
13
#13
1 Frags +
Miju@spanish_mixers: check out the changes. Notes are in the edits of the original post.

using chrome here, clicking on "Get proof" downloads a file called "download" without any extension
could you make it have a .png extension by default?

[quote=Miju]@spanish_mixers: check out the changes. Notes are in the edits of the original post.[/quote]
using chrome here, clicking on "Get proof" downloads a file called "download" without any extension
could you make it have a .png extension by default?
14
#14
0 Frags +
sageMiju@spanish_mixers: check out the changes. Notes are in the edits of the original post.using chrome here, clicking on "Get proof" downloads a file called "download" without any extension
could you make it have a .png extension by default?

Done. Should be live now.

Also I got a copy-to-clipboard-button working and I removed the timestamp because it was ugly.

[quote=sage][quote=Miju]@spanish_mixers: check out the changes. Notes are in the edits of the original post.[/quote]
using chrome here, clicking on "Get proof" downloads a file called "download" without any extension
could you make it have a .png extension by default?[/quote]

Done. Should be live now.

Also I got a copy-to-clipboard-button working and I removed the timestamp because it was ugly.
15
#15
3 Frags +

I never expected anyone to need mixme for highlander but I joined a UGC HL meme team and we mix the classes every official. So I actually need it myself. Yeah, here is mixme for Highlander: mixmehl.tf (mijuuu.github.io/mixmehl)

I never expected anyone to need mixme for highlander but I joined a UGC HL meme team and we mix the classes every official. So I actually need it myself. Yeah, here is mixme for Highlander: mixmehl.tf (mijuuu.github.io/mixmehl)
Please sign in through STEAM to post a comment.