sydney-linux-user-group.github.io/index.html at master · sydney-linux-user-group/sydney-linux-user-group.github.io · 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/github-dark.css" media="screen">
    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">

    <title>Sydney Linux User Group by sydney-linux-user-group</title>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23521264-1']);
  _gaq.push(['_setDomainName', 'slug.org.au']);
  _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>
  </head>

  <body>

    <header>
      <div class="container">
          <img src="images/logo.png" style="float: left; padding-right: 1em;">
          <h1>Sydney<br>Linux<br>User<br>Group</h1>
          <div style="clear: both;"></div>
      </div>
    </header>

    <div class="container">
      <section id="main_content">
        <p>
The Sydney Linux Users Group (SLUG) is a community of passionate freedom and
technology lovers in Sydney, Australia.

We are one of the largest and most active
<a href="http://www.linux.org.au/linux">Linux</a>
<a href="http://en.wikipedia.org/wiki/Linux_user_group">users groups</a>
in the world, with a diverse membership of users, developers, sysadmins, and
advocates.
        </p>
        <div style="clear: both;"></div>
      </section>
      <section id="main_content">
        <iframe style="float: right;" width="225" height="225" src="http://meetu.ps/2X02C9" frameborder="0"></iframe>
        <h2>Monthly Meetings</h2>
        <hr>
        <p>
SLUG meetings are normally held on the <b>last Friday</b> of every month
<b>except</b> December. Current event details can be found on the
<a href="https://meetup.com/Sydney-Linux-User-Group">meetup group page</a>.
        </p><p>
SLUG meetings are held at Google Australia. See the following
<a href="map.html">page</a> for details instructions for getting to the
meeting.
	</p>
        <h3><a href="map.html">MAP</a></h3>
      </section>
      <section id="main_content" style="min-height: 400px;">
        <h2 class=left>Previously at SLUG.... (more on <a href="https://www.youtube.com/user/SydneyLinuxUserGroup">YouTube</a>)</h2>
        <hr>
        <div id="youtube-wrapper" style="height: 400px;"></div>
      </section>
      <section id="main_content">
        <h2 class=left><img src="images/linuxaus.png" alt="Linux Australia" style="margin-left: auto; margin-right: auto; display: block;"></h3>
        <hr>
        <p>

SLUG is a sub-committee of the
<a href="http://linux.org.au">Linux Australia organisation</a>.
<img src="">
<ul>
  <li>Our activities are driven by our community (that means you!)</li>
  <li>See http://linux.org.au/events for a list of upcoming events</li>
  <li>To join LA - https://linux.org.au/membership</li>
</ul>

        </p>
      </section>
    </div>

    <br>
    <br>
    <hr>

    <div class="container">
      <section id="footer">
        <a href="https://github.com/sydney-linux-user-group/sydney-linux-user-group.github.io">Edit on GitHub</a>
      </section>
    </div>

  </body>

<script>
$(document).ready(function(){
  // Setup the YouTube widget
  var firstScriptTag = document.getElementsByTagName('script')[0];

  // Get the SLUG playlist
  var tag = document.createElement('script');
  tag.src = "https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=50&playlistId=F6073A99A735F849&key=AIzaSyDWvwZc2a39XnIamaZueZIRYPXjqTPhs2M&callback=youtube_playlist_callback";
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Load the You Tube iFrame API...
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});

var youtube_api_ready = false;
function onYouTubePlayerAPIReady() {
  youtube_api_ready = true;
  youtube_setup();
}

var youtube_playlist_ready = false;
var youtube_playlist = [];
function youtube_playlist_callback(data) {
  youtube_playlist_ready = true;
  var container = $('#youtube-wrapper');
  $.each(data.items, function(index, item) {
    youtube_playlist.push(item.snippet.resourceId.videoId);
  });
  youtube_setup();
}

function youtube_setup() {
  if (youtube_playlist_ready && youtube_api_ready) {
    var videoid = youtube_playlist[Math.floor(Math.random()*youtube_playlist.length)];

    var playerVars = {};
    playerVars.wmode = "transparent";
    playerVars.allowScriptAccess = "always";
    playerVars.enablejsapi = 1;
    playerVars.autoplay = 1;

    // Choose a random video to show
    var player = new YT.Player("youtube-wrapper", {
        width: "100%",
        height: "100%",
        videoId: videoid,
        playerVars: playerVars,
        events: {
          'onReady': function(event) {
            $("youtube-wrapper").fadeIn();
            // Mute doesn't work on HTML5 videos
            event.target.setVolume(0);
          },
        }
      }); // YT.Player */
  }
}
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-23521264-1', 'auto');
  ga('send', 'pageview');

</script>
</html>