mirror of
https://github.com/tobychui/zoraxy.git
synced 2025-08-10 15:17:51 +02:00
608cc0c523
- Test and optimized load balancer origin picker - Fixed no active origin cannot load proxy rule bug - Implemented logger design in websocket proxy module - Added more quickstart tours - Fixed #270 (I guess) - Fixed #90 (I guess)
77 lines
3.2 KiB
HTML
77 lines
3.2 KiB
HTML
|
|
<div id="quickstart" class="standardContainer">
|
|
<div class="ui container">
|
|
<h1 class="ui header">
|
|
<img src="img/res/1F44B.png">
|
|
<div class="content" style="font-weight: lighter;">
|
|
Welcome to Zoraxy!
|
|
<div class="sub header">What services are you planning to setup today?</div>
|
|
</div>
|
|
</h1>
|
|
<br>
|
|
<div class="ui stackable equal width grid">
|
|
<div class="column">
|
|
<div class="serviceOption homepage" name="homepage">
|
|
<div class="titleWrapper">
|
|
<p>Basic Homepage</p>
|
|
</div>
|
|
<div class="ui divider"></div>
|
|
<p>Host a static homepage with Zoraxy and point your domain name to your web server.</p>
|
|
<img class="themebackground ui small image" src="img/res/1F310.png">
|
|
<div class="activeOption">
|
|
<i class="ui white huge circle check icon"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="serviceOption subdomain" name="subdomain">
|
|
<div class="titleWrapper">
|
|
<p>Sub-domains Routing</p>
|
|
</div>
|
|
<div class="ui divider"></div>
|
|
<p>Add and handle traffic from your subdomains and point them to a dedicated web services somewhere else.</p>
|
|
<img class="themebackground ui small image" src="img/res/1F500.png">
|
|
<div class="activeOption">
|
|
<i class="ui white huge circle check icon"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="serviceOption tls" name="tls">
|
|
<div class="titleWrapper">
|
|
<p>HTTPS Green Lock(s)</p>
|
|
</div>
|
|
<div class="ui divider"></div>
|
|
<p>Turn your unsafe HTTP website into HTTPS using free certificate from public certificate authorities organizations.</p>
|
|
<img class="themebackground ui small image" src="img/res/1F512.png">
|
|
<div class="activeOption">
|
|
<i class="ui white huge circle check icon"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui divider"></div>
|
|
<div style="width: 100%;" align="center">
|
|
<button onclick="startQuickStartTour();" class="ui finished button quickstartControlButton">
|
|
Start Walkthrough
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
var currentQuickSetupClass = "";
|
|
var currentQuickSetupTourStep = 0;
|
|
//For tour logic, see quicksetup.js
|
|
|
|
|
|
//Bind selecting events to serviceOption
|
|
$("#quickstart .serviceOption").on("click", function(data){
|
|
$(".serviceOption.active").removeClass("active");
|
|
$(this).addClass("active");
|
|
let tourType = $(this).attr("name");
|
|
currentQuickSetupClass = tourType;
|
|
});
|
|
|
|
</script>
|
|
<script src="script/quicksetup.js"></script> |