81 lines
4.2 KiB
HTML
81 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>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>
|
|
<link rel="stylesheet" href="tictactoe.css" />
|
|
</head>
|
|
<div id="banner">
|
|
<img src="banner.gif" />
|
|
</div>
|
|
@ University of Alberta
|
|
<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><a rel="me" href="https://mstdn.ca/@LibreInternetClubUofA">Federate with us on Mastodon</a></li>
|
|
</ul>
|
|
<h2><marquee>Upcoming Events</marquee></h2>
|
|
<div class="infoblock">
|
|
<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>
|
|
<li><a href="https://sjkillen.ca">Spencer</a></li>
|
|
<li>Mimi</li>
|
|
<li>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>
|