Company page template

content/pages/company.md

@@ -0,0 +1,5 @@
+title: Read the Docs - Company
+template: readthedocs/company
+save_as: company.html
+status: hidden
+description: Read the Docs - Company

readthedocs-theme/templates/readthedocs/company.html

@@ -0,0 +1,276 @@
+{% extends "page.html" %}
+
+{% block body_id %}company{% endblock %}
+
+{% block content %}
+
+  <!-- Callout -->
+  <section class="ui vertical segment very padded" id="callout">
+
+    <div class="ui container">
+      <div class="ui grid centered">
+
+        <div class="column ten wide computer twelve wide tablet sixteen wide mobile">
+          <h1 class="ui header massive center aligned">
+            <span class="ui header big">The future of documentation as Open Source</span>
+          </h1>
+          <div class="ui basic vertical huge segment center aligned">
+            <p>
+              We are an Open Source project providing the tools, knowledge and hosting for some of the world's top teams' documentation.
+            </p>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+  </section>
+
+
+  <!-- Highlights -->
+  <section class="ui vertical light segment padded" id="highlights">
+
+    <div class="ui container">
+      <div class="ui grid stackable three column">
+
+        <div class="column">
+          <div class="ui basic segment center aligned">
+            <h3 class="ui header big">Our mission</h3>
+            <p>
+              Technical teams rely on up-to-date documentation and require solid methods and tools to help creating continuous documentation that will improve team efficiency and productivity.
+            </p>
+            <p>
+              Our mission is to develop those tools and help shape the methods that will make high-quality documentation part of the normal development workflow.
+            </p>
+          </div>
+        </div>
+
+        <div class="column">
+          <div class="ui basic segment center aligned">
+            <h3 class="ui header big">We've grown</h3>
+            <p>
+              Read the Docs has grown substantially since its beginning as a weekend project and is closing in on being a top-1000 site on the internet.
+            </p>
+            <p>Today, we serve over 55 million pages of documentation a month, 
+              serve over 40 TB of documentation a month, 
+              host over 80,000 open source projects and support over 100,000 users</p>
+          </div>
+        </div>
+
+        <div class="column">
+          <div class="ui basic segment center aligned">
+            <h3 class="ui header big">Community</h3>
+            <p>
+              Read the Docs is open source and community supported. It depends on users like you to contribute to development, support, and operations. You can learn more about how to <a href="https://docs.readthedocs.io/page/contribute.html">contribute</a> in our
+              docs. Thanks so much to our wonderful <a href="https://docs.readthedocs.io/page/team.html">community team</a> who helps us
+              run the site. Read the Docs wouldn't be possible without them.
+            </p>
+            <p>
+              Hosting for the project is graciously provided by <a href="https://azure.microsoft.com/">Microsoft Azure</a>.
+            </p>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+  </section>
+
+
+  <!-- Team -->
+  <section class="ui vertical segment padded" id="team">
+    <div class="ui container">
+
+      <div class="ui basic vertical segment very padded">
+        <h1 class="ui header massive center aligned">
+          Who we are
+        </h1>
+      </div>
+
+      <div class="ui basic segment very padded">
+        <div class="ui cards six doubling">
+
+          <div class="card borderless">
+            <div class="image">
+              <img src="/theme/img/team/eric.jfif">
+            </div>
+            <div class="content">
+              <div class="header">Eric Holscher</div>
+              <div class="meta">Job Title</div>
+            </div>
+          </div>
+
+          <div class="card borderless">
+            <div class="image">
+              <img src="/theme/img/team/anthony.jfif">
+            </div>
+            <div class="content">
+              <div class="header">Anthony Johnson</div>
+              <div class="meta">Job Title</div>
+            </div>
+          </div>
+
+          <div class="card borderless">
+            <div class="image">
+              <img src="/theme/img/team/manuel.jfif">
+            </div>
+            <div class="content">
+              <div class="header">Manuel Kaufmann</div>
+              <div class="meta">Job Title</div>
+            </div>
+          </div>
+
+          <div class="card borderless">
+            <div class="image">
+              <img src="/theme/img/team/santos.jfif">
+            </div>
+            <div class="content">
+              <div class="header">Santos Gallegos</div>
+              <div class="meta">Job Title</div>
+            </div>
+          </div>
+
+          <div class="card borderless">
+            <div class="image">
+              <img src="/theme/img/team/juanlu.jfif">
+            </div>
+            <div class="content">
+              <div class="header">Juan Luis Cano</div>
+              <div class="meta">Job Title</div>
+            </div>
+          </div>
+
+          <div class="card borderless">
+            <div class="image">
+              <img src="/theme/img/team/ana.jfif">
+            </div>
+            <div class="content">
+              <div class="header">Ana Costa</div>
+              <div class="meta">Job Title</div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+      <div class="ui vertical basic segment padded">
+        <div class="ui segment very padded raised">
+
+          <h3 class="ui header"><small><i class="icon heart"></i></small> Contributors</h3>
+
+          <div class="ui segment vertical padded">
+            <div class="ui grid stackable">
+              <div class="five wide column">
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+                <a class="ui avatar" href=""><img class="ui avatar image" src="/theme/img/team/default-avatar.svg"></a>
+              </div>
+              <div class="eleven wide column">
+                <p>
+                  We are honored to have several external contributors that have kept with us for a long time and helped us a lot along the way. Here we list just a few but the full list can be found at <a href="https://github.com/readthedocs/readthedocs.org/graphs/contributors">Github</a>.
+                </p>
+                <p>
+                  A heart felt thanks to all of you!
+                </p>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+
+  <!-- Resources -->
+  <section class="ui vertical light segment padded" id="resources">
+
+    <div class="ui container">
+      <div class="ui grid stackable three column">
+
+        <div class="column">
+          <div class="ui segment basic">
+            <h3 class="ui header huge">Our Blog</h3>
+            <p>
+              This is where we post all the week to week progress updates and announcements.
+            </p>
+          </div>
+          <div class="ui segment basic mini">
+            <h6 class="ui header">Latest blog posts:</h6>
+            <div>
+              <b><a href="https://blog.readthedocs.com/newsletter-december-2021/">Read the Docs newsletter - December 2021</a></b> 
+              <i>14&nbsp;December</i>
+            </div>
+            <div>
+              <b><a href="https://blog.readthedocs.com/embed-api-v3/">Announcing Embed API v3 and sphinx-hoverxref 1.0</a></b> 
+              <i>7&nbsp;December</i>
+            </div>
+          </div>
+        </div>
+
+        <div class="column">
+          <div class="ui segment basic">
+            <h3 class="ui header huge">Our docs</h3>
+            <p>
+              The docs is where you'll find in-depth documentation about Read the Docs. From <i>"How to"</i> style guides to common usages, troubleshooting and advanced knowledge on how to work with our application, you'll find it all and probably more — <i>because we</i> <small><i class="ui icon heart"></i></small> <i>documentation</i> — in <a href="https://docs.readthedocs.io/">our docs</a>.
+            </p>
+          </div>
+        </div>
+
+        <div class="column">
+          <div class="ui segment basic">
+            <h3 class="ui header small">Subscribe our Newsletter</h3>
+            <form id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="ui form validate" target="_blank" novalidate>
+              <p>Stray up to date with our latest blog updates delivered weekly to your inbox.</p>
+
+              <div class="field">
+                <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="[email protected]">
+              </div>
+
+              <div id="mce-responses">
+                <div class="ui hidden response" id="mce-error-response"></div>
+                <div class="ui hidden response" id="mce-success-response"></div>
+              </div>
+
+              <input class="ui primary button" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
+            </form>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+  </section>
+
+
+  <!-- Branding -->
+  <section class="ui vertical segment very padded" id="branding">
+    <div class="ui container">
+
+      <h1 class="ui header massive center aligned">
+        Brand Assets
+      </h1>
+      <div class="ui basic vertical segment center aligned">
+        <p>
+          Want to display our logo in your project?<br>
+          Download our brand assets and learn how to use them in our&emsp;<a class="ui button mini black">brand guidelines</a>
+        </p>
+      </div>
+
+    </div>
+  </section>
+
+{% endblock content %}