Add some color

The color isn't robust, but it's better than no color! Issue #27
OpenTechStrategies · Oct 1, 2021 · 6648f3c · 6648f3c
1 parent 6cae5aa
commit 6648f3c
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 12 deletions.
diff --git a/cgap/static/organization.js b/cgap/static/organization.js
@@ -82,7 +82,7 @@ app.component('Organization', {
   },
 
   template: `
-<h1>Organization (#{{organization.id}})</h1>
+<h1 class="text-primary">Organization (#{{organization.id}})</h1>
 <h2>Organization Fields</h2>
 <table class="table">
 <thead>

diff --git a/cgap/static/proposal.js b/cgap/static/proposal.js
@@ -72,7 +72,7 @@ app.component('Proposal', {
   },
 
   template: `
-<h1>Proposal (#{{proposal.id}})</h1>
+<h1 class="text-primary">Proposal (#{{proposal.id}})</h1>
 <table class="table">
 <thead>
   <tr>

diff --git a/cgap/templates/apply.html b/cgap/templates/apply.html
@@ -8,7 +8,7 @@
 
 {% block content %}
 <div id="app">
-  <h1>Apply here</h1>
+  <h1 class="text-primary">Apply here</h1>
   <autofill-form></autofill-form>
 </div>
 <script type="text/javascript">

diff --git a/cgap/templates/base.html b/cgap/templates/base.html
@@ -10,13 +10,8 @@
     <script type="text/javascript" src="{{ url_for('static', filename='lib/js/vue.min.js') }}"></script>
     {% block head %}{% endblock %}
   </head>
-  <body>
-    <div class="container">
-      {% for message in get_flashed_messages() %}
-        <div class="alert alert-primary" role="alert">{{ message }}</div>
-      {% endfor %}
-    </div>
-    <div class="container">
+  <body style="background: #bdcfeb">
+    <div class="container m-5 p-5 rounded border border-2" style="background: #fff">
       {% block content %}{% endblock %}
     </div>
   </body>

diff --git a/cgap/templates/landing.html b/cgap/templates/landing.html
@@ -6,7 +6,7 @@
 {% block title %}Welcome{% endblock %}
 
 {% block content %}
-<h1>CGAP Proof-of-Concept Screens</h1>
+<h1 class="text-primary">CGAP Proof-of-Concept Screens</h1>
 
 <p>This proof-of-concept shows severals screens demonstrating how
 properly access-controlled shared data can help grantseekers and

diff --git a/cgap/templates/search.html b/cgap/templates/search.html
@@ -8,7 +8,7 @@
 
 {% block content %}
 <div id="app">
-  <h1>Search Organizations</h1>
+  <h1 class="text-primary">Search Organizations</h1>
   <proposal-search></proposal-search>
 </div>
 <script type="text/javascript">