weathercams/about.html at develop · asuos/weathercams · GitHub

1
2
3
4
5
6
7
8
9
10
11
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Live Weather Cams | Sanford Mall</title>
    <meta name="description" content="ASU Live weather cams!">
    <meta name="author" content="Zach Seifts">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="libs/bootstrap/less/bootstrap.less" rel="stylesheet/less" type="text/css">
    <link href="libs/bootstrap/less/responsive.less" rel="stylesheet/less" type="text/css">
    <link href="libs/bootstrap/docs/assets/css/docs.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="favicon.ico">

    <script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="/cam">ASU Live Weather Cams</a>
          <div class="nav-collapse">
            <ul class="nav pull-left">
              <li><a href="/cam">Sanford Mall</a></li>
              <li><a href="/cam/parkinglot.html">Parking Lot</a></li>
              <li class="active"><a href="/cam/about.html">About</a></li>
              <li><a href="https://www.facebook.com/ASUWeatherCam">Like us on Facebook</a></li>
            </ul>
            <ul class="nav pull-right">
              <li><a href="http://weather.appstate.edu/">It is currently: <span id="temp">NaN</span> F in Boone, NC</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <header class="jumbotron masthead">
        <div class="inner">
          <h1>About the cams</h1>
          <p>All streaming gear was either purchased by members of the ASU Webmaster's Office or pulled from the boneyard of old computers. No state funds have been spent on this project. <br />DIY #ftw!</p>
        </div>
      </header>

      <hr class="soften">
      <div class="row marketing">
        <div class="span4">
          <h1>How do we do it?</h1>
        </div>
        <div class="span8">
          <div class="row">
            <div class="span4">
              <img src="http://placehold.it/370x150" alt="">
              <h2>Sanford Mall Cam</h2>
              <ul>
                <li>Info about the encoder computer</li>
                <li>Info about the cam</li>
              </ul>
            </div>
            <div class="span4">
              <img src="http://placehold.it/370x150" alt="">
              <h2>Parking Lot Cam</h2>
              <ul>
                <li>Intel Mac Mini running Snow Leopard</li>
                <li>Logitech cam taped to a window</li>
              </ul>
            </div>
          </div>
          <h2>The website</h2>
          <p>The site is built with Twitter Bootstrap and we use JW Player for our player, we in rtmp over stream over a Adobe Flash Media Streaming Server.</p>
        </div>
      </div>

      <hr class="soften">
      <div class="row marketing">
        <div class="span6">
          <h1>Want to host a cam? <small>It's easy!</small></h1>
          <p>We're always looking for new and exciting places to put cams around campus, we do have some requirements:</p>
          <ul>
            <li>You should have a clear view of campus with an interesting view.</li>
            <li>It must be indoors.</li>
            <li>The location needs to be close to a power outlet and a network port.</li>
            <li>You must be able to secure the area.</li>
          </ul>
          </p>Send us a message through our Facebook page or send us a message through <a href="http://webmaster.appstate.edu/contact">our websites's contact form</a> and we'll disscuss getting a cam setup.</p>
        </div>
        <div class="span6">
          <h1>Can't see the cam? <small>oh no!</small></h1>
          <p>A few things you can try:</p>
          <ul>
            <li>Try using a different browser, we do not support Internet Explorer or old versions of Firefox. Try using <a href="https://www.google.com/chrome/">Google Chrome</a> or a newer version of <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a>, let us know if it doesn't work.</li>
            <li>Check our our <a href="https://www.facebook.com/ASUWeatherCam" title="ASU Weather Cam Facebook">Facebook page</a> and see if anyone else is haveing a simular problems. Feel free to post a message and let us know.</li>
          </ul>
        </div>
      </div>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="libs/js/less-1.2.1.min.js"></script>
    <script src="libs/js/general.js"></script>
    <script src="libs/bootstrap/js/bootstrap-transition.js"></script>
    <script src="libs/bootstrap/js/bootstrap-alert.js"></script>
    <script src="libs/bootstrap/js/bootstrap-modal.js"></script>
    <script src="libs/bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="libs/bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="libs/bootstrap/js/bootstrap-tab.js"></script>
    <script src="libs/bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="libs/bootstrap/js/bootstrap-popover.js"></script>
    <script src="libs/bootstrap/js/bootstrap-button.js"></script>
    <script src="libs/bootstrap/js/bootstrap-collapse.js"></script>
    <script src="libs/bootstrap/js/bootstrap-carousel.js"></script>
    <script src="libs/bootstrap/js/bootstrap-typeahead.js"></script>

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-16763143-31']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>

  </body>
</html>