Minor style and layout tweeks to dynamic custom hmpg template [ref #4660

]
IQSS · Jan 11, 2019 · 8fcbc64 · 8fcbc64
1 parent 8c88ed4
commit 8fcbc64
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/...source/_static/installation/files/var/www/dataverse/branding/custom-homepage-dynamic.html b/...source/_static/installation/files/var/www/dataverse/branding/custom-homepage-dynamic.html
@@ -2,6 +2,7 @@
 <style>
     /* Custom CSS for the custom homepage... */
     .lite-header {font-weight: normal;}
+    .heavy-rule {border: 1px solid #DDD;}
     div.hmpg-action-block {padding-top:1em;}
     .btn-harvard { 
       color: #A51C30;
@@ -40,19 +41,19 @@
             <div class="h4 lite-header">Deposit and share your data. Get academic credit.</div>
             <p class="text-muted margin-bottom">Harvard Dataverse is a digital repository. Deposit data and code here.</p>
             <a class="btn btn-default btn-harvard margin-top margin-bottom" href="/dataset.xhtml?ownerId=1">
-                Add data to Harvard Dataverse <span class="glyphicon glyphicon-plus"></span>
+                Add data to Harvard Dataverse <span class="glyphicon glyphicon-plus text-muted"></span>
             </a>
         </div>
         <div class="col-sm-6 col-xs-12">
             <div class="h4 lite-header">Organize datasets and gather metrics in your own virtual archive.</div>
             <p class="text-muted margin-bottom">A dataverse is a virtual archive. A dataverse can contain dataverses, datasets, files and metadata.</p>
             <a class="btn btn-default btn-harvard margin-top margin-bottom" href="/dataverse.xhtml?ownerId=1">
-                Create my own dataverse <span class="glyphicon glyphicon-chevron-right"></span>
+                Create my own dataverse <span class="glyphicon glyphicon-chevron-right text-muted"></span>
             </a>
         </div>
     </div>
 
-    <hr/>
+    <hr class="heavy-rule"/>
 
     <!-- SEARCH + BROWSE + RECENT -->
     <div class="row hmpg-browse-block">
@@ -74,7 +75,7 @@
 
         <!-- BROWSE SUBJECT -->
         <div id="browseBySubject" class="col-xs-12">
-            <div class="h4 lite-header margin-bottom">Browse by subject</div>
+            <p class="text-muted margin-bottom">Browse by subject.</p>
             <div class="row margin-bottom">
                 <!-- SUBJECTS -->
                 <div id="dataversesBySubject" class="col-xs-12">
@@ -96,7 +97,7 @@
                     <hr class="col-xs-11 no-margin-top"/>
 
                     <!-- JOURNAL RESULTS -->
-                    <div id="journals" class="row col-xs-12">Loading...</div>
+                    <div id="journals" class="row col-xs-12"><p>Loading...</p></div>
 
                     <!-- VIEW ALL -->
                     <div class="row col-xs-12">
@@ -110,7 +111,7 @@
                     <hr class="col-xs-11 no-margin-top"/>
 
                     <!-- RESEARCHERS RESULTS -->
-                    <div id="researchers" class="row col-xs-12">Loading...</div>
+                    <div id="researchers" class="row col-xs-12"><p>Loading...</p></div>
 
                     <!-- VIEW ALL -->
                     <div class="row col-xs-12">
@@ -138,7 +139,7 @@
         </div>
     </div>
 
-    <hr/>
+    <hr class="heavy-rule"/>
 
     <!-- OTHER LINKS -->
     <div class="row hmpg-other-block">
@@ -166,7 +167,7 @@
                 resultHtml += "<div class=\"row col-xs-12\">";
                 resultHtml += "<div class=\"col-xs-2 text-center hmpg-recent-thumb\"><a href=\"/dataset.xhtml?persistentId=" + item.global_id + "\">";
                 resultHtml += "<object data=\"" + thumbBaseURL + item.global_id + "\" type=\"image/png\"/><span class=\"icon-dataset\"></span></object></div>";
-                resultHtml += "<div class=\"col-xs-9 col-md-10 hmpg-recent-metadata\"><p><a href=\"/dataset.xhtml?persistentId=" + item.global_id + "\">" + item.name + "</a></p><p class=\"small text-muted\"><a href=\"/dataverse/" + item.identifier_of_dataverse + "\">" + item.name_of_dataverse + "</a> - " + date.toDateString() + "</p></div>";
+                resultHtml += "<div class=\"col-xs-9 col-md-10 hmpg-recent-metadata\"><p><a href=\"/dataset.xhtml?persistentId=" + item.global_id + "\">" + item.name + "</a></p><p class=\"small text-muted\"><a href=\"/dataverse/" + item.identifier_of_dataverse + "\" class=\"highlightBold\">" + item.name_of_dataverse + "</a> " + date.toDateString() + "</p></div>";
                 resultHtml += "<hr class=\"col-xs-12\"/></div>";
             });
             document.getElementById(elm).innerHTML = resultHtml;