What are you working on? v7

[acpm]

Some friends and I have our own mock professional team called Urmam (Ur mom/Your mom). Here's our team info site I whipped up in a few minutes: [URL]http://urmam.andrewmcwatters.com/[/URL]

[editline]11th December 2012[/editline]

holla

for the lazy:

[IMG]http://i.imgur.com/mvWOo.png[/IMG]

[Silentfood]

Further work into this IRC type of chat thing.

[img]http://i.imgur.com/1jhip.png[/img]

Nicknames can be set, but everyone has a UID which cannot be changed unless they move to another IP. Optional too.

Also squeezed in a ping system to alert you who's in currently.
[url]http://nlan.org/chat/[/url] (yeah nsfw)

[saming]

[QUOTE=jaybuz;38791270]normalize.css
styles.css
front. css

styles contains button and other element specific styles.[/QUOTE]

IMO, one style.css and media queries suffice.

EDIT: Since at the top of the page, [URL="http://imgur.com/a/tFSDG"]link to imgur album[/URL] containing artwork and screenshots of the game (going to add to this gradually).

[douche beat]

[QUOTE=amcfaggot;38791461]Some friends and I have our own mock professional team called Urmam (Ur mom/Your mom). Here's our team info site I whipped up in a few minutes: [URL]http://urmam.andrewmcwatters.com/[/URL]

[editline]11th December 2012[/editline]

holla

for the lazy:

[IMG]http://i.imgur.com/mvWOo.png[/IMG][/QUOTE]

I like it, it's pretty simply designed. The only real complaint I have is the color you used for the drop shadow on the logo (specifically on the "You Mother's Multigaming Team" text). If you soften that shadow up a bit I think it'd look a lot better.

[acpm]

Yeah I thought it looked a little harsh too, but at the time I cba'd to change it. You can tell I was trying to create supple shadows though, considering they're barely seen on the #main-column and under the #hero.

[SupahVee]

[url]http://vittorioromeo.info/[/url]

First website, static (generated via C++).
Content is obviously filler (so far).

Being used to desktop programming I find getting HTML and CSS working as I want very hard.
I update the content by using JSON files and template files.

Source: [url]https://github.com/SuperV1234/WEBVittorioRomeo[/url]

[acpm]

[QUOTE=SupahVee;38792560][url]http://vittorioromeo.info/[/url]

First website, static (generated via C++).
Content is obviously filler (so far).

Being used to desktop programming I find getting HTML and CSS working as I want very hard.
I update the content by using JSON files and template files.

Source: [url]https://github.com/SuperV1234/WEBVittorioRomeo[/url][/QUOTE]

I know you were going for a full lowercase approach, but use proper casing in your <p>'s.

[eemmzz]

[QUOTE=SupahVee;38792560][URL]http://vittorioromeo.info/[/URL]

First website, static (generated via C++).
Content is obviously filler (so far).

Being used to desktop programming I find getting HTML and CSS working as I want very hard.
I update the content by using JSON files and template files.

Source: [URL]https://github.com/SuperV1234/WEBVittorioRomeo[/URL][/QUOTE]

Few things:
- Your header and navigation take up half my screen height (this is more personal opinion but I think that is way too much)
- Your buttons only allow clicking on the text instead of all the button on the navigation
- You could do with some sort of footer, it feels like the site just cuts off
- You're using line breaks where you should probably just put each part in its own p tag, this makes styling easier
- Your horizontal rules: why is this not just being done with a border on the menu div?

[fritzel]

Comments and critique on the theme.
[img]http://farm9.staticflickr.com/8496/8264565599_6fcdc88e6b_o.png[/img]

[slater]

[QUOTE=fritzel;38793464]Comments and critique on the theme.
[IMG]http://farm9.staticflickr.com/8496/8264565599_6fcdc88e6b_o.png[/IMG][/QUOTE]

Could be cool if you stuck to the colour theme (blue on the left, purple on the right). Maybe throw a bit of JS in there to change the colour of each half when selecting an earpiece colour.

[acpm]

[QUOTE=fritzel;38793464]Comments and critique on the theme.
[img]http://farm9.staticflickr.com/8496/8264565599_6fcdc88e6b_o.png[/img][/QUOTE]

Make the dark inner field areas lighter. Try choosing a more interesting typeface.

[Jelly_]

[QUOTE=saming;38792190]IMO, one style.css and media queries suffice.[/QUOTE]

That's only sufficient for extremely small sites. After your site reaches a certain level of complexity you end up with a really long and messy stylesheet.

[acpm]

Updated the Urmam page to display Steam statuses and sort them in the same manner Steam Community and Steam Friends do:

[IMG]http://i.imgur.com/U6nqy.png[/IMG]

[editline]11th December 2012[/editline]

/*! * Urmam Front Page
 * http://urmam.andrewmcwatters.com/
 *
 * Copyright 2012, Andrew McWatters.
 * All rights reserved.
 *
 * YO, VALVE, YOUR STEAM WEB API SUCKS. GGWP.
 * Proxy API required for private-key API with public data, my ass.
 *
 * Date: 10:06 PM 12/10/2012 GMT -07:00
 */
(function (jQuery, window) {
	"use strict";
	if (jQuery === "undefined") {
		return false;
	}


	var teamMembers = [
		"76561198041546169", // Andrew McWatters
		"76561197995848467", // Bishop
		"76561197992194900", // Firegod522
		"76561198050767592", // MaksPain
		"76561198037690956", // Mr. Anderson
		"76561197998984323"  // Wergulz
	];


	jQuery(function ($) {
		$(window).load(function () {
			var i;


			function sort(a, b) {
				return $(a).find(".name").text() > $(b).find(".name").text() ? 1 : -1;
			}


			function showPlayerSummaries(steamID) {
				var res, status;
				$.get("http://steamcommunity.com/profiles/" + steamID, function (data) {
					res = $(data.responseText);
					$("#we-are ul").prepend(
						"<li class=\"steamid_" + steamID + " profileAvatar\">" +
								res.find("#profileAvatar").html() +
							"</li>"
					);
					$("li.steamid_" + steamID + " .avatarHolder_default").append(
						"<div class=\"name\">" +
								"<a class=\"steamid_" + steamID + "\" href=\"http://steamcommunity.com/profiles/" + steamID + "\"></a>" +
							"</div>"
					);
					$("a.steamid_" + steamID).text(res.find("#mainContents div.name").text());


					status = $(res).find("#inCommon");
					if (status.find("#currentlyPlayingIcon").length !== 0) {
						$("li.steamid_" + steamID).attr("status", 2);
						$("li.steamid_" + steamID + " .avatarHolder_default").addClass("iconHolder_in-game");
					} else if (status.find("#statusOnlineHeader").length !== 0) {
						$("li.steamid_" + steamID).attr("status", 1);
						$("li.steamid_" + steamID + " .avatarHolder_default").addClass("iconHolder_online");
					} else if (status.find("#statusOfflineText").length !== 0) {
						$("li.steamid_" + steamID).attr("status", 0);
						$("li.steamid_" + steamID + " .avatarHolder_default").addClass("iconHolder_offline");
					}


					$("#we-are ul li").sortElements(function (a, b) {
						return $(a).attr("status") < $(b).attr("status") ? 1 : -1;
					});


					for (i = 2; i >= 0; i = i - 1) {
						$("#we-are ul li[status=\"" + i + "\"]").sortElements(sort);
					}
				});
			}


			for (i = 0; i < teamMembers.length; i = i + 1) {
				showPlayerSummaries(teamMembers[i]);
			}
		});
	});
}(jQuery, window));

I feel like this could be cleaned up quite a bit, but I wrote it really quick so idk.

[fritzel]

@amc

how do you write the text over meme images in your website. imagemagick or any other server side library ? An example will be pretty useful to me. Thanks.

[shodan]

[QUOTE=fritzel;38801926]@amc

how do you write the text over meme images in your website. imagemagick or any other server side library ? An example will be pretty useful to me. Thanks.[/QUOTE]

He didn't make that. Some advertiser changed the title of quite some people to advertise his website.

[editline]12th December 2012[/editline]

[img]http://i.imgur.com/dffCx.jpg?1[/img]

[Ac!dL3ak]

[QUOTE=fritzel;38801926]@amc

how do you write the text over meme images in your website. imagemagick or any other server side library ? An example will be pretty useful to me. Thanks.[/QUOTE]

createame.me isn't amc's site...

[editline]12th December 2012[/editline]

[QUOTE=Mega1mpact;38801943]He didn't make that. Some advertiser changed the title of quite some people to advertise his website.

[editline]12th December 2012[/editline]

[img]http://i.imgur.com/dffCx.jpg?1[/img][/QUOTE]

i feel honored, but he's a faggot, i liked my title

[shodan]

[QUOTE=Ac!dL3ak;38801965]createame.me isn't amc's site...[/QUOTE]

Same goes for you.
I find it sad to see this happen.

Ac!dL3ak and all the other people who's titles got changed by CherryJim just pm me or something if you want your title changed (for free)

[Miljaker]

[QUOTE=Mega1mpact;38801943]He didn't make that. Some advertiser changed the title of quite some people to advertise his website.

[editline]12th December 2012[/editline]

[IMG]http://i.imgur.com/dffCx.jpg?1[/IMG][/QUOTE]

Wut.... damn him. Is advertising like that allowed?

[shodan]

[QUOTE=Miljaker;38802063]Wut.... damn him.[/QUOTE]

yea just PM me or something if you want it changed (free)

[Miljaker]

[QUOTE=Mega1mpact;38802073]yea just PM me or something if you want it changed (free)[/QUOTE]

No that's fine. I'll change it myself. Appreciate the offer.

[Ac!dL3ak]

I uh

well

[url]http://forum.drderp.me/boards/1-primary/threads/3-welcome/posts[/url]

[shodan]

[QUOTE=Ac!dL3ak;38802753]I uh

well

[url]http://forum.drderp.me/boards/1-primary/threads/3-welcome/posts[/url][/QUOTE]

WHAT DID IT SAY!?

[Megolas]

[QUOTE=Mega1mpact;38803054]WHAT DID IT SAY!?[/QUOTE]

I have no idea - but hey! 5.8 views?! Hell yea!

[saming]

[QUOTE=Megolas;38803367]I have no idea - but hey! 5.8 views?! Hell yea![/QUOTE]

5 people and a midget visited the thread ?

[kragmars102]

[img]http://ezyimg.com/H4QL34[/img]

Because taking a tilted screenshot of your monitor is cool.

[Ac!dL3ak]

Yeah, 5.8 views is 58 views; rails' number_to_human is very touchy, and since I provided a tens translation it divided 58 by 10 and gave that result instead (when it should look exactly like a unit). I'll fix it in a little while.

[editline]12th December 2012[/editline]

[QUOTE=Mega1mpact;38803054]WHAT DID IT SAY!?[/QUOTE]

[img]http://i.imgur.com/1NQWv.png[/img]

[editline]12th December 2012[/editline]

I'll probably add a post preview for those who have :undelete permissions so they're not undeleting a post when they don't know its contents

[Spero78]

Currently working on a website for mine and a friends Minecraft server, Using bootstrap. I know its somewhat frowned upon but it makes development much quicker

[img_thumb]http://i.imgur.com/ZWN63.jpg[/img_thumb][img_thumb]http://i.imgur.com/JjoeG.jpg[/img_thumb]
[img_thumb]http://i.imgur.com/irCjt.jpg[/img_thumb][img_thumb]http://i.imgur.com/eeaXA.jpg[/img_thumb]
[img_thumb]http://i.imgur.com/ZjeQs.jpg[/img_thumb][img_thumb]http://i.imgur.com/ukuKT.jpg[/img_thumb]

Didn't know how to make the images smaller than img_thumb, But I figure you guys like new content so here's some of the pages im most proud of. Ive been using PHP to develop it all with the Twig template engine. The site is all linked up with the server so all the stats all pulled realtime from a socket server I wrote to interface with Minecraft.

Feedback is appreciated

[douche beat]

I dislike Bootstrap when you can really tell that it's being used, mostly being those websites that just throw up the stock Bootstrap theme with absolutely no customization or creativity. Your design is a lot better than that, I like it!

[acpm]

To be perfectly honest, I couldn't even tell that used Bootstrap.

[douche beat]

[QUOTE=amcfaggot;38807545]To be perfectly honest, I couldn't even tell that used Bootstrap.[/QUOTE]

The only thing that tipped me to that besides him saying so was the labels and buttons, and maybe the icons. Speaking of which you should try and recolor the non-active state icons since they seem a little hard to see