91 lines
3.4 KiB
HTML
91 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link href="../css/fork-awesome.css" rel="stylesheet">
|
|
<link href="../css/main.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="bg-fixed px-2 py-3" style="background-image: url('../img/wallpaper.png')">
|
|
<!-- <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> -->
|
|
<div class="text-5xl px-2 py-4 text-blue-400">Set your instance(s)</div>
|
|
<form class="grid gap-5">
|
|
<div class="flex">
|
|
<span class="span-custom">Pleroma:</span>
|
|
<input id="pleroma-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="pleroma-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">Mastodon:</span>
|
|
<input id="mastodon-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="mastodon-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">GNUsocial:</span>
|
|
<input id="gnusocial-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="gnusocial-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">Diaspora:</span>
|
|
<input id="diaspora-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="diaspora-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">Friendica:</span>
|
|
<input id="friendica-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="friendica-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">Hubzilla:</span>
|
|
<input id="hubzilla-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="hubzilla-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">Socialhome</span>
|
|
<input id="socialhome-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="socialhome-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">Lemmy:</span>
|
|
<input id="lemmy-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="lemmy-check">
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
<span class="span-custom">XMPP:</span>
|
|
<input id="xmpp-host" class="text-custom" type="text">
|
|
<div class="bg-gray-500">
|
|
<input class="checkbox-custom" type="checkbox" id="xmpp-check">
|
|
</div>
|
|
</div>
|
|
<button class="btn-save" type="submit">Save changes</button>
|
|
</form>
|
|
<script src="../js/options.js" type="module"></script>
|
|
<script src="../js/background.js" type="module"></script>
|
|
</body>
|
|
|
|
</html>
|