Line numbers for code blocks

nextflow-io · Mar 10, 2024 · e1383a4 · e1383a4
1 parent 7c66cd3
commit e1383a4
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 6 deletions.
diff --git a/public/css/custom.css b/public/css/custom.css
@@ -1297,11 +1297,25 @@ p {
   white-space: normal;
 }
 
-pre code.hljs {
-  padding: 0;
+code {
+  counter-reset: step;
+  counter-increment: step 0;
   background-color: transparent;
 }
 
+/* Line numbers for code blocks */
+code .line:not(:only-child)::before {
+  content: counter(step);
+  counter-increment: step;
+  width: 3rem;
+  padding-right: 0.5rem;
+  margin-right: 1.5rem;
+  display: inline-block;
+  text-align: right;
+  color: rgba(115,138,148,.4);
+  border-right: 2px solid #6ce26c99;
+}
+
 /* Ambassadors */
 .ambassadors img.ambassador {
 	height: 100px;

diff --git a/public/img/marco.jpg b/public/img/marco.jpg
diff --git a/src/pages/about-us.astro b/src/pages/about-us.astro
@@ -37,8 +37,8 @@ import Page from "@layouts/Page.astro";
               <img src="img/paolo.jpg" alt="Paolo Di Tommaso, Nextflow Lead" />
               <p class="text-muted text-center">
                 <em>
-                  Paolo Di Tommaso,
-                  <br />Seqera CTO
+                  Paolo Di Tommaso,<br />
+                  Seqera CTO
                 </em>
               </p>
             </div>
@@ -58,6 +58,34 @@ import Page from "@layouts/Page.astro";
             </div>
           </div>
         </div>
+
+        <div class="col-sm-3 col-xs-6">
+          <div class="about-small">
+            <div class="about-img">
+              <img src="img/ben.jpg" alt="Ben Sherman" />
+              <p class="text-muted text-center">
+                <em>
+                  Ben Sherman,<br />
+                  Seqera Engineer
+                </em>
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-sm-3 col-xs-6">
+          <div class="about-small">
+            <div class="about-img">
+              <img src="img/marco.jpg" alt="Marco Claudio De La Pierre" />
+              <p class="text-muted text-center">
+                <em>
+                  Marco De La Pierre,<br />
+                  Seqera Engineer
+                </em>
+              </p>
+            </div>
+          </div>
+        </div>
       </div>
       <!-- Close Team section-->
     </div>
@@ -208,8 +236,7 @@ import Page from "@layouts/Page.astro";
               <div class="about-img">
                 <img src="img/seqera-logo.png" alt="Seqera" width="240" height="350" />
                 <p class="text-muted text-center">
-                  <em> Seqera </em>
-                  team
+                  <em> Seqera team </em>
                 </p>
               </div>
             </div>