Site Cleanup (#1840)

.gitignore

@@ -6,3 +6,5 @@ font/assets/
 font/_sass/
 font/.fontcustom-manifest.json
 assets/webfonts/ptio-font-preview.html
+vendor
+.bundle

_includes/footer.html

@@ -89,7 +89,8 @@ <h3>Copy URL and Description</h3>
     <small>
       <a href="/privacy/">Privacy Statement</a> |
       <a href="/notices/">Notices &amp; Disclaimers</a> |
-      <a href="https://github.com/privacytoolsIO/brand">Brand Assets &amp; Guidelines</a>
+      <a href="https://github.com/privacytoolsIO/brand">Brand Assets &amp; Guidelines</a> |
+      <a href="https://status.privacytools.io">Status Page</a>
     </small>
 
   </div>

_includes/head.html

@@ -22,7 +22,7 @@
   <meta property="og:locale" content="en_GB" />
   <meta property="og:site_name" content="{{ site.name }}" />
 
-  {% if page.url == "/" or page.url == "/about/" %}
+  {% if page.url == "/" %}
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",

_includes/team.html

@@ -1,6 +1,6 @@
-<div class="col-12 col-sm-6 col-lg-4 col-xl-3">
-  <div class="card mb-3 mx-4 mx-sm-0" itemscope itemtype="http://schema.org/Person">
-    <img src="{{ site.baseurl }}/assets/img/png/team/{{ include.avatar }}" class="card-img-top" itemprop="image" alt="{% if include.nick %}{{ include.nick }}{% else %}{{ include.name }}{% endif %}">
+<div class="col-12 col-sm-6 col-lg-4 {% unless include.emeritus %}col-xl-3{% endunless %}">
+  <div class="card mb-3 mx-4 mx-sm-0" itemprop="member" itemscope itemtype="http://schema.org/Person">
+    {% if include.avatar %}<img src="{{ site.baseurl }}/assets/img/{{ include.avatar | split: "." | last }}/team/{{ include.avatar }}" class="card-img-top" itemprop="image" alt="{% if include.nick %}{{ include.nick }}{% else %}{{ include.name }}{% endif %}">{% endif %}
     <div class="card-body">
 
       <h5 class="card-title mt-0" itemprop="name">
@@ -11,9 +11,8 @@ <h5 class="card-title mt-0" itemprop="name">
         {{ include.name }}</h5>
       {% endif %}
 
-      <meta itemprop="affiliation" content="PrivacyTools" />
-      <h6 class="card-subtitle mb-2 text-muted" itemprop="jobTitle">{{ include.role | default: "Contributor" }}</h6>
-      <p class="card-text" {% if include.bio %}itemprop="description"{% endif %}>{{ include.bio | default: "<i>Hmm, this user hasn't written a bio quite yet :(</i>" }}</p>
+      <h6 class="card-subtitle mb-2 text-muted" itemprop="jobTitle">{% if include.role %}{{ include.role }}{% elsif include.emeritus %}Former Contributor{% else %}Contributor{% endif %}</h6>
+      {% if include.bio %}<p class="card-text" itemprop="description">{{ include.bio | default: "<i>Hmm, this user hasn't written a bio quite yet :(</i>" }}</p>{% endif %}
       <div class="mx-n2">
         {% if include.email %}
         <a href="{{ include.email }}" aria-label="Email" class="mx-2 text-decoration-none" itemprop="email">

pages/about.html

@@ -5,36 +5,28 @@
 description: "About the PrivacyTools organization, and contributors to the PrivacyTools website, communities, and services."
 hidedesc: true
 ---
-
+<div itemscope itemtype="http://schema.org/Organization">
+<meta itemprop="alternateName" content="privacytoolsIO">
+<meta itemprop="alternateName" content="Privacy Tools">
+<meta itemprop="alternateName" content="privacytools.io">
+<link itemprop="logo" href="{{ site.production_url }}/assets/img/svg/layout/brand/square-transparent.svg">
 <div class="row">
   <div class="col">
-    <p><em>You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities.</em></p>
-    <p>At <strong>PrivacyTools</strong>, we provide services, tools, and knowledge to protect your privacy against global mass surveillance, and moderate a thriving community of privacy-minded individuals like yourself to discuss and learn about new advances in protecting your online data. This website serves as the centerpiece of our organization, where we research and recommend various software solutions for our community.</p>
-    <p><strong>Transparency</strong> is our strongest value, and it's what sets us apart from the rest of the "privacy recommendations" community. Editorial changes to this website and the products we recommend are always discussed on our extensive <a href="https://github.com/privacytoolsIO/privacytools.io/issues">issue tracker</a>, drafted in a public <a href="https://github.com/privacytoolsIO/privacytools.io/pulls">pull request</a> open for further discussion, and logged in a comprehensive <a href="https://github.com/privacytoolsIO/privacytools.io/commits/master">commit log</a> dating back to our original founding date in 2015. The <em>core</em> team members listed below are responsible for most of the edits and final decisions to changes on this website and across our services, but this website is truly the work of hundreds <a href="https://github.com/privacytoolsIO/privacytools.io/graphs/contributors">contributors and fact checkers</a> working to make sure our recommendations are solid and trustworthy.</p>
+    <p itemprop="description"><em>You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities.</em></p>
+    <p>At <strong itemprop="name">PrivacyTools</strong>, we provide services, tools, and knowledge to protect your <span itemprop="knowsAbout">privacy</span> against <span itemprop="knowsAbout">global mass surveillance</span>, and moderate a thriving community of privacy-minded individuals like yourself to discuss and learn about new advances in protecting your online data. <a itemprop="url" href="{{ site.production_url }}">This website</a> serves as the centerpiece of our organization, where we research and recommend various software solutions for our community.</p>
+    <p><strong>Transparency</strong> is our strongest value, and it's what sets us apart from the rest of the "privacy recommendations" community. Editorial changes to this website and the products we recommend are always discussed on our extensive <a href="https://github.com/privacytoolsIO/privacytools.io/issues">issue tracker</a>, drafted in a public <a href="https://github.com/privacytoolsIO/privacytools.io/pulls">pull request</a> open for further discussion, and logged in a comprehensive <a href="https://github.com/privacytoolsIO/privacytools.io/commits/master">commit log</a> dating back to our original founding date in <span itemprop="foundingDate">2015</span>. The <em>core</em> team members listed below are responsible for most of the edits and final decisions to changes on this website and across our services, but this website is truly the work of hundreds <a href="https://github.com/privacytoolsIO/privacytools.io/graphs/contributors">contributors and fact checkers</a> working to make sure our recommendations are solid and trustworthy.</p>
     <p>Additionally, we are a not-for-profit organization. We do not utilize paid recommendations or affiliate programs to make the recommendations on this website. Unfortunately this practice is very common elsewhere online, which makes it difficult to trust other review sites. We are unique in this area, in that all of our research is conducted independently, and we will never accept payments to modify, add, or remove any of our reviews or recommendations. Our finances are provided entirely by our community <a href="https://opencollective.com/privacytoolsio">donors</a> and <a href="/sponsors/">sponsors</a>, and are handled by the Open Collective Foundation 501(c)(3). Because we are operating as a charity in the United States, we are legally obligated to only use our funding to further our mission of spreading privacy education and promoting online services like Mastodon, Matrix, and WriteFreely. This website is a public resource, not a profit generator. To that regard, all our financial transactions (incoming and outgoing) are logged and made available to the public via our page at <a href="https://opencollective.com/privacytoolsio">opencollective.com/privacytoolsio</a>.</p>
     <p>We take the operation of our various <a href="/services/">services</a> very seriously, and require all participants to adhere to our <a href="https://github.com/privacytoolsIO/.github/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a>. For any questions or to report abuse, please see our CoC’s <a href="https://github.com/privacytoolsIO/.github/blob/master/CODE_OF_CONDUCT.md#enforcement">Enforcement section</a>.</p>
   </div>
 </div>
 
 <div class="row">
   <div class="col">
-    <h2>Core Contributors</h2>
+    <h2>Team Members</h2>
   </div>
 </div>
 
 <div class="row">
-
-{% include team.html
-avatar="burung.png"
-name="Burung Hantu"
-role="Founder"
-bio="I founded PrivacyTools in 2015 to share resources and tools, allowing users to avoid international mass-surveillance programs."
-email="mailto:[email protected]"
-keys="https://keybase.io/privacytools"
-mastodon="https://social.privacytools.io/@BurungHantu"
-twitter="privacytoolsIO"
-%}
-
 {% include team.html
 avatar="jonah.png"
 name="Jonah Aragon"
@@ -48,6 +40,16 @@ <h2>Core Contributors</h2>
 blog="jonah"
 %}
 
+{% include team.html
+avatar="burung.png"
+name="Burung Hantu"
+role="Founder"
+bio="I founded PrivacyTools in 2015 to share resources and tools, allowing users to avoid international mass-surveillance programs."
+keys="https://keybase.io/privacytools"
+mastodon="https://social.privacytools.io/@BurungHantu"
+twitter="privacytoolsIO"
+%}
+
 {% include team.html
 avatar="blacklight447.png"
 name="Niek de Wilde"
@@ -72,7 +74,7 @@ <h2>Core Contributors</h2>
 %}
 
 {% include team.html
-avatar="dawid.png"
+avatar="dawid.svg"
 name="Dawid Potocki"
 role="Developer"
 bio="I'm a student interested in software development. I help improve PrivacyTools and promote using free libre software."
@@ -94,15 +96,6 @@ <h2>Core Contributors</h2>
 mastodon="https://social.privacytools.io/@dngray"
 %}
 
-{% include team.html
-avatar="mikaela.png"
-name="Mikaela Suomalainen"
-nick="Mikaela"
-bio="I am interested in instant messengers. I review privacy tools, and participate in our forum, Matrix room, and issue tracker."
-website="https://mikaela.info/"
-keys="https://gitea.blesmrt.net/mikaela/shell-things/src/branch/master/.mikaela/keys"
-%}
-
 {% include team.html
 avatar="nitrohorse.png"
 name="Andreas Basurto"
@@ -123,8 +116,8 @@ <h2>Core Contributors</h2>
 email="mailto:[email protected]"
 website="https://www.reddit.com/user/trai_dep"
 %}
-
 </div>
+
 <div class="row mt-4 mb-4">
   <div class="col">
     <div class="card">
@@ -137,6 +130,22 @@ <h2>Core Contributors</h2>
   </div>
 </div>
 
+<div class="row">
+  <div class="col">
+    <h2>Emeritus</h2>
+    <p>Emeriti are honorary PrivacyTools team members who have formerly contributed to the project in a central way but are no longer currently active.</p>
+  </div>
+</div>
+
+<div class="row">
+{% include team.html
+name="Mikaela Suomalainen"
+website="https://mikaela.info/"
+keys="https://gitea.blesmrt.net/mikaela/shell-things/src/branch/master/.mikaela/keys"
+emeritus=true
+%}
+</div>
+
 <div class="row">
   <div class="col">
     <h2>Contact Us</h2>
@@ -146,5 +155,10 @@ <h2>Contact Us</h2>
     <p><a href="https://www.reddit.com/r/privacytoolsIO/"><i class="fab fa-reddit fa-lg fa-fw"></i> Suggest something new on our subreddit</a></p>
     <p>For complete transparency, software and providers will only be considered for this website after discussions take place on our GitHub issue tracker. We of course don't make any changes in secret.</p>
     <p>Join our Matrix room at <code>#general:privacytools.io</code> or join the <a href="https://keybase.io/team/privacytools_io">privacytools_io Keybase team</a> to chat with us and other members about this site and privacy in general! If you need a Matrix account, you can sign up with our own homeserver (<code>https://chat.privacytools.io</code>) using <a href="https://riot.privacytools.io">Riot</a>.</p>
+    <p>You can also email the team at <a itemprop="email" href="mailto:[email protected]">[email protected]</a> and find us on <a itemprop="sameAs" href="https://twitter.com/privacytoolsIO">Twitter</a> and <a itemprop="sameAs" href="https://social.privacytools.io/@privacytools">Mastodon</a>.</p>
+    <link itemprop="sameAs" href="https://blog.privacytools.io">
+    <link itemprop="sameAs" href="https://www.youtube.com/channel/UCen3taxHtzByXV8Da73B1Vg">
+    <link itemprop="sameAs" href="https://github.com/privacytoolsIO">
   </div>
 </div>
+</div>

pages/services.html

@@ -21,6 +21,12 @@
 
 <p>More services are on the way. If there's something that would be super beneficial for us to run, don't hesitate to reach out and ask. And of course, if you like our services, please consider <a href="/donate/">donating to support our server costs</a>, <em>any donation helps!</em></p>
 
+<div class="card card-list">
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item"><a href="https://status.privacytools.io/" class="text-success"><i class="fas fa-check-circle fa-lg fa-fw"></i> Statuspage - Check the status of our services for any outages or scheduled maintenance</a></li>
+  </ul>
+</div>
+
 <h3>A brief note</h3>
 
 <p>We are providing these services because we believe in decentralized and federated networks, and free and open source software. The tools we host are a great and convenient entry-point to these services like Matrix, Mastodon, and WriteFreely. We hope that we are able to spur the adoption of these alternative networks, and we strongly believe all of our services are far better than traditional providers, such as Twitter, Facebook, and Google.</p>