84 lines
2.4 KiB
Plaintext
84 lines
2.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
|
|
<link rel="stylesheet" type="text/css" href="/style.css?3">
|
|
<title>Facebook Event to iCal Converter</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<a id="current-download" href="javascript:void(0)"></a>
|
|
<h1>Facebook Events to iCal Converter</h1>
|
|
</header>
|
|
|
|
<article id="main">
|
|
<p>
|
|
Insert Facebook event URL / event number into the form.
|
|
When you submit it you will get <a href="https://en.wikipedia.org/wiki/ICalendar"><code>ics</code></a>
|
|
file that you can import into your calendar. <strong>Only public events are supported.</strong>
|
|
</p>
|
|
|
|
<form action='/download' method='POST' id="form">
|
|
<input
|
|
required
|
|
pattern="^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?|\d+$"
|
|
id="url"
|
|
name="url"
|
|
placeholder="Paste / type FB event URL or event number..."
|
|
title="Please insert Facebook Event URL / Number"
|
|
/>
|
|
<input id="submit" type='submit' value='Submit' />
|
|
</form>
|
|
|
|
<div id="status">
|
|
<div class="status-item" id="network">
|
|
Fetching file...
|
|
</div>
|
|
<div class="status-item" id="parsing">
|
|
Parsing data...
|
|
</div>
|
|
<div class="status-item" id="error">
|
|
</div>
|
|
<div class="status-item" id="service-worker">
|
|
</div>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<label for="nojs">
|
|
<input id="nojs" type="checkbox" />
|
|
No JavaScript
|
|
</label>
|
|
|
|
<br />
|
|
<br />
|
|
|
|
<div class="list-wrapper">
|
|
<table id="list" class="hidden">
|
|
<thead>
|
|
<tr>
|
|
<td>#</td>
|
|
<td>Link</td>
|
|
<td>Created at</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</article>
|
|
|
|
<footer>
|
|
Created by <a href="https://ondrejsynacek.com">Ondrej Synacek</a> ◆
|
|
<a href="#" title="Source code coming soon">Source</a> ◆
|
|
<a href="/about" target="_blank" title="About the project">About</about>
|
|
</footer>
|
|
|
|
<script src="/scripts.js?3"></script>
|
|
</body>
|
|
</html>
|