Markos and Feiman said they hoped to carry on this tradition. The original version was popular as an educational tool to teach people about privilege from a young age. The game was spearheaded by the late Robert Sommer, an internationally renowned professor at UC Davis and a pioneer of environmental psychology, the study of how human behavior is affected by the design of the world around us, in collaboration with Psychology Today. Only on a few occasions has a copy surfaced to be auctioned off. The first edition of Blacks & Whites was released more than 50 years ago, in 1970, but has since disappeared. For the first many rounds of the game, Black characters are only allowed to buy property in two of the four property zones (the Ungentrified Zone and Integrated Zone) while white characters can also buy in the remaining two (the Suburban Zone and 1% Zone) from the start-not that I could afford it anyway. But card stacks are segregated, and the stack reserved for Blacks contains more bumps in the road than the one for whites. Players can land on opportunity spaces, draw a card and get an advantage or disadvantage. Had I been white, I could have posted $20,000 in bail, rolled again, and pretended it had never happened.įrom then on, things only got harder. In my first turn, playing as a Black character called Rico, I rolled a 10 and landed myself a round detained at the police station. Black characters, encouraged to pool together their assets in a form of collective action, are given just $10,000 (that’s 40 grand short of the cheapest two properties). The privilege is clear from the get-go, when white characters are granted a sum of $1,000,000 to go and purchase property with. “The government begins an ‘urban renewal project!’ Lose all property in the Ungentrified Zone,” reads one coined only for Black characters.īlacks & Whites is similar to Monopoly, but with a twist: The character’s race is crucial to the player’s success in the game. Collect $50,000,” reads an opportunity card reserved for players of white characters in Blacks & Whites: 50th Anniversary Edition, a “socially conscious” tabletop game about privilege and inequity in real estate and American society. orange) and use css3 gradients to create that stripe.“You’re listening and learning and your DMs are open. Runway probably doesn't need to be an element at all. Your mounds and mounds of html will then collapse down to just a single definition.
Monopoly board view full#
I would also say you can make this significantly more lightweight by using a javascript templating framework like Handlebars or a an MVVM framework like Knockout or a full javascript framework like Angular. Other valid possibilities might be (as in article of clothing NOT a blog post article) or elements. column>div stuff as ul.column>li since these are part of a series. proper html elements can give good semantics to your document. Next - this is a bit of personal preference but I think you're overusing divs. I'll stop short of saying that you should avoid ids altogether but only use them when you're really really sure that the element is the only one on the page with that name (including any other components built from composite uis). you could imagine making a diesel-punk version of this where you use border-radius to have round (not boxy) spaces. box class is probably not the best named. You have non-unique ids! This is against spec and you will find that many tools and libraries have problems when using non-unique ids.
Monopoly board view code#
I will however review the code that you have. What you're asking for is a concept known as responsive design. We first need to know what the HTML should look like then we can automate it later.įont: bold 10px "Arial", "Helvetica", sans-serif īackground-image:url('./img/piece2.png') Īs mentioned in the comments the question that you are asking is actually off topic as you have not implemented it yet and there are many solutions (you could for example do everything as percentage or vh/vw units rather than pixels). Note: Don't worry about the lack of iteration with PHP that can come later. How would you size the 40 positions for users with a 1024x768 screen size? Users with a screen size lower than 1024x768 are not supported in this case. Price: This displays the purchase price in case unowned, or rent if owned, or taxes.Body: This a 32px area where icons are placed if icons are used.Runway : When a player lands on that position a 12x12px star will be displayed.The problem is in deciding the optimum size for these positions. The board size is determined by the sizes of the 40 Monopoly positions class name. I have cut the project into sections, so this question will only deal with creating the board. I am doing this to develop my web development skills. I am creating a Monopoly board game using HTML, CSS, PHP, JS and jQuery.