FONT - mksd.jp/poco.html - @X @nasa-jpl @blackgirlscode
FONT - mksd.jp/honey.html - @X @nasa-jpl @blackgirlscode
FONT - mksd.jp/pico.html - @X @nasa-jpl @blackgirlscode
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
mermaid.ai/open-source/syntax/examples.html#a-commit-flow-diagram
gitGraph:
commit
commit
branch develop
checkout develop
commit
commit
checkout main
merge develop
commit
commit
Queen Latifah Opens Up About a Private Battle - Red Table Talk @foratlanta
HTML
HTML Living Standard — Last Updated 3 July 2026 @mdn ColorNAmes - w3schools.com https://fonts.google.com/ @adobe i hope u guys are ok I was looking for kuler.adobe.com/ functionality and i know abt color.adobe.com for making swatches but the hex values are missing like the tool was downgraded and ad poisoned and i know that can be a sign of cyber attack @cisagov @fbicyber @nasa-jpl @whitehouse @deptofwar color.adobe.com
codepen.io/RashardKElly/pen/jEyaRGj
codepen.io/thakarashard/pen/LYdgvbd
codepen.io/thakarashard/pen/XWExReO
codepen.io/thakarashard/pen/yLKxPXy
CSS Attribute selectors
The CSS attribute selector matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match. @mdn read @blackgirlscode
/* <a> elements with a title attribute */
a[title] {
color: purple;
}
/* <a> elements with an href matching "https://example.org" */
a[href="https://example.org"] {
color: green;
}
/* <a> elements with an href containing "example" */
a[href*="example"] {
font-size: 2em;
}
/* <a> elements with an href ending ".org", case-insensitive */
a[href$=".org" i] {
font-style: italic;
}
/* <a> elements whose class attribute contains the word "logo" */
a[class~="logo"] {
padding: 2px;
}
@nasa-jpl code review @nasa-pds @mdn /* if you use the alt tag you can apply style to images by alt tag text assignment */
img[src*="Mars_Reconnaissance_Orbiter_insignia.png"] {width: 25%;padding: 4px;float: left;}
img[src*="Logo_of_the_United_States_Space_Force.png"] {width: 188px;padding: 4px;float: right;}
/* img[src*="Mars_Reconnaissance_Orbiter_insignia.png"] {max-width: 250px;padding: 4px;float: right;} */
img[alt="whiteslavery"] {
max-width: 15%;
float: right;
}
img[alt="whiteslavery40"] {
max-width: 40%;
transform: rotate(45deg);
}
img[src*="Midway_Games_logo"] {background: transparent
url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/halfscreen-white.gif)
center repeat; width: 100%;}
img[src*="6071cc4b982fd393d892490ed7a702738c595099"] {background: transparent
url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/halfscreen-white.gif)
center repeat; width: 100%;}
img[src*="859740137800_cover.jpg/1200x1200bf-60.jpg"] {width: 25%; border: 5px solid #003da550;}
img[src*="workflows/ci.yaml/badge.svg"] {width: min-content;}
img[src*="https://badge.fury.io"] {width: min-content;}
img[src*="img.shields.io/badge/Social-ricoThaka"] {width: 15%;}
MathJax : demo
https://mathjax.github.io/MathJax-demos-web/ @nasa-pds @cityoflosangeles talk.jekyllrb.com/t/jekyll-and-mathjax-how-to-configure-specific-inline-and-display-math/9551/8 // talk.jekyllrb.com/t/jekyll-and-mathjax/5514/2
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
The Lorenz Equations
\begin{align} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{align}
The Cauchy-Schwarz Inequality
\[ \left( \sum_{k=1}^n a_k b_k \right)^{\!\!2} \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \]
A Cross Product Formula
\[ \mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\ \end{vmatrix} \]
The probability of getting \(k\) heads when flipping \(n\) coins is:
\[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]
An Identity of Ramanujan
\[ \frac{1}{\left(\sqrt{\phi \sqrt{5}}-\phi\right) e^{\frac25 \pi}} = 1 + \dfrac{e^{-2\pi}}{ 1 + \dfrac{e^{-4\pi}}{ 1 + \dfrac{e^{-6\pi}}{ 1 + \dfrac{e^{-8\pi}}{1+\ldots} } } } \]
A Rogers-Ramanujan Identity
\[ 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for $|q| < 1$}. \]
Maxwell's Equations
\begin{align} \nabla \times \vec{\mathbf{B}}\, - \frac{1}{c}\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\[3pt] \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\[3pt] \nabla \times \vec{\mathbf{E}}\, + \frac{1}{c}\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\[3pt] \nabla \cdot \vec{\mathbf{B}} & = 0 \end{align}
In-line Mathematics
Finally, while display equations look good for a page of samples, the ability to mix math and text in a paragraph is also important. This expression $\sqrt{3x-1}+(1+x)^2$ is an example of an inline equation. As you see, MathJax equations can be used this way as well, without unduly disturbing the spacing between lines.
Further reading
- The MathJax website
- Getting started with writing and formatting on GitHub
- GitHub Flavored Markdown Spec
Mermaid Sequence Diagram: Blogging app service communication
Water CoolEr
long time, so long
that the text does
not fit on a row. Bob-->Alice: Checking with John... Alice->John: Yes... John, how are you?