vov-mobile

Check-in [72d9d0f7e9]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Merge branch 'master' of https://github.com/vandys/vov-mobile
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | master | trunk
Files: files | file ages | folders
SHA3-256:72d9d0f7e9b097dc7546ac3ef082938926d5900194ab1225e9c0ac4b9b83e626
User & Date: ajv-899-334-8894@vsta.org 2016-08-20 16:52:21
Context
2016-09-04
15:33
Fix centering and size of pause/play. Use relative icon refs so clones of this can run anywhere. Leaf check-in: d461383da7 user: ajv-899-334-8894@vsta.org tags: master, trunk
2016-08-20
16:52
Merge branch 'master' of https://github.com/vandys/vov-mobile check-in: 72d9d0f7e9 user: ajv-899-334-8894@vsta.org tags: master, trunk
16:50
Move images to VoV web site. Pull banners dynamically. Implement URL click (window open) for banner entries. check-in: 0b51195174 user: ajv-899-334-8894@vsta.org tags: master, trunk
14:21
hopefully better alignment for checkboxes check-in: 7679000b65 user: snowneck@gmail.com tags: master, trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to imgs.js.

118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

// Once they've moved enough X distance, try and rotate
//  to the new image.
function domove(pageX, pageY) {
    var distx = Math.abs(pressX - pageX);
    var disty = Math.abs(pressY - pageY);
    curdist = Math.sqrt(distx*distx + disty*disty);
    if (distx < BWIDTH/3) {
	return;
    }

    var toleft = (pressX > pageX);
    bandone(true);
    if (toleft) {
	// The pointer moved to the left, dragging, so







|







118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

// Once they've moved enough X distance, try and rotate
//  to the new image.
function domove(pageX, pageY) {
    var distx = Math.abs(pressX - pageX);
    var disty = Math.abs(pressY - pageY);
    curdist = Math.sqrt(distx*distx + disty*disty);
    if (distx < BWIDTH/6) {
	return;
    }

    var toleft = (pressX > pageX);
    bandone(true);
    if (toleft) {
	// The pointer moved to the left, dragging, so

Changes to index.html.

12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

<audio id="radio1"></audio>
<script src="radio.js"></script>

<div class="shadowed" style="text-align: center; background: #1a75ff;">
<table class="padded" style="width: 100%;">
<tr>
  <td width="30%"></td>
  <td width= "40%">

<h1
  style="background: white; text-align: center; color: #1a75ff;
    font-weight: bold; font-size: large"
>KVSH<br>101.9<br>FM</h1>
  </td>
  <td width="30%"></td>
</tr>
<tr>
  <td width="30%"></td>
  <td id="nptext" width="40%" style="color: black; text-align: center; font-size: large">
   KVSH-LP - Voice of Vashon
  </td>
  <td width="30%"></td>
</tr>
</table>

<table class="padded" style="width: 100%;">
<tr>
  <td width=10%"></td>

  <td width="30%" style="text-align: left; font-weight: bold">
   <input type="radio" name="channel" id="kvshbtn" value="kvsh" checked>KVSH FM<br>
   <input type="radio" name="channel" value="1650am">1650 AM
  </td>
  <td width="20%">
   <img id="playmode" width="48px" height="48px" style="display: block; margin: 0 auto"
     onclick="return playBtn();"
     src="http://voiceofvashon.org/mobile/icon/play.svg">
  </td>
  <td width="40%"></td>
  <td width="20%"></td>
<td width="20%"></td>
</tr>
</table>

<table style="width: 100%;">
<tr>
 <td style="width: 10%;"></td>
 <td style="width: 80%;">
  <svg id="slider" preserveAspectRatio="xMidYMin" viewBox="0 0 640 100"
	onmousedown="bandown(evt);" ontouchstart="bantdown(evt);"
	onmouseup="bandone(false);" onblur="bandone(false);"
	ontouchend="bandone(false);"
>
  </svg>
 </td>
 <td style="width: 10%;"></td>
</tr>
</table>
</div>

<div style="padding-bottom: 15px"></div>

<table id="eventsTable">







|
|






|


|
|
<
<
|





<
<
|









<




|

|
|







|







12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


32
33
34
35
36
37


38
39
40
41
42
43
44
45
46
47

48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

<audio id="radio1"></audio>
<script src="radio.js"></script>

<div class="shadowed" style="text-align: center; background: #1a75ff;">
<table class="padded" style="width: 100%;">
<tr>
  <td width="10%"></td>
  <td width="80%">

<h1
  style="background: white; text-align: center; color: #1a75ff;
    font-weight: bold; font-size: large"
>KVSH<br>101.9<br>FM</h1>
  </td>
  <td width="10%"></td>
</tr>
<tr>
<td width="10%"></td>
  <td id="nptext" width="80%" style="color: black; font-weight: bold; text-align: center; font-size: large">


<td width="10%"></td>
</tr>
</table>

<table class="padded" style="width: 100%;">
<tr>


  <td width="40%" style="text-align: left; font-size: small;">
   <input type="radio" name="channel" id="kvshbtn" value="kvsh" checked>KVSH FM<br>
   <input type="radio" name="channel" value="1650am">1650 AM
  </td>
  <td width="20%">
   <img id="playmode" width="48px" height="48px" style="display: block; margin: 0 auto"
     onclick="return playBtn();"
     src="http://voiceofvashon.org/mobile/icon/play.svg">
  </td>
  <td width="40%"></td>

<td width="20%"></td>
</tr>
</table>

<table class="padded" style="width: 100%;">
<tr>
 <td></td>
 <td id="bannersize">
  <svg id="slider" preserveAspectRatio="xMidYMin" viewBox="0 0 640 100"
	onmousedown="bandown(evt);" ontouchstart="bantdown(evt);"
	onmouseup="bandone(false);" onblur="bandone(false);"
	ontouchend="bandone(false);"
>
  </svg>
 </td>
 <td></td>
</tr>
</table>
</div>

<div style="padding-bottom: 15px"></div>

<table id="eventsTable">

Changes to style.css.

24
25
26
27
28
29
30
31











    td.col_2 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }
}


















|
>
>
>
>
>
>
>
>
>
>
>
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
    td.col_2 {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }

    /* And show banner all the way across the screen */
    #bannersize {
	width: 100%;
    }
}
@media all and (min-width: 1000px) {
    /* And show banner half screen for large displays */
    #bannersize {
	width: 50%;
    }
}