1
0
Fork 0

refactor(Resources): Reviews layout and md file

This commit is contained in:
sovanna 2019-07-19 15:10:55 +02:00
parent 1d6a0e1a42
commit 5c57af1a84
5 changed files with 152 additions and 253 deletions

View File

@ -1,5 +1,118 @@
+++ +++
title = "Resources" title = "Resources"
weight = 4 weight = 4
template = "customs/resources.html" template = "page.html"
[extra]
+++ +++
<div class="row">
{% layout_card(title="ARTIQ Documentation") %}
<small>Beta (development) version</small>
<a href="https://m-labs.hk/artiq/manual-beta.pdf" target="_blank">PDF</a> | <a href="https://m-labs.hk/artiq/manual-beta/" target="_blank" rel="noopener noreferrer">HTML</a>
{% end %}
{% layout_card(title="ARTIQ Documentation") %}
<small>Stable version</small>
<a href="https://m-labs.hk/artiq/manual/" target="_blank">HTML</a>
{% end %}
{% layout_card(title="ARTIQ Documentation") %}
<small>Older manuals (HTML only)</small>
<a href="https://m-labs.hk/artiq/manual-release-3/" target="_blank" rel="noopener noreferrer">ARTIQ-3</a> | <a href="https://m-labs.hk/artiq/manual-release-2/" target="_blank" rel="noopener noreferrer">ARTIQ-2</a>
{% end %}
{% layout_card(title="The ARTIQ experiment control system") %}
&nbsp;
<a href="/docs/artiq/artiq_overview.pdf" target="_blank" rel="noopener noreferrer">View slides</a>
{% end %}
{% layout_card(title="Timing control in ARTIQ") %}
&nbsp;
<a href="/docs/artiq/slides_timing.pdf" target="_blank" rel="noopener noreferrer">View slides</a>
{% end %}
</div>
{{ layout_separator(separator_title="Announcements, community support and discussions") }}
<div class="row mt-5">
{% layout_card(src="images/mattermost@2x.png", css="col-12 col-md-3 text-center") %}
<a href="http://chat.m-labs.hk/" target="_blank" rel="noopener noreferrer">Mattermost live chat</a>
<small>(bridged to IRC)</small>
{% end %}
{% layout_card(src="images/forum@2x.png", css="col-12 col-md-3 text-center") %}
<a href="https://forum.m-labs.hk/" target="_blank" rel="noopener noreferrer">Forum</a>
<small>(New!)</small>
{% end %}
{% layout_card(src="images/irc@2x.png", css="col-12 col-md-3 text-center") %}
<a href="https://webchat.freenode.net/" target="_blank" rel="noopener noreferrer">IRC: #m-labs</a>
<small>on Freenode</small>
{% end %}
{% layout_card(src="images/github@2x.png", css="col-12 col-md-3 text-center") %}
<a href="https://github.com/m-labs/artiq" target="_blank" rel="noopener noreferrer">Source code repository</a>
<small>&nbsp;</small>
{% end %}
</div>
<div class="row d-flex align-items-center mt-5 mb-5">
{% layout_div(css="col-12 col-md-6") %}
##### Commercial support available
**Sinara hardware purchases, ports to your hardware, feature development, technical support, bugfixing**
contact sales@m-***s.hk
We welcome inquiries from research groups of all sizes.<br><a href="https://github.com/m-labs/artiq/issues?q=is%3Aissue+is%3Aopen+label%3Atype%3Afor-contract" target="_blank" rel="noopener noreferrer">Proposed extensions</a>
{% end %}
<div class="col-12 col-md-6">
{% layout_icon_label(src="images/directory@2x.png") %}
<a href="https://ssl.serverraum.org/lists/listinfo/artiq" target="_blank" rel="noopener noreferrer">Public mailing list</a>
{% end %}
{% layout_icon_label(src="images/press@2x.png") %}
NIST press release
<br>
<a href="https://www.nist.gov/news-events/news/2015/01/open-source-software-quantum-information" target="_blank" rel="noopener noreferrer">Open-Source Software for Quantum Information</a>
{% end %}
</div>
</div>

View File

@ -1,252 +0,0 @@
{% extends 'section.html' %}
{% block hero %}
<div class="container-fluid hero2 d-flex flex-column justify-content-center">
<div class="container">
<div class="row mt-4 mb-4">
<div class="col-12 text-center mt-n0 mt-lg-n5">
<h1>Resources</h1>
<img src="{{ get_url(path='images/ion@2x.png', cachebust=true) }}" width="100" align="ion">
</div>
</div>
</div>
</div>
{% endblock %}
{% block main %}
<main class="container">
<div class="row">
<div class="col-12 col-md-4">
<div class="card shadow mb-4">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0">ARTIQ Documentation</h5>
</div>
<small>Beta (development) version</small>
<br><br>
<a href="https://m-labs.hk/artiq/manual-beta.pdf" target="_blank">PDF</a> | <a href="https://m-labs.hk/artiq/manual-beta/" target="_blank" rel="noopener noreferrer">HTML</a>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="card shadow mb-4">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0">ARTIQ Documentation</h5>
</div>
<small>Stable version</small>
<br><br>
<a href="https://m-labs.hk/artiq/manual/" target="_blank">HTML</a>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="card shadow mb-4">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0">ARTIQ Documentation</h5>
</div>
<small>Older manuals (HTML only)</small>
<br><br>
<a href="https://m-labs.hk/artiq/manual-release-3/" target="_blank" rel="noopener noreferrer">ARTIQ-3</a> | <a href="https://m-labs.hk/artiq/manual-release-2/" target="_blank" rel="noopener noreferrer">ARTIQ-2</a>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="card shadow mb-4">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0">The ARTIQ experiment control system</h5>
</div>
<small></small>
<br><br>
<a href="/docs/artiq/artiq_overview.pdf" target="_blank" rel="noopener noreferrer">View slides</a>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="card shadow mb-4">
<div class="card-body">
<div class="card-title">
<h5 class="mb-0">Timing control in ARTIQ</h5>
</div>
<small></small>
<br><br>
<a href="/docs/artiq/slides_timing.pdf" target="_blank" rel="noopener noreferrer">View slides</a>
</div>
</div>
</div>
</div>
</main>
<div class="d-none container-fluid hero3 d-md-flex flex-column justify-content-center">
<div class="container">
</div>
</div>
<div class="container mt-4 mt-md-0">
<div class="row">
<div class="col-12 col-md-8 mx-auto text-center">
<h1>Announcements, community support and discussions</h1>
<img src="{{ get_url(path='images/ion@2x.png', cachebust=true) }}" width="100" align="ion">
</div>
</div>
<div class="row mt-5">
<div class="col-12 col-md-3">
<div class="card shadow mb-4 text-center">
<div class="px-auto pt-4">
<img src="{{ get_url(path='images/mattermost@2x.png', cachebust=true) }}" width="40px">
</div>
<div class="card-body">
<a href="http://chat.m-labs.hk/" target="_blank" rel="noopener noreferrer">Mattermost live chat</a>
<br>
<small>(bridged to IRC)</small>
</div>
</div>
</div>
<div class="col-12 col-md-3">
<div class="card shadow mb-4 text-center">
<div class="px-auto pt-4">
<img src="{{ get_url(path='images/forum@2x.png', cachebust=true) }}" width="40px">
</div>
<div class="card-body">
<a href="https://forum.m-labs.hk/" target="_blank" rel="noopener noreferrer">Forum</a>
<br>
<small>(New!)</small>
</div>
</div>
</div>
<div class="col-12 col-md-3">
<div class="card shadow mb-4 text-center">
<div class="px-auto pt-4">
<img src="{{ get_url(path='images/irc@2x.png', cachebust=true) }}" width="40px">
</div>
<div class="card-body">
<a href="https://webchat.freenode.net/" target="_blank" rel="noopener noreferrer">IRC: #m-labs</a>
<br>
<small>on Freenode</small>
</div>
</div>
</div>
<div class="col-12 col-md-3">
<div class="card shadow mb-4 text-center">
<div class="px-auto pt-4">
<img src="{{ get_url(path='images/github@2x.png', cachebust=true) }}" width="40px">
</div>
<div class="card-body">
<a href="https://github.com/m-labs/artiq" target="_blank" rel="noopener noreferrer">Source code repository</a>
<br>
<small>&nbsp;</small>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12">
<h5 class="py-3">Commercial support available</h5>
</div>
<div class="col-12 col-md-6">
<p>
<strong>Sinara hardware purchases, ports to your hardware, feature development, technical support, bugfixing</strong>
<br>contact sales@m-***s.hk
</p>
<p>
We welcome inquiries from research groups of all sizes.<br><a href="https://github.com/m-labs/artiq/issues?q=is%3Aissue+is%3Aopen+label%3Atype%3Afor-contract" target="_blank" rel="noopener noreferrer">Proposed extensions</a>
</p>
</div>
<div class="col-12 col-md-6 mt-4 mt-md-0">
<div class="d-flex mb-3">
<img src="{{ get_url(path='images/directory@2x.png', cachebust=true) }}" width="40px" height="40px">
<p class="pl-3">
<a href="https://ssl.serverraum.org/lists/listinfo/artiq" target="_blank" rel="noopener noreferrer">Public mailing list</a>
</p>
</div>
<div class="d-flex mb-3">
<img src="{{ get_url(path='images/press@2x.png', cachebust=true) }}" width="40px" height="40px">
<p class="pl-3">
<strong>NIST press release</strong>
<br>
<a href="https://www.nist.gov/news-events/news/2015/01/open-source-software-quantum-information" target="_blank" rel="noopener noreferrer">Open-Source Software for Quantum Information</a>
</p>
</div>
</div>
</div>
</div>
{% endblock %}
{% block footer_contact %}{% endblock %}

View File

@ -0,0 +1,24 @@
<div class="{% if css %}{{ css }}{% else %}col-12 col-md-4{% endif %}">
<div class="card shadow mb-4">
{% if src %}
<div class="px-auto pt-4">
<img src="{{ get_url(path=src, cachebust=true) }}" width="40px">
</div>
{% endif %}
<div class="card-body">
{% if title %}
<div class="card-title">
<h5 class="mb-0">{{ title }}</h5>
</div>
{% endif %}
{{ body | markdown | safe }}
</div>
</div>
</div>

View File

@ -0,0 +1,5 @@
<div class="{% if css %}{{ css }}{% else %}col-12{% endif %}">
{{ body | markdown | safe }}
</div>

View File

@ -0,0 +1,9 @@
<div class="d-flex mb-3">
<img src="{{ get_url(path=src, cachebust=true) }}" width="40px" height="40px">
<p class="pl-3">
{{ body | markdown | safe }}
</p>
</div>