Epic Drunk

[proggR]

I had an idea to make a website to anonymously post drunk stories. I recently "completed" it and wanted to know what everyone thought.

Known issues:

- IE doesn't round the corners, the .htc fix worked for a bit and then broke and I haven't reapplied it

- IE 6 doesn't like the transparency on the Facebook and Twitter icons, again the .htc fix didn't work and I haven't fixed it

- IE 6 and 7 push down the "Vice" and "Retrospect" section in each story, I'm assuming it has something to do with how IE handles widths but I actually don't really know why yet

 

Any other feedback would be awesome. Try not to break it but if you see any way it could be broken let me know.

 

Here's the link:

www.epicdrunk.com

[proggR]

I see that it doesn't validate for nothing entered. Thanks for pointing that out. I've already gone ahead and flagged/deleted the post

Anything else?

[proggR]

Who spammed the crap out of it? I appreciate that you found out that you could but 100 posts was a tad excessive. Especially when I said

Try not to break it but if you see any way it could be broken let me know.

[isedeasy]

If you are going to allow anonymous users to post then a captcha is a must, Otherwise you are open to spam (I guess you just found that out).

[proggR]

I suppose I'll have to ya. I've added some validation to the backend now(on my local copy, haven't uploaded it yet) to handle the two things that were "pointed out"

Any feed back on the look/feel of it? That's kind of why I posted in this section and not Beta Testing

Another thing to add to the list of known problems is that if you manually change the URL to request a page greater than the actual number of pages it will show the last page(as you would expect) but it also says Page (num entered) of (num max). Haven't changed that yet.

 

[thewooleymammoth]

seems like you've got the security down, (atleast thwarted my basic js/injection attack.) nice job, like the site

[Simon Mayer]

#1 I think you need a margin-bottom for class .post_footer and I wouldn't be afraid to make it quite a chunky gap, perhaps 40px or so.

 

Currently the dates are two close to the items below. At first, I thought the dates represented the subsequent posting, rather than the previous one.

 

#2 It seems you have default Times New Roman font in the footers. It makes me think of basic mid-nineties sites.

 

 

#3 Your pages flex, because they are centre-aligned. So when you move to a page with no vertical scroll, your page darts slightly to one side to make use of the extra room. Maybe using html{overflow-y: scroll;} would be better.

 

#4 Also, just a thought (and this may actually be a bad idea), you could have your rating buttons as blue/orange. Red and green don't go with the blue/orange.

Of course doing that may confuse users about the difference between "good times" and "good story".

 

#5 "No stories match your request. Be the first to make one!" - perhaps make this a hyperlink to the submit story page

 

#6 I think the ?retro links should not clear down the ?vice selection and vice-versa

 

#7 Maybe link to related stories from the story page. either by keyword association or just simply a selection of stories with the same vice/retro - this would improve SEO, as you'd have better associated linking

 

#8 Have an RSS of the stories.

 

 

You might be best using something like Wordpress with your own custom theme, as it will do a lot of the SEO/RSS things for you. It's not too difficult to customise Wordpress to not look like a Wordpress site; especially when you are not using many of the features.

[proggR]

#1 I think you need a margin-bottom for class .post_footer and I wouldn't be afraid to make it quite a chunky gap, perhaps 40px or so.

 

Currently the dates are two close to the items below. At first, I thought the dates represented the subsequent posting, rather than the previous one.

 

#2 It seems you have default Times New Roman font in the footers. It makes me think of basic mid-nineties sites.

 

 

#3 Your pages flex, because they are centre-aligned. So when you move to a page with no vertical scroll, your page darts slightly to one side to make use of the extra room. Maybe using html{overflow-y: scroll;} would be better.

 

#4 Also, just a thought (and this may actually be a bad idea), you could have your rating buttons as blue/orange. Red and green don't go with the blue/orange.

Of course doing that may confuse users about the difference between "good times" and "good story".

 

#5 "No stories match your request. Be the first to make one!" - perhaps make this a hyperlink to the submit story page

 

#6 I think the ?retro links should not clear down the ?vice selection and vice-versa

 

#7 Maybe link to related stories from the story page. either by keyword association or just simply a selection of stories with the same vice/retro - this would improve SEO, as you'd have better associated linking

 

#8 Have an RSS of the stories.

 

 

You might be best using something like Wordpress with your own custom theme, as it will do a lot of the SEO/RSS things for you. It's not too difficult to customise Wordpress to not look like a Wordpress site; especially when you are not using many of the features.

 

Thank you

I hadn't even thought of adding RSS but it makes perfect sense to. I already have an RSS script I made a couple years ago that I could edit for this. And why I don't have a link to the submit page from that message I'm not sure but I'll definitely add it. I also hadn't noticed the Times New Roman in the footer. The footer used to be nested in the actual post but I moved it outside of it and didn't take into account that it would lose the font. I'll definitely be addressing that as well.

Definitely a helpful post