GitHub

Themes

Themes created for bearblog.

Colors and fonts can be change through the variables at :root.

Simple theme

It's simple, I tried to make it as minimalistic as posible.

imagen

imagen

Components

Some examples on how to implement different components.

Status

imagen

<div class="status-container">
  <p><strong>Status</strong></p>
  <p class="status">
    EN: Writing a tutorial it's hard!
  </p>
  <hr>
  <p class="status">
    ES: Escribir un tutorial es dificil!
  </p>
</div>

End notes

imagen

<section class = "end-notes">
Thanks for reading (●'◡'●)
Reply via [Email 📧](https://letterbird.co/dabi)
</section>

Nostalgia theme

It's a Windows 7 inspired theme.

imagen

imagen

Components

Some examples on how to implement different components.

Close button

imagen

This is a button to return to bearblog discover page.

To implement it, add this code to your nav bearblog section.

<p class="close"><a href="https://bearblog.dev/discover">x</a></p>

Segment

imagen

A segment you would like to higlight. Inspired in a group box.

For example I use it for my status like this:

<div class="segment-container">
    <h2 class="segment-container-title">Status</h2>
    <p>
        EN: Writing a tutorial it's hard!
    </p>
    <p>
        ES: Escribir un tutorial es dificil!
</p></div>
</div>

Read the original on github.com ↗