# Wallpapers — pictures shipped finished: sized, blurred, with the accent and scheme already worked out

Source: https://ui.barua.tz/docs/wallpapers.html
Rules and conventions: https://ui.barua.tz/llms.txt

## What was worked out beforehand

Four things, each with exactly one answer per picture, so computing them per visitor is repeating a settled question:

- Documentation: https://ui.barua.tz/docs/wallpapers.html#what-is-baked

## City

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-city
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/city/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Desk

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-desk
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/desk/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Team

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-team
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/team/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Dune Light

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-dune-light
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/dune-light/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Dusk Ridge

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-dusk-ridge
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/dusk-ridge/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Forest Fog

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-forest-fog
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-text-tertiary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/forest-fog/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Night Coast

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-night-coast
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/night-coast/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Salt Flat

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-salt-flat
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/salt-flat/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```

## Still Water

- Documentation: https://ui.barua.tz/docs/wallpapers.html#wall-still-water
- Classes: `b-caption` `b-code` `b-code__copy` `b-code__header` `b-gap-4` `b-has-wallpaper` `b-hstack` `b-stack--wrap` `b-text-secondary` `b-wall`

```html
<div class="docs-wall" style="background-image: url('../wallpapers/still-water/full.jpg')">
  <div class="docs-wall__panel">
    <div class="docs-wall__panel-label">Baked glass over this picture</div>
    <p class="b-caption b-text-secondary">Blurred once, at build time.</p>
  </div>
</div>
```