Development

README.md

@@ -1,5 +1,5 @@
 This is my blog, powered by [quarto](https://quarto.org). 
-For more details about site content see [the deployed instance](acederberg.io).
+For more details about site content see [the deployed instance](https://acederberg.io).
 To see coverage reports, got see [the artifacts on github pages](https://acederberg.github.io/quarto-maths/).
 
 

blog/index.qmd

@@ -189,7 +189,7 @@ For inquiries, please reach out to me at `adrn.cederberg123@gmail.com` or `@_ace
 This site deprecates my previous blog, for which I made the [captura-text](https://github.com/acederberg/captura-text) plugin.
 The content on the deprecated site can be found in [another repo](https://github.com/acederberg/captura-text-portfolio-assets).
 
-Go to (posts)[#posts].
+Go to [posts](/#landing-page-posts-content).
 
 ## Reporting Issues
 

blog/posts/iconify/index.qmd

@@ -1,6 +1,6 @@
 ---
 title: Building and Using a Custom Iconify Image Set For Mermaid
-image: https://bucket.acederberg.io/thumbnails/iconify.png
+image: https://acederbergio-object-storage.us-lax-1.linodeobjects.com/thumbnails/iconify.png
 format:
   html:
     include-in-header:

blog/posts/keywords/index.qmd

@@ -1,6 +1,6 @@
 ---
 title: Basic Natural Language Processing in `Python` {{< iconify devicon python >}}
-image: https://bucket.acederberg.io/thumbnails/keywords.jpg
+image: https://acederbergio-object-storage.us-lax-1.linodeobjects.com/thumbnails/keywords.jpg
 live:
   quarto:
     reload: true

blog/posts/neovim-queries-case-study/index.qmd

@@ -1,7 +1,7 @@
 ---
 title: How to Write Custom Neovim Queries
 subtitle: A Case-Study using Quarto
-image: https://bucket.acederberg.io/thumbnails/nvim-queries-and-highlights.png
+image: https://acederbergio-object-storage.us-lax-1.linodeobjects.com/thumbnails/nvim-queries-and-highlights.png
 keywords:
   - neovim
   - lua

blog/resume/_metadata.yaml

@@ -286,6 +286,12 @@ resume:
   # ----------------------------------------------------------------------- #
   # Experience
   experience:
+    - identifier: resume-experience-milvets
+      title: Mid-level Software Engineer
+      organization: MILVETS Systems Technologies
+      start: April 2025
+      stop: Now
+
     - identifier: resume-experience-mve
       organization: Mountain Vector Energy
       title: Senior Software Engineer
@@ -300,7 +306,7 @@ resume:
 
     - identifier: resume-experience-dsi
       organization: University of New Mexico
-      title: Research Assistent
+      title: Research Assistant
       start: August 2019
       stop: December 2020
 

blog/resume/index.qmd

@@ -68,14 +68,9 @@ NOTE: The first set of columns should contain the headshot, links, contact,
 
 {{< include "./partials/_links.qmd" >}}
 
-```{=html}
-<script>
-// NOTE: Want the clipboard in the upper right hand corner.
-/*
-  {{< include copy.js >}}
-*/
-</script>
-```
+## Certifications { #resume-certifications .py-3 }
+
+{{< include "./partials/_certifications.qmd" >}}
 
 <!---
 ## Contents
@@ -112,6 +107,8 @@ NOTE: This section should contain education, profile, and experience.
 
 ## Experience { .py-3 #resume-experience }
 
+{{< include ./partials/_milvets.qmd >}}
+
 {{< include ./partials/_blog.qmd >}}
 
 {{< include ./partials/_mve.qmd >}}

blog/resume/partials/_certifications.qmd

@@ -0,0 +1,76 @@
+::: { #certification-items .grid }
+
+::: { .content-visible when-format="html" }
+
+```{=html}
+  <div class="g-col-2"></div>
+  <div class="g-col-4">
+    <div class=" d-flex">
+      <!-- Adds the tradmark logo -->
+      <div class="position-relative d-inline-block mx-auto">
+        <div class="badge position-absolute top-0 end-0 badge bg-transparent text-dark">&#8482</div>
+        <img
+          src="https://acederbergio-object-storage.us-lax-1.linodeobjects.com/resume/security-plus.svg"
+          class="img-fluid mx-auto"
+          style="height: 128px"
+        >
+        </img>
+      </div>
+    </div>
+    <section class="text-center">
+      <h4 class="text-center">CompTIA Security+</h4>
+      <p class="text-muted fst-italic">Earned July 2, 2025</p>
+    </section>
+  </div>
+  <div class="g-col-4">
+    <style>
+      #in-progress {
+        rotate: -45deg;
+        text-align: center;
+        background: var(--bs-white);
+        z-index: 1;
+      }
+    </style>
+    <div id="in-progress" class="top-50 end-0 position-relative border border-black border-1 rounded fs-5 fw-bold">
+      In Progress
+    </div>
+    <div style="filter: blur(5px);">
+      <div class="d-flex">
+        <!-- Adds the tradmark logo -->
+        <div class="position-relative d-inline-block mx-auto">
+          <img
+            src="https://training.linuxfoundation.org/wp-content/uploads/2019/03/kubernetes-ckad-color-300x294.png"
+            class="img-fluid mx-auto"
+            style="height: 128px"
+          >
+          </img>
+        </div>
+      </div>
+      <section class="text-center">
+        <h4 class="text-center">CKAD</h4>
+        <p class="text-muted fst-italic">In progress.</p>
+      </section>
+    </div>
+  </div>
+  <div class="g-col-2"></div>
+```
+
+:::
+
+::: { .content-visible when-format="latex" }
+
+<!---
+
+NOTE: Getting crazy nonsense errors from panflute while doing this.
+      For now, text will suffice.
+      Try again later.
+
+      [Foobabababa](https://acederbergio-object-storage.us-lax-1.linodeobjects.com/resume/security-plus.svg)
+
+-->
+
+CompTIA Security+. Working towards the 'Certified Kubernetes Application Developer' certification.
+
+:::
+
+:::

blog/resume/partials/_links.qmd

@@ -2,8 +2,12 @@
 
 :::
 
-::: { .fw-light .text-center .fst-italic .content-visible when-format="html" .py-5 .text-muted }
+::: { when-format="html" .content-visible }
 
-All links will open in a new tab.
+```{=html}
+<div class="w-100 fw-light text-center fst-italic text-muted">
+  All links will open in a new tab.
+</div>
+```
 
 :::

blog/resume/partials/_milvets.qmd

@@ -0,0 +1,17 @@
+:::: {#resume-experience-milvets .experience }
+
+To expedite operations by the United States Air Force, lead the modernization
+and containerize various legacy applications at the Distributed Mission
+Operation Control (DMOC) at Kirkland Air Force Base in Albuquerque, New Mexico
+as subcontractor for Northrop Grumman and Serco.
+
+- Maximized developer productivity and code maintainability by modernizing
+  and rewriting legacy applications.
+- Deprecated legacy applications by architecting APIs and UIs using
+  `django-ninja`, `typescript`, and `docker`.
+- Architecting `kubernetes` deployments of custom software services and
+  containerizing containerizing these services.
+- Achieved a CompTIA Security+ certification and working towards Certified
+  Kubernetes Application Developer (CKAD).
+
+::::

blog/resume/resume.qmd

@@ -30,7 +30,7 @@ filters:
 \phantomsection\label{resume-links}
 \href{https://www.linkedin.com/in/adrian-cederberg-b453571b9}{\faLinkedin { Linkedin } \label{linkedin}}
 \href{https://github.com/acederberg}{\faGithub { Github } \label{github}}
-\href{https://acederberg.io/resume.html}{\faCubes { Website } \label{website}}
+\href{https://acederberg.io/resume/index.html}{\faCubes { Website } \label{website}}
 \href{https://acederberg.io/resume/resume.pdf}{\faFilePdf { PDF } \label{resume}}
 \end{center}
 ```
@@ -41,8 +41,14 @@ filters:
 
 {{< include ./partials/_profile.qmd >}}
 
+## Certifications
+
+{{< include ./partials/_certifications.qmd >}}
+
 ## Experience
 
+{{< include ./partials/_milvets.qmd >}}
+
 {{< include ./partials/_blog.qmd >}}
 
 {{< include ./partials/_mve.qmd >}}

blog/resume/templates/template.tex

@@ -9,6 +9,22 @@
 \documentclass[
 ]{article}
 
+\usepackage{svg}
+\usepackage{graphicx}
+\makeatletter
+\newsavebox\pandoc@box
+\newcommand*\pandocbounded[1]{% scales image to fit in text height/width
+  \sbox\pandoc@box{#1}%
+  \Gscale@div\@tempa{\textheight}{\dimexpr\ht\pandoc@box+\dp\pandoc@box\relax}%
+  \Gscale@div\@tempb{\linewidth}{\wd\pandoc@box}%
+  \ifdim\@tempb\p@<\@tempa\p@\let\@tempa\@tempb\fi% select the smaller of both
+  \ifdim\@tempa\p@<\p@\scalebox{\@tempa}{\usebox\pandoc@box}%
+  \else\usebox{\pandoc@box}%
+  \fi%
+}
+
+
+
 \usepackage{amsmath,amssymb}
 \usepackage{iftex}
 \ifPDFTeX

blog/test-0.qmd

@@ -0,0 +1,31 @@
+---
+title: Testing Columns
+---
+
+```{=html}
+<div class="
+  <div class="g-col-4">
+    <div class="top-50 end-50 position-absolute">
+      In Progress
+    </div>
+    <div style="filter: blur(5px);">
+      <div class="d-flex">
+        <!-- Adds the tradmark logo -->
+        <div class="position-relative d-inline-block mx-auto">
+          <img
+            src="https://training.linuxfoundation.org/wp-content/uploads/2019/03/kubernetes-ckad-color-300x294.png"
+            class="img-fluid mx-auto"
+            style="height: 128px"
+          >
+          </img>
+        </div>
+      </div>
+      <section class="text-center">
+        <h4 class="text-center">Certificied Kubernetes Application Developer</h4>
+        <p class="text-muted fst-italic">In progress.</p>
+      </section>
+    </div>
+  </div>
+  <div class="g-col-2"></div>
+
+```

blog/themes/landing-page.scss

@@ -175,7 +175,7 @@ $extraColors : ("blue": $blue,
 
     #landing-page-banner-content {
       @include make-container(0px);
-      background: radial-gradient(rgba(255, 212, 59, 0.07), transparent 75%);
+      /* background: radial-gradient(rgba(255, 212, 59, 0.07), transparent 75%); */
 
       #landing-page-banner-title {
         @include make-row();
@@ -277,14 +277,17 @@ $extraColors : ("blue": $blue,
 
   /* This is the about sections */
   #landing-page-about {
-    @include landing-page-section();
+    @include landing-page-section($padding: 0.5rem);
 
     $color: var(--bs-teal);
     background: url(daimond.svg), radial-gradient(var(--bs-black), var(--bs-gray-900) 110%);
     backdrop-filter: blur(5px);
 
+    border: 3px solid $color;
+    box-shadow: 0 0 15px $color, inset 0 0 15px $color;
+
     #landing-page-about-content {
-      @include landing-page-section-inner();
+      @include landing-page-section-inner($padding: 1rem, $border-radius: 1.55rem);
 
       border: 3px solid $color;
       box-shadow: 0 0 15px $color, inset 0 0 15px $color;

blog/themes/resume.scss

@@ -216,12 +216,12 @@ $resume-bg-main: $white;
 
     @include media-breakpoint-up(xl) {
 
-      h2,
-      h3,
-      h4,
-      h5 {
-        display: none;
-      }
+      /* h2, */
+      /* h3, */
+      /* h4, */
+      /* h5 { */
+      /*   display: none; */
+      /* } */
 
     }
 

docker/manifests/ci.yaml

@@ -19,7 +19,7 @@ spec:
     spec:
       containers:
         - name: blog
-          image: acederberg/blog:latest
+          image: acederberg/blog:main
           imagePullPolicy: Always
           ports:
             - name: captura-http

docker/manifests/sa.yaml

@@ -138,9 +138,9 @@ spec:
     - kind: Rule
       match: HOST(`blog.acederberg.io`) || Host(`acederberg.io`)
       middlewares:
-        - name: traefik-ratelimit
+        - name: traefik-mw-ratelimit
           namespace: traefik
-        - name: traefik-error-pages
+        - name: traefik-mw-error-pages
           namespace: traefik
       services:
         - kind: Service
@@ -168,9 +168,9 @@ spec:
     - kind: Rule
       match: HOST(`preview.acederberg.io`)
       middlewares:
-        - name: traefik-ratelimit
+        - name: traefik-mw-ratelimit
           namespace: traefik
-        - name: traefik-error-pages
+        - name: traefik-mw-error-pages
           namespace: traefik
       services:
         - kind: Service