some minor stylistic interventions #2

acdh-oeaw · Nov 26, 2021 · ffa4484 · ffa4484
1 parent 0dd5774
commit ffa4484
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 10 deletions.
diff --git a/archiv/static/img/bg4.jpg b/archiv/static/img/bg4.jpg
diff --git a/archiv/static/img/ishtar-gate.jpg b/archiv/static/img/ishtar-gate.jpg
diff --git a/webpage/static/webpage/css/style.css b/webpage/static/webpage/css/style.css
@@ -18,7 +18,6 @@ body {
     border-bottom: 5px solid #254aa5;
 }
 
-
 #title-img {
     opacity: 0.4;
     border-radius: 50%;

diff --git a/webpage/templates/webpage/index.html b/webpage/templates/webpage/index.html
@@ -4,9 +4,9 @@
 {% load webpage_extras %}
 {% block content %}
 
-        <div class="jumbotron">
+        <div class="jumbotron" style="background-color: white;">
             <div class="container">
-                    <img src="{% static 'img/project_background.jpg' %}" class='mx-auto d-block' id="title-img">
+                <img src="{% static 'img/project_background.jpg' %}" class='mx-auto d-block' id="title-img">
                 <!-- <h1 style="text-align:center; color: #111;">{% projects_metadata 'title' %}</h1>
                 <h3 style="text-align:center; color: #111;">{% projects_metadata 'subtitle' %}</h3>
                 <h5 style="text-align:center; color: #111;">{% projects_metadata 'description' %}</h5> -->
@@ -16,21 +16,23 @@ <h5 style="text-align:center; color: #111;">{% projects_metadata 'description' %
             </div>
         </div>
 
-    <div class="container" id="landing">
-        <div class="row">
+    <div class="container" id="landing" >
+        <div class="row" >
             <div class="col-md-12" style="text-align:center">
                 <h2>Browse the <b>NaBuCCo</b> Database</h2>
             </div>
             {% create_object_count app='archiv' as models %}
             {% for x in models %}
                 <div class="col-md-4  text-center">
-                    <div class="card flex-md-row mb-4 box-shadow">
-                        <div class="card-body">
-                            <h4 class="mb-0">{{x.name}}</h4>
-                            <h4 class="count">{{ x.count }}</h4>
+                    <div class="card" style="width: 18rem;">
+                        <img class="card-img-top" src="static/img/ishtar-gate.jpg" alt="Card image cap">
+                        <div class="card-body ">
+                            <h4 class="card-text" style="font-weight:bold; color: #254aa5;">{{x.name}}</h4>
+                            <h4 class="card-text" style="font-weight:bold; color: #254aa5;">{{ x.count }}</h4>
                             {% if x.link %}
-                                <a class="btn btn-main btn-outline-primary btn-sm" href="{{ x.link }}" role="button">View Details</a>
+                                <a class="btn btn-main btn-outline-primary btn-sm" href="{{ x.link }}" role="button">Browse data</a>
                             {% endif %}
+
                         </div>
                     </div>
                 </div>