Question about the theme of https://www.danpros.com/

[gymnae]

Hi,
I'm just getting to HTMLy as a system for a simple blog and would like to get a primer for a great looking theme. The current theme of the developers blog is to my taste. Is it based on paper? I'd like to check its files out and use it as a starting point.

[danpros]

Hi,

Its based on this tutorial scroll to the bottom to download it.

[gymnae]

Thank you, that helps :)
How did you create your front page, with the short intro in a box and the post listings below? I think I can do the latter, but former appears to be based on call a div with the id box and connected CSS styling. How can you call this box with markdown? Or did you directly create it in html?
Thanks

[danpros]

I made frontpage mode to static page and used custom template static--front.html.php for it.

The template code example (I use it):

<?php if (!defined('HTMLY')) die('HTMLy'); ?>
<div class="box">
    <h1 class="post-title"><?php echo $p->title;?></h1>
    <?php if (authorized($p)) { echo '<span><a href="'. $p->url .'/edit?destination=post">Edit</a></span>'; } ?>
    <div class="post-content">
        <?php echo $p->body;?>
    </div>
</div>

<div class="recent-posts">
<div class="separator mt-5"><h2 class="line-separator">Recent posts</h2></div>
<?php $posts = recent_posts(true);?>
<?php foreach ($posts as $p):?>
    <div class="blog-entry">
        <p><?php echo format_date($p->date);?> <?php if (authorized($p)) { echo ' • <span><a href="'. $p->url .'/edit?destination=post">Edit</a></span>'; } ?></p>
        <h3><a href="<?php echo $p->url;?>"><?php echo $p->title;?></a></h3>
        <p><?php echo $p->description;?> [...]</p>
    </div>
<?php endforeach;?>
<p class="text-center mt-4 pt-2"><a href="<?php echo site_url() . blog_path();?>" class="btn btn-outline-secondary more-blog">More blog posts &rarr;</a></p>
</div>

Read custom template for more info.

[gymnae]

Thank you so much! That gets me on track. I hope you don't mind if I blatantly steal be inspired by your design? It's for a private, hobby purpose only. I will mention htmly and this forum in a post as great sources.

[danpros]

You're welcome! I don't mind, it just standard bootstrap theme, using copilot "Please create boostrap 5 html template etc."