Use django-compressor to compress JS and CSS files. Small updates to the team section. Add initial draft of the 'about' section.

Author: kernelmethod

requirements.txt

@@ -1,4 +1,5 @@
 bibtexparser == 1.1.0
+csscompressor == 0.9.5
 django-compressor == 2.4
 django[argon2] == 3.0.3
 gunicorn == 20.0.4

src/assets/css/style.css

@@ -37,9 +37,7 @@ br.sep {
 }
 
 .site-title {
-  font-weight: bold;
-  font-size: 4.5em;
-  font-family: "Nobile", Roboto, arial, monospace;
+  font-family: "Nobile", Roboto, Arial, sans-serif !important;
 }
 
 .tag-selector-button {
@@ -52,6 +50,14 @@ br.sep {
   margin-bottom: auto;
 }
 
+
+/****************************
+ * Background colors
+ ****************************/
+.bg-white {
+  background-color: white;
+}
+
 /****************************
  * Navbar
  ****************************/

src/encryption_compendium/settings.py

@@ -224,7 +224,20 @@
     "compressor.finders.CompressorFinder",
 )
 
-# Email options
+### Compression settings for django-compressor
+# COMPRESS_ENABLED: whether or not to compress files. Defaults to the
+# opposite of DEBUG.
+# COMPRESS_ENABLED = not DEBUG
+
+# Filters to apply during compression
+COMPRESS_FILTERS = {
+    "css": [
+        "compressor.filters.css_default.CssAbsoluteFilter",
+        "compressor.filters.cssmin.CSSCompressorFilter",
+    ],
+}
+
+### Email options
 EMAIL_USER = os.getenv("EMAIL_USER")
 EMAIL_PASSWORD = os.getenv("EMAIL_PASSWORD")
 EMAIL_PORT = int(os.getenv("EMAIL_PORT", 587))

src/templates/base.html

@@ -16,15 +16,18 @@
     Note that templates that override this block will need to insert
     {{ block.super }} if they want to keep the CSS that's inserted below.
     {% endcomment %}
-    {% block css %}
 
-    {# UIkit stylesheet #}
-    <link rel="stylesheet" href="{% static 'css/uikit.min.css' %}"/>
+    {% load compress %}
+    {% compress css %}
+      {% block css %}
+      {# UIkit stylesheet #}
+      <link rel="stylesheet" href="{% static 'css/uikit.min.css' %}"/>
 
-    {# Custom stylesheets #}
-    <link rel="stylesheet" href="{% static 'css/style.css' %}"/>
-    <link rel="stylesheet" href="{% static 'fonts/fonts.css' %}"/>
-    {% endblock %}
+      {# Custom stylesheets #}
+      <link rel="stylesheet" href="{% static 'css/style.css' %}"/>
+      <link rel="stylesheet" href="{% static 'fonts/fonts.css' %}"/>
+      {% endblock %}
+    {% endcompress %}
 
     {% block head %}{% endblock %}
   </head>
@@ -45,12 +48,15 @@
   Note that templates that override the 'javascripts' block will need to insert
   {{ block.super }} to keep the JavaScript that's inserted below.
   {% endcomment %}
-  {% block javascripts %}
-  <script type="application/javascript" src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
-  <script type="application/javascript" src="{% static 'js/uikit.min.js' %}"></script>
-  <script type="application/javascript" src="{% static 'js/particles.min.js' %}"></script>
-  <script src="{% static 'js/uikit-icons.min.js' %}"></script>
-  {% endblock %}
+
+  {% compress js %}
+    {% block javascripts %}
+    <script type="application/javascript" src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
+    <script type="application/javascript" src="{% static 'js/uikit.min.js' %}"></script>
+    <script type="application/javascript" src="{% static 'js/particles.min.js' %}"></script>
+    <script src="{% static 'js/uikit-icons.min.js' %}"></script>
+    {% endblock %}
+  {% endcompress %}
 
 </html>
 {% endspaceless %}

src/templates/landing_page.html

@@ -12,11 +12,14 @@
 
   <div class="uk-margin-top uk-grid-large uk-text-middle" uk-grid>
     <div class="uk-width-1-2@l">
-      <h1 class="site-title uk-heading-primary uk-text-break">
+      <h1 class="site-title uk-heading-medium uk-heading-primary uk-text-break">
         <p>The</p>
         <p>Encryption</p>
         <p>Compendium</p>
       </h1>
+      <h2 class="site-title">
+        The encryption literature database
+      </h2>
     </div>
 
     <div class="landing-page-searchbar uk-text-center uk-width-1-2@l uk-text-middle">
@@ -25,21 +28,27 @@ <h1 class="site-title uk-heading-primary uk-text-break">
   </div>
 </div>
 
-<div class="uk-margin-top" style="background-color: white;">
+<div class="bg-white uk-margin-top">
   <div class="uk-container">
     <br>
-    <h2 class="uk-h2">
+    <h2 class="uk-heading-small">
       <a class="anchor" id="about">About us</a>
     </h2>
-    {% lorem 5 p %}
+    <p>
+      <span class="uk-text-lead">Encryption provides security and ensures user privacy on the internet.</span> However, encryption can also complicate law enforcement's job, making it difficult to investigate cybercrimes or obtain intelligence on issues related to national security. This frames the encryption policy debate as being user privacy set against national security. Often these debates lack input from different resources, and they happen over and over again with the same debate points being applied to an evolving technological landscape.
+    </p>
+
+    <p>
+      Our mission is to serve as central hub for policy makers, law practitioners, and the general public to understand the encryption debate. We have put together a comprehensive collection of research relating to the main themes of the encryption policy debate in the United States from 1970-2020.
+    </p>
     <br>
   </div>
 </div>
 
 <br>
 
 <div class="uk-container">
-  <h2 class="uk-h2">
+  <h2>
     Search the encryption literature for the following categories:
   </h2>
 
@@ -62,10 +71,10 @@ <h2 class="uk-h2">
   </form>
 </div>
 
-<div class="uk-margin-top" style="background-color: white;">
+<div class="bg-white uk-margin-top">
   <div class="uk-container">
     <br>
-    <h2 class="uk-h2">
+    <h2>
       <a class="anchor" id="team">Team</a>
     </h2>
     <div class="uk-margin-top uk-grid-large uk-text-middle" uk-grid>
@@ -75,47 +84,48 @@ <h2 class="uk-h2">
         <b class="uk-text-bold">Led by Amie Stepanovich, Silicon Flatirons Director</b>
         <ul class="uk-list uk-list-bullet">
           <li>
-            Shannon Brunston
+            <span class="uk-text-bold">Shannon Brunston</span>
             <br>
             <small class="uk-text-small">TCP Program Student</small>
           </li>
           <li>
-            Slate Herman
+            <span class="uk-text-bold">Slate Herman</span>
             <br>
             <small class="uk-text-small">2L Colorado Law</small>
           </li>
           <li>
-            Jordan Regenie
+            <span class="uk-text-bold">Jordan Regenie</span>
             <br>
             <small class="uk-text-small">3L Colorado Law</small>
           </li>
           <li>
-            Stacey Weber
+            <span class="uk-text-bold">Stacey Weber</span>
             <br>
             <small class="uk-text-small">1L Colorado Law</small>
           </li>
       </ul>
       </div>
+
       <div class="uk-width-1-2@l">
         <b class="uk-text-emphasis">TCP Web Development Team</b>
         <br>
         <b class="uk-text-bold">Led by Dr. Dan Massey Director, TCP Program Director</b>
         <ul class="uk-list uk-list-bullet">
           <li>
-            Will Shand
+            <span class="uk-text-bold">Will Shand</span>
             <br>
-            <small class="uk-text-small">TCP Program Student</small>
+            <small class="uk-text-small">Applied Mathematics Program Student</small>
           </li>
           <li>
-            Pranav Gummaraj Srinivas
+            <span class="uk-text-bold">Pranav Gummaraj Srinivas</span>
             <br>
             <small class="uk-text-small">TCP Program Student</small>
           </li>
         </ul>
       </div>
+
   </div>
-    <br>
-  </div>
+  <br>
 </div>
 
 {% endblock %}