125 lines
7.3 KiB
HTML
125 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-ca" typeof="Organization">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title property="http://schema.org/name">Libre Internet Club</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script type="module" src="editor.js" defer></script>
|
|
<script type="module" src="tictactoe.js" defer></script>
|
|
<script type="module" src="crawler.js" defer></script>
|
|
<link rel="stylesheet" href="tictactoe.css">
|
|
<link vocab="https://www.w3.org/ns/webmention#" rel="webmention" href="https://webmention.libreinternet.club">
|
|
</head>
|
|
<body vocab="https://schema.org/">
|
|
<div id="banner">
|
|
<img property="logo" src="banner.gif" alt="Libre Internet Club" />
|
|
</div>
|
|
<div style="position: relative; height: 100px; width: 100%;">
|
|
<div style="position: absolute; top: 0px">
|
|
<span property="location">@ <span typeof="CollegeOrUniversity" property="name">University of Alberta</span></span>
|
|
<div><a href="https://www.w3.org/TR/webmention">Webmention</a> us at <a vocab="https://www.w3.org/ns/webmention#" rel="webmention" href="https://webmention.libreinternet.club">https://webmention.libreinternet.club</a></div>
|
|
</div>
|
|
<div style="position: absolute; top: 0px; right: 0px">
|
|
<div><a href="login.html">Login</a></div>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li><a href="https://discord.gg/U9MQTv952">Join Discord</a></li>
|
|
<li><a href="https://matrix.to/#/#Libre_Internet:matrix.org">Matrix</a></li>
|
|
<li vocab="https://joinmastodon.org/verification#"><a rel="me" href="https://mstdn.ca/@LibreInternetClubUofA">Federate with us on Mastodon</a></li>
|
|
</ul>
|
|
<nav>
|
|
<details open><summary>Navigation</summary>
|
|
<ul>
|
|
<li><a href="#" onclick="return false" style="cursor: not-allowed">Resources</a></li>
|
|
<li>Under Construction</li>
|
|
</ul>
|
|
</details>
|
|
</nav>
|
|
|
|
<h2><marquee>Upcoming Events</marquee></h2>
|
|
|
|
<!--<i>To be updated here....</i>-->
|
|
|
|
<div class="infoblock" property="event">
|
|
<h1>HTML Day Meetup</h1>
|
|
<p><a href="./events/htmlday2026/index.html">Event Page</a></p>
|
|
<p>Those in the Edmonton area are free to join! Please remain respectful.</p>
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="infoblock" property="event">
|
|
<h2><i>Most Recent Event:</i></h2>
|
|
<h1>Meetup 2! (Linux Install Session)</h1>
|
|
<p>Saturday, June 13, 2026. 1pm. Meet up at <a href="https://www.openstreetmap.org/search?lat=53.525347&lon=-113.524075&zoom=19#map=19/53.525348/-113.524075">The Daily Grind in University Commons</a>. <s>Where we go after that is TBA, but we will update it on here.</s> (Forgot to do that, oops. Can confirm the event happened, though, and some new people showed up!)</p>
|
|
<p>Bring your laptop, and we can test or install Linux on it! It is recommended to bring the following:</p>
|
|
<ul>
|
|
<li>A USB, to boot Linux from (at least 4MB)</li>
|
|
<li>An SSD or USB (or something similar) to back up your laptop's data, if needed. It's better to have your laptop files backed up before the meetup.</li>
|
|
<li>Your ONEcard (if you're a UofA student). Might be convenient in case some places are ONEcard access-only during the weekend. Regardless, do feel free to send a message to the club Mastodon account to let us know if you get lost.</li>
|
|
</ul>
|
|
<hr>
|
|
</div>
|
|
<div class="infoblock" property="event">
|
|
<h1>Libre Local Event</h1>
|
|
<img src="events/libre_local_1.png" style="text-align: center; display: block;" />
|
|
<p>Thursday, May 21, 2026 from 12-4pm @ UoA North Campus ED 262 (Education South)</p>
|
|
<p>This event will involve discussions, presentations, and the potential for software demos. However, we also aim for the comfort of attendees. Introverted or shy attendees may feel more comfortable simply listening in or reading some of the provided event materials, and that's OK! Attendees may move in and out of the room at any time.
|
|
</p>
|
|
<p>Anyone is free to attend, in part or in full, regardless of their knowledge level or background (as long as they follow the code of conduct)!</p>
|
|
<p>Poster art by Mimi</p>
|
|
</div>
|
|
<h2>
|
|
Members
|
|
</h2>
|
|
<ul rel="member">
|
|
<li typeof="Person" about="https://sjkillen.ca"><a href="https://sjkillen.ca">Spencer</a></li>
|
|
<li about="Mimi" typeof="Person"><span property="name">Mimi</span></li>
|
|
<li typeof="Person" >PT118's Site (Outdated, as of 2024) <a href="https://periodictable118.wixsite.com/mycv"> PT118 </a> </li>
|
|
<li typeof="Person" >You! (Add yourself here using the site editor below!)</li>
|
|
</ul>
|
|
<div class="infoblock">
|
|
<h2>Edit Site!</h2>
|
|
<p>username: <input id="editorusername" disabled type="text" value="libreinternet" /></p>
|
|
<p>password: <input id="editorpassword" type="text" /></p>
|
|
<select id="editormethod">
|
|
<option value="GET">GET</option>
|
|
<option value="PROPFIND">PROPFIND</option>
|
|
<option value="PUT">PUT</option>
|
|
<option value="MKCOL">MKCOL</option>
|
|
<option value="DELETE">DELETE</option>
|
|
</select>
|
|
<input disabled type="text" value="https://libreinternet.club/"/>
|
|
<input id="editorurl" placeholder="<complete URL here>" type="text" value=""/>
|
|
<button onclick="send_request()">Send request</button>
|
|
<br />
|
|
body:
|
|
<br />
|
|
<textarea id="editorbody"></textarea>
|
|
<br />
|
|
response:
|
|
<br />
|
|
<textarea disabled id="editorresponse"></textarea>
|
|
</div>
|
|
<h2>Tic Tac Toe!</h2>
|
|
<table>
|
|
<tr>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton0"></button></td>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton1"></button></td>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton2"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton3"></button></td>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton4"></button></td>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton5"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton6"></button></td>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton7"></button></td>
|
|
<td><button onclick="tictactoe.play_move(this)" class="tictactoe" id="tictactoebutton8"></button></td>
|
|
</tr>
|
|
</table>
|
|
<button onclick="tictactoe.reload()">Reload</button>
|
|
<button onclick="tictactoe.reset()">Reset</button>
|
|
</body>
|
|
</html>
|