Skip to content

Commit df14745

Browse files
author
OJay Robinson
committed
example style refinement
1 parent db6e56c commit df14745

12 files changed

Lines changed: 36 additions & 30 deletions

‎_assets/css/examples.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,8 @@ header p {
2828
}
2929

3030
.content {
31-
height: auto;
31+
width: 960px;
32+
height: 400px;
3233
overflow: hidden;
3334
padding: 1em;
3435
}
@@ -47,6 +48,8 @@ header p {
4748
}
4849

4950
#error, #mobile {
51+
width: 960px;
52+
height: 400px;
5053
display:none;
5154
text-align: left;
5255
padding: 1em;

‎_assets/css/soundjs.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
h1:before {
2+
content:"SOUNDJS ";
3+
}

‎examples/AudioSprite.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55

66
<link href="../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
</head>
910

1011
<body onload="init()">
1112

1213
<header class="SoundJS">
13-
<h1><span class="text-product">Sound<strong>JS</strong></span> Audio Sprite
14-
Example</h1>
14+
<h1>Audio Sprite Example</h1>
1515

1616
<p>This example shows the usage of an audio sprite.</p>
1717
</header>

‎examples/JustPlay.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,19 @@
55

66
<link href="../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
<script src="../_assets/js/examples.js"></script>
910
</head>
1011

1112
<body onload="init()">
1213

1314
<header class="SoundJS">
14-
<h1><span class="text-product">Sound<strong>JS</strong></span> Just Play
15-
</h1>
15+
<h1>Just Play</h1>
1616

1717
<p>This example registers and plays a sound with SoundJS.</p>
1818
</header>
1919

20-
<div class="content" id="content">
20+
<div class="content" id="content" style="height: auto">
2121
<p id="status">Startup.</p>
2222
</div>
2323

‎examples/MediaPlayer/MediaPlayer.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55

66
<link href="../../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
<script src="../../_assets/js/examples.js"></script>
910

1011
<style type="text/css">
@@ -110,13 +111,12 @@
110111
<body onload="init()">
111112

112113
<header class="SoundJS">
113-
<h1><span class="text-product">Sound<strong>JS</strong></span> Media Player
114-
</h1>
114+
<h1>Media Player</h1>
115115

116116
<p>A Simple Media Player using SoundJS.</p>
117117
</header>
118118

119-
<div id="content" class="content" style="position: absolute">
119+
<div id="content" class="content" style="position: absolute; height: auto">
120120
<div id="player">
121121
<div id="playBtn" class="button playBtn"></div>
122122
<div id="stopBtn" class="button stopBtn"></div>

‎examples/MobileSafe.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,20 @@
55

66
<link href="../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
<script src="../_assets/js/examples.js"></script>
910
</head>
1011

1112
<body onload="init()">
1213

1314
<header class="SoundJS">
14-
<h1><span class="text-product">Sound<strong>JS</strong></span> Mobile Safe
15-
Play</h1>
15+
<h1>Mobile Safe Play</h1>
1616

1717
<p>This example registers and plays a sound with SoundJS in a way that will
1818
work on mobile devices.</p>
1919
</header>
2020

21-
<div class="content" id="content">
21+
<div class="content" id="content" style="height: auto">
2222
<p id="status">Hello World.</p>
2323
</div>
2424

‎examples/MusicVisualizer.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55

66
<link href="../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
<script src="../_assets/js/examples.js"></script>
910
</head>
1011

1112
<body onload="init()">
1213

1314
<header class="SoundJS">
14-
<h1><span class="text-product">Sound<strong>JS</strong></span> Web Audio
15-
Music Visualizer</h1>
15+
<h1>Web Audio Music Visualizer</h1>
1616

1717
<p>This example shows a web audio exclusive demo that examines music data as
1818
it is played.</p>
@@ -33,7 +33,7 @@ <h1>Sorry!</h1>
3333
Thank you.</p>
3434
</div>
3535

36-
<div width="960" height="400">
36+
<div class="content">
3737
<canvas style="background: black" id="testCanvas" width="960" height="400"></canvas>
3838
</div>
3939

‎examples/PreloadAndPlay.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55

66
<link href="../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
<script src="../_assets/js/examples.js"></script>
910
<style>
1011
.plugin {
@@ -16,17 +17,16 @@
1617

1718
<body onload="init()">
1819

19-
<header class="SoundJS">
20-
<h1><span class="text-product">Sound<strong>JS</strong></span> Preload And
21-
Play</h1>
20+
<header class="SoundJS">
21+
<h1>Preload And Play</h1>
2222

2323
<p>This example preloads an audio instance, and immediately plays it using
2424
SoundJS. A different audio source will be chosen by SoundJS depending on
2525
the browser capabilities. Note that this will not work without a web
2626
server in some browsers.</p>
2727
</header>
2828

29-
<div class="content" id="content">
29+
<div class="content" id="content" style="height: auto">
3030
<div>
3131
<a href="?type=normal">Web Audio with HTML Audio then Flash
3232
Fallbacks</a> | <a href="?type=html5">HTML Audio Only</a> | <a

‎examples/SoundExplosion.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,15 @@
55
<title>EaselJS Example: Using Stage.autoClear</title>
66
<link href="../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
<script src="../_assets/js/examples.js"></script>
910
</head>
1011

1112
<body onload="init();">
1213
<!-- background isn't set to black to demonstrate how the darkening applies -->
1314

1415
<header class="SoundJS">
15-
<h1><span class="text-product">Sound<strong>JS</strong></span> Fireworks
16-
Demo</h1>
16+
<h1>Fireworks Demo</h1>
1717

1818
<p>A simple demo demonstrating playing a lot of sounds at once while
1919
animating.
@@ -30,7 +30,7 @@ <h1>Sorry!</h1>
3030
with the device and browser you are using. Thank you.</p>
3131
</div>
3232

33-
<div>
33+
<div class="content">
3434
<canvas id="testCanvas" width="960" height="400"></canvas>
3535
</div>
3636

‎examples/SoundGrid.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55

66
<link href="../_assets/css/shared.css" rel="stylesheet" type="text/css"/>
77
<link href="../_assets/css/examples.css" rel="stylesheet" type="text/css"/>
8+
<link href="../_assets/css/soundjs.css" rel="stylesheet" type="text/css"/>
89
<script src="../_assets/js/examples.js"></script>
910
<style>
1011
body {
@@ -43,9 +44,8 @@
4344

4445
<body onload="init();">
4546

46-
<header class="SoundJS">
47-
<h1><span class="text-product">Sound<strong>JS</strong></span> Sound Grid
48-
</h1>
47+
<header class="SoundJS">
48+
<h1>Sound Grid</h1>
4949

5050
<p>Click audio instances in the grid to play them.</p>
5151
</header>

0 commit comments

Comments
 (0)