Dancer2-Plugin-LiteBlog

 view release on metacpan or  search on metacpan

Changes  view on Meta::CPAN

    
        [FEATURES]
        * Google Fonts are configurable via the settings: 'google_fonts'.
        * 'Splash' widget to display a big image on the home with a big title
          and a call-to-action button.
        * Custom CSS can be defined in liteblog's config, will be loaded if so
          ('css' entry).
        * Articles can now define a 'background' setting. If so, should be a
          valid (big) image that will change the render of the post to a
          full-screen background. The article will then be displayed on a
          transparent white box. Useful for important pages that need to
          standout. 
        * Site title is clickable in the navigation bar.

0.05    2023-11-07

        [FEATURES]
        * Caching system to avoid recomputing responses from the Blog widget
          (category landing page and permalinks are cached).
        * (Blog) RSS feed for the 'Blog' widget. A /rss/ route is declared by the Blog
          widget and exposes the last 10 published articles of the Blog instance.

lib/Dancer2/Plugin/LiteBlog/Scaffolder/Data.pm  view on Meta::CPAN

.post-meta li a, .post-meta li {
    color: #4d4d4d;
    text-decoration: none;
}

.post-meta li.clickable:hover a {
    color: #fff; /* Changing text color on hover */
}
.post-meta li.clickable:hover
{
    background-color: rgba(255, 165, 0, 0.8); /* transparent orange color */

    color: #fff; /* Changing text color on hover */
}
.post-meta li.clickable a:hover {
    text-decoration: none; /* Removing underline on hover */
    color: #fff; /* Changing text color on hover */
}

/* END single page post-header style */

lib/Dancer2/Plugin/LiteBlog/Scaffolder/Data.pm  view on Meta::CPAN

.container.with-background-image article {
    max-width: 800px;
    margin: auto;
    padding-top: 1rem;
    margin-top: 0;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); /* Soft shadow for depth */
    margin-bottom: 2rem;

    background-color: rgba(255, 255, 255, 0.8); /* a semi transparent white */
    color: #444;

    margin-bottom: 0;
}

/* Titles */
h1 {
  font-weight: bold;
  font-size: 2.5em;
  color: #444;

lib/Dancer2/Plugin/LiteBlog/Scaffolder/Data.pm  view on Meta::CPAN

}

/* Ensure the ribbon text is readable */
.category-ribbon::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #f16522 transparent transparent transparent;
}

.blog-button {
    text-align: center;
    margin-top: 20px;
}

.blog-button a {
    background-color: #f16522; /* Adjust color as needed */
    color: #ffffff;

t/public/css/liteblog/blog.css  view on Meta::CPAN

}

/* Ensure the ribbon text is readable */
.category-ribbon::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #f16522 transparent transparent transparent;
}

.blog-button {
    text-align: center;
    margin-top: 20px;
}

.blog-button a {
    background-color: #f16522; /* Adjust color as needed */
    color: #ffffff;

t/public/css/liteblog/single-page.css  view on Meta::CPAN

.post-meta li a, .post-meta li {
    color: #4d4d4d;
    text-decoration: none;
}

.post-meta li.clickable:hover a {
    color: #fff; /* Changing text color on hover */
}
.post-meta li.clickable:hover
{
    background-color: rgba(255, 165, 0, 0.8); /* transparent orange color */

    color: #fff; /* Changing text color on hover */
}
.post-meta li.clickable a:hover {
    text-decoration: none; /* Removing underline on hover */
    color: #fff; /* Changing text color on hover */
}

/* END single page post-header style */

t/public/css/liteblog/single-page.css  view on Meta::CPAN

.container.with-background-image article {
    max-width: 800px;
    margin: auto;
    padding-top: 1rem;
    margin-top: 0;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); /* Soft shadow for depth */
    margin-bottom: 2rem;

    background-color: rgba(255, 255, 255, 0.8); /* a semi transparent white */
    color: #444;

    margin-bottom: 0;
}

/* Titles */
h1 {
  font-weight: bold;
  font-size: 2.5em;
  color: #444;