浏览代码

Updated project homepage

Toby Chui 2 年之前
父节点
当前提交
c65f6c1464
共有 17 个文件被更改,包括 50 次插入40 次删除
  1. 4 0
      docs/css/style.css
  2. 二进制
      docs/img/banner.png
  3. 二进制
      docs/img/banner.psd
  4. 二进制
      docs/img/favicon.png
  5. 二进制
      docs/img/favicon.psd
  6. 二进制
      docs/img/favicon_old.png
  7. 二进制
      docs/img/screen/1.png
  8. 二进制
      docs/img/screen/2.png
  9. 二进制
      docs/img/screen/3.png
  10. 二进制
      docs/img/screen/4.png
  11. 二进制
      docs/img/screen/5.png
  12. 二进制
      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

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

二进制
docs/img/banner.png


二进制
docs/img/banner.psd


二进制
docs/img/favicon.png


二进制
docs/img/favicon.psd


二进制
docs/img/favicon_old.png


二进制
docs/img/screen/1.png


二进制
docs/img/screen/2.png


二进制
docs/img/screen/3.png


二进制
docs/img/screen/4.png


二进制
docs/img/screen/5.png


二进制
docs/img/screen/6.png


+ 15 - 13
docs/index-jp.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>ArozOS</title>
+  <title>ウェブデスクトップ | ArozOS</title>
   <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="The best Web Desktop Online System for the Raspberry Pi" name="description">
@@ -125,8 +125,8 @@
           <div class="feature-block">
 
             <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>
 
@@ -135,7 +135,7 @@
 
             <img src="img/os.png" alt="img" class="img-fluid">
             <h4>オープンソース</h4>
-			<p>ArozOSのコンポーネントはGithubでオープンソースで公開されています。</p>
+			      <p>ArozOSのコンポーネントはGithubでオープンソースで公開されています。</p>
 
           </div>
         </div>
@@ -160,14 +160,14 @@
           <div class="about-content">
 
            <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>
@@ -295,7 +295,7 @@
     <div class="container">
       <div class="section-title text-center">
         <h2>スクリーンショット</h2>
-        <p class="separator">ArozOSウェブデスクトップシステムの概要を簡単に紹介します</p>
+        <p class="separator">ArozOSの外観やユーザーインターフェースの概要を簡単に紹介します</p>
       </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/3.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>
 
   <!--==========================

+ 5 - 13
docs/index-zh.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>ArozOS</title>
+  <title>網頁桌面系統 | ArozOS</title>
   <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="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{
       font-family: 'Noto Sans TC', sans-serif !important;
     }
-
-    .oil{
-      display:none;
-    }
   </style>
 </head>
 
@@ -124,8 +120,8 @@
           <div class="feature-block">
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
-            <h4>為「樹莓派」而設計</h4>
-            <p>系統適用於 樹莓派 等資源有限的單片電腦,也能在一般電腦和伺服器上執行 </p>
+            <h4>支援多種平台</h4>
+            <p>無論是 ARM 開發板、舊手機還是一般電腦和伺服器上都可以執行 </p>
 
           </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/3.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>
 
   <!--==========================
@@ -491,9 +489,7 @@
         </div>
       </div>
     </div>
-    <img class="oil" style="position: absolute; right: 0px; bottom: 0px; width: 30em;" src="img/oil/mascot.png">
   </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>
@@ -522,10 +518,6 @@
     }else if (userLang == "zh-TW"){
       $("#lang").text("中文(台灣)");
     }
-
-    if (window.location.hash == "#oil"){
-      $(".oil").show();
-    }
   </script>
 </body>
 </html>

+ 9 - 6
docs/index-zh_cn.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>ArozOS</title>
+  <title>网页桌面系统 | ArozOS</title>
   <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="The best Web Desktop Online System for the Raspberry Pi" name="description">
@@ -32,8 +32,10 @@
   <link href="css/style.css" rel="stylesheet">
 
   <!-- 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
@@ -122,9 +124,8 @@
           <div class="feature-block">
 
             <img src="img/rpi.png" alt="img" class="img-fluid">
-            <h4>为「树莓派」而设计</h4>
-            <p>系统适用于 树莓派 等资源有限的单片电脑,也能在一般电脑和伺服器上执行 </p>
-
+            <h4>支援多种平台</h4>
+            <p>无论是 ARM 开发板、旧手机还是一般电脑和伺服器上都可以执行 </p>
           </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/3.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>
 
   <!--==========================

+ 16 - 7
docs/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <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="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">
@@ -13,7 +13,9 @@
   <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
 
   <!-- 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 -->
   <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
@@ -28,7 +30,12 @@
 
   <!-- Main Stylesheet File -->
   <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 URL: https://bootstrapmade.com/estartup-bootstrap-landing-page-template/
@@ -68,7 +75,7 @@
   <section id="hero" class="wow fadeIn">
     <div class="hero-container">
       <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">
       <a href="#get-started" class="btn-get-started scrollto">Get Started</a>
       <div class="btns">
@@ -110,8 +117,8 @@
           <div class="feature-block">
 
             <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>
@@ -300,6 +307,8 @@
     <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/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>
 
   <!--==========================
@@ -426,7 +435,7 @@
     <div class="container">
       <div class="section-title text-center">
         <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>
 

+ 1 - 1
docs/lang.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <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="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">