Add more content to sidebar

Author: meldra

themes/CodeMeta-Pyramids/layouts/_default/landing.html

@@ -9,11 +9,11 @@
     <div class="section section-basic">
       <div class="container">
 		<div class="row">
-		  <div class="landing-left col-md-8 container ">
+		  <div class="landing-left col-md-8 container pe-5">
 		    {{ partial "landing_left" . }}
 		  </div>
 
-		  <div class="landing-right col-md-4 container">
+		  <div class="landing-right col-md-4 container h-75 mh-auto pb-4">
 		    {{ partial "landing_right" . }}
 		  </div>
 

themes/CodeMeta-Pyramids/layouts/partials/events.html

@@ -0,0 +1,9 @@
+<div id="eventlinks" class="container pt-2">
+  <h3 class="ms-3">Events</h3>
+  <ul class="list-group list-unstyled">
+    <li class="ps-2">
+      <p class="lh-base p-2" href="">Check back soon!</p>
+      <small class="p-2 text-secondary-emphasis">TBA</small>
+    </li>
+  </ul>
+</div>

themes/CodeMeta-Pyramids/layouts/partials/landing_left.html

@@ -1,2 +1,3 @@
 		  {{ .Content }}
-<p class="text-center"><a class="fw-bold btn btn-lg btn-primary m-3" href="/crosswalk">Find a Crosswalk</a><a class="fw-bold btn btn-lg btn-primary m-3" href="/create">CodeMeta Generator</a></p>
+<p class="text-center"><a class="fw-bold btn btn-lg btn-primary m-3" href="/crosswalk">Find a Crosswalk</a>
+<a class="fw-bold btn btn-lg btn-primary m-3" href="https://github.com/codemeta/codemeta/tree/master/crosswalks">Create a Crosswalk</a></p>

themes/CodeMeta-Pyramids/layouts/partials/landing_right.html

@@ -1 +1,9 @@
-		  {{ partial "news" . }}
+{{ partial "news" . }}
+
+<div class="container pt-4">
+<h3 class="ps-3">Create a CodeMeta file</h3>
+<p class="text-center"><a class="fw-bold btn btn-lg btn-primary m-3" href="/create">CodeMeta Generator</a>
+</div>
+
+{{ partial "events" . }}
+

themes/CodeMeta-Pyramids/static/css/codemeta.css

@@ -228,16 +228,16 @@ h1,h2,h3,h4,h5,h6,h7 {
 }
 
 /*!
- * News panel
+ * right-side panel
  */
 
 @media only screen and (min-width: 992px) {
 
-    #newslinks {
+    .landing-right {
       border-left: 2px solid var(--bs-dark-border-subtle);
     }
 
-    [data-bs-theme=dark] #newslinks {
+    [data-bs-theme=dark] .landing-right {
       border-left: 2px solid var(--bs-border-color);
     }
 }