Improved added keynote on sessions page

bangalorejug · Oct 18, 2024 · eee910e · eee910e
1 parent a778b95
commit eee910e
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 11 deletions.
diff --git a/content/sessions/java-roadmap-role-java-community.md b/content/sessions/java-roadmap-role-java-community.md
@@ -3,7 +3,7 @@ title: 'Java roadmap and the role of Java community'
 speakers:
   - pravemoh
 topics:
-  - core
+  - keynote
 time: 09:30 AM – 10:20 AM
 weight: 1
 ---

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -118,11 +118,18 @@
         background-color: #736658;
         border-color: #736658;
       }
+      #myTab .active {
+        background-color: #736658;
+        border-color: #736658;
+      }
+      #myTabContent .tab-pane a {
+        color: black;
+      }
     </style>
   </head>
 
   <body class="text-dark bg-light">
-    <div class="d-flex w-100 h-100 mx-auto flex-column">
+    <div class="d-flex w-100 h-100 mx-auto flex-column min-vh-100">
       {{ block "header" . }}{{ partial "header" . }}{{end}} {{ block "main" .
       }}{{end}} {{ block "footer" . }}{{ partial "footer" . }}{{end}}
 

diff --git a/layouts/sessions/list.html b/layouts/sessions/list.html
@@ -1,32 +1,54 @@
 {{ define "main" }} {{ $section := .Site.GetPage "section" .Section }}
 
 
-<div class="container py-9 py-lg-11 position-relative z-index-1">
+<div class="container py-9 py-lg-11 position-relative z-index-1 flex-grow-1">
     <div class="row">
 		<div class="col-lg-5 mb-5 mb-lg-0">
 
 			<div class="nav nav-pills flex-column aos-init aos-animate" id="myTab" role="tablist" data-aos="fade-up">
-				<button class="nav-link px-4 text-start mb-3 active" id="d1-tab" data-bs-toggle="tab" data-bs-target="#day1" type="button" role="tab" aria-controls="day1" aria-selected="true">
-					<span class="d-block fs-5 fw-bold">Track 1</span>
-					<span class="small">Core Java</span>
+				<button class="nav-link px-4 text-start mb-3 active" id="d0-tab" data-bs-toggle="tab" data-bs-target="#day0" type="button" role="tab" aria-controls="day0" aria-selected="true">
+					<span class="d-block fs-5 fw-bold">Keynote</span>
+				</button>
+                <button class="nav-link px-4 text-start mb-3" id="d1-tab" data-bs-toggle="tab" data-bs-target="#day1" type="button" role="tab" aria-controls="day1" aria-selected="true">
+					<span class="d-block fs-5 fw-bold">Core Java Track</span>
 				</button>
 
 				<button class="nav-link px-4 text-start mb-3" id="d2-tab" data-bs-toggle="tab" data-bs-target="#day2" type="button" role="tab" aria-controls="day2" aria-selected="false" tabindex="-1">
-					<span class="d-block fs-5 fw-bold">Track 2</span>
-					<span class="small">Enterprise Java</span>
+					<span class="d-block fs-5 fw-bold">Enterprise Java Track</span>
 				</button>
 
                 <button class="nav-link px-4 text-start" id="d3-tab" data-bs-toggle="tab" data-bs-target="#day3" type="button" role="tab" aria-controls="day3" aria-selected="false" tabindex="-1">
-					<span class="d-block fs-5 fw-bold">Workshop</span>
-					<span class="small">Hands on workshop</span>
+					<span class="d-block fs-5 fw-bold">Workshop Track (Hands on)</span>
 				</button>
 
 			</div>
 		</div>
 
             <div class="col-lg-7 col-xl-6">
                 <div data-aos="fade-up" class="tab-content aos-init aos-animate" id="myTabContent">
-                    <div class="tab-pane fade active show" id="day1" role="tabpanel" aria-labelledby="d1-tab">
+                    <div class="tab-pane fade active show" id="day0" role="tabpanel" aria-labelledby="d0-tab">
+                        <ul class="pt-4 list-unstyled mb-0">
+
+							{{ range .Pages }}
+
+							{{ if in  .Params.topics "keynote" }}
+
+                            <li class="d-flex flex-column flex-md-row py-4">
+                                <span class="flex-shrink-0 width-13x me-md-4 d-block mb-3 mb-md-0 small text-muted">{{ .Params.time }}</span>
+                                <div class="flex-grow-1 ps-4 border-start border-3">
+                                    <a class="h4" href="{{ .Permalink }}"  class="card-title h5">{{ .Title }}</a>
+                                    <p class="mb-0">
+                                        {{ .Content | strings.Truncate 300 }}
+                                    </p>
+                                </div>
+                            </li>
+
+							{{ end }}
+
+							{{ end }}
+                        </ul>
+                    </div>
+                    <div class="tab-pane fade show" id="day1" role="tabpanel" aria-labelledby="d1-tab">
                         <ul class="pt-4 list-unstyled mb-0">
 
 							{{ range .Pages }}