Home Explore Help
Sign In
TC
/
arozos-mirror
mirror of https://github.com/tobychui/arozos
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

Updated project homepage

Toby Chui 2 years ago
parent
c18dc2f366
commit
c65f6c1464
17 changed files with 50 additions and 40 deletions
Unified View Show Diff Stats
  1. 4 0
      docs/css/style.css
  2. BIN
      docs/img/banner.png
  3. BIN
      docs/img/banner.psd
  4. BIN
      docs/img/favicon.png
  5. BIN
      docs/img/favicon.psd
  6. BIN
      docs/img/favicon_old.png
  7. BIN
      docs/img/screen/1.png
  8. BIN
      docs/img/screen/2.png
  9. BIN
      docs/img/screen/3.png
  10. BIN
      docs/img/screen/4.png
  11. BIN
      docs/img/screen/5.png
  12. BIN
      docs/img/screen/6.png
  13. 15 13
      docs/index-jp.html
  14. 5 13
      docs/index-zh.html
  15. 9 6
      docs/index-zh_cn.html
  16. 16 7
      docs/index.html
  17. 1 1
      docs/lang.html

+ 4 - 0
docs/css/style.css
View File 

@@ -196,6 +196,10 @@ span {
 
   margin-top: 40px;
 
   margin-top: 40px;
 
 }
 
 }
 
 
 
+#hero img{
 
+  max-height: 400px !important;
 
+}
 
+
 
 @media (min-width: 1025px) {
 
 @media (min-width: 1025px) {
 
   #hero {
 
   #hero {
 
     background-attachment: fixed;
 
     background-attachment: fixed;

BIN
docs/img/banner.png
View File


BIN
docs/img/banner.psd
View File


BIN
docs/img/favicon.png
View File


BIN
docs/img/favicon.psd
View File


BIN
docs/img/favicon_old.png
View File


BIN
docs/img/screen/1.png
View File


BIN
docs/img/screen/2.png
View File


BIN
docs/img/screen/3.png
View File


BIN
docs/img/screen/4.png
View File


BIN
docs/img/screen/5.png
View File


BIN
docs/img/screen/6.png
View File


+ 15 - 13
docs/index-jp.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
-  <title>ArozOS</title>
 
+  <title>ウェブデスクトップ | ArozOS</title>
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
@@ -125,8 +125,8 @@
 
           <div class="feature-block">
 
           <div class="feature-block">
 
 
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
-			<h4>Raspberry Piに最適化</h4>
 
-			<p>多くのブランドのシングルボードコンピュータに対応したシステムです。</p>
 
+            <h4>クロスプラットフォーム</h4>
 
+            <p>ほぼすべてのデバイスに展開できます。ARM SBCやAndroidの携帯電話からx86_64 PCまで対応しています。</p>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
 
 
@@ -135,7 +135,7 @@
 
 
 
             <img src="img/os.png" alt="img" class="img-fluid">
 
             <img src="img/os.png" alt="img" class="img-fluid">
 
             <h4>オープンソース</h4>
 
             <h4>オープンソース</h4>
 
-			<p>ArozOSのコンポーネントはGithubでオープンソースで公開されています。</p>
 
+			      <p>ArozOSのコンポーネントはGithubでオープンソースで公開されています。</p>
 
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
@@ -160,14 +160,14 @@
 
           <div class="about-content">
 
           <div class="about-content">
 
 
 
            <h2><span>ArozOS</span> PC<br>Webデスクトップ</h2>
 
            <h2><span>ArozOS</span> PC<br>Webデスクトップ</h2>
 
-			<p>ブラウザを備えた任意のPCを、あなたのWebデスクトップクライアントに変えることができます。いつでもどこでもすべてのファイルにアクセスできます。</p>
 
-			<ul class="list-unstyled">
 
-			  <li><i class="fa fa-angle-right"></i>設定不要、特別なユーザー権限不要</li>
 
-			  <li><i class="fa fa-angle-right"></i>Chrome、Firefox、Safariに対応</li>
 
-			  <li><i class="fa fa-angle-right"></i>Web UI、FTP、WebDAVを介してアクセス</li>
 
-			  <li><i class="fa fa-angle-right"></i>クラウド上で最高のファイルマネージャー</li>
 
-			  <li><i class="fa fa-angle-right"></i>HTML5で動作するWebアプリケーション</li>
 
-			</ul>
 
+            <p>ブラウザを備えた任意のPCを、あなたのWebデスクトップクライアントに変えることができます。いつでもどこでもすべてのファイルにアクセスできます。</p>
 
+            <ul class="list-unstyled">
 
+              <li><i class="fa fa-angle-right"></i>設定不要、特別なユーザー権限不要</li>
 
+              <li><i class="fa fa-angle-right"></i>Chrome、Firefox、Safariに対応</li>
 
+              <li><i class="fa fa-angle-right"></i>Web UI、FTP、WebDAVを介してアクセス</li>
 
+              <li><i class="fa fa-angle-right"></i>クラウド上で最高のファイルマネージャー</li>
 
+              <li><i class="fa fa-angle-right"></i>HTML5で動作するWebアプリケーション</li>
 
+            </ul>
 
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
@@ -295,7 +295,7 @@
 
     <div class="container">
 
     <div class="container">
 
       <div class="section-title text-center">
 
       <div class="section-title text-center">
 
         <h2>スクリーンショット</h2>
 
         <h2>スクリーンショット</h2>
 
-        <p class="separator">ArozOSウェブデスクトップシステムの概要を簡単に紹介します</p>
 
+        <p class="separator">ArozOSの外観やユーザーインターフェースの概要を簡単に紹介します</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
 
 
@@ -310,6 +310,8 @@
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/5.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/6.png" alt="img"></div>
 
   </section>
 
   </section>
 
 
 
   <!--==========================
 
   <!--==========================

+ 5 - 13
docs/index-zh.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
-  <title>ArozOS</title>
 
+  <title>網頁桌面系統 | ArozOS</title>
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
@@ -44,10 +44,6 @@
 
     p,a,div,span,h1,h2,h3,h4,h5,h6{
 
     p,a,div,span,h1,h2,h3,h4,h5,h6{
 
       font-family: 'Noto Sans TC', sans-serif !important;
 
       font-family: 'Noto Sans TC', sans-serif !important;
 
     }
 
     }
 
-
 
-    .oil{
 
-      display:none;
 
-    }
 
   </style>
 
   </style>
 
 </head>
 
 </head>
 
 
 
@@ -124,8 +120,8 @@
 
           <div class="feature-block">
 
           <div class="feature-block">
 
 
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
-            <h4>為「樹莓派」而設計</h4>
 
-            <p>系統適用於 樹莓派 等資源有限的單片電腦，也能在一般電腦和伺服器上執行 </p>
 
+            <h4>支援多種平台</h4>
 
+            <p>無論是 ARM 開發板、舊手機還是一般電腦和伺服器上都可以執行 </p>
 
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
@@ -315,6 +311,8 @@
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/5.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/6.png" alt="img"></div>
 
   </section>
 
   </section>
 
 
 
   <!--==========================
 
   <!--==========================
 
@@ -491,9 +489,7 @@
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
-    <img class="oil" style="position: absolute; right: 0px; bottom: 0px; width: 30em;" src="img/oil/mascot.png">
 
   </footer>
 
   </footer>
 
-  <img class="oil" style="position: absolute; width: 30em;bottom: 0px; right: 0px;" src="img/oil/welcome.png">
 
 
 
 
 
   <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
   <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
@@ -522,10 +518,6 @@
 
     }else if (userLang == "zh-TW"){
 
     }else if (userLang == "zh-TW"){
 
       $("#lang").text("中文（台灣）");
 
       $("#lang").text("中文（台灣）");
 
     }
 
     }
 
-
 
-    if (window.location.hash == "#oil"){
 
-      $(".oil").show();
 
-    }
 
   </script>
 
   </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 9 - 6
docs/index-zh_cn.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
-  <title>ArozOS</title>
 
+  <title>网页桌面系统 | ArozOS</title>
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
@@ -32,8 +32,10 @@
 
   <link href="css/style.css" rel="stylesheet">
 
   <link href="css/style.css" rel="stylesheet">
 
 
 
   <!-- Additional stuffs for TC support-->
 
   <!-- Additional stuffs for TC support-->
 
-  <link rel="preconnect" href="https://fonts.gstatic.com">
 
-  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap" rel="stylesheet">
 
+  <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=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
 
+  
 
 
   <!-- =======================================================
 
   <!-- =======================================================
 
     Theme Name: eStartup
 
     Theme Name: eStartup
 
@@ -122,9 +124,8 @@
 
           <div class="feature-block">
 
           <div class="feature-block">
 
 
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
-            <h4>为「树莓派」而设计</h4>
 
-            <p>系统适用于 树莓派 等资源有限的单片电脑，也能在一般电脑和伺服器上执行 </p>
 
-
 
+            <h4>支援多种平台</h4>
 
+            <p>无论是 ARM 开发板、旧手机还是一般电脑和伺服器上都可以执行 </p>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
 
 
@@ -313,6 +314,8 @@
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/5.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/6.png" alt="img"></div>
 
   </section>
 
   </section>
 
 
 
   <!--==========================
 
   <!--==========================

+ 16 - 7
docs/index.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
-  <title>ArozOS</title>
 
+  <title>Web Desktop OS | ArozOS</title>
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
@@ -13,7 +13,9 @@
 
   <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
 
   <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
 
 
 
   <!-- Google Fonts -->
 
   <!-- Google Fonts -->
 
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Roboto:100,300,400,500,700|Philosopher:400,400i,700,700i" rel="stylesheet">
 
+  <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@300;400;600;700;900&display=swap" rel="stylesheet">
 
 
 
   <!-- Bootstrap css -->
 
   <!-- Bootstrap css -->
 
   <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
 
   <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
 
@@ -28,7 +30,12 @@
 
 
 
   <!-- Main Stylesheet File -->
 
   <!-- Main Stylesheet File -->
 
   <link href="css/style.css" rel="stylesheet">
 
   <link href="css/style.css" rel="stylesheet">
 
-
 
+  <style>
 
+    p,a,div,span,h1,h2,h3,h4,h5,h6{
 
+      font-family: 'Source Sans Pro', sans-serif !important;
 
+    }
 
+    
+  </style>
 
   <!-- =======================================================
 
   <!-- =======================================================
 
     Theme Name: eStartup
 
     Theme Name: eStartup
 
     Theme URL: https://bootstrapmade.com/estartup-bootstrap-landing-page-template/
 
     Theme URL: https://bootstrapmade.com/estartup-bootstrap-landing-page-template/
 
@@ -68,7 +75,7 @@
 
   <section id="hero" class="wow fadeIn">
 
   <section id="hero" class="wow fadeIn">
 
     <div class="hero-container">
 
     <div class="hero-container">
 
       <h1>ArozOS</h1>
 
       <h1>ArozOS</h1>
 
-      <h2>A Web Desktop Operating System for YOUR Personal Cloud</h2>
 
+      <h2>A Web Desktop Operating System for your Personal Cloud</h2>
 
       <img src="img/banner.png" alt="Hero Imgs">
 
       <img src="img/banner.png" alt="Hero Imgs">
 
       <a href="#get-started" class="btn-get-started scrollto">Get Started</a>
 
       <a href="#get-started" class="btn-get-started scrollto">Get Started</a>
 
       <div class="btns">
 
       <div class="btns">
 
@@ -110,8 +117,8 @@
 
           <div class="feature-block">
 
           <div class="feature-block">
 
 
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
 
-            <h4>Design for Raspberry Pi</h4>
 
-            <p>System compatible with many brands of single board computers</p>
 
+            <h4>Cross Platforms</h4>
 
+            <p>Runs on pretty much anything from ARM SBCs, old Android phones to x86_64 PC</p>
 
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
@@ -300,6 +307,8 @@
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/2.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/3.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
     <div><img class="fullwidthImg" src="img/screen/4.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/5.png" alt="img"></div>
 
+    <div><img class="fullwidthImg" src="img/screen/6.png" alt="img"></div>
 
   </section>
 
   </section>
 
 
 
   <!--==========================
 
   <!--==========================
 
@@ -426,7 +435,7 @@
 
     <div class="container">
 
     <div class="container">
 
       <div class="section-title text-center">
 
       <div class="section-title text-center">
 
         <h2>View the Source</h2>
 
         <h2>View the Source</h2>
 
-        <p class="separator">Take a look at the source code here. <br>If you like this project, please feel free to give us a star.</p>
 
+        <p class="separator">Take a look at the source code here. <br>If you like this project, please feel free to give us a ⭐ star ⭐.</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>

+ 1 - 1
docs/lang.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
-  <title>ArozOS - Language</title>
 
+  <title>Language | ArozOS</title>
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="Web Desktop, Open Source, Aroz, Go, OS, Raspberry Pi" name="keywords">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">
 
   <meta content="The best Web Desktop Online System for the Raspberry Pi" name="description">