dany/antos-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add more content to the site

Browse Source
This commit is contained in:
Dany LE
2023-01-03 20:25:10 +01:00
parent 2dfa37ca34
commit ff87c3d7aa
18 changed files with 204 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
index.html
View File

@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>potoub</title>
<title>AntOS Cloud-based working environment</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
@ -17,7 +17,7 @@
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/responsive.css"/>
<!-- fevicon -->
<link rel="icon" href="icon/antos-16x16.png" type="image/png" />
<!-- Tweaks for older IEs-->
@ -41,20 +41,16 @@
<div class="full">
<div class="center-desk">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="#" /></a>
<a href="index.html"><img src="images/logo.png" alt="#" />AntOS</a>
</div>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
<ul class="btn">
<li class="down_btn"><a href="#">Download</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
<li><button type="button" id="sidebarCollapse">
<img src="images/menu_icon.png" alt="#" />
</button>
</li>
<li class="down_btn"><a href="#about"><i class="fa fa-play" aria-hidden="true"></i> Download</a></li>
<li><a href="#work"><i class="fa fa-book" aria-hidden="true"></i> Documentation</a></li>
<li><a href="https://github.com/lxsang/antos">Github <i class="fa fa-github" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
@ -77,14 +73,19 @@
<div class="row">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
<div class="text-bg">
<h1>Get<br> Thinking A <br>long time</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
<a class="read_more" href="#">Read more</a>
<h1>Your Cloud-Based, Self-Hosted Working Environment</h1>
<p>
AntOS is a web-based desktop platform that provides an all-in-one solution for setting up a cloud-based, self-hosted working environment.
It features backend API and services, a front-end web-based window manager, application APIs, a GUI toolkit, and file system abstractions.
<br/>
AntOS is designed to work across devices, including desktop computers and mobile devices.
</p>
<a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
</div>
</div>
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
<div class="images_box">
<figure><img src="images/img2.png"></figure>
<figure><img src="images/antos-shot.png"></figure>
</div>
</div>
</div>
@ -97,14 +98,17 @@
<div class="row">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
<div class="text-bg">
<h1>Get<br> Thinking A <br>long time</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
<a class="read_more" href="#">Read more</a>
<h1>Integrated application store</h1>
<p>
The integrated Market Place provides users with a wide range of applications, services and libraries.
</p>
<a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
<!--a class="read_more" href="https://app.iohub.dev/antos/">Online demo</a-->
</div>
</div>
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
<div class="images_box">
<figure><img src="images/img2.png"></figure>
<figure><img src="images/market-place.png"></figure>
</div>
</div>
</div>
@ -117,14 +121,17 @@
<div class="row">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
<div class="text-bg">
<h1>Get<br> Thinking A <br>long time</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
<a class="read_more" href="#">Read more</a>
<h1>In-browser application devlopment</h1>
<p> It also includes an SDK and development environment for in-browser application development, deployment, and packaging.
<br />
The SDK supports application development in Javascript, Typescript or Coffeescript</p>
<a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
<!--a class="read_more" href="#">Read more</a-->
</div>
</div>
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
<div class="images_box">
<figure><img src="images/img2.png"></figure>
<figure><img src="images/antos-sdk.webp"></figure>
</div>
</div>
</div>
@ -144,24 +151,29 @@
<div id="about" class="about">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-md-5">
<!--div class="col-md-5">
<div class="about_img">
<figure><img src="images/about_img.jpg" alt="#"/></figure>
<figure><img src="images/antos-128x128.png" alt="#"/></figure>
</div>
</div>
<div class="col-md-7">
</div-->
<!--div class="col-md-7"-->
<div class="titlepage">
<h2>About <span class="blu">Software</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit </p>
<a class="read_more">Read More</a>
<figure><img src="images/antos-128x128.png" alt="#"/></figure>
<h2>Download <span class="blu">antOS</span></h2>
<p>
<a href="https://github.com/lxsang/antos"><img src="icon/github.png"><span>Source code</span></a>
<a href="https://hub.docker.com/r/xsangle/antosaio"><img src="icon/docker.png"><span>Docker hub</span></a>
<a href="https://ci.iohub.dev/public/antos-release/binaries/deb/"><img src="icon/debian.png"><span>Debian binaries</span></a>
<a href="https://ci.iohub.dev/public/antos-release/binaries/"><img src="icon/appimage.png"><span>Appimage binaries</span></a>
</p>
</div>
</div>
<!--/div-->
</div>
</div>
</div>
<!-- end about -->
<!-- choose section -->
<div class="choose ">
<!--div class="choose ">
<div class="container">
<div class="row">
<div class="col-md-12">
@ -196,22 +208,35 @@
</div>
</div>
</div>
</div>
</div-->
<!-- end choose section -->
<!-- work -->
<div id="work" class="work">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-md-7">
<div class="titlepage">
<h2>How To <span class="blu">Works it</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit </p>
<a class="read_more">Read More</a>
<div class="col-md-6">
<div class="titlepage left">
<h2>Getting started</h2>
<a href="https://doc.iohub.dev/antos/" class="read_more">Read the doc v1.0.x</a>
<p>
The user manual and development guide are currently a work-in-progress (the current available documentation is outdated - v1.0.x).
<br/>
Any contribution for the doc is welcome.
<br /> &nbsp;
</p>
</div>
</div>
<div class="col-md-5">
<div class="work_img">
<figure><img src="images/work_img.jpg" alt="#"/></figure>
<div class="col-md-6">
<div class="titlepage right">
<h2>Development API</h2>
<a href="https://ci.iohub.dev/public/antos-release/doc/2.0.x/" class="read_more">Latest API v.2.0.x</a>
<p>
AntOS API documentation is generated automatically by Jenkins from Typescript source code comments (format JSDOC).
<br />
Generated API documentations for all versions are available at: <a href='https://ci.iohub.dev/public/antos-release/doc/'>https://ci.iohub.dev/public/antos-release/doc/</a>
</p>
</div>
</div>
</div>
@ -219,7 +244,7 @@
</div>
<!-- end work -->
<!-- request -->
<div id="contact" class="request">
<!--div id="contact" class="request">
<div class="container">
<div class="row">
<div class="col-md-12">
@ -255,15 +280,27 @@
</div>
</div>
</div>
</div>
</div-->
<!-- end request -->
<!-- footer -->
<footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<div class="address">
<h3>Follow Me</h3>
</div>
<ul class="social_icon">
<li><a href="https://twitter.com/lexsang"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/dany-xuan-sang-le-55310116b/"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/lxsang"><i class="fa fa-github" aria-hidden="true"></i></a></li>
<li><a href="https://iohub.dev"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
</ul>
<!--div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<div class="row">
<div class="address">
<h3>Follow Me</h3>
</div>
<div class="col-md-8 col-sm-6">
<div class="address">
<h3>Address </h3>
@ -289,14 +326,13 @@
<div class="row">
<div class="col-md-5 col-sm-6">
<div class="address">
<h3>Follow Us</h3>
<h3>Follow Me</h3>
</div>
<ul class="social_icon">
<li><a href="#">Facebook <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"> Twitter<i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"> Linkedin<i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
<li><a href="#"> Youtube<i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
<li><a href="#"> Instagram<i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/lexsang"> Twitter<i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/dany-xuan-sang-le-55310116b/"> Linkedin<i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/lxsang"> Github<i class="fa fa-github" aria-hidden="true"></i></a></li>
<li><a href="https://iohub.dev"> My website<i class="fa fa-globe" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="col-md-7 col-sm-6">
@ -309,14 +345,14 @@
</form>
</div>
</div>
</div>
</div-->
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-12">
<p>Copyright 2019 All Right Reserved By <a href="https://html.design/"> Free html Templates</a></p>
<p>Copyright 2022, All Right Reserved By <a href="https://iohub.dev/"> Dany LE</a></p>
</div>
</div>
</div>