mac csc link

This commit is contained in:
nicwands
2026-02-25 21:37:51 -05:00
parent d21076a785
commit 949f14f0e1
14 changed files with 3035 additions and 1171 deletions

View File

@@ -264,8 +264,8 @@ html.has-scroll-smooth .hide-on-smooth-scroll {
:root {
--layout-column-count: 5;
--layout-column-gap: 4.5454545455vw;
--layout-margin: 6.8181818182vw;
--layout-column-gap: 5.6497175141vw;
--layout-margin: 8.4745762712vw;
--layout-width: calc(100vw - (2 * var(--layout-margin)));
--layout-column-width: calc(
(
@@ -278,13 +278,6 @@ html.has-scroll-smooth .hide-on-smooth-scroll {
var(--layout-column-count)
);
}
@media (min-width: 800px) {
:root {
--layout-column-count: 18;
--layout-column-gap: 1.1574074074vw;
--layout-margin: 3.4722222222vw;
}
}
.layout-block, .layout-grid {
max-width: var(--layout-width);
@@ -394,8 +387,7 @@ html.lenis {
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
background: var(--theme-bg);
color: var(--theme-fg);
background: var(--black);
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
@@ -417,9 +409,21 @@ h6 {
font-family: var(--font-display);
font-weight: 400;
letter-spacing: -0.02em;
line-height: 1;
line-height: 1.3;
font-size: 8.4745762712vw;
}
.h1.mono,
h1.mono,
h2.mono,
h3.mono,
h4.mono,
h5.mono,
h6.mono {
font-family: var(--font-mono);
font-weight: 400;
line-height: 1;
font-size: 6.2146892655vw;
}
.p,
p,
@@ -433,145 +437,22 @@ pre {
font-size: 3.3898305085vw;
}
#app {
min-height: 100vh;
}/* Breakpoints */
@keyframes flip-r {
50% {
transform: translateX(100%);
opacity: 0;
}
51% {
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes flip-l {
50% {
transform: translateX(-100%);
opacity: 0;
}
51% {
transform: translateX(100%);
opacity: 0;
}
}
@keyframes flip-d {
50% {
transform: translateY(100%);
opacity: 0;
}
51% {
transform: translateY(-100%);
opacity: 0;
}
}
@keyframes flip-u {
50% {
transform: translateY(-100%);
opacity: 0;
}
51% {
transform: translateY(100%);
opacity: 0;
}
}
.editor {
padding-top: 2.2598870056vw;
}
.editor h1 {
font-weight: 700 !important;
font-family: var(--font-mono);
font-weight: 400;
line-height: 1;
font-size: 3.3898305085vw;
}
.editor h1:first-child {
font-family: var(--font-mono);
font-size: 3.3898305085vw;
font-weight: 400 !important;
}
.editor h1:first-child:first-child::first-letter {
font-family: var(--font-display);
font-size: 11.8644067797vw;
}
.editor h1.is-editor-empty:first-child::before {
color: var(--grey-100);
content: attr(data-placeholder);
pointer-events: none;
font-family: var(--font-mono);
font-size: 3.3898305085vw;
font-weight: 400 !important;
}
.editor h1.is-editor-empty:first-child::before:first-child::first-letter {
font-family: var(--font-display);
font-size: 11.8644067797vw;
}
.editor p strong {
.bold {
font-weight: 700;
}
.editor p em {
font-style: italic;
#app {
min-height: 100vh;
}
.editor hr::before {
content: "-----------------------------------------";
}
.editor ul {
list-style-type: disc;
}
.editor ul li {
display: list-item;
margin-left: 1em;
}
.editor ol {
list-style-type: decimal;
}
.editor ol li {
display: list-item;
margin-left: 1.5em;
}
.editor ol li::marker {
font-family: var(--font-mono);
font-weight: 400;
line-height: 1;
font-size: 3.3898305085vw;
}
.editor a {
color: var(--theme-link);
cursor: pointer;
}
.editor .editor-wrap > div {
display: flex;
flex-direction: column;
gap: 5.6497175141vw;
}
.editor .editor-wrap > div:focus {
outline: none;
}
.editor .floating-menu,
.editor .bubble-menu {
display: flex;
gap: 1.4124293785vw;
border: 1px solid var(--grey-100);
color: var(--grey-100);
border-radius: 0.2em;
background: var(--theme-bg);
}
.editor .floating-menu button,
.editor .bubble-menu button {
cursor: pointer;
padding: 0.2em;
border-radius: 0.2em;
}
.editor .floating-menu button:hover,
.editor .bubble-menu button:hover {
background: var(--grey-100);
::selection {
color: var(--theme-bg);
background: var(--theme-accent);
}
.editor .floating-menu button.active,
.editor .bubble-menu button.active {
background: var(--theme-fg);
::-moz-selection {
color: var(--theme-bg);
background: var(--theme-accent);
}/* Breakpoints */
@keyframes flip-r {
50% {
@@ -623,4 +504,394 @@ pre {
}
.container:not(.fonts-ready) {
opacity: 0;
}/* Breakpoints */
@keyframes flip-r {
50% {
transform: translateX(100%);
opacity: 0;
}
51% {
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes flip-l {
50% {
transform: translateX(-100%);
opacity: 0;
}
51% {
transform: translateX(100%);
opacity: 0;
}
}
@keyframes flip-d {
50% {
transform: translateY(100%);
opacity: 0;
}
51% {
transform: translateY(-100%);
opacity: 0;
}
}
@keyframes flip-u {
50% {
transform: translateY(-100%);
opacity: 0;
}
51% {
transform: translateY(100%);
opacity: 0;
}
}
.category-row {
display: grid;
grid-template-columns: 7.3446327684vw 1fr;
width: 100%;
position: relative;
padding: 1.4124293785vw 0 4.2372881356vw;
cursor: pointer;
}
.category-row .index {
margin-top: 5.3672316384vw;
}
.category-row .title {
display: block;
width: 100%;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 799px) {
.category-row .title {
-webkit-line-clamp: 2;
}
}
.category-row::after {
content: "----------------------------------------";
position: absolute;
bottom: 0;
left: 0;
}
.category-row.router-link-exact-active {
cursor: default;
}
.category-row:hover:not(.router-link-exact-active) {
color: var(--theme-accent);
}/* Breakpoints */
@keyframes flip-r {
50% {
transform: translateX(100%);
opacity: 0;
}
51% {
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes flip-l {
50% {
transform: translateX(-100%);
opacity: 0;
}
51% {
transform: translateX(100%);
opacity: 0;
}
}
@keyframes flip-d {
50% {
transform: translateY(100%);
opacity: 0;
}
51% {
transform: translateY(-100%);
opacity: 0;
}
}
@keyframes flip-u {
50% {
transform: translateY(-100%);
opacity: 0;
}
51% {
transform: translateY(100%);
opacity: 0;
}
}
.note-row {
grid-template-columns: auto 1fr;
display: grid;
gap: 5.6497175141vw;
cursor: pointer;
}
.note-row .title {
width: 44.9152542373vw;
position: relative;
}
.note-row .title::after {
content: "(open)";
position: absolute;
bottom: 0;
right: 0;
transform: translateX(100%);
font-weight: 700;
opacity: 0;
}
.note-row:hover {
color: var(--theme-accent);
}
.note-row:hover .title::after {
opacity: 1;
}/* Breakpoints */
@keyframes flip-r {
50% {
transform: translateX(100%);
opacity: 0;
}
51% {
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes flip-l {
50% {
transform: translateX(-100%);
opacity: 0;
}
51% {
transform: translateX(100%);
opacity: 0;
}
}
@keyframes flip-d {
50% {
transform: translateY(100%);
opacity: 0;
}
51% {
transform: translateY(-100%);
opacity: 0;
}
}
@keyframes flip-u {
50% {
transform: translateY(-100%);
opacity: 0;
}
51% {
transform: translateY(100%);
opacity: 0;
}
}
.directory {
padding-top: 5.0847457627vw;
}
.directory .label {
text-transform: uppercase;
margin: 4.802259887vw 0 6.7796610169vw;
font-family: var(--font-mono);
font-weight: 400;
line-height: 1;
font-size: 3.3898305085vw;
}
.directory .notes {
display: flex;
flex-direction: column;
gap: 3.9548022599vw;
}/* Breakpoints */
@keyframes flip-r {
50% {
transform: translateX(100%);
opacity: 0;
}
51% {
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes flip-l {
50% {
transform: translateX(-100%);
opacity: 0;
}
51% {
transform: translateX(100%);
opacity: 0;
}
}
@keyframes flip-d {
50% {
transform: translateY(100%);
opacity: 0;
}
51% {
transform: translateY(-100%);
opacity: 0;
}
}
@keyframes flip-u {
50% {
transform: translateY(-100%);
opacity: 0;
}
51% {
transform: translateY(100%);
opacity: 0;
}
}
.editor {
padding-top: 2.2598870056vw;
padding-bottom: 5.6497175141vw;
}
.editor h1 {
font-weight: 700 !important;
font-family: var(--font-mono);
font-weight: 400;
line-height: 1;
font-size: 3.3898305085vw;
}
.editor h1:first-child {
font-family: var(--font-mono);
font-size: 3.3898305085vw;
font-weight: 400 !important;
}
.editor h1:first-child:first-child::first-letter {
font-family: var(--font-display);
font-size: 11.8644067797vw;
}
.editor h1.is-editor-empty:first-child::before {
color: var(--grey-100);
content: attr(data-placeholder);
pointer-events: none;
font-family: var(--font-mono);
font-size: 3.3898305085vw;
font-weight: 400 !important;
}
.editor h1.is-editor-empty:first-child::before:first-child::first-letter {
font-family: var(--font-display);
font-size: 11.8644067797vw;
}
.editor p strong {
font-weight: 700;
}
.editor p em {
font-style: italic;
}
.editor hr::before {
content: "----------------------------------------";
font-family: var(--font-mono);
font-weight: 400;
line-height: 1;
font-size: 3.3898305085vw;
}
.editor ul {
list-style-type: disc;
}
.editor ul li {
display: list-item;
margin-left: 1em;
}
.editor ol {
list-style-type: decimal;
}
.editor ol li {
display: list-item;
margin-left: 1.5em;
}
.editor ol li::marker {
font-family: var(--font-mono);
font-weight: 400;
line-height: 1;
font-size: 3.3898305085vw;
}
.editor a {
color: var(--theme-link);
cursor: pointer;
}
.editor .editor-wrap > div {
display: flex;
flex-direction: column;
gap: 5.6497175141vw;
}
.editor .editor-wrap > div:focus {
outline: none;
}
.editor .bubble-menu {
display: flex;
gap: 1.4124293785vw;
border: 1px solid var(--grey-100);
color: var(--grey-100);
border-radius: 0.2em;
background: var(--theme-bg);
}
.editor .bubble-menu button {
cursor: pointer;
padding: 0.2em;
border-radius: 0.2em;
}
.editor .bubble-menu button:hover {
background: var(--grey-100);
color: var(--theme-bg);
}
.editor .bubble-menu button.active {
background: var(--theme-fg);
color: var(--theme-bg);
}/* Breakpoints */
@keyframes flip-r {
50% {
transform: translateX(100%);
opacity: 0;
}
51% {
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes flip-l {
50% {
transform: translateX(-100%);
opacity: 0;
}
51% {
transform: translateX(100%);
opacity: 0;
}
}
@keyframes flip-d {
50% {
transform: translateY(100%);
opacity: 0;
}
51% {
transform: translateY(-100%);
opacity: 0;
}
}
@keyframes flip-u {
50% {
transform: translateY(-100%);
opacity: 0;
}
51% {
transform: translateY(100%);
opacity: 0;
}
}
.category .back {
display: block;
opacity: 0.25;
margin-top: 2.5423728814vw;
}
.category .category-row {
margin-top: 1.1299435028vw;
}
.category .notes {
display: flex;
flex-direction: column;
gap: 3.9548022599vw;
margin-top: 2.5423728814vw;
}