I didn't know where to post this,
Anyhow I spent 30 minutes writting up a PHP application (heres (http://notpublished.ulmb.com/card/src/20100112.zip) the source)
It obviously needs some refinement with things like image resizing and other stuff.
Here you can make them to -
http://notpublished.ulmb.com/card/ (http://notpublished.ulmb.com/card/) - Card generator in website style
http://notpublished.ulmb.com/card/card.php (http://notpublished.ulmb.com/card/card.php) - card generator - without website
IF anyone wants to offer up hosting I will gladly take that up, otherwise I'll keep it here.
If anyone wants to add their own things to it (Or even take over the programming side) feel free - otherwise if there are any suggestions to add to it; feel free to post and I'll get around to it.
So here is an example I made using it -
(http://img691.imageshack.us/img691/6152/princesskls.png)
... Wasn't in a creative mood unfortunantely :P I'm sure someone can come up with something
Latest source version : 20100113 (http://notpublished.ulmb.com/card/src/20100113.zip)
Older -
- 20100112 (http://notpublished.ulmb.com/card/src/20100112.zip)
Future plans :
- [done] Store created images and provide link to use
- [wip] Provide alternate card layouts
- [done] Fix up resize formula for the 2nd image
- [done] Added TrueType fonts to description .. no longer blocky yay
- Able to add quotes
- Choose your background colour
- Choose your font-colour
Any ideas, suggest away!
I laughed.
DO ME. I suck at image stuff.
This has potential for awesome. Wish I could help.
I'll find a free php server in mean time and upload so you guys can fiddle around with it to, all you have to do is upload an image and it'll resize and fit it into the card and you can write your description + title.
Quote from: NotPublished on January 12, 2010, 07:40:30 AM
Can anyone host it? (If not - anyone know a reasonable free host?)
Have you considered using http://photobucket.com/ (http://photobucket.com/)? It's free (last I checked, anyhow) and not too shabby re: hosting images. :)
Regarding the cards: awesome! I need to lurk moar to get the references, but this has the potential to be magnificent.
No not the images - can just use imageshack, but the application itself that made to use it.
Oh! My brainfart, then, I apologize.
http://notpublished.ulmb.com/card/card.php - Ok it works but its kinda slow :(
It only works with PNG,JPG or GIF (not any other file format) - and for the sake of convenience keep the Title Font Size and Desc Font Size as numbers only.
Anyhow, anyone have ideas to what to add to it/do with it?
So I was in the mood and I attempted to make a quick site to
http://notpublished.ulmb.com/card/ (http://notpublished.ulmb.com/card/)
*eta* fixed link .. lmao I was linking it to localhost :(
whoaaaaaaaaaaaaaa :mittens:
that is awesome :D i wanted to make something like that when Cram posted that "pirate pass-off" game, and you went ahead and just did it!
also, I love the graphics :D :D :D
so yeah if you want inspiration on what to do with it, check out this thread:
http://www.principiadiscordia.com/forum/index.php?topic=17954.0
also, I had these lines of PHP code lying around for uploading an image to ImageShack, turns out to be super-easy if you know some shortcuts:
(shortcuts being the imageshack developer API and the SimpleXML functions available in PHP5)
// $url is the URL of the image you want to transload, basically you'd save the image as a .JPG on the server
// and then pass it the URL that would point to it, so http://notpublished.ulmb.com/card/temp_card_532.jpg
// the return value will be the link on imageshack. you can then delete the temporary JPG on the server, but
// remember to generate a random filename for it every time otherwise things will probably explode if two
// people use the card generator at the same time.
function imageshack_transload($url) {
$r = simplexml_load_file("http://www.imageshack.us/upload_api.php?url=$url");
return (string) $r->links->image_link;
}
and what you said about only accepting JPG/PNG/GIF--that's enough, don't worry about it, 99.9% of all images anyone was going to use are one of those formats. and otherwise they can convert it themselves right?
I made this:
(http://img29.imageshack.us/img29/599/qttempem3732.png)
oh and one other thing, that free hoster you got, if you look at the source it creates, you will notice it inserts this "Free Hosting Code Insert" advertisement popup shit right after the opening <body> tag. if you want to foil that evil scheme of theirs (after all, you have a RIGHT to free webspace without ads!! :) ), you will put this code into the <head> section after your two <link> tags:
<style>/*
<body>
*/</style>
see how fucking clever that is? now the advertising inserting shit will probably trigger on the first <body> tag it sees, but that's not a <body> tag, but it's a comment inside a <style> definition and therefore it won't do shit. w00t. do it, trust me, you'll feel better.
Sweet deal!
I was wondering if I could upload directly to imageshack and you just brought it to me :D (That code is a keeper btw!)
And as for the Pirate Pass-Off, I'll provide that as an alternate layout also.
I'll try figure out a good method for text-wraping, I wanted to use imagestring function so I could calculate the width much more easily, but the font-size was always way too small .. but perhaps this is ok to use?
Should I work on imitating http://bighugelabs.com/deck.php ? Card resolution was something I obviously didn't take into consideration ... I suppose I could call what I have now just "Preview" mode and provide a much bigger one in "Publish" Mode.
Quoteoh and one other thing, that free hoster you got, if you look at the source it creates, you will notice it inserts this "Free Hosting Code Insert" advertisement popup shit right after the opening <body> tag. if you want to foil that evil scheme of theirs (after all, you have a RIGHT to free webspace without ads!! ), you will put this code into the <head> section after your two <link> tags:
Code:
<style>/*
<body>
*/</style>
see how fucking clever that is? now the advertising inserting shit will probably trigger on the first <body> tag it sees, but that's not a <body> tag, but it's a comment inside a <style> definition and therefore it won't do shit. w00t. do it, trust me, you'll feel better.
I'll get right onto that and kill that damn thing, thats a very smart idea there!
eta: Damn! Looks like they are just doing a regex and inserts into all <body> tags :(
(http://img62.imageshack.us/img62/6212/kaousuu.jpg)
:lol:
(http://i882.photobucket.com/albums/ac28/dimo1138/dimocard.jpg)
1) This is awesome :lulz:
2) I think we should call these Discardians
3) these would make spectacularly good emoticons
Ok updated the site
1) Added Text wrap, so you don't have to worry soo much about pushing enter (as long as the word has a space!) [But now you've lost ability to change font-size. Maybe I'll make some fonts later on]
2) Fixed up image resize, its now ratio based ... haven't tested it properly yet so if it acts funky gimme a heads up.
3) Made the Yugi-Oh card description area bigger
- Gonna work on different card templates now
Quote
Discardians
Hmm I can go with that :D
This is completely fucking awesome.
I love this.
Quote from: NotPublished on January 12, 2010, 04:42:32 PM
I was wondering if I could upload directly to imageshack and you just brought it to me :D (That code is a keeper btw!)
awesome! it doesn't really get much easier than 2 lines of code huh :D
Quoteeta: Damn! Looks like they are just doing a regex and inserts into all <body> tags :(
bitches!!
and judging from the change in http://notpublished.ulmb.com/card/card.php it also triggers when there are no <body> elements at all! which is odd because how does it distinguish when PHP generates an image which would get botched if you insert code ..
oh well, we can't let this happen.
<head>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<script>
/*
<body>
*/
document.write('<bo' + 'dy>');
</script>
<head> section remains as it was, then comes a <script> tag which has a commented /*<body>*/ tag in it to trigger the regex script, BUT THEN the real <body> tag is written using JavaScript as a string split into two parts so it doesn't trigger the advertisement-rewrite regex. Because JavaScript is executed only clientside.
does that work?
... of course we could also find a better free webhost, but even if we did, we'd still have to solve this puzzle right :)
The images are already generated via PHP,
header('Content-type: image/png');
That seems to of stopped it from intruding on the file.
Though that seems like alot of effort to avoid the reg-ex :) If its not intruding I guess theres no harm .. or I could just find out what functions are being called in the inserted script and just declare them earlier
Though for a free-webhost its pretty impressive, 500 GB worth of bandwidth a month!
Ok sweet, now you can change the card template with a drop down menu. Gonna work on that imageshack uploader thing and I think thats enough for now. Wonder how that will go hehe
Hey, what the hell is that pop-up ad all about, anyway?
Are you getting pop ups?
The host is inserting a line into the <body> tag
<script src="/.system/insert.php" type="text/javascript"/>
But I just checked with Firefox Firebug and it just says -
Failed to load source for: http://notpublished.ulmb.com/.system/insert.php
by the looks of it - it isn't working.
Thought it might be intrustive to the php generated image, but not getting any errors so far thankfully. Guess I'll just let it be for now
edit: Actually, 000 - Your a genius! I didn't realise it at the time but what you wrote makes perfect sense. I'll try it
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<script>
/*
<body>
<!-- Begin Free Hosting Code Insert -->
<script type="text/javascript" src="/.system/insert.php"></script>
<!-- End Free Hosting Code Insert -->
*/
document.write('<bo' + 'dy>');
</script>
<div id="mainbody">
:lulz:
With the ImageShack upload code, its returning
"SimmpleXMLElement Object ( [error] => http://notpublished.ulmb.com/card/bg.png has no video content ) "
Looks like gotta find the right switch
hxxp://www.rohitab.com/discuss/index.php?showtopic=29759 - found this link will try the code from that.
EPIC! The code works, just gotta parse the response - then I'll upload the current version.
Quote
HTTP/1.1 302 Moved Temporarily Server: nginx/0.7.64 Date: Tue, 12 Jan 2010 21:37:58 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close X-Powered-By: PHP/5.2.9 Set-Cookie: new_imageshack=y; expires=Thu, 21-Nov-2019 21:37:58 GMT; path=/; domain=.imageshack.us Set-Cookie: PHPSESSID=56c1d001fb0cdca20bb81462fdb8d52c; path=/ Expires: Thu, 19 Nov 1981 08:52:00 GMT Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Pragma: no-cache Set-Cookie: imgshck=56c1d001fb0cdca20bb81462fdb8d52c; expires=Fri, 07-Jan-2011 21:37:58 GMT; path=/; domain=.imageshack.us Set-Cookie: un_cookie=1; expires=Wed, 13-Jan-2010 21:37:58 GMT; path=/; domain=.imageshack.us Set-Cookie: latest=img51; expires=Fri, 07-Jan-2011 21:37:58 GMT; path=/; domain=.imageshack.us Set-Cookie: conversion=deleted; expires=Mon, 12-Jan-2009 21:37:57 GMT; path=/; domain=.imageshack.us Set-Cookie: always_opt=-1; path=/; domain=.imageshack.us Set-Cookie: rem_bar=-1; path=/; domain=.imageshack.us location: http://img51.imageshack.us/content_round.php?page=done&l=img51/8669/2122800000.png Set-Cookie: is_uuid=e124fafa9f0b4aafbaa3aa009064f58a; expires=Thu, 31-Dec-37 23:55:55 GMT; domain=.imageshack.us; path=/ P3P: CP="NOI CUR ADM OUR NOR STA NID" X-Server-Name-And-Port: _:14000
It returns that (Bolded part is what I want to retrieve)
http://img51.imageshack.us/content_round.php?page=done&l=img51/8669/2122800000.png (http://img51.imageshack.us/content_round.php?page=done&l=img51/8669/2122800000.png)
http\://[a-zA-Z0-9./?&_\-=]*
That will be the regex, if anyone knows anything better please share ! :)
Ok sweet, you can now upload directly to Image Shack :)
It provides you with the link; I just tested it.
http://img191.imageshack.us/content_round.php?page=done&l=img191/1971/113152054800000.png (http://img191.imageshack.us/content_round.php?page=done&l=img191/1971/113152054800000.png)
(http://img191.imageshack.us/img191/1971/113152054800000.png)
Its a start atleast, I think I can try get the server to view the page then attempt to grab the direct link for itself :)
I think the next step will be to choose between URL or upload from your computer.
Anyhow with the changes
- You can now select your resize method. Whether it is Ratio or Stretch based. With Ratio it will keep it 'nice' looking where as stretch will just force it to a certain width/height, the only problem with ratio is that there will be a black space
- If you wish to upload the image to ImageShack please make sure you check the upload to image shack box (Kinda realising its useless hahaha I suppose I could just let people hotlink from the free server aye?) - I'll provide a link to use it from the freehost to ... haha very redundant.
Is not working for me. :(*
Whats it say?
It could be that the filesize is large, I should put a warning up - there is no progress bar on your upload progress :)
Quote from: NotPublished on January 12, 2010, 07:40:30 AM
I didn't know where to post this,
Anyhow I spent 30 minutes writting up a PHP application (heres (http://notpublished.ulmb.com/card/src/20100112.zip) the source)
It obviously needs some refinement with things like image resizing and other stuff.
Here you can make them to -
http://notpublished.ulmb.com/card/ (http://notpublished.ulmb.com/card/) - Card generator in website style
http://notpublished.ulmb.com/card/card.php (http://notpublished.ulmb.com/card/card.php) - card generator - without website
IF anyone wants to offer up hosting I will gladly take that up, otherwise I'll keep it here.
If anyone wants to add their own things to it (Or even take over the programming side) feel free - otherwise if there are any suggestions to add to it; feel free to post and I'll get around to it.
So here is an example I made using it -
(http://img691.imageshack.us/img691/6152/princesskls.png)
... Wasn't in a creative mood unfortunantely :P I'm sure someone can come up with something
Latest source version : 20100112 (http://notpublished.ulmb.com/card/src/20100112.zip)
Future plans :
- Store create images and provide link to use
- Provide alternate card layouts
- Fix up resize formula for the 2nd image
Any ideas, suggest away!
FUCKING THING DOES NOT WORK. I CANNOT SAVE MY CARD.
FUCK THIS, I WILL DO IT MYSELF.
Quote from: NotPublished on January 12, 2010, 10:07:42 PM
Whats it say?
I forget. Some error message when I tried to save it.
Ohhh OOPS I forget to add a semicolon when I rushed.
Ok now its good :lulz:
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr1-1.png)
Hahahaha my poor ego :(
(http://notpublished.ulmb.com/card/tmp/132165394200000.png)
I'll look into making alternate fonts .. dont like the default ones :(
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr2.png)
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr3.png)
This is excellent. They need flavor text at the bottom!
I would make mine now, but I don't have any pics to upload from work.
:lulz: :lulz: :lulz: Aww so its become Old vs New fashion then aye? :(
.. gotta .. find ... font
Making a quick upload now, so if it screws you up in the process then I got lucky :lulz:
Updated
- So you can't refresh the cardUpload.php and bomb imageShack and the other server with cards
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr4.png)
Hahahahahahaha :lulz:
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr5.png)
(http://img34.imageshack.us/img34/2461/317562128200000.png)
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr6.png)
I like the idea of the quote text at the bottom, I'll add that in the next edit
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr7.png)
Brilliant.
(http://notpublished.ulmb.com/card/tmp/222136893600000.png)
:lulz:
This just went from fun to :lulz: :lulz: :lulz:
Friggin' awesome.
Quote from: The Right Reverend Nigel on January 12, 2010, 10:55:04 PM
(http://img34.imageshack.us/img34/2461/317562128200000.png)
I have to say, I don't think it's ever been more apparent than in that picture that Male Offspring takes after his mother. :lulz:
(http://i463.photobucket.com/albums/qq354/dickthecat/Richter1.jpg)
This gives me a great idea...
Quote from: The Good Reverend Roger on January 12, 2010, 11:10:24 PM
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr7.png)
Hahaahahaah aw damn!!! :lulz: :cry:
Ohh! I see a potential problem, if you hotlink directly from http://notpublished.ulmb.com/card/tmp/ - the person won't be able to view the picture unless they view the site first (something about IP); I may have a possible work around that atleast
- If you make cards and save them on the site, it'll give you a different kind of link now
Get the fonts right, spags!
[/bitchy]
Wait.
Is that Arial?
Oh God. :x
AAAARRRRIIIAAALLLLLL
:lulz: Could it get any better?
:( LEAVE ME ALONE
(What font should I use?)
Keeeeep iiiiit.
Times New Arial? :(
Yo Times New Roman, I'm real happy for you, but...
:D
Was just mucking around with the thing and made
http://notpublished.ulmb.com/card/imgRes.php?width=400&height=500&quality=0&stretch=1
(http://notpublished.ulmb.com/card/imgRes.php?width=100&height=100&quality=0&stretch=1) - you can muck around with the image and resize it, change its quality etc - it selects one at random; but you can use it to annoy for sure.
(http://notpublished.ulmb.com/card/imgRes.php?width=32&height=32&quality=0&stretch=1)
(http://notpublished.ulmb.com/card/imgRes.php?width=64&height=64&quality=0&stretch=1)
(http://notpublished.ulmb.com/card/imgRes.php?width=96&height=96&quality=0&stretch=1)
(http://notpublished.ulmb.com/card/imgRes.php?width=128&height=32&quality=0&stretch=1)
(http://notpublished.ulmb.com/card/imgRes.php?width=256height=32&quality=0&stretch=1)
(http://notpublished.ulmb.com/card/imgRes.php?width=512&height=32&quality=0&stretch=1)
(http://notpublished.ulmb.com/card/imgRes.php?width=1024&height=32&quality=0&stretch=1)
(http://notpublished.ulmb.com/card/imgRes.php?width=300&height=300&quality=12&stretch=1)
Anyhow, on a serious note I'll add an option to change the font - just gimme a heads up what fonts to put in, I never use anything but Arial :lulz:
... I've never found programming fun till just now
(http://i463.photobucket.com/albums/qq354/dickthecat/Plapse.jpg)
(http://i463.photobucket.com/albums/qq354/dickthecat/AON.jpg)
(http://i463.photobucket.com/albums/qq354/dickthecat/cgo.jpg)
Quote from: Felix on January 13, 2010, 01:57:34 AM
Yo Times New Roman, I'm real happy for you, but...
Arial is the best font of all time!
OF ALL TIME!
:lulz:
Quote from: Richter on January 13, 2010, 02:43:55 AM
(http://i463.photobucket.com/albums/qq354/dickthecat/Plapse.jpg)
:lulz:
Quote from: The Right Reverend Nigel on January 13, 2010, 02:59:06 AM
Quote from: Felix on January 13, 2010, 01:57:34 AM
Yo Times New Roman, I'm real happy for you, but...
Arial is the best font of all time!
OF ALL TIME!
:lulz:
Exactly!
Hmm ... might look around and see if I can apply filters or something to the pictures for effects.
Quote from: The Good Reverend Roger on January 12, 2010, 10:56:50 PM
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr6.png)
I must have totally skipped a page. Oh fuck! :lulz: That's what I get for staying up for 27 hours and counting :lulz:
Quote from: GA on January 13, 2010, 01:33:15 AM
Get the fonts right, spags!
[/bitchy]
Um, what? Oh. Fuck off.
(http://i476.photobucket.com/albums/rr126/TGRR/tgrr8.png)
god dammit........ :argh!:
Quote from: xXKazXx on January 14, 2010, 04:13:32 AM
god dammit........ :argh!:
Ball's in your court, you Armenian swine.
:lord:
(http://notpublished.ulmb.com/card/img.php?file=230289522400000.png)
Quote from: NiveKRayne on January 14, 2010, 05:29:53 AM
(http://notpublished.ulmb.com/card/img.php?file=230289522400000.png)
GOD DAMMIT!!
(http://notpublished.ulmb.com/card/img.php?file=128639907400000.png)
(http://img16.imageshack.us/img16/3920/242226545000000.png) (http://img16.imageshack.us/i/242226545000000.png/)
Take it Bitches!
Quote from: NiveKRayne on January 14, 2010, 05:29:53 AM
(http://notpublished.ulmb.com/card/img.php?file=230289522400000.png)
:spit:
holy shit
(http://img35.imageshack.us/img35/5016/408560668400000.png)
+20lbs just for looking at it
-50 agility points for grease vein pork nap
god damn i want that pork
Needs moar Payne card.
Quote from: Suu on January 14, 2010, 05:32:19 PM
(http://img35.imageshack.us/img35/5016/408560668400000.png)
I suppose we need an LMNO and Suu card now.
Looking at that card is making me hungry.
Made a few changes, you can either make the uploaded image/card look trippy or emboss them. Just tick the appropriate boxes.
*edit* Oh? on file upload the error code is #6 .. and that means there is no temporary folder on upload? =/ Gonna try send off a ticket.
I wonder how long they'll take to fix this ...
Looks like I'll have to start looking for a new host soon. =/
- note to self : Never push reset button again O_O
(http://i5.photobucket.com/albums/y153/Meiintas/redbutton.jpg)
DO PUSH THIS BUTTON: http://www.emergencyyodel.com
Quote from: LMNO on January 14, 2010, 07:11:27 PM
Quote from: Suu on January 14, 2010, 05:32:19 PM
(http://img35.imageshack.us/img35/5016/408560668400000.png)
I suppose we need an LMNO and Suu card now.
I has a card. I may remake it though with the new system so it all fits better.
Quote from: Darth Cupcake on January 15, 2010, 07:13:42 PM
DO PUSH THIS BUTTON: http://www.emergencyyodel.com
FUCK YES.
OH shit.
The Yodels STACK :lulz:
DCup, you always bring us the nicest abominations.
Quote from: Richter on January 15, 2010, 07:21:03 PM
OH shit.
The Yodels STACK :lulz:
DCup, you always bring us the nicest abominations.
They STACK? Oh my god. I must try this.
My work studies must be so constantly confused by what comes out of this office.
My disciples in the office call center are getting this on Tuesday. :mrgreen:
(http://i463.photobucket.com/albums/qq354/dickthecat/avatarcard.jpg)
Quote from: Darth Cupcake on January 15, 2010, 07:13:42 PM
DO PUSH THIS BUTTON: http://www.emergencyyodel.com
Ahahaha that is strangely relieving ... endorphines are released...
@Richter - Hahahaa that thing is soo creepy!
(http://img689.imageshack.us/img689/4861/175614122400000.png)
I'm gonna work on making a record that will keep all of the cards uploaded so you can browse the 'gallery' for any future uses - and it'll give you the [img][/img] link and all
*edit* Ok sweet now all future creations (And their links to image shack) will be stored in the database. I'll make the Gallery later.
My cards disappeared. :sad:
Quote from: Mistress Freeky on January 15, 2010, 06:33:32 PM
(http://i5.photobucket.com/albums/y153/Meiintas/redbutton.jpg)
What does this button do?! *pushes it*
Quote from: NiveKRayne on January 16, 2010, 02:21:01 AM
My cards disappeared. :sad:
Photobucket has gone all Nazi.