Add an initial version of the topics section on the home page

keitaroinc · Mar 1, 2024 · 298fd43 · 298fd43
1 parent a0b834d
commit 298fd43
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 7 deletions.
diff --git a/ckanext/iaea/assets/css/iaea.css b/ckanext/iaea/assets/css/iaea.css
@@ -3510,21 +3510,21 @@ fieldset[disabled] .btn-link:focus {
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
-  border-radius: 40px;
+  border-radius: 5px;
 }
 .btn-sm,
 .btn-group-sm > .btn {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
-  border-radius: 40px;
+  border-radius: 5px;
 }
 .btn-xs,
 .btn-group-xs > .btn {
   padding: 1px 5px;
   font-size: 12px;
   line-height: 1.5;
-  border-radius: 40px;
+  border-radius: 5px;
 }
 .btn-block {
   display: block;
@@ -3834,16 +3834,16 @@ tbody.collapse.in {
   border-radius: 0;
 }
 .btn-group-vertical > .btn:first-child:not(:last-child) {
-  border-top-left-radius: 40px;
-  border-top-right-radius: 40px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
 .btn-group-vertical > .btn:last-child:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-bottom-right-radius: 40px;
-  border-bottom-left-radius: 40px;
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px;
 }
 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
   border-radius: 0;

diff --git a/ckanext/iaea/templates/home/layout1.html b/ckanext/iaea/templates/home/layout1.html
@@ -42,4 +42,25 @@ <h1 class="title">{{ _("IAEA Data Platform") }}</h1>
     </div>
   </div>
 </div>
+</div>
+
+ <!-- After the feature groups are fully implemented, the code for the Topics section, from line 49 to line 66 has to be modified, as it currently is on the master branch. -->
+
+<div role="main">
+  <div class="container">
+    <div class="row row1 group-feature">
+      {% block featured_group %}
+      <div class="title">
+        <h1> Topics</h1>
+      </div>
+      <a href="{{ url }}"/>
+      <div class="col-xs-3 col-md-3">
+        <div class="group-feature-item">
+          <img class="media-image img-responsive">
+        </div>
+      </div>
+      </a>
+      {% endblock %}
+    </div>
+  </div>
 </div>