DeltaLima/flatpress-theme-rainbow
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity

Compare commits

base: DeltaLima:main
Branches Tags
DeltaLima:main
DeltaLima:deltalima-website
DeltaLima:v0.9.1
DeltaLima:v0.9
..
compare: DeltaLima:deltalima-website
Branches Tags
DeltaLima:main
DeltaLima:deltalima-website
DeltaLima:v0.9.1
DeltaLima:v0.9

16 commits
main ... deltalima-

Author SHA1 Message Date
Marcus
16a970172e add LICENSE 2024-09-27 18:55:26 +02:00
Marcus
099c72ec1b theme update 2024-02-19 02:13:27 +01:00
Marcus
a9e04eb8f7 theme update 2024-02-19 02:12:38 +01:00
DeltaLima
8613dcc654 fine tuning 2023-07-01 01:13:32 +02:00
DeltaLima
136259dd18 fine tuning 2023-07-01 01:08:25 +02:00
DeltaLima
ca9f55f176 fine tuning 2023-07-01 01:03:48 +02:00
DeltaLima
36f53dc3ad blur hardware accell test, https://social.la10cy.net/@linusgroh@chaos.social/110635292031119284 2023-06-30 23:52:15 +02:00
DeltaLima
ab669393ee fine tuning 2023-06-30 22:41:20 +02:00
DeltaLima
4a970da2f1 finetuning :) 2023-06-29 02:08:17 +02:00
DeltaLima
07b78ca8ae finetuning :) 2023-06-29 02:03:18 +02:00
DeltaLima
b36a8b44ad background add blur to body-container, set transparency lower to 0.6 2023-06-29 01:59:53 +02:00
DeltaLima
8690ffa078 increase <code> padding for better readability 2023-06-28 14:39:12 +02:00
DeltaLima
dc0995d780 slight text-shadow supports readability 2023-06-28 14:36:26 +02:00
Marcus
dffbfdaf54 header href to index.php/welcome 2023-06-26 23:45:09 +02:00
Marcus
efca2d5cfc The glory Mandrake Tux, redrawn by me, back on my website 8) 2023-06-26 23:11:20 +02:00
Marcus
86247f4a43 edit README for my website branch 2023-06-26 23:04:50 +02:00
16 changed files with 210 additions and 196 deletions
Show stats Expand all files Collapse all files

18
README.md
View file

@ -2,29 +2,15 @@
Origin: https://git.la10cy.net/DeltaLima/flatpress-theme-rainbow Origin: https://git.la10cy.net/DeltaLima/flatpress-theme-rainbow
Rainbow theme for [FlatPress](flatpress.org) ## !! this branch is just for my personal website, with a custom logo and maybe some tiny tweaks for my own taste :) !!
The wonderful background image is from [Pixbay user Manuchi](https://pixabay.com/illustrations/colorful-rainbow-gradient-geometric-2174045/) - Thank you very much! <3 Rainbow theme for [FlatPress](flatpress.org) I stole the colorful background from https://websitesetup.org/bootstrap-tutorial-for-beginners/ :)
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.

4
admin.tpl
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}

12
comments.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}

8
default.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}

4
entry-default.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 isset($views)}(<strong>{$views}</strong> views)</a>{/if} <a href="{$id|link:comments_link}#comments">{$comments|tag:comments_number} {if $views}(<strong>{$views}</strong> views)</a>{/if}
</ul> </ul>
</div> </div>

4
header.tpl
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}"> <a href="{$flatpress.WWW}index.php/welcome">
<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/flatpress-logo-solo.svg"> <img id="logo-img" src="{'rainbow'|theme_geturl}imgs/Mandrake-Tux_redraw_thicker.png">
</div> </div>
<div id="clear-container"></div> <div id="clear-container"></div>
</div> </div>

BIN
imgs/Mandrake-Tux_redraw.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
imgs/Mandrake-Tux_redraw_thicker.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

8
index.tpl
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}

30
res/common.css
View file

@ -17,6 +17,7 @@ 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;
@ -35,6 +36,7 @@ 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));
} }
@ -45,7 +47,10 @@ 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;
@ -108,12 +113,14 @@ 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
} }
@ -134,8 +141,16 @@ 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;*/
background-color: rgba(45, 45, 45, 0.8); /* TESTING HARDWARE ACCEL */
-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;
@ -143,6 +158,7 @@ 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;
@ -150,6 +166,7 @@ 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;
@ -168,6 +185,7 @@ 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;
} }
@ -232,6 +250,8 @@ 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;
@ -244,7 +264,9 @@ 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;
} }
@ -267,6 +289,8 @@ 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;
} }
@ -308,6 +332,8 @@ 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;
@ -317,4 +343,6 @@ 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*/
} }

6
static.tpl
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}