mirror of
https://github.com/comatory/fb2iCal
synced 2025-03-02 18:37:38 +01:00
cf41deedd9
This was a stupid checkbox made only as an experiment. The page can still be loaded without JavaScript and works, no need to trigger it manually.
82 lines
2.6 KiB
HTML
82 lines
2.6 KiB
HTML
<!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">
|
|
<title>Facebook Event to iCal Converter</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<a id="current-download" href="javascript:void(0)"></a>
|
|
<img id="logo" src="/icon-512.png" />
|
|
<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>
|
|
|
|
<noscript>
|
|
<div id="nojs" class="notice">
|
|
🤚 JavaScript is <em>disabled</em>. Enable to get full experience and offline capabilities.
|
|
</div>
|
|
</noscript>
|
|
|
|
<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 />
|
|
|
|
<div class="list-wrapper">
|
|
<table id="list" class="hidden">
|
|
<thead>
|
|
<tr>
|
|
<td>Date</td>
|
|
<td>Name</td>
|
|
<td></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</article>
|
|
|
|
<footer>
|
|
v.<%= htmlWebpackPlugin.options.version %> ◆
|
|
<a href="https://ondrejsynacek.com" target="_blank">Ondrej Synacek</a> (2019) ◆
|
|
<a href="https://github.com/comatory/fb2iCal" target="_blank" title="Github">Source</a> ◆
|
|
<a href="/about" target="_blank" title="About the project">About</about>
|
|
</footer>
|
|
</body>
|
|
</html>
|