Compare commits

..

10 commits

16 changed files with 196 additions and 210 deletions

View file

@ -2,15 +2,29 @@
Origin: https://git.la10cy.net/DeltaLima/flatpress-theme-rainbow Origin: https://git.la10cy.net/DeltaLima/flatpress-theme-rainbow
## !! this branch is just for my personal website, with a custom logo and maybe some tiny tweaks for my own taste :) !! Rainbow theme for [FlatPress](flatpress.org)
Rainbow theme for [FlatPress](flatpress.org) I stole the colorful background from https://websitesetup.org/bootstrap-tutorial-for-beginners/ :) The wonderful background image is from [Pixbay user Manuchi](https://pixabay.com/illustrations/colorful-rainbow-gradient-geometric-2174045/) - Thank you very much! <3
forked from https://wiki.flatpress.org/res:themes:snail forked from https://wiki.flatpress.org/res:themes:snail
## Download
Download the latest **[release](https://git.la10cy.net/DeltaLima/flatpress-theme-rainbow/releases)** and extract rainbow_vX.Y.Z.zip to your `fp-interface/themes/` folder.
Or use `git clone`
```bash
$ git clone https://git.la10cy.net/DeltaLima/flatpress-theme-rainbow /path/to/flatpress/fp-interface/themes/rainbow/
```
## Screenshot
![Preview](preview-large.png) ![Preview](preview-large.png)
## Demo
Please visit my website for a demo :) : https://deltalima.org
## Known issue ## Known issue
Actually (26.06.2023) I dont know why, I havent looked for it, but when have comments on a blog post, the footer is also a Link pointing to the comments section. Actually (26.06.2023) I dont know why, I havent looked for it, but when have comments on a blog post, the footer is also a Link pointing to the comments section.

View file

@ -1,4 +1,4 @@
{include file=cpheader.tpl} {include file="cpheader.tpl"}
<div id="cpmain"> <div id="cpmain">
<div class="entry"> <div class="entry">
<ul id="admin-small-nav"> <ul id="admin-small-nav">
@ -12,4 +12,4 @@
{/page} {/page}
</div> </div>
</div> </div>
{include file=footer.tpl} {include file="footer.tpl"}

View file

@ -1,8 +1,8 @@
{include file=header.tpl} {include file="header.tpl"}
<div id="main"> <div id="main">
{entry_block} {entry_block}
{entry} {entry}
{include file=entry-default.tpl} {include file="entry-default.tpl"}
{comment_block} {comment_block}
<ol id="comments"> <ol id="comments">
{comment} {comment}
@ -11,7 +11,7 @@
{$url|notempty:"<a href=\"$url\" title=\"Permalink to $name's comment\">$name"|default:$name}</a> {$url|notempty:"<a href=\"$url\" title=\"Permalink to $name's comment\">$name"|default:$name}</a>
</strong> </strong>
{include file=shared:commentadminctrls.tpl} {* this shows edit/delete links*} {include file="shared:commentadminctrls.tpl"} {* this shows edit/delete links*}
<div class="date"> <div class="date">
{$date|date_format:"%B %d, %Y - %H:%M"} {$date|date_format:"%B %d, %Y - %H:%M"}
@ -29,8 +29,8 @@
{nextpage}{prevpage} {nextpage}{prevpage}
</div> </div>
{/entry_block} {/entry_block}
{include file="shared:comments.tpl"} {include file=""shared:comments.tpl""}
</div> </div>
{include file=widgets.tpl} {include file="widgets.tpl"}
<hr /> <hr />
{include file=footer.tpl} {include file="footer.tpl"}

View file

@ -1,15 +1,15 @@
{include file=header.tpl} {include file="header.tpl"}
<div id="main"> <div id="main">
<div class="entry"> <div class="entry">
{page} {page}
<h3 class="title">{$subject}</h3> <h3 class="title">{$subject}</h3>
<div class="body"> <div class="body">
{if $rawcontent} {$content} {if $rawcontent} {$content}
{else} {include file=$content}{/if} {else} {include file="$content}{/if}
</div> </div>
{/page} {/page}
</div> </div>
</div> </div>
{include file=widgets.tpl} {include file="widgets.tpl"}
{include file=footer.tpl} {include file="footer.tpl"}

View file

@ -1,11 +1,11 @@
<div id="{$id}" class="entry"> <div id="{$id}" class="entry">
<h3 class="entrytitle"> <a href="{$id|link:post_link}">{$subject|tag:the_title}</a></h3> <h3 class="entrytitle"> <a href="{$id|link:post_link}">{$subject|tag:the_title}</a></h3>
{$date|date_format:'<h2 class="date">%B %d, %Y @ %H:%M</h2>'} {$date|date_format:'<h2 class="date">%B %d, %Y @ %H:%M</h2>'}
{include file=shared:entryadminctrls.tpl} {include file="shared:entryadminctrls.tpl"}
{$content|tag:the_content} {$content|tag:the_content}
<ul class="entry-footer"> <ul class="entry-footer">
<a href="{$id|link:comments_link}#comments">{$comments|tag:comments_number} {if $views}(<strong>{$views}</strong> views)</a>{/if} <a href="{$id|link:comments_link}#comments">{$comments|tag:comments_number} {if isset($views)}(<strong>{$views}</strong> views)</a>{/if}
</ul> </ul>
</div> </div>

View file

@ -9,14 +9,14 @@
<body> <body>
<div id="body-container"> <div id="body-container">
<div id="head"> <div id="head">
<a href="{$flatpress.WWW}index.php/welcome"> <a href="{$flatpress.WWW}">
<div id="head-bubble"> <div id="head-bubble">
<div id="title-container"> <div id="title-container">
<h1>{$flatpress.TITLE}</h1> <h1>{$flatpress.TITLE}</h1>
<p class="subtitle">{$flatpress.SUBTITLE}</p> <p class="subtitle">{$flatpress.SUBTITLE}</p>
</div> </div>
<div id="logo-container"> <div id="logo-container">
<img id="logo-img" src="{'rainbow'|theme_geturl}imgs/Mandrake-Tux_redraw_thicker.png"> <img id="logo-img" src="{'rainbow'|theme_geturl}imgs/flatpress-logo-solo.svg">
</div> </div>
<div id="clear-container"></div> <div id="clear-container"></div>
</div> </div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

View file

@ -1,9 +1,9 @@
{include file=header.tpl} {include file="header.tpl"}
{include file=widgets.tpl} {include file="widgets.tpl"}
<div id="main"> <div id="main">
{entry_block} {entry_block}
{entry} {entry}
{include file='entry-default.tpl'} {include file="entry-default.tpl"}
{/entry} {/entry}
<div class="navigation"> <div class="navigation">
{nextpage}{prevpage} {nextpage}{prevpage}
@ -11,4 +11,4 @@
{/entry_block} {/entry_block}
</div> </div>
{include file=footer.tpl} {include file="footer.tpl"}

View file

@ -17,7 +17,6 @@ body {
color: #CCCCCC; color: #CCCCCC;
padding: 0; padding: 0;
text-align: center; text-align: center;
/*background: #315A94;*/
background-image: url("../imgs/background.jpg"); background-image: url("../imgs/background.jpg");
background-size: cover; background-size: cover;
background-position: bottom center; background-position: bottom center;
@ -36,7 +35,6 @@ blockquote {
width: 90%; width: 90%;
margin: 1em 1em; margin: 1em 1em;
padding: 0 10px; padding: 0 10px;
/*border-left: 10px solid white;*/
border-left: 10px solid #daaa55; border-left: 10px solid #daaa55;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
} }
@ -47,10 +45,7 @@ pre, code {
} }
pre { pre {
border: 1px solid #555; border: 1px solid #555;
/*background-color: #444444;*/
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
color: #CCCCCC; color: #CCCCCC;
overflow: auto; overflow: auto;
@ -113,14 +108,12 @@ textarea {
/* ===== LINKS GENERAL ===== */ /* ===== LINKS GENERAL ===== */
a:link, a:visited { a:link, a:visited {
/*color: #0066ff;*/
color: #e69138; color: #e69138;
font-weight: bold; font-weight: bold;
text-decoration: none text-decoration: none
} }
a:hover { a:hover {
/*color: #1100FF;*/
color: #f6b26b; color: #f6b26b;
text-decoration: underline text-decoration: underline
} }
@ -141,16 +134,8 @@ h6 { font-size: 0.9em }
width: 72%; /* fix for I.E. */ width: 72%; /* fix for I.E. */
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
padding: 5px; padding: 5px;
/* background-color: #2D2D2D;*/
/* TESTING HARDWARE ACCEL */ background-color: rgba(45, 45, 45, 0.8);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
/* TESTING HARDWARE ACCEL */
background-color: rgba(36, 36, 36, 0.62);
/* -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);*/
box-shadow: 3px 3px 15px rgba(0,0,0,0.8); box-shadow: 3px 3px 15px rgba(0,0,0,0.8);
overflow: hidden; overflow: hidden;
border-radius: 15px; border-radius: 15px;
@ -158,7 +143,6 @@ h6 { font-size: 0.9em }
/* ===== HEAD ===== */ /* ===== HEAD ===== */
#head { #head {
/*background: url("../imgs/logo.jpg") no-repeat;*/
width: 680px; !important; width: 680px; !important;
width: 680px; width: 680px;
height: 128px; height: 128px;
@ -166,7 +150,6 @@ h6 { font-size: 0.9em }
float: center; float: center;
} }
#head-bubble { #head-bubble {
/* background-color: rgba(0, 0, 0, 0.2);*/
background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1));
border-radius: 15px; border-radius: 15px;
width: 100% !important; width: 100% !important;
@ -185,7 +168,6 @@ h6 { font-size: 0.9em }
} }
#logo-img { #logo-img {
/*background: url("../imgs/Mandrake-Tux_redraw.png");*/
max-height: 120px; max-height: 120px;
max-width: 90px; max-width: 90px;
} }
@ -250,8 +232,6 @@ ol li, ul li { padding-bottom: 0.9em }
#comments li { #comments li {
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
padding: 5px; padding: 5px;
/*border-top: 2px solid #6699FF;
border-bottom: 2px solid #6699FF;*/
border-top: 2px solid #f6b26b; border-top: 2px solid #f6b26b;
border-bottom: 2px solid #f6b26b; border-bottom: 2px solid #f6b26b;
background: #2D2D2D; background: #2D2D2D;
@ -264,9 +244,7 @@ ol li, ul li { padding-bottom: 0.9em }
#comments li.comment-admin strong.comment-name { font-size:160% } #comments li.comment-admin strong.comment-name { font-size:160% }
#comments li.comment-admin { #comments li.comment-admin {
/*background-color: #DAAA55;*/
background-color: #393939; background-color: #393939;
/*color: black;*/
padding: 1em; padding: 1em;
} }
@ -289,8 +267,6 @@ ol li, ul li { padding-bottom: 0.9em }
.entry p { font-size: 16px } .entry p { font-size: 16px }
.entry-title { .entry-title {
/*color: #26a269;*/
/* ubuntu color background term color: #380c2a; */
color: #daaa55; color: #daaa55;
} }
@ -332,8 +308,6 @@ ol li, ul li { padding-bottom: 0.9em }
/* ===== FOOTER ===== */ /* ===== FOOTER ===== */
#footer { #footer {
text-align: center; text-align: center;
/* background: #2D2D2D;*/
/* background-color: rgba(0, 0, 0, 0.2);*/
background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2));
border-top-right-radius: 5px; border-top-right-radius: 5px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
@ -343,6 +317,4 @@ ol li, ul li { padding-bottom: 0.9em }
font-size: 80%; font-size: 80%;
padding: 8px; padding: 8px;
margin: 0px 5px 5px 5px; margin: 0px 5px 5px 5px;
/*border-top: #315A94 2px solid*/
/*border-top: #393939 2px solid*/
} }

View file

@ -1,4 +1,4 @@
{include file=header.tpl} {include file="header.tpl"}
<div id="main"> <div id="main">
{static_block} {static_block}
{static} {static}
@ -11,5 +11,5 @@
{/static_block} {/static_block}
</div> </div>
{include file=widgets.tpl} {include file="widgets.tpl"}
{include file=footer.tpl} {include file="footer.tpl"}