Squashed: add image processing shortcode

themes/geeklab/.drone.yml

@@ -1,20 +1,44 @@
-pipeline:
-  build:
+---
+kind: pipeline
+name: default
+
+steps:
+  - name: build
     image: node
     commands:
-      - npm install -g gulp
-      - npm install
+      - npm install -g gulp -s
+      - npm install -s
       - gulp
     when:
       event: push
 
-  update:
+  - name: update
     image: appleboy/drone-git-push
+    settings:
       branch: master
       remote: gitea@gitea.rknet.org:xoxys/theme-geeklab.git
       commit: true
-    commit-message: "[SKIP CI] update artifacts"
+      commit_message: "[SKIP CI] Update artifacts"
       force: false
-    secrets: [git_push_ssh_key]
+      author_name: DroneShipper
+      author_email: shipper@rknet.org
+    environment:
+      GIT_PUSH_SSH_KEY:
+        from_secret: git_push_ssh_key
     when:
       event: push
+
+  - name: notify
+    image: plugins/matrix
+    settings:
+      homeserver: https://matrix.rknet.org
+      roomid: MtidqQXWWAtQcByBhH:rknet.org
+      template: "Status: **{{ build.status }}**<br/> Build: [{{ repo.Owner }}/{{ repo.Name }}]({{ build.link }}) ({{ build.branch }}) by {{ build.author }}<br/> Message: {{ build.message }}"
+      username:
+        from_secret: matrix_username
+      password:
+        from_secret: matrix_password
+    when:
+      status:
+        - success
+        - failure

themes/geeklab/README.md

@@ -1,2 +1 @@
 # theme-geeklab
-

themes/geeklab/layouts/shortcodes/imgproc.html

@@ -0,0 +1,25 @@
+{{ $original := .Page.Resources.GetMatch (printf "*%s*" (.Get 0)) }}
+{{ $command := strings.ToLower (printf "%s" (.Get 1)) }}
+{{ $options := .Get 2 }}
+{{ if eq $command "fit"}}
+    {{ .Scratch.Set "image" ($original.Fit $options) }}
+{{ else if eq $command "resize"}}
+    {{ .Scratch.Set "image" ($original.Resize $options) }}
+{{ else if eq $command "fill"}}
+    {{ .Scratch.Set "image" ($original.Fill $options) }}
+{{ else }}
+    {{ errorf "Invalid image processing command: Must be one of Fit, Fill or Resize. Is: %s" ($command)}}
+{{ end }}
+{{ $image := .Scratch.Get "image" }}
+<figure class="post-figure">
+    <a href="{{ $original.RelPermalink }}">
+        <img class="post-figure__img" src="{{ $image.RelPermalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}">
+    </a>
+    <figcaption class="post-figure__caption">
+    <small>
+    {{ with not .Inner }}
+        {{ $original.Title }}
+    {{ end }}
+    </small>
+    </figcaption>
+</figure>

themes/geeklab/src/css/_style.css

@@ -205,7 +205,6 @@ html{
 .post-content blockquote {
   font-size: 1.1em;
   margin:40px auto;
-  font-family:Open Sans;
   font-style:italic;
   color: #555555;
   padding:0.2em 30px 0.2em 55px;
@@ -250,6 +249,24 @@ html{
   margin: 10px auto;
 }
 
+.post-figure {
+  padding: 0.25rem;
+  margin: 2rem 0;
+  background-color: #dcdfe3
+}
+
+.post-figure__img {
+  max-width: 100%;
+  height: auto;
+}
+
+.post-figure__caption {
+  font-size: 1.1em;
+  padding: 2px 0;
+  font-style:italic;
+  color: #555555;
+}
+
 /************************
   Global Blog Footer
 *************************/

themes/geeklab/static/default.css

@@ -194,7 +194,6 @@ html {
 .post-content blockquote {
   font-size: 1.1em;
   margin: 40px auto;
-  font-family: Open Sans;
   font-style: italic;
   color: #555;
   padding: .2em 30px .2em 55px;
@@ -233,6 +232,21 @@ html {
 .post-content li {
   margin: 10px auto
 }
+.post-figure {
+  padding: .25rem;
+  margin: 2rem 0;
+  background-color: #dcdfe3
+}
+.post-figure__img {
+  max-width: 100%;
+  height: auto
+}
+.post-figure__caption {
+  font-size: 1.1em;
+  padding: 2px 0;
+  font-style: italic;
+  color: #555
+}
 .site-footer {
   width: 100%;
   background: #2f333e;