copy from @tigeruk/Chrome

heycmm · Jul 22, 2018 · ad324ea · ad324ea
1 parent 29f1236
commit ad324ea
Show file tree

Hide file tree

Showing 13 changed files with 345 additions and 0 deletions.
diff --git a/access.png b/access.png
diff --git a/index.html b/index.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <title>Tiger Chromium浏览器</title>
+  <link rel="stylesheet" href="master.css">
+</head>
+
+<body>
+  <div class="container">
+
+    <header class="graybg">
+      <div class="logo">
+        <h2><a href="https://tigeruk.github.io/Chrome/">Tiger Chromium</a></h2>
+      </div>
+      <h1>不用VPN，直连美国的Chrome浏览器</h1>
+      <p>基于Google Chrome开源项目<a href="https://www.chromium.org/">Chromium</a>，自由訪問全球網絡</p>
+
+      <div class="screenshot">
+        <img class="fluid" src="https://tigeruk.github.io/Chrome/tiger-chromium-mac.png" alt="Tiger Chromium on Mac">
+      </div>
+
+      <div class="call-to-action">
+        <div class="button">
+          <a href="https://tigeruk.github.io/Chrome/zh/download-windows.html">下载 64位Windows(10/8/7) Chromium</a>
+        </div>
+        <div class="button">
+          <a href="https://tigeruk.github.io/Chrome/zh/download-mac.html">下载 MacOS Chromium</a>
+        </div>
+      </div>
+    </header>
+
+    <section>
+      <h1>直接連到美國</h1>
+      <p>Tiger Chromium瀏覽器自動連到美國，不需要安裝任何VPN和代理軟件。</p>
+
+      <div class="screenshot">
+        <img class="fluid" src="https://tigeruk.github.io/Chrome/map.png" alt="Tiger Chromium IP Geolocation">
+      </div>
+    </section>
+
+    <section>
+      <h1>隨心所欲訪問全球網絡資源</h1>
+      <p>Google, Gmail, Youtube都能順利訪問，讓生活豐富多彩，讓工作更有效率。</p>
+      <div class="screenshot">
+        <img class="fluid" src="https://tigeruk.github.io/Chrome/access.png" alt="Access all websites">
+      </div>
+    </section>
+
+    <section>
+      <h1>比正式版Chrome提前12個星期</h1>
+      <p>Tiger Chromium緊跟<a href="https://www.chromium.org/developers/calendar">Google Chrome開發進度</a>，領先正式版大約12週左右，提前體驗Chrome的各種新功能和性能提升。</p>
+    </section>
+
+    <section class="graybg">
+      <h1>立刻接入自由的互聯網</h1>
+      <div class="call-to-action">
+        <div class="button">
+          <a href="https://tigeruk.github.io/Chrome/zh/download-windows.html">下载 64位Windows(10/8/7) Chromium</a>
+        </div>
+        <div class="button">
+          <a href="https://tigeruk.github.io/Chrome/zh/download-mac.html">下载 MacOS Chromium</a>
+        </div>
+      </div>
+    </section>
+
+    <section class="share">
+      <h1>分享给朋友</h1>
+      <div class="">
+        <img src="https://tigeruk.github.io/Chrome/qrcode.png" alt="scan to download Tiger Chromium">
+      </div>
+    </section>
+
+    <footer>
+      <div class="">
+        <a href="https://github.com/tigeruk/Chrome/releases">GitHub</a>
+      </div>
+      <div class="">
+        <a href="https://www.freevpn.pw">所有產品</a>
+      </div>
+      <div class="">
+        <a href="mailto:[email protected]">電郵</a>
+      </div>
+      <div class="">
+        &copy;2018 Tigervpn Ltd
+      </div>
+    </footer>
+  </div>
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-64806974-10"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-64806974-10');
+  </script>
+
+</body>
+
+</html>
diff --git a/mac-ctrl-open.png b/mac-ctrl-open.png
diff --git a/map.png b/map.png
diff --git a/master.css b/master.css
@@ -0,0 +1,136 @@
+
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  text-align: center;
+}
+
+.fluid {
+  width: 100%;
+  max-width: 100%;
+}
+
+.screenshot {
+  width: 100%;
+  margin: auto;
+  margin-top: 3em;
+}
+@media (min-width: 600px) {
+  .screenshot {
+    width: 80%;
+  }
+}
+
+.call-to-action a {
+  display: inline-block;
+  background: rgb(33,164,211);
+  color: white;
+  font-size: 1em;
+  text-decoration: none;
+  padding: 1em 1em;
+}
+.call-to-action a:hover {
+  background: rgb(23,120,154);
+}
+.call-to-action .button {
+  height: 60px;
+  padding: 0.8em 0;
+}
+
+p {
+  color: rgb(65,65,65);
+  font-size: 1.2em;
+  padding: 1em 0 0 0;
+}
+a {
+  color: rgb(65,65,65);
+}
+
+.graybg {
+  background: rgb(236,239,241);
+  color: rgb(45,45,45);
+}
+
+.btn {
+  background: #f85555;
+  font-size: 1em;
+  color: white;
+  padding: .5em 1em;
+}
+.btn:hover {
+  cursor: pointer;
+  background: #f33333;
+}
+
+header {
+  padding: 2em 0;
+}
+header h1 {
+  padding: 1.5em 0 0 0;
+}
+header .logo a {
+  color: rgb(122,193,93);
+  text-decoration: none;
+}
+header h2 {
+  margin: 2em 1em 0 1em;
+}
+
+section {
+  padding: 2em 0 2em 0;
+}
+
+footer {
+  background: #555;
+  min-height: 100px;
+  font-size: 0.85em;
+  color: white;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+}
+footer a {
+  color: white;
+}
+
+.tooltip {
+    position: relative;
+    display: inline-block;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    width: 140px;
+    background-color: #555;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px;
+    position: absolute;
+    z-index: 1;
+    bottom: 150%;
+    left: 50%;
+    margin-left: -75px;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.tooltip .tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #555 transparent transparent transparent;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}
diff --git a/qrcode.png b/qrcode.png
diff --git a/tiger-chromium-mac.png b/tiger-chromium-mac.png
diff --git a/tiger-chromium-windows.png b/tiger-chromium-windows.png
diff --git a/windows-open-1.png b/windows-open-1.png
diff --git a/windows-open-2.png b/windows-open-2.png
diff --git a/windows-open-3.png b/windows-open-3.png
diff --git a/zh/download-mac.html b/zh/download-mac.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta http-equiv="refresh" content="3; url=https://github.com/tigeruk/Chrome/releases/download/180701/Chromium-macOS-180701.zip">
+  <title>Tiger Chromium浏览器</title>
+  <link rel="stylesheet" href="../master.css">
+</head>
+
+<body>
+  <div class="container">
+
+    <header class="graybg">
+      <div class="logo">
+        <h2><a href="https://tigeruk.github.io/Chrome/">Tiger Chromium</a></h2>
+      </div>
+      <h1>感谢下载</h1>
+      <p>下载即将自动开始，如果5秒之后下载没有开始，您可以请点击<a href=https://github.com/tigeruk/Chrome/releases/download/180701/Chromium-macOS-180701.zip>此链接手工下载</a></p>
+      <p>备选地址: <a href=http://167.99.163.129/Chromium-macOS-180701.zip>Chromium-macOS-180701.zip</a>
+      </p>
+
+      <h2>首次打开Chromium，请同时按住键盘<em>&nbsp;Ctrl&nbsp;</em>键并点击图标，从菜单中选择打开。</h2>
+      <div class="screenshot">
+        <img class="fluid" src="../mac-ctrl-open.png" alt="Tiger Chromium on Mac">
+      </div>
+
+    </header>
+  </div>
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-64806974-10"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-64806974-10');
+  </script>
+
+</body>
+
+</html>
diff --git a/zh/download-windows.html b/zh/download-windows.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta http-equiv="refresh" content="3; url=https://github.com/tigeruk/Chrome/releases/download/180701/chrome-windows-180701.zip">
+  <title>Tiger Chromium浏览器</title>
+  <link rel="stylesheet" href="../master.css">
+</head>
+
+<body>
+  <div class="container">
+
+    <header class="graybg">
+      <div class="logo">
+        <h2><a href="https://tigeruk.github.io/Chrome/">Tiger Chromium</a></h2>
+      </div>
+      <h1>感谢下载</h1>
+      <p>下载即将自动开始，如果5秒之后下载没有开始，您可以请点击<a href=https://github.com/tigeruk/Chrome/releases/download/180701/chrome-windows-180701.zip>此链接手工下载</a></p>
+      <p>备选地址: <a href=http://167.99.163.129/chrome-windows-180701.zip>chrome-windows-180701.zip</a>
+      </p>
+
+      <h2>下载后解压缩，进入目录点击<em>chrome.exe</em>就可以使用。首次打开，Windows会安全提示，选择&quot;更多信息&quot;，再选择&quot;仍要运行&quot;</h2>
+      <div class="screenshot">
+        <img class="fluid" src="../windows-open-1.png" alt="Tiger Chromium on Windows">
+      </div>
+      <div class="screenshot">
+        <img class="fluid" src="../windows-open-2.png" alt="Tiger Chromium on Windows">
+      </div>
+
+      <h2>根据个人习惯，可以把chrome.exe固定到开始屏幕，固定到任务栏，或者桌面快捷方式，方便以后启动。</h2>
+      <div class="screenshot">
+        <img class="fluid" src="../windows-open-3.png" alt="Tiger Chromium on Windows">
+      </div>
+
+    </header>
+  </div>
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-64806974-10"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-64806974-10');
+  </script>
+
+</body>
+
+</html>