component test — lorem ipsum
prueba de callouts, code blocks, tablas, y otros elementos
component test
Archivo de prueba para verificar el renderizado de componentes. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
callouts
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet — esto es importante. Consectetur adipiscing elit sed do eiusmod.
Periculum est hic. Noli ignorare hanc sectionem, amice lector.
code blocks
json
{
"prisca": {
"version": "0.1",
"status": "ok",
"modules": [
"vault",
"projects",
"academics"
],
"config": {
"theme": "dark",
"font": "VT323",
"crt": true
}
}
}
javascript
const vault = {
init: () => {
const notes = document.querySelectorAll('.note');
notes.forEach(note => {
note.addEventListener('click', e => {
console.log(`navigating to: ${e.target.dataset.href}`);
});
});
}
};
vault.init();
python
def process_notes(vault_dir: str) -> list[dict]:
"""Walk vault, return parsed frontmatter for each note."""
import os, yaml
notes = []
for root, _, files in os.walk(vault_dir):
for f in files:
if f.endswith('.md'):
path = os.path.join(root, f)
with open(path) as fh:
notes.append({"path": path, "raw": fh.read()})
return notes
bash
#!/usr/bin/env bash
# deploy prisca/os to pages
set -euo pipefail
BRANCH="claude/pensive-mayer-19at2c"
REMOTE="origin"
git add -A
git commit -m "chore: sync vault"
git push -u "$REMOTE" "$BRANCH"
echo "deployed."
c
#include <stdio.h>
#include <stdlib.h>
typedef struct Node {
int val;
struct Node *next;
} Node;
Node *push(Node *head, int val) {
Node *n = malloc(sizeof *n);
n->val = val;
n->next = head;
return n;
}
int main(void) {
Node *stack = NULL;
for (int i = 0; i < 5; i++)
stack = push(stack, i * i);
for (Node *cur = stack; cur; cur = cur->next)
printf("%d\n", cur->val);
return 0;
}
mermaid diagrams
flowchart
flowchart TD
A([prisca/os boot]) --> B{kernel ok?}
B -- yes --> C[load vault]
B -- no --> D[panic: halt]
C --> E[render notes]
E --> F([ready])
sequence diagram
sequenceDiagram
participant U as user
participant V as vault
participant R as renderer
U->>V: open note
V->>R: parse frontmatter
R-->>V: metadata ok
V-->>U: render page
entity relationship
erDiagram
NOTE {
string slug PK
string title
string body
date created
}
TAG {
string name PK
}
NOTE }o--o{ TAG : "tagged"
tablas
| componente | estado | notas |
|---|---|---|
| callouts | ok | note / warning / tip / important / caution |
| code | ok | json, js, py, bash, c |
| mermaid | ok | flowchart, sequence, er |
| math | pendiente | katex no confirmado |
| embeds | pendiente | wikilinks [[]] |
math (katex)
Inline: , y también .
Bloque:
texto
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
listas
- item uno — lorem ipsum dolor
- item dos — consectetur adipiscing
- sub-item a
- sub-item b
- item tres — sed do eiusmod
- primero
- segundo
- tercero
checklist
- crear carpetas numeradas
- fix sidebar order
- rediseño mariposas
- katex validation
- wikilinks internos
- search
blockquotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.
— autor desconocido
a note that links to nothing is a note that dies alone.
inline
Texto con código inline, negrita, cursiva, tachado, y un enlace.
const x = 42; — una constante.
— end of test