Skip to content

Commit

Permalink
Minor HTML edits
Browse files Browse the repository at this point in the history 
- Renamed folder with video files "media"
- Now using 15 sec ads in demo instead of 30 sec
- Added header tag
- Added HTML comment notes
- Deleted unused assets
- Added a a few webM, mp4 and png examples to assets folder
  • Loading branch information
rebelliouspixels committed Oct 5, 2011
1 parent 5cf3202 commit efe4bb4
Show file tree
Hide file tree
Showing 12 changed files with 32 additions and 22 deletions.
Binary file added assets/boys_clonewars.webm
View file
Binary file not shown.
Binary file added assets/boys_gijoe.mp4
View file
Binary file not shown.
Binary file added assets/boys_gijoe.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/girls_barbieprincess.mp4
View file
Binary file not shown.
Binary file added assets/girls_barbieprincess.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/girls_barbieprincess.webm
View file
Binary file not shown.
Binary file removed assets/trailer.mp4
View file
Binary file not shown.
Binary file removed assets/trailer.ogv
View file
Binary file not shown.
Binary file removed assets/trailer.webm
View file
Binary file not shown.
Binary file removed assets/videobin-place-holder.psd
View file
Binary file not shown.
Binary file removed images/videobin-place-holder.png
View file
Binary file not shown.
54 changes: 32 additions & 22 deletions index.html
View file
Expand Up @@ -12,7 +12,9 @@
\/ |_|\___| \_/\_/ |_____/ \___/ \__,_|_| \___|\___| \_____|\__,_|_|\__|\__,_|_| \___|
-->
<title>Remixer</title>
<title>The HTML5 Video Remixer</title>
<!-- See a working version of this demo at GenderRemixer.com -->

<link rel="stylesheet" href="styles/bootstrap-1.2.0.min.css">
<link rel="stylesheet" href="styles/style.css" />

Expand All @@ -23,20 +25,26 @@
</head>
<body>
<div id="wrapper"class='clearfix'>
<h1>Gendered Advertising Remixer</h1>
<header>
<h1>The HTML5 Video Remixer Project</h1>
</header>

<figure id="bin1" class='well' >
<h1 id="boys">Source A</h1>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_CosmicCatch.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_HotWheelsBattleforce.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_HotWheelsCustomMotors.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_LegoMarsMission.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_NerfSnipterGun.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_PiratesOnline.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_SpaceHeroesSpaceSet.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_TonkaBoyhood.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_TruckFord.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Boys_YuGiOh_CardGame.png"/>
<!-- Replace the following file paths with your own -->
<!-- All webM videos and png thumbnails should use the same file names in the same folder -->
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_battleground.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_gijoe.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_modmachines.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_legocastle.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_playpirates.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_clonewars.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_battleship.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_transformblaster.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_ubuildbattleship.png"/>
<img class="bin1 thumb" src="http://www.genderremixer.com/html5/media/boys_nerfstampede.png"/>
</figure>

<figure id="canvas" class='well'>
<div class='droppables clearfix'>
<section id="audioSource" ></section>
Expand All @@ -53,16 +61,18 @@ <h1 id="boys">Source A</h1>

<figure id="bin2" class='well' >
<h1 id="girls">Source B</h1>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_BabyAnnabellDoll.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_Babydoll.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_BarbieGirl.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_BarbieJeep.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_BratzMakeUp.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_Chixos.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_ChouChouBabyDoll.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_DisneyDollBell.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_FurRealFriends.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/boys-and-girls/Girls_FurRealMySizePony.png"/>
<!-- Replace the following file paths with your own -->
<!-- All webM videos and png thumbnails should use the same file names in the same folder -->
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_pollypocket.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_barbieglitter.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_bettyspeghetty.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_babyalive.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_4everkidzdoll.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_cgcnds.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_barbieprincess.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_miopup.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_mylittlepony.png"/>
<img class="bin2 thumb" src="http://www.genderremixer.com/html5/media/girls_lilpetshop.png"/>
</figure>

</div>
Expand Down

0 comments on commit efe4bb4

Please sign in to comment.