Skip to content
marc@os : ~/blog/hello-world
← back to /blog

Hello World!

· 3 min read

H1 #

H2 #

H3 #

H4 #

H5 #
H6 #
ProsConselse
lovehatereact
  • text
  • text
  • text
  • text

bold

italics

long ass line #

forever was a long time ago ago was a long time forever we all forever stay long ago but not long ago forever

  1. potatoes
  2. carrots
  3. onions
  4. love
echo this app rules

in line code test

print("hello world");
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <defs>
    <!-- Background gradient -->
    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#1e1e2e"/>
      <stop offset="100%" stop-color="#11111b"/>
    </linearGradient>
    
    <!-- M letter gradient -->
    <linearGradient id="mGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#cba6f7"/>
      <stop offset="100%" stop-color="#b4befe"/>
    </linearGradient>
    
    <!-- Filter for glow effect -->
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="2" result="blur"/>
      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
    </filter>
    
    <!-- Animation for matrix rain -->
    <animate
      xlink:href="#matrixRain"
      attributeName="opacity"
      from="1"
      to="0.7"
      dur="2s"
      repeatCount="indefinite"
    />
  </defs>
  
  <!-- Base circle -->
  <circle cx="50" cy="50" r="48" fill="url(#bgGradient)" stroke="#313244" stroke-width="2"/>
  
  <!-- Matrix digital rain (static representation for SVG) -->
  <g id="matrixRain" opacity="0.7">
    <!-- First column -->
    <text x="10" y="15" font-family="monospace" font-size="8" fill="#a6e3a1">1</text>
    <text x="10" y="25" font-family="monospace" font-size="8" fill="#a6e3a1">0</text>
    <text x="10" y="35" font-family="monospace" font-size="8" fill="#a6e3a1">1</text>
    <text x="10" y="45" font-family="monospace" font-size="8" fill="#94e2d5">0</text>
    <text x="10" y="55" font-family="monospace" font-size="8" fill="#94e2d5">1</text>
    <text x="10" y="65" font-family="monospace" font-size="8" fill="#89dceb">0</text>
    <text x="10" y="75" font-family="monospace" font-size="8" fill="#89dceb">1</text>
    <text x="10" y="85" font-family="monospace" font-size="8" fill="#74c7ec">0</text>
    
    <!-- Second column -->
    <text x="20" y="10" font-family="monospace" font-size="8" fill="#a6e3a1">0</text>
    <text x="20" y="20" font-family="monospace" font-size="8" fill="#a6e3a1">1</text>
    <text x="20" y="30" font-family="monospace" font-size="8" fill="#94e2d5">0</text>
    <text x="20" y="40" font-family="monospace" font-size="8" fill="#94e2d5">1</text>
    <text x="20" y="50" font-family="monospace" font-size="8" fill="#89dceb">0</text>
    <text x="20" y="60" font-family="monospace" font-size="8" fill="#89dceb">1</text>
    <text x="20" y="70" font-family="monospace" font-size="8" fill="#74c7ec">0</text>
    <text x="20" y="80" font-family="monospace" font-size="8" fill="#74c7ec">1</text>
    <text x="20" y="90" font-family="monospace" font-size="8" fill="#89b4fa">0</text>
    
    <!-- Third column -->
    <text x="80" y="15" font-family="monospace" font-size="8" fill="#a6e3a1">1</text>
    <text x="80" y="25" font-family="monospace" font-size="8" fill="#a6e3a1">0</text>
    <text x="80" y="35" font-family="monospace" font-size="8" fill="#94e2d5">1</text>
    <text x="80" y="45" font-family="monospace" font-size="8" fill="#94e2d5">0</text>
    <text x="80" y="55" font-family="monospace" font-size="8" fill="#89dceb">1</text>
    <text x="80" y="65" font-family="monospace" font-size="8" fill="#89dceb">0</text>
    <text x="80" y="75" font-family="monospace" font-size="8" fill="#74c7ec">1</text>
    <text x="80" y="85" font-family="monospace" font-size="8" fill="#74c7ec">0</text>
    
    <!-- Fourth column -->
    <text x="90" y="10" font-family="monospace" font-size="8" fill="#a6e3a1">0</text>
    <text x="90" y="20" font-family="monospace" font-size="8" fill="#a6e3a1">1</text>
    <text x="90" y="30" font-family="monospace" font-size="8" fill="#94e2d5">0</text>
    <text x="90" y="40" font-family="monospace" font-size="8" fill="#94e2d5">1</text>
    <text x="90" y="50" font-family="monospace" font-size="8" fill="#89dceb">0</text>
    <text x="90" y="60" font-family="monospace" font-size="8" fill="#89dceb">1</text>
    <text x="90" y="70" font-family="monospace" font-size="8" fill="#74c7ec">0</text>
    <text x="90" y="80" font-family="monospace" font-size="8" fill="#74c7ec">1</text>
    <text x="90" y="90" font-family="monospace" font-size="8" fill="#89b4fa">0</text>
    
    <!-- More columns scattered throughout -->
    <text x="40" y="15" font-family="monospace" font-size="8" fill="#a6e3a1">1</text>
    <text x="40" y="30" font-family="monospace" font-size="8" fill="#94e2d5">0</text>
    <text x="40" y="45" font-family="monospace" font-size="8" fill="#89dceb">1</text>
    <text x="40" y="60" font-family="monospace" font-size="8" fill="#74c7ec">0</text>
    <text x="40" y="75" font-family="monospace" font-size="8" fill="#89b4fa">1</text>
    <text x="40" y="90" font-family="monospace" font-size="8" fill="#b4befe">0</text>
    
    <text x="60" y="10" font-family="monospace" font-size="8" fill="#a6e3a1">0</text>
    <text x="60" y="25" font-family="monospace" font-size="8" fill="#94e2d5">1</text>
    <text x="60" y="40" font-family="monospace" font-size="8" fill="#89dceb">0</text>
    <text x="60" y="55" font-family="monospace" font-size="8" fill="#74c7ec">1</text>
    <text x="60" y="70" font-family="monospace" font-size="8" fill="#89b4fa">0</text>
    <text x="60" y="85" font-family="monospace" font-size="8" fill="#b4befe">1</text>
    
    <text x="30" y="10" font-family="monospace" font-size="8" fill="#a6e3a1">1</text>
    <text x="30" y="27" font-family="monospace" font-size="8" fill="#94e2d5">0</text>
    <text x="30" y="44" font-family="monospace" font-size="8" fill="#89dceb">1</text>
    <text x="30" y="61" font-family="monospace" font-size="8" fill="#74c7ec">0</text>
    <text x="30" y="78" font-family="monospace" font-size="8" fill="#89b4fa">1</text>
    <text x="30" y="95" font-family="monospace" font-size="8" fill="#b4befe">0</text>
    
    <text x="70" y="12" font-family="monospace" font-size="8" fill="#a6e3a1">0</text>
    <text x="70" y="29" font-family="monospace" font-size="8" fill="#94e2d5">1</text>
    <text x="70" y="46" font-family="monospace" font-size="8" fill="#89dceb">0</text>
    <text x="70" y="63" font-family="monospace" font-size="8" fill="#74c7ec">1</text>
    <text x="70" y="80" font-family="monospace" font-size="8" fill="#89b4fa">0</text>
    <text x="70" y="97" font-family="monospace" font-size="8" fill="#b4befe">1</text>
  </g>
  
  <!-- Stylized "M" for Marc -->
  <path d="M25 30 L35 30 L50 60 L65 30 L75 30 L75 70 L65 70 L65 45 L50 75 L35 45 L35 70 L25 70 Z" 
        fill="url(#mGradient)" 
        filter="url(#glow)"
        stroke="#cba6f7" 
        stroke-width="1"/>
</svg>

Arch Linux Icon