Преглед на файлове

Added chatGPT translated jp homepage

Toby Chui преди 2 години
родител
ревизия
949f1e71b9
променени са 3 файла, в които са добавени 518 реда и са изтрити 1 реда
  1. 516 0
      docs/index-jp.html
  2. 1 1
      docs/index.html
  3. 1 0
      docs/lang.html

+ 516 - 0
docs/index-jp.html

@@ -0,0 +1,516 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <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">
+  <meta name="author" content="tobychui">
+
+  <!-- Favicons -->
+  <link href="img/favicon.png" rel="icon">
+  <link href="img/apple-touch-icon.png" rel="apple-touch-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=Zen+Maru+Gothic:wght@300;400;500&display=swap" rel="stylesheet"> 
+
+  <!-- Bootstrap css -->
+  <!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
+  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Libraries CSS Files -->
+  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
+  <link href="lib/owlcarousel/assets/owl.theme.default.min.css" rel="stylesheet">
+  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+  <link href="lib/animate/animate.min.css" rel="stylesheet">
+  <link href="lib/modal-video/css/modal-video.min.css" rel="stylesheet">
+
+  <!-- Main Stylesheet File -->
+  <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">
+
+  <!-- =======================================================
+    Theme Name: eStartup
+    Theme URL: https://bootstrapmade.com/estartup-bootstrap-landing-page-template/
+    Author: BootstrapMade.com
+    License: https://bootstrapmade.com/license/
+  ======================================================= -->
+
+  <style>
+	
+	
+    p,a,div,span,h1,h2,h3,h4,h5,h6{
+          font-family: 'Zen Maru Gothic', sans-serif !important;
+    }
+  </style>
+</head>
+
+<body>
+
+  <header id="header" class="header header-hide">
+    <div class="container">
+
+      <div id="logo" class="pull-left">
+       <!-- <h1><a href="" class="scrollto">ArozOS</a></h1> -->
+        <!-- Uncomment below if you prefer to use an image logo -->
+        <a href=""><img src="img/logo.png" alt="" style="height: 2em;" title="ArozOS Project" /></a>
+      </div>
+
+      <nav id="nav-menu-container">
+        <ul class="nav-menu">
+          <li class="menu-active"><a href="#hero">ホームページ</a></li>
+          <li><a href="#about-us">紹介</a></li>
+          <li><a href="#features">機能</a></li>
+          <li><a href="#screenshots">スクリーンショット</a></li>
+          <li><a href="#docs">ドキュメント</a></li>
+          <li><a href="#contact">ソースコード</a></li>
+          <li><a href="#" onclick="window.location.href='lang.html';">日本語(日本)</a></li>
+        </ul>
+      </nav><!-- #nav-menu-container -->
+    </div>
+  </header><!-- #header -->
+
+  <!--==========================
+    Hero Section
+  ============================-->
+  <section id="hero" class="wow fadeIn">
+    <div class="hero-container">
+      <h1>ArozOS</h1>
+      <h2>個人用クラウドデスクトッププラットフォーム</h2>
+      <img src="img/banner.png" alt="Hero Imgs">
+      <a href="#get-started" class="btn-get-started scrollto">詳しく知る</a>
+      <div class="btns">
+        <a href="https://github.com/tobychui/arozos"><i class="fa fa-github fa-3x"></i> Github</a>
+        <a href="https://github.com/tobychui/arozos/releases"><i class="fa fa-download fa-3x"></i> ダウンロード</a>
+        <a href="docs/"><i class="fa fa-book fa-3x"></i> 説明書</a>
+      </div>
+    </div>
+  </section><!-- #hero -->
+
+   <!--==========================
+    Get Started Section
+  ============================-->
+  <section id="get-started" class="padd-section text-center wow fadeInUp">
+
+    <div class="container">
+      <div class="section-title text-center">
+
+        <h2></h2>
+        <p class="separator">ArozOSを選ぶ理由?</p>
+
+      </div>
+    </div>
+
+    <div class="container">
+      <div class="row">
+
+        <div class="col-md-6 col-lg-4">
+          <div class="feature-block">
+
+            <img src="img/svg/cloud.svg" alt="img" class="img-fluid">
+			<h4>クラウドデスクトップ</h4>
+			<p>シンプルでエレガントなWebデスクトップインターフェースで、日常のタスクを実行できます。</p>
+
+
+          </div>
+        </div>
+
+        <div class="col-md-6 col-lg-4">
+          <div class="feature-block">
+
+            <img src="img/rpi.png" alt="img" class="img-fluid">
+			<h4>Raspberry Piに最適化</h4>
+			<p>多くのブランドのシングルボードコンピュータに対応したシステムです。</p>
+          </div>
+        </div>
+
+        <div class="col-md-6 col-lg-4">
+          <div class="feature-block">
+
+            <img src="img/os.png" alt="img" class="img-fluid">
+            <h4>オープンソース</h4>
+			<p>ArozOSのコンポーネントはGithubでオープンソースで公開されています。</p>
+
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+  </section>
+
+  <!--==========================
+    About Us Section
+  ============================-->
+  <section id="about-us" class="about-us padd-section wow fadeInUp">
+    <div class="container">
+      <div class="row justify-content-center">
+
+        <div class="col-md-5 col-lg-3">
+          <img src="img/preview-pc.png" alt="About">
+        </div>
+
+        <div class="col-md-7 col-lg-5">
+          <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>
+
+          </div>
+        </div>
+
+      </div>
+    </div>
+    <br><br>
+    <div class="container">
+      <div class="row justify-content-center">
+
+        <div class="col-md-5 col-lg-3">
+          <img src="img/preview.png" alt="About">
+        </div>
+
+        <div class="col-md-7 col-lg-5">
+          <div class="about-content">
+
+          <h2><span>ArozOS</span>モバイルWebデスクトップ </h2>
+            <p>PWA技術を使用してモバイルでのWebデスクトップをサポートし、デバイス間のファイルアクセスをより簡単かつスムーズにします。
+            </p>
+
+			 <ul class="list-unstyled">
+			  <li><i class="fa fa-angle-right"></i>アプリのインストールは不要です</li>
+			  <li><i class="fa fa-angle-right"></i>AndroidとiOSに対応</li>
+			  <li><i class="fa fa-angle-right"></i>ChromeとSafariで動作</li>
+			  <li><i class="fa fa-angle-right"></i>ウィンドウベースの操作</li>
+			  <li><i class="fa fa-angle-right"></i>デバイス間の同期</li>
+			</ul>
+
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
+  <!--==========================
+    Features Section
+  ============================-->
+
+  <section id="features" class="padd-section text-center wow fadeInUp">
+
+	<div class="container">
+	  <div class="section-title text-center">
+		<h2>素晴らしい機能</h2>
+		<p class="separator">多種多様なWebアプリケーションを備えた、本格的なデスクトップ体験</p>
+	  </div>
+	</div>
+
+    <div class="container">
+      <div class="row">
+
+        <div class="col-md-6 col-lg-3">
+          <div class="feature-block">
+			<img src="img/icons/work_desk_kirei.png" alt="img" class="img-fluid">
+			<h4>シンプルで美しい</h4>
+			<p>グラス調で角を丸くしたウィンドウに、直感的なWebアプリ名が表示されます。</p>
+		  </div>
+        </div>
+
+        <div class="col-md-6 col-lg-3">
+          <div class="feature-block">
+			<img src="img/icons/computer_cloud_storage.png" alt="img" class="img-fluid">
+			<h4>マルチメディア</h4>
+			<p>マルチメディアストリーミングに適した、組み込みの音楽、写真、オーディオWebアプリケーション</p>
+		  </div>
+        </div>
+
+        <div class="col-md-6 col-lg-3">
+          <div class="feature-block">
+			<img src="img/icons/envelop_paper.png" alt="img" class="img-fluid">
+			<h4>ファイルマネージャ</h4>
+			<p>WebデスクトップOSで見つけることのできる最高のファイルマネージャの一つ</p>
+		  </div>
+        </div>
+
+        <div class="col-md-6 col-lg-3">
+           <div class="feature-block">
+			<img src="img/svg/design-tool.svg" alt="img" class="img-fluid">
+			<h4>使いやすい</h4>
+			<p>タッチパッドやタッチスクリーンを使用したドラッグ&ドロップ操作のサポート</p>
+		  </div>
+        </div>
+
+        <div class="col-md-6 col-lg-3">
+          <div class="feature-block">
+			<img src="img/svg/cloud-computing.svg" alt="img" class="img-fluid">
+			<h4>Gitインストール</h4>
+			<p>ビルドインモジュールインストーラを使用してgitクローンを介してモジュールをインストールできます</p>
+		  </div>
+        </div>
+
+        <div class="col-md-6 col-lg-3">
+          <div class="feature-block">
+            <img src="img/icons/computer_tethering.png" alt="img" class="img-fluid">
+            <h4>簡単接続</h4>
+            <p>Web、FTP、およびWebDAVをサポートし、どのオペレーティングシステムでも簡単にアクセスできます</p>
+          </div>
+        </div>
+
+        <div class="col-md-6 col-lg-3">
+		  <div class="feature-block">
+			<img src="img/os.png" alt="img" class="img-fluid">
+			<h4>オープンソース</h4>
+			<p>変更して、変化するニーズとユースケースに合わせることができます</p>
+		  </div>
+		</div>
+
+		<div class="col-md-6 col-lg-3">
+		  <div class="feature-block">
+			<img src="img/svg/code.svg" alt="img" class="img-fluid">
+			<h4>Goで書かれています</h4>
+			<p>システムリソースを効果的に利用しながら、ポータビリティを維持できます</p>
+		  </div>
+
+	   </div>
+    </div>
+  </section>
+
+  <!--==========================
+    Screenshots Section
+  ============================-->
+  <section id="screenshots" class="padd-section text-center wow fadeInUp">
+
+    <div class="container">
+      <div class="section-title text-center">
+        <h2>スクリーンショット</h2>
+        <p class="separator">ArozOSウェブデスクトップシステムの概要を簡単に紹介します</p>
+      </div>
+    </div>
+
+    <div class="container">
+      <div class="owl-carousel owl-theme">
+
+       
+
+      </div>
+    </div>
+    <div><img class="fullwidthImg" src="img/screen/1.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/4.png" alt="img"></div>
+  </section>
+
+  <!--==========================
+    Video Section
+  ============================-->
+
+  <section id="video" class="text-center wow fadeInUp">
+    <div class="overlay">
+      <div class="container-fluid container-full">
+
+        <div class="row">
+          <a href="#" class="js-modal-btn play-btn" data-video-id="DVzbeWyxmNU"></a>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
+
+  <!--==========================
+    Testimonials Section
+  ============================-->
+
+  <section id="testimonials" class="padd-section text-center wow fadeInUp">
+    <div class="container">
+      <div class="row justify-content-center">
+
+        <div class="col-md-8">
+
+          <div class="testimonials-content">
+            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
+              <div class="carousel-inner" role="listbox">
+
+                <div class="carousel-item  active">
+                  <div class="top-top">
+
+                    <h2>これは非常に過小評価されている</h2>
+					<p>正直に言って、これは現時点では非常に過小評価されていて、もっと多くの人々がこの作品を見てほしいです。</p>
+					<h4>CrazyCoder009</span></h4>
+
+                  </div>
+                </div>
+
+                <div class="carousel-item ">
+                  <div class="top-top">
+
+					<h2>非常にスムーズで素晴らしいです</h2>
+					<p>Raspberry Pi 4Bで動作します。しばらく使用していますが、非常にスムーズで素晴らしいです。TCさん、ありがとう!</p>
+					<h4>jimting</span></h4>
+
+                  </div>
+                </div>
+
+
+                <div class="carousel-item ">
+                  <div class="top-top">
+
+                    <h2>ついに自分のNASを手に入れました</h2>
+					<p>NASは高価で、これが人生で初めてのNASの使用です。</p>
+					<h4>Wei Vi</h4>
+
+                  </div>
+                </div>
+
+
+              </div>
+
+              <div class="btm-btm">
+
+                <ul class="list-unstyled carousel-indicators">
+                  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+                  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+                  <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+                </ul>
+
+              </div>
+
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
+  <!--==========================
+    Blog Section
+  ============================-->
+  <section id="blog" class="padd-section wow fadeInUp">
+
+    <div class="container">
+      <div class="section-title text-center">
+
+        <h2>始めましょうか?</h2>
+        <p class="separator">当社の<a href="https://github.com/tobychui/arozos/blob/master/README.md">Github README</a>ファイルをご覧ください</p>
+
+      </div>
+    </div>
+
+   
+  </section>
+
+  <!--==========================
+    Newsletter Section
+  ============================-->
+  <section id="docs" class="newsletter text-center wow fadeInUp">
+    <div class="overlay padd-section">
+      <div class="container">
+        <div class="section-title text-center">
+          <h2>ArozOSの開発を行いたいですか?</h2>
+          <p>ここから始めることをおすすめします。</p>
+          <a href="docs/" class="glass btn-get-started scrollto" target="_blank">ドキュメントを読む</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!--==========================
+    Contact Section
+  ============================-->
+  <section id="contact" class="padd-section wow fadeInUp">
+
+    <div class="container">
+      <div class="section-title text-center">
+        <h2>ソースを見る</h2>
+        <p class="separator">ここでソースコードを見てください。<br>このプロジェクトが気に入ったら、ぜひスターを付けてください。</p>
+      </div>
+    </div>
+
+    <div class="container">
+      <div class="row justify-content-center">
+
+        <div class="col-lg-3 col-md-4">
+
+          <div class="info">
+            <div>
+              <i class="fa fa-github"></i>
+              <p><a href="https://github.com/tobychui/arozos">https://github.com/tobychui/arozos</a></p>
+            </div>
+
+            <div class="email">
+              <i class="fa fa-envelope"></i>
+              <p><a href="mailto:imuslab@gmail.com">imuslab@gmail.com</a></p>
+            </div>
+
+          </div>
+
+          <!-- 
+          <div class="social-links">
+            <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
+            <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
+            <a href="#" class="instagram"><i class="fa fa-instagram"></i></a>
+            <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
+            <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
+          </div>
+-->
+        </div>
+      </div>
+    </div>
+  </section><!-- #contact -->
+
+  <!--==========================
+    Footer
+  ============================-->
+  <footer class="footer">
+    <div class="copyrights">
+      <div class="container">
+        <div class="credits">
+          <!--
+            All the links in the footer should remain intact.
+            You can delete the links only if you purchased the pro version.
+            Licensing information: https://bootstrapmade.com/license/
+            Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=eStartup
+          -->
+          Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
+        </div>
+      </div>
+    </div>
+
+  </footer>
+
+
+
+  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
+
+  <!-- JavaScript Libraries -->
+  <script src="lib/jquery/jquery.min.js"></script>
+  <script src="lib/jquery/jquery-migrate.min.js"></script>
+  <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
+  <script src="lib/superfish/hoverIntent.js"></script>
+  <script src="lib/superfish/superfish.min.js"></script>
+  <script src="lib/easing/easing.min.js"></script>
+  <script src="lib/modal-video/js/modal-video.js"></script>
+  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
+  <script src="lib/wow/wow.min.js"></script>
+  <!-- Contact Form JavaScript File -->
+  <script src="contactform/contactform.js"></script>
+
+  <!-- Template Main Javascript File -->
+  <script src="js/main.js"></script>
+
+</body>
+</html>

+ 1 - 1
docs/index.html

@@ -213,7 +213,7 @@
           <div class="feature-block">
             <img src="img/icons/work_desk_kirei.png" alt="img" class="img-fluid">
             <h4>Simple & Beautiful</h4>
-            <p>Glassy and rounded corner Windows with ntuitive WebApp naming</p>
+            <p>Glassy and rounded corner Windows with intuitive WebApp naming</p>
           </div>
         </div>
 

+ 1 - 0
docs/lang.html

@@ -64,6 +64,7 @@
       <p><a href="index.html">English (US)</a></p>
       <p><a href="index-zh.html">中文(繁體)</a></p>
       <p><a href="index-zh_cn.html">中文(简体)</a></p>
+	   <p><a href="index-jp.html">日本語(日本)</a></p>
     </div>
   </section><!-- #hero -->