First draft code samples page

template/page-code-samples.html.jinja

@@ -0,0 +1,77 @@
+{% extends "base.html.jinja" %}
+
+{% block bodyclasses %}no-sidebar{% endblock %}
+{% block mainclasses %}landing page-community{% endblock %}
+
+{% block main %}
+
+<section class="py-26 text-center">
+  <div class="col-lg-8 mx-auto text-center">
+    <div class="d-flex flex-column-reverse">
+      <h1 class="mb-0">{% trans %}Solutions to Accelerate Development{% endtrans %}</h1>
+      <h6 class="eyebrow mb-3">{% trans %}Code Samples{% endtrans %}</h6>
+    </div>
+  </div>
+</section>
+
+<section class="container-new py-26">
+  <div class="d-flex flex-column-reverse col-sm-8 p-0">
+    <h3 class="h4 h2-sm">{% trans %}Browse sample code for building common use cases on the XRP Ledger{% endtrans %}</h3>
+    <h6 class="eyebrow mb-3">{% trans %}Explore Code Samples{% endtrans %}</h6>
+  </div>
+  <div class="row row-cols-1 row-cols-lg-3 card-deck mt-10" id="code-samples-deck">
+    {# {% set code_samples = [
+      { "href": "https://github.com/XRPLF/xrpl-dev-portal/tree/master/content/_code-samples/checks",
+        "title":  _("Checks Tutorials"),
+        "langs": [
+          "js",
+          "json-rpc",
+          "websocket",
+          "cli"
+        ],
+        "description":  _("Create, cash, and cancel Checks for exact or flexible amounts.")
+      },
+    ] %} #}
+    {% set code_samples = all_code_samples() %}
+
+    {% set lang_icons = {
+      "cli": "assets/img/logos/cli.svg",
+      "go": "assets/img/logos/golang.svg",
+      "java": "assets/img/logos/java.svg",
+      "js": "assets/img/logos/javascript.svg",
+      "json-rpc": "assets/img/logos/globe.svg",
+      "py": "assets/img/logos/python.svg",
+      "websocket": "assets/img/logos/globe.svg",
+    } %}
+
+    {% for card in code_samples %}
+      <a class="card" href="{{target.prefix}}{{card.href}}">
+        <div class="card-header">
+        {% for lang in card.langs %}
+          <span class="circled-logo"><img src="{{lang_icons[lang]}}" /></span>
+        {% endfor %}
+        </div>
+        <div class="card-body">
+          <h4 class="card-title h5">{{card.title}}</h4>
+          <p class="card-text">{{card.description}}</p>
+        </div>
+        <div class="card-footer">&nbsp;</div>
+      </a>
+    {% endfor %}
+  </div>
+</section>
+
+{% endblock %}
+
+
+
+{% block analytics %}
+    <script type="application/javascript">
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+      "event": "page_info",
+      "page_type": "Hub Page",
+      "page_group": "Code Samples"
+    })
+    </script>
+{% endblock analytics %}