Community page (#18)

* Community page * Add security vuln reporting email * remove vscode settings from git * adjust some layout, typos, and add safe emails --------- Co-authored-by: Lucy Cifferello <12953208+elvece@users.noreply.github.com>
2026-03-26 10:21:54 +00:00 · 2023-04-26 13:25:44 +00:00
parent a353b400ae
commit cf0470a014
10 changed files with 714 additions and 5188 deletions
--- a/src/_includes/components/emails/affiliate-email.njk
+++ b/src/_includes/components/emails/affiliate-email.njk
@@ -0,0 +1,3 @@
+<script type="text/javascript"><!--/* Generated by www.email-encoder.com */
+for(var lhrume=["QA","Og","YQ","YQ","Pg","cg","YQ","cw","PA","bQ","Lw","cg","Zg","bA","Zg","ZQ","aA","bA","YQ","Zg","PQ","bQ","aQ","Ig","Yw","dA","YQ","ZQ","aQ","QA","cg","bw","Lg","OQ","dA","Yw","PA","dA","dA","cw","bQ","YQ","YQ","dA","bw","Lg","YQ","aQ","bw","dA","Pg","IA","OQ","bA","Zg","dA","Zg","ZQ","Ig","YQ","aQ","aQ"],daqgws=[25,15,50,44,61,29,60,48,0,57,59,4,6,42,39,5,3,12,16,17,7,9,21,36,55,52,22,46,19,47,51,14,54,31,27,33,58,23,30,26,35,28,10,49,34,32,38,43,56,13,37,2,53,20,18,45,40,24,8,1,11,41],nnzawu=new Array,i=0;i<daqgws.length;i++)nnzawu[daqgws[i]]=lhrume[i];for(var i=0;i<nnzawu.length;i++)document.write(atob(nnzawu[i]+"=="));
+// --></script><noscript>Please enable JavaScript to see the email address (<a href="https://www.email-encoder.com/enablejs/" target="_blank" rel="noopener noreferrer">How-to</a>).</noscript>
--- a/src/_includes/components/emails/security-email.njk
+++ b/src/_includes/components/emails/security-email.njk
@@ -0,0 +1,3 @@
+<script type="text/javascript"><!--/* Generated by www.email-encoder.com */
+for(var bwmoja=["Ig","dQ","YQ","eQ","YQ","aA","bQ","dQ","Og","Yw","eQ","cg","dA","PA","YQ","cw","ZQ","IA","bw","aQ","YQ","QA","OQ","PA","dA","bQ","cg","PQ","Zg","Pg","ZQ","Yw","Lg","bw","bA","dA","Lg","cg","bQ","YQ","Pg","dA","cg","cw","aQ","cg","ZQ","Yw","dA","dA","QA","Ig","aQ","Lw","Yw","dA","bw","OQ","cw","cw"],njcesu=[35,40,27,23,58,3,34,19,15,32,44,4,29,56,1,16,38,2,14,42,10,45,51,0,22,55,28,7,6,59,5,18,52,54,12,26,31,41,9,48,36,13,20,25,11,49,17,53,43,47,24,8,21,57,39,50,33,30,46,37],zxharl=new Array,i=0;i<njcesu.length;i++)zxharl[njcesu[i]]=bwmoja[i];for(var i=0;i<zxharl.length;i++)document.write(atob(zxharl[i]+"=="));
+// --></script><noscript>Please enable JavaScript to see the email address (<a href="https://www.email-encoder.com/enablejs/" target="_blank" rel="noopener noreferrer">How-to</a>).</noscript>
--- a/src/_includes/components/emails/support-email.njk
+++ b/src/_includes/components/emails/support-email.njk
--- a/src/_includes/components/footer.njk
+++ b/src/_includes/components/footer.njk
@@ -15,7 +15,6 @@
    <div class="header">
      {% include "svgs/logo.svg" %}
      <div class="footer__copyright">{{ site.footer.copyright }}</div>
-      {# <p>{% include 'components/encoded-email.njk' %}</p> #}
      <div class="footer__btns">
        <a target="_blank" rel="noopener noreferrer" href="{{ site.torUrl }}">{% include "svgs/tor.svg" %}</a>
        <a href="{{ site.footer.donate }}" class="btn" rel="noopener noreferrer" target="_blank">Donate</a>
--- a/src/_includes/svgs/community.svg
+++ b/src/_includes/svgs/community.svg
@@ -0,0 +1,11 @@
+<svg width="518" height="61" viewBox="0 0 518 61" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.7663 38.6642L56.2123 44.7322C52.5497 50.2535 48.805 54.2168 44.9783 56.6222C41.2063 58.9728 36.3137 60.1482 30.3003 60.1482C21.7723 60.1482 14.7477 57.3875 9.22634 51.8662C3.705 46.3448 0.944336 39.1562 0.944336 30.3002C0.944336 21.4442 3.75967 14.2555 9.39034 8.73415C15.0757 3.21282 22.1823 0.452148 30.7103 0.452148C36.6143 0.452148 41.7803 1.81882 46.2083 4.55215C50.6363 7.28548 53.8617 10.9208 55.8843 15.4582L47.1103 21.7722C43.4477 14.2282 37.8717 10.4562 30.3823 10.4562C25.189 10.4562 20.8157 12.2875 17.2623 15.9501C13.709 19.6128 11.9323 24.3962 11.9323 30.3002C11.9323 36.0948 13.709 40.8508 17.2623 44.5681C20.8157 48.2855 25.189 50.1442 30.3823 50.1442C37.8717 50.1442 43.6663 46.3175 47.7663 38.6642Z" fill="white"/>
+<path d="M114.919 8.98015C120.549 14.6655 123.365 21.7722 123.365 30.3002C123.365 38.8282 120.549 45.9348 114.919 51.6202C109.288 57.3055 102.263 60.1482 93.8446 60.1482C85.4259 60.1482 78.4012 57.3055 72.7706 51.6202C67.1399 45.9348 64.3246 38.8282 64.3246 30.3002C64.3246 21.7722 67.1399 14.6655 72.7706 8.98015C78.4012 3.29482 85.4259 0.452148 93.8446 0.452148C102.263 0.452148 109.288 3.29482 114.919 8.98015ZM80.5606 44.8142C84.0592 48.3675 88.4872 50.1442 93.8446 50.1442C99.2019 50.1442 103.63 48.3675 107.129 44.8142C110.627 41.2062 112.377 36.3682 112.377 30.3002C112.377 24.2322 110.627 19.4215 107.129 15.8682C103.63 12.2602 99.2019 10.4562 93.8446 10.4562C88.4872 10.4562 84.0592 12.2602 80.5606 15.8682C77.0619 19.4215 75.3126 24.2322 75.3126 30.3002C75.3126 36.3682 77.0619 41.2062 80.5606 44.8142Z" fill="white"/>
+<path d="M133.682 59.0002V1.60015H145.08L163.366 47.1922L181.652 1.60015H193.05V59.0002H182.554V23.9042L180.996 28.8242L179.766 32.6782L168.532 59.0002H158.2L146.966 32.6782L145.736 28.8242L144.178 23.9042V59.0002H133.682Z" fill="white"/>
+<path d="M205.871 59.0002V1.60015H217.269L235.555 47.1922L253.841 1.60015H265.239V59.0002H254.743V23.9042L253.185 28.8242L251.955 32.6782L240.721 59.0002H230.389L219.155 32.6782L217.925 28.8242L216.367 23.9042V59.0002H205.871Z" fill="white"/>
+<path d="M324.468 1.60015V37.2702C324.468 44.4315 322.282 50.0348 317.908 54.0802C313.535 58.1255 307.877 60.1482 300.934 60.1482C293.992 60.1482 288.334 58.1255 283.96 54.0802C279.587 50.0348 277.4 44.4315 277.4 37.2702V1.60015H288.224V36.2042C288.224 40.6322 289.345 44.0762 291.586 46.5362C293.828 48.9415 296.944 50.1442 300.934 50.1442C304.925 50.1442 308.041 48.9415 310.282 46.5362C312.524 44.0762 313.644 40.6322 313.644 36.2042V1.60015H324.468Z" fill="white"/>
+<path d="M336.636 59.0002V1.60015H347.624L371.568 38.0901C371.677 38.2542 372.032 38.8555 372.634 39.8942C373.235 40.8782 373.7 41.7802 374.028 42.6002V1.60015H384.524V59.0002H373.536L349.592 22.2642C349.482 22.1001 349.127 21.4988 348.526 20.4601C347.815 19.2575 347.35 18.3555 347.132 17.7542V59.0002H336.636Z" fill="white"/>
+<path d="M397.373 59.0002V1.60015H408.197V59.0002H397.373Z" fill="white"/>
+<path d="M417.162 11.6042V1.60015H463.082V11.6042H445.534V59.0002H434.71V11.6042H417.162Z" fill="white"/>
+<path d="M498.593 36.5322V59.0002H487.769V36.5322L468.827 1.60015H480.717L491.377 22.0182C491.487 22.1822 491.596 22.4282 491.705 22.7561C491.869 23.0841 491.979 23.3028 492.033 23.4122L493.181 26.2002C493.291 25.8175 493.482 25.3255 493.755 24.7242C494.029 24.1228 494.22 23.6855 494.329 23.4122C494.384 23.3028 494.466 23.0841 494.575 22.7561C494.739 22.4282 494.876 22.1822 494.985 22.0182L505.645 1.60015H517.535L498.593 36.5322Z" fill="white"/>
+</svg>
--- a/src/assets/styles/peripheral.scss
+++ b/src/assets/styles/peripheral.scss
@@ -485,6 +485,21 @@ section#contact {
  }
 }

+section#creators {
+  ul {
+    margin-left: 15px;
+    
+    li {
+      margin-left: 30px;
+      list-style-type: square;
+    }
+  }
+
+  h3 {
+    font-size: max(13px, 1.2rem);
+  }
+}
+
 #pro-tagline {
  display: flex;
  flex-direction: column;
--- a/src/community.njk
+++ b/src/community.njk
@@ -0,0 +1,93 @@
+---
+title: Community
+layout: layouts/peripheral.njk
+---
+
+<section id="hero" class="hero--about">
+  <div id="hero-image" class="image-with-shadow">
+    <img src="/assets/images/about-hero.png" alt="about page hero image: a robot emerging from the embassy" title="about page hero image: a robot emerging from the embassy"/>
+    <img class="img-shadow" src="/assets/images/about-hero.png" alt=""/>
+  </div>
+  <div id="logo">
+    <h1>
+      {% include "svgs/community.svg" %}
+      <span style="display: none;">Community</span>
+    </h1>
+    <ul id="sub-menu">
+      <li>
+        <a href="#techs">Techs</a>
+      </li>
+      <li>
+        <a href="#creators">Creators</a>
+      </li>
+      <li>
+        <a href="#promoters">Promoters</a>
+      </li>
+      <li>
+        <a href="#devs">Devs</a>
+      </li>
+    </ul>
+  </div>
+</section>
+<section id="blurb">
+  <h2>Sovereign Computing is not a company, it is a movement.  Are you ready to push it forward?</h2>
+  <p>Start9 will not become a monolithic trusted third party, and to that end, we need your help!  Only with a strong community can this project be successful.  One of the most important things an individual can do to help the movement is to spread the word about Sovereign Computing and help others learn how to declare their own independence.  We also have a variety of other opportunities - choose one based on your skill-set!</p>
+</section>
+<section id="techs">
+  <h2>Community Support Techs</h2>
+  <div class="section__image">
+    <img src="/assets/images/jobs-hero.png" alt="techs section hero: open laptop" title="techs section hero: open laptop"/>
+    <img class="img-shadow" src="/assets/images/jobs-hero.png" alt=""/>
+  </div>
+  <p>We take support and education extremely seriously at Start9.  We need motivated and passionate individuals to help us scale our highly-rated community support team.  If accepted, there will be mandatory training which will teach you to be a StartOS expert as well as an empathetic first responder.  During slow support days, there will be opportunities to assist with beta testing, quality assurance, and more.  This program will be constantly expanding, with application periods occurring approximately once per year.</p>
+
+  <h4>Requirements</h4>
+  <p>A passion for Freedom-principled technologies.  Basic computing skills are needed.  Linux, sysadmin, or devops experience is a bonus.  Empathy and patience are important to successfully guide those struggling with frustrating issues.</p>
+
+  <h4>Flexibility</h4>
+  <p>This will be a contracted position, and acceptance into this program will grant you the right (but not the obligation) to sign up for and cover support shifts.  These shifts will be on-demand and first come, first serve.</p>
+
+  <h4>Benefits</h4>
+  <p>Do what you love.  Get paid in Bitcoin.  Get early access to the bleeding edge of Sovereign Computing.</p>
+</section>
+<section id="creators">
+  <h2>Creators</h2>
+  <div class="section__image">
+    <img src="/assets/images/news-hero.png" alt="creators section hero: a television" title="creators section hero: a television"/>
+    <img class="img-shadow" src="/assets/images/news-hero.png" alt=""/>
+  </div>
+  <h4>Feedback</h4>
+  <p>We thrive on user feedback!  Write reviews or blog posts on Medium, Ghost, Substack, Reddit, Mastodon, Twitter, NOSTR, or others.  It may not seem like it, but a single review can teach us a lot, or help others understand the mission. As these reviews add up, we can become more aware of pain points and popular requests.  Whether you believe in our ethos, had a good experience with a support call, or want to do a full unboxing / test / review / how-to, ALL feedback is valuable and helps spread the message at the same time!</p>
+  <h4>Content Creation</h4>
+  <p>Online content is incredibly powerful. Whether you are a professional creator or this is your first time, it is certain that you will bring unique value to others.  Here are some ways to spread the word:</p>
+  <ul>
+    <li>
+      <h3>Memes</h3>
+      <p>Make and/or share the latest fire images and gifs related to Sovereign Computing.  Make sure to be in a relevant channel!</p>
+    </li>
+    <li>
+      <h3>Video</h3>
+      <p>Create videos on device unboxing, how-to guides, comparisons with related projects, short or long-form reviews, interviews (please reach out to us!), or philosophical / technical concepts.</p>
+    </li>
+    <li>
+      <h3>Audio</h3>
+      <p>Create podcasts, radio shows, or quick messages.  Cover philosophical, technical, or practical concepts.  Host interviews or conversations (please reach out to us!).  If you're not sure where to start, create audio from existing text content for accessibility.</p>
+    </li>
+  </ul>
+</section>
+<section id="promoters">
+  <h2>Promoters</h2>
+  <div class="section__image">
+    <img src="/assets/images/privacy-hero.png" alt="promoters section hero: a privacy ninja" title="promoters section hero: a privacy ninja"/>
+    <img class="img-shadow" src="/assets/images/privacy-hero.png" alt=""/>
+  </div>
+  <p>Are you a great communicator and a fan of Sovereign Computing?  Consider our affiliate program!  You'll get a unique affiliate code to pass along to your audience, and get a kickback (if you choose).  Email us at {% include 'components/emails/affiliate-email.njk' %} for details.</p>
+</section>
+<section id="devs">
+  <h2>Developers</h2>
+  <div class="section__image">
+    <img src="/assets/images/dev-hero.png" alt="dev section hero: terminal icon" title="dev section hero: terminal icon"/>
+    <img class="img-shadow" src="/assets/images/dev-hero.png" alt=""/>
+  </div>
+  <p>If you have Rust or Typescript skills, and are interested in doing OS development, please checkout the <a href="https://github.com/Start9Labs/embassy-os/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">contribution guide</a>. If you are interested in packaging a service, please check out our <a href="https://docs.start9.com/latest/developer-docs/index" target="_blank" rel="noopener noreferrer">developer documentation</a>.  To report a security vulnerability, please email {% include 'components/emails/security-email.njk' %}</p>
+</section>