added download page and updated menu

cabal-club · Jun 18, 2019 · 54f7f89 · 54f7f89
1 parent 26c8e1a
commit 54f7f89
Show file tree

Hide file tree

Showing 6 changed files with 114 additions and 12 deletions.
diff --git a/css/style.css b/css/style.css
diff --git a/desktop.png b/desktop.png
diff --git a/download.html b/download.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+
+<html lang='en'>
+<head>
+
+  <title>cabal // download</title>
+
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
+	<meta name="description" content="p2p chat" />
+
+  <link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
+  <link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
+  <link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
+  <!--<link rel="stylesheet" type="text/css" href="/css/footer.css"/>-->
+
+  <link rel="stylesheet" type="text/css" href="css/style.css" />
+
+  <style type="text/css">
+    .no-fouc {display: none;}
+</style>
+
+<script type="text/javascript">
+    document.documentElement.className = 'no-fouc';
+</script>
+
+</head>
+
+<body class="landing">
+  <header><div class="header-wrapper"><div class="inner-wrapper">
+    <nav id="navBar" class="no-js nav-bar">
+
+    <div id='overlay'></div>
+
+    <a class="nav-logo" href="/"></a>
+
+    <div class="nav-right">
+      <div class="nav-links">
+        <ul>
+          <li class="alt"><a class="button uppercase" href="download.html" role="button">download</a></li>
+          <li class="alt"><a class="button uppercase" href="faq.html" role="button">faq</a></li>
+          <li class="alt"><a class="button uppercase" href="https://github.com/cabal-club" role="button">cabal club</a></li>
+        </ul>
+      </div>
+    </div>
+    </nav>
+
+  </div></div></header>
+
+  <div class="content">
+    <div class="wrapper">
+
+    <section class="light"><div class="section-wrapper">
+      <div>
+        <h1>download</h1>
+        <h3>try one of our<br />desktop apps</h3>
+      </div>
+    </section>
+
+    <div>
+      <h2>cabal desktop</h2>
+      <p>
+        <a href="https://github.com/cabal-club/cabal-desktop/releases/download/v2.0.0/cabal-desktop-2.0.0-linux-x86_64.AppImage">Linux</a>
+        <a href="https://github.com/cabal-club/cabal-desktop/releases/download/v2.0.0/cabal-desktop-2.0.0-mac.dmg">macOS</a>
+        <a href="https://github.com/cabal-club/cabal-desktop/releases/download/v2.0.0/cabal-desktop-2.0.0-windows.exe">Windows</a>
+      </p>
+      <div style="margin-right:-250px; width:800px">
+        <img src="desktop.png" alt="desktop app" width="600px"/>
+      </div>
+    </div><br><br>
+
+    <div>
+      <h2>cabal mini</h2>
+      <p>
+        <a href="https://github.com/cabal-club/cabal-desktop-mini/releases/download/v2.0.0/cabal-desktop-mini-2.0.0-linux-x86_64.AppImage">Linux</a>
+        <a href="https://github.com/cabal-club/cabal-desktop-mini/releases/download/v2.0.0/cabal-desktop-mini-2.0.0-mac.zip">macOS</a>
+        <a href="https://github.com/cabal-club/cabal-desktop-mini/releases/download/v2.0.0/cabal-desktop-mini-2.0.0-windows.exe">Windows</a>
+      </p>
+      <div style="margin-right:-250px; width:800px">
+        <img src="mini.png" alt="desktop app" width="600px"/>
+      </div>
+    </div>
+
+<script>
+  window.addEventListener("load", function(e) {
+    document.documentElement.className = '';
+  });
+</script>
+
+<!-- website forked from https://handshake.org (MIT) -->
+
+</body>
+</html>
diff --git a/faq.html b/faq.html
@@ -39,48 +39,53 @@
     <div class="nav-right">
       <div class="nav-links">
           <ul>
+            <li class="alt"><a class="button uppercase" href="download.html" role="button">download</a></li>
+            <li class="alt"><a class="button uppercase" href="faq.html" role="button">faq</a></li>
             <li class="alt"><a class="button uppercase" href="https://github.com/cabal-club" role="button">cabal club</a></li>
           </ul>
         </div>
       </div>
-</nav>
+    </nav>
 
   </div></div></header>
 
   <div class="content">
     <div class="wrapper">
 
-  <section class="light"><div class="section-wrapper"><div class="columns">
-    <div>
-      <h1>faq</h1>
+  <section class="light">
+    <div class="section-wrapper">
+      <div class="columns">
+        <div>
+          <h1>faq</h1>
+        </div>
+      </div>
     </div>
-  </section>
-
   <div>
     <h2>What kind of security does cabal have?</h2>
     <p>Right now, very little. Cabal should be treated the same way you would treat an IRC channel: generally private, but discoverable + readable by sniffing local network & DHT traffic.</p>
     <p>We're trying to get the core platform and networking solid right now, and have lots of plans & ideas for security in the near future, especially around end-to-end encryption and peer-to-peer permission models.</p>
   </div>
-	  
+
   <div>
     <h2>What's the plan for media embeds?</h2>
     <p>We have a work in progress (<a href="https://i.imgur.com/p0NA0mV.gif">gif</a>) of it in <a href="https://github.com/cabal-club/cabal-desktop-mini/tree/files">Cabal Mini</a>, one of our
        desktop clients. Once that is finished we will implement support for it in the other clients</p>
   </div>
-	  
+
 <div>
   <h2>How do I get chat history when I connect the first time?</h2>
-  <p>To get chat history, you need to be connected with at least one peer who has the history. 
+  <p>To get chat history, you need to be connected with at least one peer who has the history.
      But it doesn't matter which peer you connect to, since everyone in a cabal has the full chat history locally.</p>
 </div>
 
 <div>
   <h2>How can I support what you're doing?</h2>
   <p>Join the <a href="https://github.com/cabal-club/">Cabal Club</a> by contributing to one of the clients.</p>
-  <p>If you want to help financially (we're doing this in what spare time we have over after jobs) 
+  <p>If you want to help financially (we're doing this in what spare time we have over after jobs)
      get in touch with <a href="https://twitter.com/cblgh">cblgh</a> or <a href="https://twitter.com/noffle">noffle</a>.</p>
 </div>
-
+</div>
+</section>
 
 <script>
   window.addEventListener("load", function(e) {

diff --git a/index.html b/index.html
@@ -39,6 +39,8 @@
     <div class="nav-right">
       <div class="nav-links">
           <ul>
+            <li class="alt"><a class="button uppercase" href="download.html" role="button">download</a></li>
+            <li class="alt"><a class="button uppercase" href="faq.html" role="button">faq</a></li>
             <li class="alt"><a class="button uppercase" href="https://github.com/cabal-club" role="button">cabal club</a></li>
           </ul>
         </div>
@@ -58,6 +60,7 @@ <h3>experimental p2p community<br />chat platform</h3>
     <div>
       <ul id='guide'>
         <li><b>Desktop:</b> <a href="https://github.com/cabal-club/cabal-desktop/releases">cabal-desktop</a></li>
+        <li><b>Mini:</b> <a href="https://github.com/cabal-club/cabal-desktop-mini/releases">cabal-desktop-mini</a></li>
         <li><b>Terminal:</b> <code><a href="https://nodejs.org">npm</a> install --global cabal</code></li>
         <li><b>Source Code:</b> <a href='https://github.com/cabal-club'>git</a></li>
         <hr/>

diff --git a/mini.png b/mini.png