deploy: fae5a3f

Author: picaq

assets/js/search-data.json

@@ -1653,7 +1653,7 @@
   },"236": {
     "doc": "CSS",
     "title": "Codepen Demos",
-    "content": ". | Ceiling light button | Flexbox footer | Hanging Quotes & Typography | honeycomb bubble profile pictures | . ",
+    "content": ". | 3D Scatter Chart of Balloons Plotted with Highcharts | Ceiling light button | Flexbox footer | Hanging Quotes & Typography | honeycomb bubble profile pictures | . ",
     "url": "/blog/gists/css#codepen-demos",
 
     "relUrl": "/blog/gists/css#codepen-demos"

blog/gists/css.html

@@ -72,4 +72,4 @@
 <li class="nav-list-item external"> <a href="https://github.com/picaq" class="nav-list-link external" target="_blank" rel="noopener noreferrer"> @picaq <svg viewbox="0 0 24 24" aria-labelledby="svg-external-link-title"><use xlink:href="#svg-external-link"></use></svg> </a> </li>
 <li class="nav-list-item external"> <a href="https://www.linkedin.com/in/mandy-chen-picaq/" class="nav-list-link external" target="_blank" rel="noopener noreferrer"> in/mandy-chen-picaq <svg viewbox="0 0 24 24" aria-labelledby="svg-external-link-title"><use xlink:href="#svg-external-link"></use></svg> </a> </li>
 <li class="nav-list-item external"> <a href="https://twitter.com/picaq2" class="nav-list-link external" target="_blank" rel="noopener noreferrer"> x/picaq2 <svg viewbox="0 0 24 24" aria-labelledby="svg-external-link-title"><use xlink:href="#svg-external-link"></use></svg> </a> </li>
-</ul> <p>© 2025 <a href="https://mandychen.art" target="_blank">Mandy Chen</a>. All rights reserved.</p> <p style="padding-right:.215em;">Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a></p> </footer> </div> <div class="main" id="top"> <div id="main-header" class="main-header"> <div class="search" role="search"> <div class="search-input-wrap"> <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Mandy’s Blog" aria-label="Search Mandy’s Blog" autocomplete="off"> <label for="search-input" class="search-label"><svg viewbox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label> </div> <div id="search-results" class="search-results"></div> </div> </div> <div class="main-content-wrap"> <nav aria-label="Breadcrumb" class="breadcrumb-nav"> <ol class="breadcrumb-nav-list"> <li class="breadcrumb-nav-list-item"><a href="/blog/gists">Gists</a></li> <li class="breadcrumb-nav-list-item"><span>CSS</span></li> </ol> </nav> <div id="main-content" class="main-content"> <main> <h1 id="cascading-style-sheets" class="C"> <a href="#cascading-style-sheets" class="anchor-heading" aria-labelledby="cascading-style-sheets"><svg viewbox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> Cascading Style Sheets </h1> <p>CSS is painting by numbers. The numbers are your selectors.</p> <h2 id="codepen-demos" class="C"> <a href="#codepen-demos" class="anchor-heading" aria-labelledby="codepen-demos"><svg viewbox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> Codepen Demos </h2> <ul> <li><a href="https://codepen.io/picaq/pen/RwmQOwZ" target="_blank">Ceiling light button</a></li> <li><a href="https://codepen.io/picaq/pen/NWYObBY" target="_blank">Flexbox footer</a></li> <li><a href="https://codepen.io/picaq/pen/PorGQaR" target="_blank">Hanging Quotes &amp; Typography</a></li> <li><a href="https://codepen.io/picaq/pen/wvLbwLe" target="_blank">honeycomb bubble profile pictures</a></li> </ul> <!-- <div class="code-example" markdown="1"> [Link button](https://just-the-docs.com){: .btn } </div> ```md [Link button](https://just-the-docs.com){: .btn } ``` <div class="code-example" > <ol> <li>uno</li> <li>dos</li> <li>tres</li> </ol> </div> ```html <ol> <li>uno</li> <li>dos</li> <li>tres</li> </ol> ``` --> <hr> <h2 class="text-delta T">Table of contents</h2> <ul> <li> <a href="/blog/gists/css/styles">User Styles</a> </li> </ul> </main> <hr> <footer> <p class="text-small text-grey-dk-100 mb-0">This site uses <a href="https://github.com/just-the-docs/just-the-docs" target="blank">Just the Docs</a>, a documentation theme for Jekyll.</p> <div class="d-flex mt-2"> <p class="text-small text-grey-dk-000 mb-0"> <a href="https://github.com/picaq/picaq.github.io/tree/master/blog/gists/css.md" target="_blank" id="edit-this-page">Edit this page on GitHub.</a> </p> </div> </footer> </div> </div> <div class="search-overlay"></div> </div> </body> </html>
+</ul> <p>© 2025 <a href="https://mandychen.art" target="_blank">Mandy Chen</a>. All rights reserved.</p> <p style="padding-right:.215em;">Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a></p> </footer> </div> <div class="main" id="top"> <div id="main-header" class="main-header"> <div class="search" role="search"> <div class="search-input-wrap"> <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Mandy’s Blog" aria-label="Search Mandy’s Blog" autocomplete="off"> <label for="search-input" class="search-label"><svg viewbox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label> </div> <div id="search-results" class="search-results"></div> </div> </div> <div class="main-content-wrap"> <nav aria-label="Breadcrumb" class="breadcrumb-nav"> <ol class="breadcrumb-nav-list"> <li class="breadcrumb-nav-list-item"><a href="/blog/gists">Gists</a></li> <li class="breadcrumb-nav-list-item"><span>CSS</span></li> </ol> </nav> <div id="main-content" class="main-content"> <main> <h1 id="cascading-style-sheets" class="C"> <a href="#cascading-style-sheets" class="anchor-heading" aria-labelledby="cascading-style-sheets"><svg viewbox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> Cascading Style Sheets </h1> <p>CSS is painting by numbers. The numbers are your selectors.</p> <h2 id="codepen-demos" class="C"> <a href="#codepen-demos" class="anchor-heading" aria-labelledby="codepen-demos"><svg viewbox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> Codepen Demos </h2> <ul> <li><a href="https://codepen.io/picaq/pen/pvjXxWd" target="_blank">3D Scatter Chart of Balloons Plotted with Highcharts</a></li> <li><a href="https://codepen.io/picaq/pen/RwmQOwZ" target="_blank">Ceiling light button</a></li> <li><a href="https://codepen.io/picaq/pen/NWYObBY" target="_blank">Flexbox footer</a></li> <li><a href="https://codepen.io/picaq/pen/PorGQaR" target="_blank">Hanging Quotes &amp; Typography</a></li> <li><a href="https://codepen.io/picaq/pen/wvLbwLe" target="_blank">honeycomb bubble profile pictures</a></li> </ul> <!-- <div class="code-example" markdown="1"> [Link button](https://just-the-docs.com){: .btn } </div> ```md [Link button](https://just-the-docs.com){: .btn } ``` <div class="code-example" > <ol> <li>uno</li> <li>dos</li> <li>tres</li> </ol> </div> ```html <ol> <li>uno</li> <li>dos</li> <li>tres</li> </ol> ``` --> <hr> <h2 class="text-delta T">Table of contents</h2> <ul> <li> <a href="/blog/gists/css/styles">User Styles</a> </li> </ul> </main> <hr> <footer> <p class="text-small text-grey-dk-100 mb-0">This site uses <a href="https://github.com/just-the-docs/just-the-docs" target="blank">Just the Docs</a>, a documentation theme for Jekyll.</p> <div class="d-flex mt-2"> <p class="text-small text-grey-dk-000 mb-0"> <a href="https://github.com/picaq/picaq.github.io/tree/master/blog/gists/css.md" target="_blank" id="edit-this-page">Edit this page on GitHub.</a> </p> </div> </footer> </div> </div> <div class="search-overlay"></div> </div> </body> </html>

feed.xml

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="http://picaq.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="http://picaq.github.io/" rel="alternate" type="text/html" /><updated>2025-09-16T16:45:50+00:00</updated><id>http://picaq.github.io/feed.xml</id><title type="html">Mandy Chen</title><subtitle>Software engineering, Visual media, Illustration, Musicianship, and Whole food plant-based recipes.</subtitle><author><name>Mandy Chen</name></author><entry><title type="html">Welcome to Jekyll!</title><link href="http://picaq.github.io/jekyll/update/2025/05/03/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2025-05-03T22:38:18+00:00</published><updated>2025-05-03T22:38:18+00:00</updated><id>http://picaq.github.io/jekyll/update/2025/05/03/welcome-to-jekyll</id><content type="html" xml:base="http://picaq.github.io/jekyll/update/2025/05/03/welcome-to-jekyll.html"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="http://picaq.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="http://picaq.github.io/" rel="alternate" type="text/html" /><updated>2025-09-16T17:48:10+00:00</updated><id>http://picaq.github.io/feed.xml</id><title type="html">Mandy Chen</title><subtitle>Software engineering, Visual media, Illustration, Musicianship, and Whole food plant-based recipes.</subtitle><author><name>Mandy Chen</name></author><entry><title type="html">Welcome to Jekyll!</title><link href="http://picaq.github.io/jekyll/update/2025/05/03/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2025-05-03T22:38:18+00:00</published><updated>2025-05-03T22:38:18+00:00</updated><id>http://picaq.github.io/jekyll/update/2025/05/03/welcome-to-jekyll</id><content type="html" xml:base="http://picaq.github.io/jekyll/update/2025/05/03/welcome-to-jekyll.html"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
 
 <p>Jekyll requires blog post files to be named according to the following format:</p>