mirror of https://github.com/kurisufriend/frontend
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.7 KiB
73 lines
2.7 KiB
<html>
|
|
|
|
<head>
|
|
<title>Mangaloid</title>
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="header">
|
|
<div id="menu">
|
|
<img id="menu-icon" src="img/home.png"/>
|
|
<div id="menu-items">
|
|
<a href="./catalog.html">Catalog</a>
|
|
<a href="./search.html">Search</a>
|
|
<a href="">Tags</a>
|
|
<a href="./about.html">About</a>
|
|
</div>
|
|
</div>
|
|
<form action="/search.html">
|
|
<input id="search_bar" type="search" name="title" placeholder="Search">
|
|
<button id="search_button" type="submit">Search</button>
|
|
</form>
|
|
<img id="logo" src="img/logo.png" />
|
|
</div>
|
|
<div id="content">
|
|
<div style="display:block">
|
|
<h2>About</h2>
|
|
<p>
|
|
This site is licensed under the MIT free software license, and is accessible through <a href="https://github.com/a-manga-thing"><u>our github</u></a>.
|
|
</p>
|
|
<p>
|
|
Mangaloid operates as a network of instances, each serving a subset of manga. Our example interface pulls all it's metadata from the <a href="https://test.cynic.moe/info"><u>REST api</u></a> of one of these hosts. You are free to host your own instance or interface as you see fit.
|
|
</p>
|
|
<p>
|
|
Images are stored and loaded in a distributed manner via a number of <a href="https://ipfs.io"><u>IPFS</u></a> nodes and gateways hosted by volunteers. The easiest way to improve loading times is to host your own node.
|
|
</p>
|
|
<p>
|
|
Feel free to stop by our IRC channel if you have questions: irc.rizon.net #mangaloid
|
|
</p>
|
|
</div>
|
|
|
|
<div style="position:relative;top:20px;">
|
|
<p>Instance address:</p>
|
|
<input style="width:500px" id="address" placeholder="test.cynic.moe"></input>
|
|
<button onclick="update_address()">Update</button>
|
|
<button onclick="clear_instance()">Default</button>
|
|
<p>Current: </p>
|
|
<p id="instance_addr"></p>
|
|
</div>
|
|
|
|
<div id="footer">
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="js/instance.js"></script>
|
|
<script>
|
|
document.onreadystatechange = function () {
|
|
var addr = get_instance();
|
|
document.getElementById("address").setAttribute("placeholder", DEFAULT_INSTANCE);
|
|
document.getElementById("instance_addr").innerHTML = addr;
|
|
}
|
|
function update_address() {
|
|
var addr = document.getElementById("address").value;
|
|
set_instance(addr);
|
|
console.log(addr);
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html> |