Merge branch 'main' into task/GH-73-tacc-blockquote-plugin

TACC · Jun 17, 2021 · 4d5ee2b · 4d5ee2b
2 parents f3dac48 + fb7f601
commit 4d5ee2b
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 1 deletion.
diff --git a/taccsite_cms/default_secrets.py b/taccsite_cms/default_secrets.py
@@ -81,7 +81,11 @@
     # ('guides/getting_started.html', 'Guide: Getting Started'),
     # ('guides/data_transfer.html', 'Guide: Data Transfer'),
     # ('guides/data_transfer.globus.html', 'Guide: Globus Data Transfer'),
-    # ('guides/portal_technology.html', 'Guide: Portal Technology Stack')
+    # ('guides/portal_technology.html', 'Guide: Portal Technology Stack'),
+
+    # For now, only Core portal should enable this template
+    # FAQ: We know not yet how to auto-replicate pages and plugins across sites
+    # ('style_guide.html', 'Style Guide'),
 )
 
 ########################

diff --git a/taccsite_cms/static/site_cms/css/src/_imports/trumps/s-style-guide.css b/taccsite_cms/static/site_cms/css/src/_imports/trumps/s-style-guide.css
@@ -0,0 +1,39 @@
+/*
+Style Guide
+
+A style guide. This is intended for:
+- a design system
+- a writing style guide
+- a developer style guide
+
+Styleguide Trumps.Scopes.StyleGuide
+*/
+
+.s-style-guide {
+  margin-top: var(--global-space--large);
+  margin-bottom: var(--global-space--x-large);
+}
+
+
+
+
+
+/* ELEMENTS */
+
+
+
+/* ELEMENTS: Content Sectioning */
+
+.s-style-guide section {
+  clear: both;
+}
+.s-style-guide section:not(section section) {
+  border-top: var(--global-border--x-thick);
+  padding-top: var(--global-space--x-large);
+  margin-top: var(--global-space--x-large);
+}
+.s-style-guide section section {
+  border-top: var(--global-border--normal);
+  padding-top: var(--global-space--normal);
+  margin-top: var(--global-space--normal);
+}
diff --git a/taccsite_cms/static/site_cms/css/src/template.style-guide.css b/taccsite_cms/static/site_cms/css/src/template.style-guide.css
@@ -0,0 +1,8 @@
+/* DO NOT ADD STYLES HERE; ONLY IMPORT OTHER STYLESHEETS */
+
+/* Organize via ITCSS */
+/* SEE: https://confluence.tacc.utexas.edu/x/IAA9Cw */
+
+/* TRUMPS */
+
+@import url("_imports/trumps/s-style-guide.css");
diff --git a/taccsite_cms/templates/style_guide.html b/taccsite_cms/templates/style_guide.html
@@ -0,0 +1,19 @@
+{% extends "fullwidth.html" %}
+{% load cms_tags staticfiles %}
+
+{% block assets_custom %}
+  {{ block.super }}
+
+  <link
+    rel="stylesheet"
+    href="{% static 'site_cms/css/build/template.style-guide.css' %}"
+  >
+{% endblock assets_custom %}
+
+{% block content %}
+<div class="container  s-document  s-style-guide">
+  {% block guide %}
+    {% placeholder "content" %}
+  {% endblock guide %}
+</div>
+{% endblock content %}