mirror of
https://github.com/tobychui/zoraxy.git
synced 2025-11-04 07:54:12 +01:00
387 lines
17 KiB
HTML
387 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<meta content="Reverse Proxy, Cluster, Gateway, Go, Homelab, Network Tools" name="keywords">
|
|
<meta content="A reverse proxy server and cluster network gateway for noobs" name="description">
|
|
<meta name="author" content="tobychui">
|
|
|
|
<!-- HTML Meta Tags -->
|
|
<title>Reverse Proxy Server | Zoraxy</title>
|
|
<meta name="description" content="A reverse proxy server and cluster network gateway for noobs">
|
|
|
|
<!-- Facebook Meta Tags -->
|
|
<meta property="og:url" content="https://zoraxy.aroz.org/">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Cluster Proxy Gateway | Zoraxy">
|
|
<meta property="og:description" content="A reverse proxy server and cluster network gateway for noobs">
|
|
<meta property="og:image" content="https://zoraxy.aroz.org/img/og.png">
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:domain" content="aroz.org">
|
|
<meta property="twitter:url" content="https://zoraxy.aroz.org/">
|
|
<meta name="twitter:title" content="Cluster Proxy Gateway | Zoraxy">
|
|
<meta name="twitter:description" content="A reverse proxy server and cluster network gateway for noobs">
|
|
<meta name="twitter:image" content="https://zoraxy.aroz.org/img/og.png">
|
|
|
|
<!-- Favicons -->
|
|
<link href="favicon.png" rel="icon">
|
|
|
|
<!-- 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=Source+Sans+Pro:wght@100;300;400;600;700;900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
|
|
|
|
<!-- Main Stylesheet File -->
|
|
<link href="style.css" rel="stylesheet">
|
|
<script
|
|
src="https://code.jquery.com/jquery-3.7.0.min.js"
|
|
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.2/semantic.min.js" integrity="sha512-5cguXwRllb+6bcc2pogwIeQmQPXEzn2ddsqAexIBhh7FO1z5Hkek1J9mrK2+rmZCTU6b6pERxI7acnp1MpAg4Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.2/semantic.min.css" integrity="sha512-n//BDM4vMPvyca4bJjZPDh7hlqsQ7hqbP9RH18GF2hTXBY5amBwM2501M0GPiwCU/v9Tor2m13GOTFjk00tkQA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<style>
|
|
p,a,div,span,h1,h2,h3,h4,h5,h6{
|
|
font-family: 'Source Sans Pro', sans-serif !important;
|
|
color: #404040;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="main section">
|
|
<div class="left-menu">
|
|
<div class="iconWrapper">
|
|
<a href="index.html"><img class="ui fluid image" src="img/icon.png"></a>
|
|
</div>
|
|
<a href="#home" class="menu-item active" align="center">
|
|
<img src="img/icons/home.svg">
|
|
</a>
|
|
<a href="#features" class="menu-item" align="center">
|
|
<img src="img/icons/awesome.svg">
|
|
</a>
|
|
<a href="#screenshots" class="menu-item" align="center">
|
|
<img src="img/icons/screenshots.svg">
|
|
</a>
|
|
<a href="#plugins" class="menu-item" align="center">
|
|
<img src="img/icons/plugin.svg">
|
|
</a>
|
|
<a href="#source" class="menu-item" align="center">
|
|
<img src="img/icons/code.svg">
|
|
</a>
|
|
</div>
|
|
<div class="right-content">
|
|
<!-- Hero Banner Section -->
|
|
<div class="headbanner"></div>
|
|
<div id="home" class="herotext">
|
|
<div class="ui basic segment">
|
|
<div class="bannerHeaderWrapper">
|
|
<h1 class="bannerHeader">Zoraxy</h1>
|
|
<div class="ui divider"></div><br>
|
|
<p class="bannerSubheader">Beyond Reverse Proxy: Your Ultimate Homelab Network Tool</p>
|
|
</div>
|
|
<br><br>
|
|
<a class="ui basic big button" style="background-color: white;" href="#features"><i class="ui blue arrow down icon"></i> Learn More</a>
|
|
<br><br>
|
|
<table class="ui very basic collapsing unstackable celled table">
|
|
<thead>
|
|
<tr><th colspan="2">Quick Access</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<h4 class="ui image header">
|
|
<i class="ui download icon"></i>
|
|
<div class="content">
|
|
Download
|
|
<div class="sub header">Prebuild Binary
|
|
</div>
|
|
</div>
|
|
</h4></td>
|
|
<td>
|
|
<a href="https://github.com/tobychui/zoraxy/releases" target="_blank">Open <i class="ui external icon"></i></a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h4 class="ui image header">
|
|
<i class="ui github icon"></i>
|
|
<div class="content">
|
|
Github
|
|
<div class="sub header">Source Code
|
|
</div>
|
|
</div>
|
|
</h4></td>
|
|
<td>
|
|
<a href="https://github.com/tobychui/zoraxy" target="_blank">Open <i class="ui external icon"></i></a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="wavesWrapper">
|
|
<!-- CSS waves-->
|
|
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
|
|
<defs>
|
|
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
|
|
</defs>
|
|
<g class="parallax">
|
|
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
|
|
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
|
|
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
|
|
<use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Features -->
|
|
<div id="features" class="section">
|
|
<div class="ui container">
|
|
<div class="ui basic segment">
|
|
<h1 class="ui header">
|
|
<img class="ui small image" src="img/icons/awesome.svg">
|
|
<div class="content">
|
|
Features
|
|
<div class="sub header">Highlighting a few important features of Zoraxy</div>
|
|
</div>
|
|
</h1>
|
|
<br>
|
|
<div class="ui stackable grid featureList">
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/proxy.svg">
|
|
<div class="content">
|
|
Reverse Proxy
|
|
</div>
|
|
</h3>
|
|
<p>Simple to use noob-friendly reverse proxy server that can be easily set up using a web form and a few toggle switches.</p>
|
|
</div>
|
|
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/redirect.svg">
|
|
<div class="content">
|
|
Redirection
|
|
</div>
|
|
</h3>
|
|
<p>Direct and intuitive redirection rules with basic rewrite options. Suitable for most simple use cases.</p>
|
|
</div>
|
|
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/blacklist.svg">
|
|
<div class="content">
|
|
Geo-IP & Blacklist
|
|
</div>
|
|
</h3>
|
|
<p>Blacklist with GeoIP support. Allows easy setup for regional services.</p>
|
|
</div>
|
|
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/gan.svg">
|
|
<div class="content">
|
|
Global Area Network
|
|
</div>
|
|
</h3>
|
|
<p>ZeroTier controller integrated GAN. Enable unlimited nodes in your network with a few clicks.</p>
|
|
</div>
|
|
|
|
<!-- Row 2-->
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/terminal.svg">
|
|
<div class="content">
|
|
Web SSH
|
|
</div>
|
|
</h3>
|
|
<p>Integration with Gotty Web SSH terminal allows one-stop management of your nodes inside private LAN via gateway nodes.</p>
|
|
</div>
|
|
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/stats.svg">
|
|
<div class="content">
|
|
Real Time Statistics
|
|
</div>
|
|
</h3>
|
|
<p>Traffic data collection and real-time analytic tools provide you the best insight of visitors data without cookies.</p>
|
|
</div>
|
|
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/scan.svg">
|
|
<div class="content">
|
|
Scanner & Utilities
|
|
</div>
|
|
</h3>
|
|
<p>Build in IP scanner and mDNS discovery service to enable automatic service discovery within LAN.</p>
|
|
</div>
|
|
|
|
<div class="four wide column featureItem">
|
|
<h3 class="ui header featureHeader">
|
|
<img class="ui image" src="img/icons/code.svg">
|
|
<div class="content">
|
|
Open Source
|
|
</div>
|
|
</h3>
|
|
<p>Project is open-source under AGPL on Github. Feel free to contribute on missing functions you need! </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Screenshots -->
|
|
<div id="screenshots" class="ui container">
|
|
<div class="ui basic segment">
|
|
<br>
|
|
<h1 class="ui header">
|
|
<img class="ui small image" src="img/icons/screenshots.svg">
|
|
<div class="content">
|
|
Screenshots
|
|
<div class="sub header">A quick overview of the UI designs</div>
|
|
</div>
|
|
</h1>
|
|
|
|
<div class="ui three column stackable grid">
|
|
<div class="column">
|
|
<a href="img/screenshots/1.png" target="_blank"><img src="img/screenshots/1.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/2.png" target="_blank"><img src="img/screenshots/2.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/3.png" target="_blank"><img src="img/screenshots/3.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/4.png" target="_blank"><img src="img/screenshots/4.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/5.png" target="_blank"><img src="img/screenshots/5.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/6.png" target="_blank"><img src="img/screenshots/6.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/7.png" target="_blank"><img src="img/screenshots/7.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/8.png" target="_blank"><img src="img/screenshots/8.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/9.png" target="_blank"><img src="img/screenshots/9.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="img/screenshots/10.png" target="_blank"><img src="img/screenshots/10.png" class="ui fluid image screenshot"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Plugin Developments -->
|
|
<div id="plugins" class="ui container">
|
|
<div class="ui basic segment">
|
|
<br>
|
|
<h1 class="ui header">
|
|
<img class="ui small image" src="img/icons/plugin.svg">
|
|
<div class="content">
|
|
Plugins
|
|
<div class="sub header">Add custom routing rules via simple scripts</div>
|
|
</div>
|
|
</h1>
|
|
<div style="width: 100%; text-align: center;">
|
|
<br>
|
|
<p>Documentation work in progress</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Source code -->
|
|
<div id="source" class="ui container">
|
|
<div class="ui basic segment">
|
|
<br>
|
|
<h1 class="ui header">
|
|
<img class="ui small image" src="img/icons/code.svg">
|
|
<div class="content">
|
|
Source Code
|
|
<div class="sub header">Feel free to give us a ⭐ star ⭐.</div>
|
|
</div>
|
|
</h1>
|
|
<br>
|
|
<div class="ui two column stackable grid">
|
|
<div class="column">
|
|
<h3 class="ui header">
|
|
<i class="grey github icon"></i>
|
|
<div class="content" style="text-align: left;">
|
|
<a href="https://github.com/tobychui/zoraxy">
|
|
Github
|
|
<div class="sub header">https://github.com/tobychui/zoraxy</div>
|
|
</a>
|
|
</div>
|
|
</h3>
|
|
</div>
|
|
<div class="column">
|
|
<h3 class="ui header">
|
|
<i class="blue mail icon"></i>
|
|
<div class="content" style="text-align: left;">
|
|
<a href="mailto:toby@imuslab.com">
|
|
Email Contact
|
|
<div class="sub header">toby@imuslab.com</div>
|
|
</a>
|
|
</div>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
<div class="ui container">
|
|
<p style="color: #3a3a3a">CopyRight Zoraxy Project and its authors © 2021 - <span class="year"></span></p>
|
|
</div>
|
|
<br><br><br>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<script>
|
|
$(".year").text(new Date().getFullYear() );
|
|
|
|
$(".menu-item").on("click", function(){
|
|
$(".menu-item.active").removeClass("active");
|
|
$(this).addClass("active");
|
|
});
|
|
|
|
$(".right-content").on("scroll", function() {
|
|
var scrollPos = $(".right-content").scrollTop();
|
|
if (scrollPos < 10){
|
|
//Reaching the top
|
|
$('.menu-item.active').removeClass("active");
|
|
$($('.menu-item')[0]).addClass('active');
|
|
return;
|
|
}else if ($(".right-content")[0].scrollHeight == $(".right-content").scrollTop() + window.innerHeight ){
|
|
//Reaching the bottom
|
|
$('.menu-item.active').removeClass("active");
|
|
$($('.menu-item').get().reverse()[0]).addClass('active');
|
|
return
|
|
}
|
|
$('.menu-item').each(function() {
|
|
var currLink = $(this);
|
|
var refElement = $(currLink.attr("href"));
|
|
if (refElement.offset().top <= (window.innerHeight / 2)) {
|
|
$('.menu-item.active').removeClass("active");
|
|
currLink.addClass("active");
|
|
console.log(currLink.attr("href"));
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|