publish first article

feed.xml

@@ -3,7 +3,7 @@
 <atom:feed xmlns:atom="http://www.w3.org/2005/Atom">
   <atom:title>Watch This Space</atom:title>
   <atom:subtitle>A security research blog.</atom:subtitle>
-  <atom:updated>2024-08-05T06:49:44-04:00</atom:updated>
+  <atom:updated>2024-09-16T19:51:03-04:00</atom:updated>
   <atom:id>https://wts.dev/</atom:id>
   <atom:icon>https://wts.dev/favicon.png</atom:icon>
   <atom:logo>https://wts.dev/logo.png</atom:logo>
@@ -14,4 +14,16 @@
     <atom:email>[email protected]</atom:email>
     <atom:uri>https://github.com/nmggithub</atom:uri>
   </atom:author>
+  <atom:entry>
+    <atom:title>SQL Injection in TCC: and why it (probably) wasn't a security risk (this time)</atom:title>
+    <link href="https://wts.dev/posts/tcc-sql-injection" rel="alternate" />
+    <atom:id>urn:uuid:37a37bc4-9184-4c25-99dd-fe36056b2568</atom:id>
+    <atom:published>2024-09-16T19:51:03-04:00</atom:published>
+    <atom:updated>2024-09-16T19:51:03-04:00</atom:updated>
+    <atom:category term="Security" />
+    <atom:category term="macOS" />
+    <atom:category term="TCC" />
+    <atom:category term="SQL" />
+    <atom:category term="SQL Injection" />
+  </atom:entry>
 </atom:feed>

post.css

@@ -0,0 +1,143 @@
+html {
+  scroll-behavior: smooth;
+  width: 100%;
+
+  body {
+    width: 100%;
+
+    article.post {
+      header {
+        text-align: center;
+        margin-bottom: 2.5rem;
+
+        h1 {
+          margin: 2rem 0;
+          font-size: 2.75rem;
+          font-weight: 900;
+        }
+
+        #about {
+          color: var(--accent-color);
+          font-style: italic;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-wrap: wrap;
+          column-gap: 5rem;
+          row-gap: 0.5rem;
+
+          time {
+            font-weight: 600;
+            font-size: 2rem;
+          }
+
+          address {
+            font-style: normal;
+            font-weight: 600;
+
+            a {
+              text-decoration: none;
+              color: inherit;
+            }
+
+            font-size: 1.5rem;
+          }
+        }
+
+        img {
+          width: 75%;
+        }
+      }
+
+      h2 {
+        margin: 1.75rem 0;
+        font-size: 1.75rem;
+      }
+
+      h3 {
+        margin: 1.5rem 0;
+        font-size: 1.5rem;
+      }
+
+      h4 {
+        margin: 1.25rem 0;
+        font-size: 1.25rem;
+      }
+
+      p {
+        font-size: 1rem;
+
+        &:has(+ ul) {
+          margin-bottom: 0;
+        }
+      }
+
+      blockquote {
+        --left-bar-width: 0.5rem;
+        margin: 1.5rem;
+        margin-left: 0;
+        padding-left: 1.5rem;
+        position: relative;
+        display: block;
+
+        &>pre {
+          white-space: pre-wrap;
+        }
+
+        &::before {
+          content: '';
+          position: absolute;
+          left: 0;
+          height: 100%;
+          width: var(--left-bar-width);
+          background-color: var(--accent-color);
+          border-radius: var(--left-bar-width);
+        }
+      }
+
+
+      --code-background: oklch(from var(--accent-color) l 0.1 h);
+      --code-foreground: oklch(from var(--accent-color) calc(l + 0.6) 0.1 h);
+
+      code {
+        padding: 0.1rem 0.25rem;
+        white-space: nowrap;
+      }
+
+      code,
+      pre {
+        background-color: var(--code-background);
+        border-color: white;
+        border-radius: 0.5rem;
+        color: var(--code-foreground);
+      }
+
+      pre {
+        overflow: hidden;
+        display: flex;
+        position: relative;
+
+        --code-padding-x: 0.75rem;
+
+        &>code {
+          white-space: inherit;
+          mask-image: linear-gradient(to right,
+              rgba(0, 0, 0, 0) 0%,
+              rgba(0, 0, 0, 1) var(--code-padding-x),
+              rgba(0, 0, 0, 1) calc(100% - var(--code-padding-x)),
+              rgba(0, 0, 0, 0) 100%);
+          /* hide the top and bottom line breaks */
+          margin-top: -1lh;
+          margin-bottom: -1lh;
+          background-color: unset;
+          border-radius: unset;
+          padding: 0.75rem var(--code-padding-x);
+          overflow: scroll;
+          width: 100%;
+          display: inline-block;
+        }
+
+      }
+    }
+  }
+}