condividi-link-fediverso-fi.../html/options.html

73 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base target="_blank" />
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/fork-awesome.css">
<link rel="stylesheet" href="../css/style.css">
<style>
body {
background-image: url('../img/wallpaper.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
</head>
<body>
<div class="container-fluid py-3">
<div class="row">
<div class="col-8 text-left"><h2>Settings</h2></div>
<div class="col-4 text-right credits">Wallpaper by:
<a href="https://fosstodon.org/@yarmo/101907879701964911">Yarmo</a>
</div>
</div>
<form>
<label>Diaspora</label>
<input type="text" id="diaspora-host" />
<input type="checkbox" id="diaspora-check">
<br />
<label>Friendica</label>
<input type="text" id="friendica-host" />
<input type="checkbox" id="friendica-check">
<br />
<label>GNU social</label>
<input type="text" id="gnusocial-host" />
<input type="checkbox" id="gnusocial-check">
<br />
<label>Hubzilla</label>
<input type="text" id="hubzilla-host" />
<input type="checkbox" id="hubzilla-check">
<br />
<label>Lemmy</label>
<input type="text" id="lemmy-host" />
<input type="checkbox" id="lemmy-check">
<br />
<label>Mastodon</label>
<input type="text" id="mastodon-host" />
<input type="checkbox" id="mastodon-check">
<br />
<label>Pleroma</label>
<input type="text" id="pleroma-host" />
<input type="checkbox" id="pleroma-check">
<br />
<label>Socialhome</label>
<input type="text" id="socialhome-host" />
<input type="checkbox" id="socialhome-check">
<br />
<label>XMPP</label>
<input type="text" id="xmpp-host" />
<input type="checkbox" id="xmpp-check">
<br />
<button type="submit">Save changes</button>
</form>
<script src="../js/options.js" type="module"></script>
<script src="../js/background.js" type="module"></script>
</body>
</html>