Update Templates

content/download.md

@@ -4,16 +4,36 @@ date: 2022-04-22T00:00:00
 draft: false
 ---
 
-Cwtch is now available as a beta release for the following platforms:
+<br/><br/>
 
-# Android
+<div class="row text-center align-content-center">
+Cwtch is now available as a beta release for the following platforms:
+</div>
+
+<br/><br/>
+<div class="row text-center align-content-center">
+<div class="col-1"> </div>
+<a class="col-2 text-center align-content-center" href="#android"><img class="downloadicon" src="/assets/android.svg"/></a>
+<a class="col-2 text-center align-content-center" href="#windows"><img class="downloadicon" src="/assets/windows.svg"/></a>
+<a class="col-2 text-center align-content-center" href="#linux"><img class="downloadicon" src="/assets/linux.svg"/></a>
+<a class="col-2 text-center align-content-center " href="#mac"><img class="downloadicon" src="/assets/apple.svg"/></a>
+<a class="col-2 text-center align-content-center" href="#source"><img class="downloadiconnoinvert" src="/assets/OP_eye.svg"/></a>
+</div>
+
+<hr/>
+<br/><br/>
+<br/>
+
+<h3 id="android"><img class="downloadicon" src="/assets/android.svg"/> Android</h3>
 
 * Standalone APK (works for arm7 and arm64):  [cwtch-v1.8.0.2.apk](/releases/cwtch-v1.8/cwtch-v1.8.0.apk)
     * `sha512: 077c67ef1460f6e0f76b8d166092ffe5a82919ba75d7cacb39966e84d8e2ce138350bd0a619f200d13bb62c0eee7febbb34261dd7fd801a541dce16be4f50c9f`
     * Note: Syncing experimental Groups on some Android devices can be very slow depending on the underlying hardware and configuration.
 * Google PlayStore: Currently being tested. [Get early access by supporting us on Patreon](https://www.patreon.com/openprivacy)
 
-# Windows
+<br/>
+
+<h3 id="windows"><img class="downloadicon"  src="/assets/windows.svg"/>  Windows</h3>
 
 
 * Installer: [cwtch-installer.exe](/releases/cwtch-v1.8/cwtch-installer.exe)
@@ -22,24 +42,37 @@ Cwtch is now available as a beta release for the following platforms:
     * `sha512: 10a12e2938d22d6fb860cfe086d5a563a5ed8c313d32cc774d3717c25f9b31552c6f292a0be6d04ac4e18fbc57df038d785431d31957f6a286ebc23d48a07299`
     * Due to the newness of the Open Privacy certificate, Windows Defender Smart Screen may throw up a warning the first time you try to run the app. To bypass, simply click the "More info" button and then "Run Anyways"
 
-# Linux
+
+<br/>
+
+<h3 id="linux"><img class="downloadicon"  src="/assets/linux.svg"/>  Linux</h3>
 
 * amd64: [cwtch-v1.8.0.tar.gz](/releases/cwtch-v1.8/cwtch-v1.8.0.tar.gz)
     * `sha512: 1f354bf3c79384400d84d93e7fa6bce79cdc49019cbde864a567dd01aa27080bcddd2d44ae3a4d6bb22b946739d559600084dce3128d27af1f49d2923981a26a`
-  
-# MacOS
+
+
+<br/>
+
+<h3 id="mac"><img class="downloadicon"  src="/assets/apple.svg"/>  MacOS</h3>
+
 
 * DMG: [cwtch-v1.8.0.dmg](/releases/cwtch-v1.8/Cwtch.dmg) (works for x86_64 and arm64e)
   * `sha512: d828c921843a41326036010af9b09569b6baaaa2943ee43f1c8f6b79e7dca0f4012a32911d24772aed91bfba8d6a73336b978a87862cd990889f13ae7000b3de`
 
 
-# iOS 
+<br/>
+
+<h3><img class="downloadicon"  src="/assets/apple.svg"/>  iOS</h3>
 
 * We would love to offer an iOS however there are several limitations of the platform that make this difficult. If you would like to support this effort please consider [volunteering](https://cwtch.im/#how-to-support) or [donating](https://www.patreon.com/openprivacy).
 
-# Build from Source
+<br/>
+
+<h3 id="source"><img class="downloadiconnoinvert" src="/assets/OP_eye.svg"/>  Build from Source</h3>
 
 Everything we build is open source:
 
 * libcwtch-go: [https://git.openprivacy.ca/cwtch.im/libcwtch-go](https://git.openprivacy.ca/cwtch.im/libcwtch-go)
 * Cwtch UI:  [https://git.openprivacy.ca/cwtch.im/cwtch-ui](https://git.openprivacy.ca/cwtch.im/cwtch-ui)
+
+<br/><br/>

content/releases/1.9.md

@@ -0,0 +1,10 @@
+---
+title: "Cwtch 1.9 Release"
+date: 2022-09-10T00:00:00
+draft: false
+altlink: "https://cwtch.im/download"
+---
+
+## Cwtch 1.9 is now available for [download](/download/)
+
+{{% release file="/static/releases/cwtch-v1.9/changelog.md" %}}

static/assets/android.svg

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="483"
+   height="483"
+   viewBox="0 0 483 483"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="android.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.5258799"
+     inkscape:cx="241.17232"
+     inkscape:cy="241.5"
+     inkscape:window-width="1920"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="31"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="android" />
+  <defs
+     id="defs5">
+    <clipPath
+       id="clip-android">
+      <rect
+         width="483"
+         height="483"
+         id="rect2" />
+    </clipPath>
+  </defs>
+  <g
+     id="android"
+     clip-path="url(#clip-android)">
+    <path
+       id="android-2"
+       data-name="android"
+       d="M291.314,172.07a16.625,16.625,0,1,1,16.625-16.625,16.625,16.625,0,0,1-16.625,16.625m-183.64,0A16.625,16.625,0,1,1,124.3,155.445a16.625,16.625,0,0,1-16.625,16.625M297.266,71.988l33.206-57.5A6.927,6.927,0,1,0,318.513,7.56L284.886,65.792a208.677,208.677,0,0,0-170.794,0L80.465,7.56a6.927,6.927,0,1,0-11.959,6.927l33.206,57.5C44.7,103,5.708,160.721,0,228.917H399C393.292,160.721,354.29,103,297.277,71.988"
+       transform="translate(47 133.322)" />
+  </g>
+</svg>

static/assets/apple.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="483"
+   height="483"
+   viewBox="0 0 483 483"
+   version="1.1"
+   id="svg11"
+   sodipodi:docname="apple.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview13"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.5258799"
+     inkscape:cx="241.17232"
+     inkscape:cy="241.5"
+     inkscape:window-width="1920"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="31"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="apple" />
+  <defs
+     id="defs5">
+    <clipPath
+       id="clip-apple">
+      <rect
+         width="483"
+         height="483"
+         id="rect2" />
+    </clipPath>
+  </defs>
+  <g
+     id="apple"
+     clip-path="url(#clip-apple)">
+    <path
+       id="apple-2"
+       data-name="apple"
+       d="m 407.09232,296.68782 q -9.35,29.954 -29.478,59.92 -30.918,46.97 -61.592,46.97 -11.742,0 -33.555,-7.666 -20.616,-7.666 -36.191,-7.666 -14.623,0 -34.031,7.91 -19.408,8.153 -31.638,8.153 -36.424,0 -72.138,-62.069 -35.227999,-62.567 -35.227999,-120.57 0,-54.647 27.084999,-89.63 27.085,-34.507995 68.062,-34.507995 17.259,0 42.417,7.188995 24.925,7.189 33.078,7.189 10.79,0 34.275,-8.153 24.449,-8.152995 41.464,-8.152995 28.525,0 51.046,15.574995 12.463,8.63 24.925,23.961 -18.932,16.063 -27.318,28.282 a 85.358,85.358 0 0 0 -15.575,49.606 91.27,91.27 0 0 0 16.541,53.451 q 16.539,23.729 37.864,30.2 z m -90.118,-281.119996 q 0,14.623 -6.946,32.591 a 98.338,98.338 0 0 1 -22.287,33.078 q -12.94,12.939001 -25.89,17.261001 -8.862,2.636995 -24.925,4.076995 0.72,-35.714996 18.7,-61.591996 17.735,-25.659 59.915,-35.4850001 a 22.215,22.215 0 0 1 0.6,2.637 22.211,22.211 0 0 0 0.6,2.6370001 q 0,0.964 0.122,2.393 0.122,1.429 0.122,2.393 z" />
+  </g>
+</svg>

static/assets/windows.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="483"
+   height="483"
+   viewBox="0 0 483 483"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="windows.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.5258799"
+     inkscape:cx="241.17232"
+     inkscape:cy="241.5"
+     inkscape:window-width="1920"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="31"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="windows" />
+  <defs
+     id="defs5">
+    <clipPath
+       id="clip-windows">
+      <rect
+         width="483"
+         height="483"
+         id="rect2" />
+    </clipPath>
+  </defs>
+  <g
+     id="windows"
+     clip-path="url(#clip-windows)">
+    <g
+       id="windows-2"
+       data-name="windows"
+       transform="translate(111 117)">
+      <path
+         id="Path_90"
+         data-name="Path 90"
+         d="M4.5,61.869l162-21.75V198.37L4.665,199.586,4.5,61.914Zm162,154.064V375.91L4.62,353.725V215.932Zm20.669-178.65L409.728,4.5V196.614l-222.57,1.756V37.282Zm222.6,181.232-.045,191.259L187.158,379.3V218.5H409.773Z"
+         transform="translate(-74.773 -77.5)" />
+    </g>
+  </g>
+</svg>

static/releases/cwtch-v1.9/changelog.md

@@ -0,0 +1,29 @@
+For a more detailed overview of changes present in the 1.9 release see issues tagged [cwtch-beta-1.8](https://git.openprivacy.ca/cwtch.im/cwtch-ui/issues?q=&type=all&sort=&state=closed&labels=160&milestone=0&assignee=0) in our
+issue tracker.
+
+A special thanks to the amazing volunteer translators and testers who made this release possible.
+
+* **New Features:**
+    - **View Replies** - quickly view all replies to a specific message 
+    - **Manage Shared Files** - pause or restart sharing of files to specific conversations
+    - **Pin Conversations** - important conversations can now be pinned to the top of the conversations list
+    - **Cwtch Handook** is now available in [Italian](https://docs.cwtch.im/it/docs/intro/), [German](https://docs.cwtch.im/de/docs/intro/) and [Spanish](https://docs.cwtch.im/es/docs/intro/)
+* **Bug Fixes  / Improvements:**
+    - Group messages are now viewable while the group is actively syncing 
+    - Group Anti-spam challenge/completion status is now surfaced in the UX 
+    - Fixed duplicate contact add bug (Android)
+    - Introduced better error handling for the file sharing experiment
+      - Automatic downloads are now not triggered if download directory does not exist or is incorrectly configured
+      - Failed file downloads can now be restarted through the UX
+    - Tor Version is now surfaced correctly in UI after restarts
+    - Custom Tor SOCKS port configuration is now used
+    - Peering attempts are now paused until Tor is fully bootstrapped
+    - Per-conversation messages drafts are now saved while Cwtch is open
+* **Accessibility / UX:**
+    - Full translations for **French**, **German**, **Italian**, **Russian**, **Polish**, **Spanish**, **Turkish**, and **Welsh**
+    - Core translations for **Danish** (85%), **Norwegian** (85%), and **Romanian** (85%).
+    - Partial translations for **Luxembourgish** (25%), **Greek** (19%), and **Portuguese** (7%).
+    - Updates to experiment descriptions to remove outdated references to previous versions
+
+<hr/>
+<br/>

themes/cwtch/layouts/index.html

@@ -7,8 +7,8 @@
     <div class="row text-center justify-content-around">
       <div class="col-md-6 text-center">
         <h1 class="display-4 font-weight-normal ">Surveillance Resistant Infrastructure</h1>
-        <a class="btn btn-primary" href="/download"><strong>Get Cwtch</strong></a>
-        <a class="btn btn-primary" href="https://openprivacy.ca/donate"><strong>Donate</strong></a>
+        <a class="btn btn-primary" href="/download"><strong>GET CWTCH</strong></a><br/><br/>
+        <a class="btn btn-alt btn-primary" href="https://openprivacy.ca/donate"><strong>Donate</strong></a>
       </div>
       <div class="col-md-6  text-center">
         <img src="images/CWTCH_WEB/cwtch%20phones.png" width="90%">
@@ -17,20 +17,21 @@
 
       <hr/>
 
-      <h2>What is Cwtch?</h2>
+      <div class="row">
+        <div class="col-md-6"><h1><strong>Cwtch /kʊtʃ/</strong></h1></div>
+        <div class="col-md-6"><p>Cwtch (/kʊtʃ/ - a Welsh word roughly translating to “a hug that creates a safe place”) is a decentralized, privacy-preserving,
+          multi-party messaging protocol that can be used to build metadata resistant applications.</p></div>
+      </div>
 
-      <p>Cwtch (/kʊtʃ/ - a Welsh word roughly translating to “a hug that creates a safe place”) is a decentralized, privacy-preserving,
-      multi-party messaging protocol that can be used to build metadata resistant applications.</p>
+      <br/><br/><br/>
 
-
-      <ul>
-        <li><strong>Decentralized and Open</strong>: There is no “Cwtch service” or “Cwtch network”.
-      Participants in Cwtch can host their own safe spaces, or lend their infrastructure to others
-          seeking a safe space.  The Cwtch protocol is <a href="https://git.openprivacy.ca/cwtch.im/cwtch">open</a>, and anyone is free to <a href="https://git.openprivacy.ca/sarah/cwtchbot">build bots, services</a> and <a href="https://git.openprivacy.ca/cwtch.im/cwtch-ui">user interfaces</a>
-          and integrate and interact with Cwtch.</li>
-       <li><strong>Privacy Preserving</strong>: All communication in Cwtch is end-to-end encrypted and takes place over Tor v3 onion services.</li>
-        <li><strong>Metadata Resistant</strong>: Cwtch has been <a href="https://docs.openprivacy.ca/cwtch-security-handbook/risk.html">designed</a> such that no information is exchanged or available to anyone without their explicit consent, including on-the-wire messages and protocol metadata.</li>
-      </ul>
+      <div class="row">
+        <div class="col-md-4 text-center"><strong>Decentralized and Open</strong><br/><p>Participants in Cwtch can host their own safe spaces, or lend their infrastructure to others
+          seeking a safe space.  There is no “Cwtch service” or “Cwtch network”. The Cwtch protocol is <a href="https://git.openprivacy.ca/cwtch.im/cwtch">open</a>, and anyone is free to <a href="https://git.openprivacy.ca/sarah/cwtchbot">build bots, services</a> and <a href="https://git.openprivacy.ca/cwtch.im/cwtch-ui">user interfaces</a>
+          and integrate and interact with Cwtch.</p></div>
+        <div class="col-md-4 text-center"><strong>Privacy Preserving</strong><br/><p>All communication in Cwtch is end-to-end encrypted and takes place over Tor v3 onion services.</p></div>
+        <div class="col-md-4 text-center"><strong>Metadata Resistant</strong><br/><p>Cwtch has been <a href="https://docs.openprivacy.ca/cwtch-security-handbook/risk.html">designed</a> such that no information is exchanged or available to anyone without their explicit consent, including on-the-wire messages and protocol metadata.</p></div>
+      </div>
 
 
 

themes/cwtch/static/css/style.css

@@ -84,12 +84,20 @@ body {
   font-family: "OpenSans Regular";
 }
 
-h1, h2, h3 {
-  font-family: "Atami Regular";
+h1, h2 {
+  font-family: "Atami Bold";
+  font-weight: bold;
+}
+
+h3 {
+  font-family: "Open Sans";
 }
 
 .btn {
  border-radius: 25px!important;
+  font-family: "Atami Bold";
+  font-size: 2em;
+  font-weight: bold;
 }
 
 .btn-primary {
@@ -171,6 +179,17 @@ a:hover {
   color:  #fff;
 }
 
+.btn {
+  width: 300px;
+}
+
+.btn-alt {
+  width: 300px;
+  border-color: #ffffff;
+  background-color: transparent;
+  border-width: 2px;
+}
+
 
 li a {
   color:  #fff;
@@ -207,4 +226,22 @@ footer a {
 code {
  font-size: 12px;
   text-wrap: none;
+  vertical-align:middle;
 }
+
+.downloadiconnoinvert {
+  height: 32px;
+  vertical-align:center;
+  color: #ffffff;
+}
+
+.downloadicon {
+  height: 32px;
+  color: #ffffff;
+  vertical-align:center;
+  filter: invert(1);
+}
+
+h3 {
+  vertical-align: text-bottom;
+}