interface
This commit is contained in:
Evilcoder
commit
046109b0f2
7 changed files with 286 additions and 0 deletions
BIN
Assets/logo.png
Normal file
BIN
Assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
87
CSS/style.css
Normal file
87
CSS/style.css
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
h1, h2, a, p {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.hdr {
|
||||
background-color: rgb(63, 173, 63);
|
||||
color: white;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hdr a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.hdr nav {
|
||||
padding-left: 750px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.hdr h2 {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-top: 200px;
|
||||
}
|
||||
.logo {
|
||||
width: 550px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.edit-cont {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 30px;
|
||||
}
|
||||
.edition {
|
||||
background-color: rgb(77, 230, 77);
|
||||
color: black;
|
||||
height: 250px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
border: 1.7px, solid black;
|
||||
}
|
||||
.edit-btn {
|
||||
height: 60px;
|
||||
width: 500px;
|
||||
background-color: rgb(99, 99, 234);
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
box-shadow: 5px 5px 5px grey;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
.edit-btn:hover {
|
||||
background-color: darkblue;
|
||||
}
|
||||
.package {
|
||||
border: 1.7px solid black;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 400px;
|
||||
height: 50px;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.packages {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
45
JS/mainstream(r2)-script.js
Normal file
45
JS/mainstream(r2)-script.js
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
function doCORSRequest(options, printResult) {
|
||||
var x = new XMLHttpRequest();
|
||||
var proxy_url = 'https://api.allorigins.win/get?url=';
|
||||
var target_url = encodeURIComponent(options.url);
|
||||
x.open(options.method, proxy_url + target_url);
|
||||
x.onload = x.onerror = function() {
|
||||
var response = JSON.parse(x.responseText);
|
||||
printResult(
|
||||
options.method + ' ' + options.url + '\n' +
|
||||
x.status + ' ' + x.statusText + '\n\n' +
|
||||
(response.contents || '')
|
||||
);
|
||||
};
|
||||
|
||||
x.send(options.data);
|
||||
}
|
||||
|
||||
doCORSRequest({
|
||||
method: "GET",
|
||||
url: "https://packages.boostyconnect.com/oreon-lime-r2/mainstream/",
|
||||
}, function printResult(res) {
|
||||
console.log('Response:', res);
|
||||
|
||||
try {
|
||||
const parser = new DOMParser();
|
||||
const doc = parser.parseFromString(res, "text/html");
|
||||
const links = doc.querySelectorAll("a");
|
||||
links.forEach((link) => {
|
||||
const forbidden_links = ["Name", "Last modified", "Size", "Destination", "Description", "Parent Directory"];
|
||||
if (!forbidden_links.includes(link.innerHTML)) {
|
||||
const link_e = document.createElement("a");
|
||||
const new_href = link.href.replace("http://127.0.0.1:5500/", "https://packages.boostyconnect.com/oreon-lime-r2/mainstream/").replace("/Oreon-lime-(R2)", "");
|
||||
|
||||
link_e.href = new_href;
|
||||
link_e.innerHTML = link.innerHTML;
|
||||
link_e.className = "package";
|
||||
link_e.target = "_blank";
|
||||
document.getElementById("packages").appendChild(link_e);
|
||||
console.log(link.href);
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('Parsing error:', e);
|
||||
}
|
||||
});
|
||||
44
JS/source-script.js
Normal file
44
JS/source-script.js
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
function doCORSRequest(options, printResult) {
|
||||
var x = new XMLHttpRequest();
|
||||
var proxy_url = 'https://api.allorigins.win/get?url=';
|
||||
var target_url = encodeURIComponent(options.url);
|
||||
x.open(options.method, proxy_url + target_url);
|
||||
x.onload = x.onerror = function() {
|
||||
var response = JSON.parse(x.responseText);
|
||||
printResult(
|
||||
options.method + ' ' + options.url + '\n' +
|
||||
x.status + ' ' + x.statusText + '\n\n' +
|
||||
(response.contents || '')
|
||||
);
|
||||
};
|
||||
|
||||
x.send(options.data);
|
||||
}
|
||||
|
||||
doCORSRequest({
|
||||
method: "GET",
|
||||
url: " https://packages.boostyconnect.com/oreon-lime-r2/mainstream/src/",
|
||||
}, function printResult(res) {
|
||||
console.log('Response:', res);
|
||||
|
||||
try {
|
||||
const parser = new DOMParser();
|
||||
const doc = parser.parseFromString(res, "text/html");
|
||||
const links = doc.querySelectorAll("a");
|
||||
links.forEach((link) => {
|
||||
const forbidden_links = ["Name", "Last modified", "Size", "Destination", "Description", "Parent Directory"];
|
||||
if (!forbidden_links.includes(link.innerHTML)) {
|
||||
const link_e = document.createElement("a");
|
||||
const new_href = link.href.replace("http://127.0.0.1:5500/", "https://packages.boostyconnect.com/oreon-lime-r2/mainstream/").replace("/Oreon-lime-(R2)", "");
|
||||
link_e.href = new_href;
|
||||
link_e.innerHTML = link.innerHTML;
|
||||
link_e.className = "package";
|
||||
link_e.target = "_blank";
|
||||
document.getElementById("packages").appendChild(link_e);
|
||||
console.log(link.href);
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('Parsing error:', e);
|
||||
}
|
||||
});
|
||||
33
Oreon-lime-(R2)/mainstream.html
Normal file
33
Oreon-lime-(R2)/mainstream.html
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="../CSS/style.css">
|
||||
<!-- Google fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
<!-- JS -->
|
||||
<script src="../JS/mainstream(r2)-script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="hdr">
|
||||
<h2>BCPackage</h2>
|
||||
<nav>
|
||||
<a href="https://oreonproject.org">Oreon</a>
|
||||
<a href="https://oreonproject.org/help">Help</a>
|
||||
<a href="https://forums.oreonproject.org/">Forum</a>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="main">
|
||||
<center>
|
||||
<h1>Oreon lime (R2)</h1>
|
||||
<h2>Mainstream packages</h2>
|
||||
<div id="packages" class="packages"></div>
|
||||
</center>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
Oreon-lime-(R2)/source.html
Normal file
32
Oreon-lime-(R2)/source.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="../CSS/style.css">
|
||||
<!-- Google fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
<!-- JS -->
|
||||
<script src="../JS/source-script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="hdr">
|
||||
<h2>BCPackage</h2>
|
||||
<nav>
|
||||
<a href="https://oreonproject.org">Oreon</a>
|
||||
<a href="https://oreonproject.org/help">Help</a>
|
||||
<a href="https://forums.oreonproject.org/">Forum</a>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="main">
|
||||
<center>
|
||||
<h1>Oreon lime (R2)</h1>
|
||||
<h2>Mainstream source packages</h2>
|
||||
<div id="packages" class="packages"></div>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
45
index.html
Normal file
45
index.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="CSS/style.css">
|
||||
<!-- Google fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header class="hdr">
|
||||
<h2>BCPackage</h2>
|
||||
<nav>
|
||||
<a href="https://oreonproject.org">Oreon</a>
|
||||
<a href="https://oreonproject.org/help">Help</a>
|
||||
<a href="https://forums.oreonproject.org/">Forum</a>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="main">
|
||||
<center>
|
||||
<img src="Assets/logo.png" alt="Oreon's logo" class="logo">
|
||||
<h2>Oreon's package manager</h2>
|
||||
<p>BCPackage is our offical package manager and here you can <br>
|
||||
find references to all oreon packages.</p>
|
||||
<div class="edit-cont">
|
||||
<div class="edition">
|
||||
<h2>Oreon lime (R2)</h2>
|
||||
<a class="edit-btn" target="_blank" href="./Oreon-lime-(R2)/mainstream.html">Mainstream packages</a>
|
||||
<a class="edit-btn" target="_blank" href="./Oreon-lime-(R2)/source.html">Mainstream source</a>
|
||||
</div>
|
||||
<div class="edition">
|
||||
<h2>Oreon lime (R1/R1.1)</h2>
|
||||
<a class="edit-btn" >Mainstream packages</a>
|
||||
<a class="edit-btn">Security</a>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue