https://barbozablog-416ddd.gitlab.io/posts/atom.xml 2026-09-03T08:38:41-03:00 Textos mais elaborados. https://barbozablog-416ddd.gitlab.io/posts/referencia-teste/ 2026-08-30T08:56:58-03:00 2026-08-30T08:56:58-03:00

Postagem mínima para validar o componente de referência no header.

<div class="content-prose"> <h1>Teste de referência bibliográfica</h1> <p>Esta postagem existe apenas para validar a exibição de uma referência bibliográfica no header.</p> </div> https://barbozablog-416ddd.gitlab.io/posts/lorem-ipsum/ 2026-08-26T13:16:13-03:00 2026-09-03T08:38:41-03:00

Teste

<div class="content-prose"> <h1>Teste</h1> <p>Lorem Ipsum dolor sit amet, consectetur adipiscing elit.</p> <pre class="shiki gruvbox-dark-medium" style="background-color:#282828;color:#ebdbb2" tabindex="0"><code><span class="line"><span style="color:#FE8019">final</span><span style="color:#FE8019"> class</span><span style="color:#FABD2F"> HelloWorld</span></span> <span class="line"><span style="color:#A89984">{</span></span> <span class="line"><span style="color:#FE8019"> public</span><span style="color:#FE8019"> function</span><span style="color:#FABD2F"> message</span><span style="color:#A89984">()</span><span style="color:#8EC07C">:</span><span style="color:#FB4934"> string</span></span> <span class="line"><span style="color:#A89984"> {</span></span> <span class="line"><span style="color:#FB4934"> return</span><span style="color:#A89984"> '</span><span style="color:#B8BB26">Hello, World!</span><span style="color:#A89984">'</span><span style="color:#A89984">;</span></span> <span class="line"><span style="color:#A89984"> }</span></span> <span class="line"><span style="color:#A89984">}</span></span> <span class="line"></span></code></pre> <figure class="mermaid-diagram"><svg id="mermaid-1-my-svg" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" style="max-width: 482.062px;" viewBox="0 0 482.0625 70" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#mermaid-1-my-svg{font-family:Inter;font-size:16px;fill:#d8d4cd;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-1-my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-1-my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-1-my-svg .error-icon{fill:#141414;}#mermaid-1-my-svg .error-text{fill:#ebebeb;stroke:#ebebeb;}#mermaid-1-my-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-1-my-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1-my-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1-my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-1-my-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1-my-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1-my-svg .marker{fill:#ed6937;stroke:#ed6937;}#mermaid-1-my-svg .marker.cross{stroke:#ed6937;}#mermaid-1-my-svg svg{font-family:Inter;font-size:16px;}#mermaid-1-my-svg p{margin:0;}#mermaid-1-my-svg .label{font-family:Inter;color:#f2f0ed;}#mermaid-1-my-svg .cluster-label text{fill:#ebebeb;}#mermaid-1-my-svg .cluster-label span{color:#ebebeb;}#mermaid-1-my-svg .cluster-label span p{background-color:transparent;}#mermaid-1-my-svg .label text,#mermaid-1-my-svg span{fill:#f2f0ed;color:#f2f0ed;}#mermaid-1-my-svg .node rect,#mermaid-1-my-svg .node circle,#mermaid-1-my-svg .node ellipse,#mermaid-1-my-svg .node polygon,#mermaid-1-my-svg .node path{fill:#141414;stroke:#ff2a1f;stroke-width:1px;}#mermaid-1-my-svg .rough-node .label text,#mermaid-1-my-svg .node .label text,#mermaid-1-my-svg .image-shape .label,#mermaid-1-my-svg .icon-shape .label{text-anchor:middle;}#mermaid-1-my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-1-my-svg .rough-node .label,#mermaid-1-my-svg .node .label,#mermaid-1-my-svg .image-shape .label,#mermaid-1-my-svg .icon-shape .label{text-align:center;}#mermaid-1-my-svg .node.clickable{cursor:pointer;}#mermaid-1-my-svg .root .anchor path{fill:#ed6937!important;stroke-width:0;stroke:#ed6937;}#mermaid-1-my-svg .arrowheadPath{fill:rgba(255, 255, 255, 0);}#mermaid-1-my-svg .edgePaths .path{stroke:#ed6937;stroke-width:1px;}#mermaid-1-my-svg .flowchart-link{stroke:#ed6937;fill:none;}#mermaid-1-my-svg .edgeLabel{background-color:transparent;text-align:center;}#mermaid-1-my-svg .edgeLabel p{background-color:transparent;}#mermaid-1-my-svg .edgeLabel rect{opacity:0.5;background-color:transparent;fill:transparent;}#mermaid-1-my-svg .labelBkg{background-color:transparent;}#mermaid-1-my-svg .cluster rect{fill:#1e1e1e;stroke:#ff5e1f;stroke-width:1px;}#mermaid-1-my-svg .cluster text{fill:#ebebeb;}#mermaid-1-my-svg .cluster span{color:#ebebeb;}#mermaid-1-my-svg .node .collapsed-indicator{fill:#ff5e1f;stroke:none;opacity:0.6;}#mermaid-1-my-svg .node .collapsed-separator{stroke:#ff5e1f;stroke-width:0.75px;}#mermaid-1-my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:Inter;font-size:12px;background:#141414;border:1px solid hsl(0, 0%, 0%);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-1-my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#d8d4cd;}#mermaid-1-my-svg rect.text{fill:none;stroke-width:0;}#mermaid-1-my-svg .icon-shape,#mermaid-1-my-svg .image-shape{background-color:transparent;text-align:center;}#mermaid-1-my-svg .icon-shape p,#mermaid-1-my-svg .image-shape p{background-color:transparent;padding:2px;}#mermaid-1-my-svg .icon-shape .label rect,#mermaid-1-my-svg .image-shape .label rect{opacity:0.5;background-color:transparent;fill:transparent;}#mermaid-1-my-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-1-my-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-1-my-svg .node .neo-node{stroke:#ff2a1f;}#mermaid-1-my-svg [data-look="neo"].node rect,#mermaid-1-my-svg [data-look="neo"].cluster rect,#mermaid-1-my-svg [data-look="neo"].node polygon{stroke:url(#mermaid-1-my-svg-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1-my-svg [data-look="neo"].swimlane.cluster rect{filter:none;}#mermaid-1-my-svg [data-look="neo"].node path{stroke:url(#mermaid-1-my-svg-gradient);stroke-width:1px;}#mermaid-1-my-svg [data-look="neo"].node .outer-path{filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1-my-svg [data-look="neo"].node .neo-line path{stroke:#ff2a1f;filter:none;}#mermaid-1-my-svg [data-look="neo"].node circle{stroke:url(#mermaid-1-my-svg-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1-my-svg [data-look="neo"].node circle .state-start{fill:#000000;}#mermaid-1-my-svg [data-look="neo"].icon-shape .icon{fill:url(#mermaid-1-my-svg-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1-my-svg [data-look="neo"].icon-shape .icon-neo path{stroke:url(#mermaid-1-my-svg-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1-my-svg :root{--mermaid-font-family:Inter;}</style><g><marker id="mermaid-1-my-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-pointEnd-margin" class="marker flowchart-v2" viewBox="0 0 11.5 14" refX="11.5" refY="7" markerUnits="userSpaceOnUse" markerWidth="10.5" markerHeight="14" orient="auto"><path d="M 0 0 L 11.5 7 L 0 14 z" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-pointStart-margin" class="marker flowchart-v2" viewBox="0 0 11.5 14" refX="1" refY="7" markerUnits="userSpaceOnUse" markerWidth="11.5" markerHeight="14" orient="auto"><polygon points="0,7 11.5,14 11.5,0" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-circleEnd-margin" class="marker flowchart-v2" viewBox="0 0 10 10" refY="5" refX="12.25" markerUnits="userSpaceOnUse" markerWidth="14" markerHeight="14" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-circleStart-margin" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-2" refY="5" markerUnits="userSpaceOnUse" markerWidth="14" markerHeight="14" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-crossEnd-margin" class="marker cross flowchart-v2" viewBox="0 0 15 15" refX="17.7" refY="7.5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 1,1 L 14,14 M 1,14 L 14,1" class="arrowMarkerPath" style="stroke-width: 2.5;"/></marker><marker id="mermaid-1-my-svg_flowchart-v2-crossStart-margin" class="marker cross flowchart-v2" viewBox="0 0 15 15" refX="-3.5" refY="7.5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 1,1 L 14,14 M 1,14 L 14,1" class="arrowMarkerPath" style="stroke-width: 2.5; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M111.734,35L115.901,35C120.068,35,128.401,35,136.068,35C143.734,35,150.734,35,154.234,35L157.734,35" id="mermaid-1-my-svg-L_A_B_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="mermaid-1-L_A_B_0" data-points="W3sieCI6MTExLjczNDM3NSwieSI6MzV9LHsieCI6MTM2LjczNDM3NSwieSI6MzV9LHsieCI6MTYxLjczNDM3NSwieSI6MzV9XQ==" data-look="classic" marker-end="url(#mermaid-1-my-svg_flowchart-v2-pointEnd)"/><path d="M261.906,35L266.073,35C270.24,35,278.573,35,286.24,35C293.906,35,300.906,35,304.406,35L307.906,35" id="mermaid-1-my-svg-L_B_C_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="mermaid-1-L_B_C_0" data-points="W3sieCI6MjYxLjkwNjI1LCJ5IjozNX0seyJ4IjoyODYuOTA2MjUsInkiOjM1fSx7IngiOjMxMS45MDYyNSwieSI6MzV9XQ==" data-look="classic" marker-end="url(#mermaid-1-my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" data-id="mermaid-1-L_A_B_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center; background-color:transparent;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="mermaid-1-L_B_C_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center; background-color:transparent;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="mermaid-1-my-svg-flowchart-A-0" data-look="classic" transform="translate(59.8671875, 35)"><rect class="basic label-container" style="" x="-51.8671875" y="-27" width="103.734375" height="54"/><g class="label" style="" transform="translate(-21.8671875, -12)"><rect/><foreignObject width="43.734375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Autor</p></span></div></foreignObject></g></g><g class="node default" id="mermaid-1-my-svg-flowchart-B-1" data-look="classic" transform="translate(211.8203125, 35)"><rect class="basic label-container" style="" x="-50.0859375" y="-27" width="100.171875" height="54"/><g class="label" style="" transform="translate(-20.0859375, -12)"><rect/><foreignObject width="40.171875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Build</p></span></div></foreignObject></g></g><g class="node default" id="mermaid-1-my-svg-flowchart-C-3" data-look="classic" transform="translate(392.984375, 35)"><rect class="basic label-container" style="" x="-81.078125" y="-27" width="162.15625" height="54"/><g class="label" style="" transform="translate(-51.078125, -12)"><rect/><foreignObject width="102.15625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>SVG estático</p></span></div></foreignObject></g></g></g></g></g><defs><filter id="mermaid-1-my-svg-drop-shadow" height="130%" width="130%"><feDropShadow dx="4" dy="4" stdDeviation="0" flood-opacity="0.06" flood-color="#000000"/></filter></defs><defs><filter id="mermaid-1-my-svg-drop-shadow-small" height="150%" width="150%"><feDropShadow dx="2" dy="2" stdDeviation="0" flood-opacity="0.06" flood-color="#000000"/></filter></defs><linearGradient id="mermaid-1-my-svg-gradient" gradientUnits="objectBoundingBox" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#ff2a1f" stop-opacity="1"/><stop offset="100%" stop-color="hsl(0, 0%, 1.7647058824%)" stop-opacity="1"/></linearGradient></svg></figure> <h2 id="lorem-ipsum-dolor-sit-amet">Lorem Ipsum dolor sit amet</h2> <p>Lorem Ipsum sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <h2 id="lorem-ipsum-consectetur-adipiscing-elit">Lorem Ipsum consectetur adipiscing elit</h2> <p>Lorem Ipsum ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> </div>