privatecoffee-website/templates/index.html

{% extends "base.html" %} {% block title %}Home{% endblock %} {% block content
%}
<header class="bg-pride-gradient">
  <div class="container pt-4 pt-xl-5 pb-4 pb-xl-5">
    <div class="row gy-5 pt-5">
      <div class="col-md-8 col-xl-6 text-center text-md-start mx-auto">
        <div class="text-center">
          <h2>Empowering Pride with Open Source</h2>
        </div>
        <p
          class="text-center special-header fancy-text-primary mb-0"
          style="font-weight: 500"
        >
          Private.coffee
        </p>
      </div>
      <div class="col-12 col-lg-10 mx-auto justify-content-center d-flex">
        <svg
          version="1.1"
          id="svg2"
          width="690.58508"
          height="674.66132"
          viewBox="0 0 690.58508 674.66132"
          sodipodi:docname="coffee.eps"
          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"
          style="
            max-width: 400px;
            filter: brightness(1.5);
            -webkit-filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.7)) brightness(1.5);
            max-height: 400px;
          "
        >
          <defs id="defs6" />
          <sodipodi:namedview
            id="namedview4"
            pagecolor="#ffffff"
            bordercolor="#000000"
            borderopacity="0.25"
            inkscape:showpageshadow="2"
            inkscape:pageopacity="0.0"
            inkscape:pagecheckerboard="0"
            inkscape:deskcolor="#d1d1d1"
            showgrid="false"
          />
          <g
            id="g10"
            inkscape:groupmode="layer"
            inkscape:label="Page 1"
            transform="matrix(1.3333333,0,0,-1.3333333,-9.7507016e-5,813.68931)"
          >
            <path
              d="m 1910.26,4519.6 c -35.2,-49.35 -58.58,-96.48 -88.78,-152.73 -25.64,99.95 -41.01,209.63 -10.4,309.49 85.25,289.39 523.25,362.83 775.59,454.81 139.36,49.81 296.18,102.63 390.79,224.44 45.02,58.1 63.79,137.59 53.14,208.18 -0.35,3.1 -3.69,24.12 -3.89,26.48 -2.44,9.54 -6.22,26.17 -8.82,35.93 -6.14,19.07 -12.96,40.5 -21.14,58.8 -8.37,21.35 -20.7,44.49 -31.05,64.89 -73.67,131.84 -174.6,247.81 -281.38,352.78 73.85,-2.51 142.37,-15.5 211.77,-35.13 583.49,-172.36 698.12,-801.14 222.28,-1175.47 -3.34,-2.68 -6.76,-5.3 -10.16,-7.94 -44.39,-34.52 -93.18,-65.78 -144.75,-93.72 -74.87,-40.55 -155.53,-74.22 -236.75,-101.26 -101.18,-33.67 -203.22,-57.05 -296.05,-70.47 -127.36,-16.33 -207.44,-26.97 -310.07,-0.92 -11.53,3.2 -24.06,5.49 -35.98,7.02 -17.68,1.93 -36.49,0.79 -53.62,-4.75 l -6.78,-2.01 -3.47,-1.13 -3.11,-1.47 c -44.56,-19.55 -77.36,-54.95 -107.37,-95.82 z m -339.73,154.77 c -8.82,38.41 -12.83,76.45 -12.78,113.93 0.06,35.2 3.71,69.91 10.59,103.93 42.41,209.32 205.13,392.95 376.02,510.74 182.03,128.28 395.75,210.17 587.89,267.09 18.7,5.19 37.68,11.17 56.75,13.23 4.97,0.39 8.61,0.19 11.67,-1.55 0.46,-0.33 1.8,-0.49 1.65,-1.09 0.26,-1.02 0.67,-2.15 1.22,-3.36 0.12,-0.64 0.93,-1.14 0.67,-2.06 -0.24,-0.92 -0.45,-1.87 -0.58,-2.84 -0.47,-2.04 -0.06,-3.83 -0.66,-6.36 -2.5,-5.79 -2.39,-10.99 -5.7,-19.48 -1.31,-4.07 -1.46,-8.56 -3.06,-12.56 -4.94,-20.46 -8.04,-42.26 -5.12,-63.32 7.44,-65.45 53.97,-68.72 72.7,7.43 l 3.54,14.38 1.97,7.51 c 10.8,66.55 11.22,134.44 11.48,202.3 0.57,82.13 -1.65,163.14 2.21,246.5 0.83,17.85 1.84,35.78 3.32,53.88 v 0 c 114.15,-150.02 288.85,-370.96 295.26,-562.35 v -18.18 c -0.64,-8.54 -2.25,-18.19 -2.9,-26.73 -0.77,-5.37 -4.96,-20.62 -5.76,-25.92 -2.45,-6.4 -6.17,-18.47 -8.86,-24.86 -23.32,-52.95 -65.69,-93.84 -113.84,-125.47 -85.37,-56.47 -185.4,-91.7 -282.81,-125.23 -151.53,-51.73 -306.86,-95 -452.59,-163.53 -295.37,-135.91 -420.84,-348.98 -291.33,-663.53 -16.54,7.79 -32.54,16.62 -47.98,26.27 -100.66,62.95 -176.22,164.05 -202.82,280.48 -0.05,0.25 -0.09,0.51 -0.15,0.75 z M 2812.77,1597.01 c 40.44,9.1 80.56,19.2 119.71,34.48 -108.38,-70.01 -300.34,-96.8 -428.05,-85.32 -4.75,0.69 -18.89,2.62 -23.6,3.32 -7.39,1.8 -15.93,3.34 -23.19,5.53 l -14.83,5.55 c 19.86,-3.66 41.95,-4 62.09,-3.61 103.32,3.83 206.75,19.21 307.87,40.05 z m 29.64,66.88 c 89.97,14.33 179.21,29.28 265.61,60.02 -113.31,-83.26 -405.1,-131.21 -536.73,-80.34 90.65,-7.84 181.48,8.35 271.12,20.32 z m 143.01,103.86 c 97.86,15.92 194.51,31.96 289.18,63.78 -10.16,-7.31 -20.41,-15.13 -31.45,-21.33 -129.88,-76.83 -410.36,-124.27 -552.33,-68.44 98.45,-5.15 197.3,12.37 294.6,25.99 z m 133.54,117.92 c 105.76,17.59 209.84,34.62 312.74,67.61 -10.79,-8.19 -21.69,-17.05 -33.56,-23.9 -140.08,-86.68 -442.77,-138.05 -597.26,-75.27 106.73,-2.64 212.76,16.32 318.08,31.56 z m 428.47,192.74 c 9.92,3.34 21.25,6.85 31.46,9.71 -142.19,-120.4 -505.55,-180.91 -677.87,-108.59 115.23,-0.04 228.1,20.18 341.55,37.1 102.31,16.9 204.68,34.81 304.86,61.78 z m 55.9,127.42 c 37.73,8.38 74.57,17.77 112.38,29.19 -29.28,-26.44 -64.88,-46.93 -100.33,-64.15 -161.73,-76.9 -456.66,-125.3 -624.62,-53.85 54.59,0.52 107.65,6.11 161.3,12.52 151.28,20.16 301.94,44.61 451.27,76.29 z m 118.33,156.7 c 40.31,8.81 79.47,18.48 119.97,30.41 -159.35,-144.91 -574.38,-214.49 -771.99,-127.46 66.4,2.19 130.78,9.51 195.98,18.74 152.81,21.24 304.9,47.22 456.04,78.31 z m 132.25,172.38 c 34.29,6.89 67.25,16.25 102.31,25.88 -6.5,-6.19 -13.43,-11.89 -20.28,-17.93 -13.54,-11.66 -29.58,-21.67 -44.39,-31.47 -187.11,-113.53 -550,-176.44 -754.38,-87.45 138.47,7.34 275.25,31.56 411.95,53.6 101.63,17.75 203.94,35.01 304.79,57.37 z m 96.64,175.79 c 36.33,7.13 71.19,16.87 108.45,26.86 -13.57,-12.8 -28.39,-26.43 -44.08,-36.91 -194.92,-136.9 -600.92,-207.33 -822,-109.36 146.27,9.79 290.87,35.21 435.37,59.12 107.33,18.86 215.62,37.1 322.26,60.29 z m 169.8,203.79 c 9.51,2.63 19.12,5.36 29.15,7.71 -10.73,-10.57 -22.16,-21.01 -33.88,-30.65 -204.64,-154.58 -642.16,-231.47 -879.27,-125.04 154.12,12.16 306.54,39 458.84,64.63 122.75,21.57 246.31,42.76 368.28,69.17 18.45,4.94 38.52,8.55 56.88,14.18 z m 83.74,177.09 c
              style="
                fill: #e7e7e6;
                fill-opacity: 1;
                fill-rule: nonzero;
                stroke: none;
              "
              id="path64"
              sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccsscccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccssscscccccccscccccccccccccccccscccccccccccccccccccccsccccccccscscscccccccssccsssccccc"
              transform="scale(0.1)"
            />
          </g>
          <g
            inkscape:groupmode="layer"
            id="layer2"
            inkscape:label="Page 2"
            transform="translate(-9.7507016e-5,-0.00401701)"
          >
            <path
              d="m 290.18966,441.83236 -1.85124,0.004 -14.42672,19.2317 c -3.84189,2.68072 -7.72538,0.99848 -8.50475,0.41543 -0.84391,-0.63139 -3.28883,-4.08634 -2.08069,-8.26991 l 14.45243,-19.27198 -0.51937,-1.7816 c -1.19978,-4.12048 -0.42625,-8.43935 2.12444,-11.84894 4.44995,-5.94836 12.90749,-7.1662 18.85585,-2.71629 5.94673,4.44877 7.1664,12.90609 2.71645,18.85444 -2.55072,3.40958 -6.47494,5.3714 -10.76656,5.3838 m 12.5024,-30.18974 c -9.22986,-6.90481 -22.35476,-5.01349 -29.25916,4.21584 -3.57777,4.78249 -4.90825,10.70694 -3.76457,16.5096 l -12.99927,17.33434 -0.18935,0.53464 c -2.67455,7.5507 1.00514,14.59977 4.47565,17.19606 3.31966,2.48341 11.11068,4.47681 17.87582,-0.76158 l 0.39655,-0.30694 12.8979,-17.19057 c 5.89147,-0.54048 11.20303,-3.48919 14.78198,-8.27326 6.90442,-9.22932 5.01204,-22.355 -4.21567,-29.25824 m -47.56736,105.62744 51.88042,34.33683 -4.29272,5.73822 z m 9.03783,-8.33594 50.08405,32.99292 -4.29267,5.73818 z m 9.03809,-8.3341 48.28703,31.64769 -4.29306,5.73866 z m 9.04016,-8.33687 46.48916,30.3036 -4.29309,5.7387 z m 9.03924,-8.33664 44.6922,28.95932 -4.29271,5.73814 z m 9.03894,-8.3352 42.89514,27.61406 -4.29311,5.73869 z m 9.03829,-8.33652 41.0983,26.27075 -4.29346,5.73918 z m 9.03737,-8.33637 39.30241,24.92722 -4.2931,5.73867 z m 9.03891,-8.3352 37.50495,23.58258 -4.29306,5.73867 z m 9.03937,-8.33573 35.70745,22.23787 -4.29305,5.73867 z m 9.03841,-8.33562 33.91052,20.89362 -4.29265,5.7381 z m 9.03697,-8.33585 32.11505,19.54957 -4.29306,5.73868 z m -186.46597,20.61206 47.58742,40.07477 -51.87974,-34.33714 z m 53.23513,29.20169 -50.28635,-33.14341 4.29308,-5.73866 z m 5.64708,-10.871 -48.69233,-31.95175 4.29267,-5.73814 z m 5.64852,-10.87402 -47.09894,-30.75811 4.29345,-5.73922 z m 5.6483,-10.87255 -45.50492,-29.5665 4.29306,-5.73869 z m 5.64688,-10.87201 -43.90994,-28.37493 4.29305,-5.73867 z m 5.64853,-10.87403 -42.31661,-27.18127 4.29307,-5.7387 z m 5.64738,-10.87157 -40.72253,-25.98962 4.2931,-5.73871 z m 5.6473,-10.87245 -39.12841,-24.7971 4.29309,-5.73868 z m 5.6477,-10.87305 -37.53459,-23.60393 4.29307,-5.73867 z m 5.6486,-10.87311 -35.94099,-22.41173 4.2931,-5.73871 z m 5.64619,-10.8709 -34.34643,-21.21965 4.29306,-5.73868 z m 27.74583,200.85843 c -1.58028,2.1124 -4.57436,2.54498 -6.68741,0.96421 L 153.47469,459.73133 c -2.11223,-1.58014 -2.54365,-4.57531 -0.96336,-6.68772 l 92.29898,-123.37858 c 1.58073,-2.11304 4.57533,-2.54408 6.68753,-0.96394 l 145.37727,108.75608 c 2.11305,1.58074 2.54397,4.57441 0.96323,6.68746 z m 70.36526,-157.68686 -91.1962,-68.22349 c 19.79163,-20.99441 52.473,-24.14222 76.00694,-6.5366 23.53395,17.60564 29.74151,49.8461 15.18926,74.76009 m -0.8794,-93.88848 c 34.08845,25.50143 42.44002,72.77086 20.08615,108.25695 l -9.58826,-7.17292 c 18.80702,-30.68214 11.15947,-69.96505 -17.65302,-91.51955 -28.81304,-21.5549 -68.65556,-17.7991 -92.78015,8.90498 l -9.5892,-7.1736 c 27.73179,-31.46291 75.43602,-36.79727 109.52448,-11.29586 M 404.887,431.25196 c 26.41241,-40.73801 17.04163,-95.73589 -22.39689,-125.23965 -39.38826,-29.46617 -94.65104,-22.94337 -126.29389,13.77433 -6.21172,-3.68494 -14.32524,-2.1437 -18.74787,3.76811 l -92.29863,123.37768 c -4.73467,6.32894 -3.80872,15.65493 2.52026,20.38958 l 145.37581,108.75461 c 6.32901,4.73468 15.70046,3.11214 20.4351,-3.21681 l 92.29856,-123.37806 c 4.17069,-5.57508 3.61515,-13.2523 -0.89254,-18.23058"
              style="
                fill: #e7e7e6;
                fill-opacity: 1;
                fill-rule: nonzero;
                stroke: none;
                stroke-width: 1.618;
              "
              id="path1084"
            />
          </g>
        </svg>
      </div>
    </div>
  </div>
</header>
<section class="bg-white">
  <div class="container bg-white py-5">
    <div class="row">
      <div class="col-md-8 col-xl-6 text-center mx-auto">
        <p class="fw-bold mb-2 text-primary">Our self-hosted Services</p>
        <h3 class="fw-bold">
          Private.coffee provides a collection of services that respect your
          privacy.
        </h3>
      </div>
    </div>
    <div class="py-5 p-lg-5">
      <div
        class="row row-cols-1 row-cols-md-2 row-cols-lg-3 mx-auto"
        style="max-width: 1200px"
      >
        {% for service in services.services %} {% if not
        service.exclude_from_index %}
        <div class="col mb-5">
          <div class="card shadow-sm">
            <div class="card-body px-4 py-5 px-md-5">
              {% if service.icon %}
              <div
                class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon"
                style="top: 1rem; right: 1rem; position: absolute"
              >
                {{ service.icon | icon | safe }}
              </div>
              {% endif %}
              <h5 class="fw-bold card-title">{{ service.name }}</h5>
              <p class="text-muted card-text mb-4">
                {{ service.long_description }}
              </p>
              {% for link in service.links %} {% if link.alternatives %}
              <div class="dropdown">
                <div class="btn btn-primary shadow">
                  <a class="main-link" href="{{ link.url }}">
                    {{ link.name }}
                  </a>
                  <div class="dropdown-toggle-area">&#9660;</div>
                </div>
                <div class="dropdown-content">
                  {% for alternative in link.alternatives %}
                  <a href="{{ alternative.url }}">{{ alternative.name }}</a>
                  {% endfor %}
                </div>
              </div>
              {% else %}
              <a
                class="btn btn-primary shadow w-100 text-center"
                href="{{ link.url }}"
                >{{ link.name }}</a
              >
              {% endif %} {% endfor %}
            </div>
          </div>
        </div>
        {% endif %} {% endfor %}
      </div>
    </div>
  </div>
</section>
<section class="bg-primary-gradient">
  <div class="container py-5">
    <div class="row align-items-center">
      <div class="col">
        <p class="text-end special-header fancy-text-primary mb-0">Privacy</p>
      </div>
      <div class="col">
        <p class="text-start mb-1" style="font-size: 1.6rem">
          from the <strong>community</strong>
        </p>
        <p class="text-start mb-0" style="font-size: 1.6rem">
          for the <strong>community</strong>
        </p>
      </div>
    </div>
    <div class="mx-auto" style="max-width: 900px">
      <div class="row row-cols-1 row-cols-md-2 d-flex justify-content-center">
        <div class="col mb-4">
          <div class="card bg-primary-subtle">
            <div class="card-body text-center px-4 py-5 px-md-5">
              <p class="fw-bold text-primary card-text mb-2">Join or donate</p>
              <h5 class="fw-bold card-title mb-3">
                Be a part of the open source community!
              </h5>
              <a class="btn btn-primary btn-sm" href="/membership.html"
                >Learn more</a
              >
            </div>
          </div>
        </div>
        <div class="col mb-4">
          <div class="card bg-secondary-subtle">
            <div class="card-body text-center px-4 py-5 px-md-5">
              <p class="fw-bold text-secondary card-text mb-2">
                Private Hosting
              </p>
              <h5 class="fw-bold card-title mb-3">
                Interested in Hosting Services?
              </h5>
              <a
                class="btn btn-secondary btn-sm"
                href="mailto:support@private.coffee"
                >Get in touch</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="py-5">
  <div class="container">
    <div class="row mb-5">
      <div class="col-md-8 col-xl-6 text-center mx-auto">
        <p class="fw-bold mb-2 text-primary">Contacts</p>
        <h2 class="fw-bold">How you can reach us</h2>
      </div>
    </div>
    <div class="row d-flex justify-content-center">
      <div
        class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start"
      >
        <div
          class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100"
        >
          <div class="d-flex align-items-center p-3">
            <div
              class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"
            >
              {{ "envelope" | icon | safe }}
            </div>
            <div class="px-2">
              <h6 class="fw-bold mb-0">Email</h6>
              <p class="text-muted mb-0">support@private.coffee</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row d-flex justify-content-center">
      <div
        class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start"
      >
        <div
          class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100"
        >
          <div class="d-flex align-items-center p-3">
            <div
              class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"
            >
              {{ "matrix-logo" | icon | safe }}
            </div>
            <div class="px-2">
              <h6 class="fw-bold mb-0">Matrix</h6>
              <p class="text-muted mb-0">
                <a
                  href="https://matrix.pcof.fi/#/#private.coffee:private.coffee"
                  >#private.coffee:private.coffee</a
                >
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}