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.

30
admin.tpl
View file

@ -1,15 +1,15 @@
{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">
<li><a href="index.php">Home</a></li> <li><a href="index.php">Home</a></li>
<li><a href="login.php?do=logout">Logout</a></li> <li><a href="login.php?do=logout">Logout</a></li>
</ul> </ul>
{page} {page}
<h1 class="title">{$subject}</h1> <h1 class="title">{$subject}</h1>
<div class="body">{controlpanel}</div> <div class="body">{controlpanel}</div>
{/page} {/page}
</div> </div>
</div> </div>
{include file="footer.tpl"} {include file=footer.tpl}

72
comments.tpl
View file

@ -1,36 +1,36 @@
{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}
<li id="{$id}" {$loggedin|notempty:"class=\"comment-admin\""}> <li id="{$id}" {$loggedin|notempty:"class=\"comment-admin\""}>
<strong class='comment-name'> <strong class='comment-name'>
{$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"}
</div> </div>
{$content|tag:comment_text} {$content|tag:comment_text}
</li> </li>
{/comment} {/comment}
</ol> </ol>
{/comment_block} {/comment_block}
{/entry} {/entry}
<div class="navigation"> <div class="navigation">
{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}

20
cpheader.tpl
View file

@ -1,11 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<title>{$flatpress.TITLE}{$pagetitle}</title> <title>{$flatpress.TITLE}{$pagetitle}</title>
<meta http-equiv="Content-Type" content="text/html; charset={$flatpress.CHARSET}" /> <meta http-equiv="Content-Type" content="text/html; charset={$flatpress.CHARSET}" />
{action hook=wp_head} {action hook=wp_head}
</head> </head>
<body> <body>
<div id="body-container"> <div id="body-container">
<div id="outer-container"> <div id="outer-container">

30
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}

22
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>

20
footer.tpl
View file

@ -1,10 +1,10 @@
</div> </div>
<hr /> <hr />
<div id="footer"> <div id="footer">
{action hook=wp_footer} {action hook=wp_footer}
<a href="https://wiki.flatpress.org/res:themes:rainbow">Rainbow</a> Theme is a fork of <a href="https://wiki.flatpress.org/res:themes:snail">Snail</a> - Modified by <a href="https://deltalima.org">DeltaLima</a> - Snail designed by <a href="http://www.stealthsettings.com">Stealth Settings</a>,ported to FP and restyled by <a href="http://marcoverga86.netsons.org">Marco Vergagni</a> <a href="https://wiki.flatpress.org/res:themes:rainbow">Rainbow</a> Theme is a fork of <a href="https://wiki.flatpress.org/res:themes:snail">Snail</a> - Modified by <a href="https://deltalima.org">DeltaLima</a> - Snail designed by <a href="http://www.stealthsettings.com">Stealth Settings</a>,ported to FP and restyled by <a href="http://marcoverga86.netsons.org">Marco Vergagni</a>
</p> </p>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

52
header.tpl
View file

@ -1,26 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<title>{$flatpress.title|tag:wp_title:'&laquo;'}</title> <title>{$flatpress.title|tag:wp_title:'&laquo;'}</title>
<meta http-equiv="Content-Type" content="text/html; charset={$flatpress.CHARSET}" /> <meta http-equiv="Content-Type" content="text/html; charset={$flatpress.CHARSET}" />
{action hook=wp_head} {action hook=wp_head}
</head> </head>
<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>
</a> </a>
</div> </div>
<hr /> <hr />
<div id="outer-container"> <div id="outer-container">

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

28
index.tpl
View file

@ -1,14 +1,14 @@
{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}
</div> </div>
{/entry_block} {/entry_block}
</div> </div>
{include file="footer.tpl"} {include file=footer.tpl}

12
preview.tpl
View file

@ -1,7 +1,7 @@
{entry content=$entry} {entry content=$entry}
<div class="entry"> <div class="entry">
<h3>{$subject|tag:the_title}</h3> <h3>{$subject|tag:the_title}</h3>
<p class="date">Published by {$author} on {$date|date_format:"%A, %B %e, %Y - %H:%M:%S"} </p> <p class="date">Published by {$author} on {$date|date_format:"%A, %B %e, %Y - %H:%M:%S"} </p>
{$content|tag:the_content} {$content|tag:the_content}
</div> </div>
{/entry} {/entry}

12
previewstatic.tpl
View file

@ -1,7 +1,7 @@
{static content=$entry} {static content=$entry}
<div class="entry"> <div class="entry">
<h3>{$subject}</h3> <h3>{$subject}</h3>
<p class="date">Published by {$author} on {$date|date_format:"%A, %B %e, %Y - %H:%M:%S"} </p> <p class="date">Published by {$author} on {$date|date_format:"%A, %B %e, %Y - %H:%M:%S"} </p>
{$content} {$content}
</div> </div>
{/static} {/static}

46
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,7 +250,9 @@ 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 #f6b26b; /*border-top: 2px solid #6699FF;
border-bottom: 2px solid #6699FF;*/
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: #393939; /*background-color: #DAAA55;*/
background-color: #393939;
/*color: black;*/
padding: 1em; padding: 1em;
} }
@ -253,7 +275,7 @@ ol li, ul li { padding-bottom: 0.9em }
font-size: 11px; font-size: 11px;
margin: 3px 0 3px 0; margin: 3px 0 3px 0;
padding-bottom: 2px; padding-bottom: 2px;
font-weight: normal; font-weight: normal;
border-bottom: 2px solid #333333; border-bottom: 2px solid #333333;
} }
@ -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;
} }
@ -279,12 +303,12 @@ ol li, ul li { padding-bottom: 0.9em }
.entry-footer a:hover { color: #4B4B4B } .entry-footer a:hover { color: #4B4B4B }
.entry-footer { .entry-footer {
text-align: right; text-align: right;
font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
font-size: 0.9em; font-size: 0.9em;
margin: 2em 0 .5em 0; margin: 2em 0 .5em 0;
margin-left: 58%; margin-left: 58%;
border-top: 2px solid #333333; border-top: 2px solid #333333;
} }
.admincontrols { /* [edit] and [delete] */ .admincontrols { /* [edit] and [delete] */
@ -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*/
} }

30
static.tpl
View file

@ -1,15 +1,15 @@
{include file="header.tpl"} {include file=header.tpl}
<div id="main"> <div id="main">
{static_block} {static_block}
{static} {static}
<div id="{$id}" class="entry"> <div id="{$id}" class="entry">
<div class="entry-title"><h2>{$subject}</h2></div> <div class="entry-title"><h2>{$subject}</h2></div>
<p class="date">Published by {$author} on {$date|date_format:"%A, %B %e, %Y - %H:%M:%S"}</p> <p class="date">Published by {$author} on {$date|date_format:"%A, %B %e, %Y - %H:%M:%S"}</p>
{$content|tag:the_content} {$content|tag:the_content}
</div> </div>
{/static} {/static}
{/static_block} {/static_block}
</div> </div>
{include file="widgets.tpl"} {include file=widgets.tpl}
{include file="footer.tpl"} {include file=footer.tpl}

14
widgets.tpl
View file

@ -1,8 +1,8 @@
<div id="column"> <div id="column">
{widgets pos=right} {widgets pos=right}
<div id="{$id}"> <div id="{$id}">
<h4>{$subject}</h4> <h4>{$subject}</h4>
{$content} {$content}
</div> </div>
{/widgets} {/widgets}
</div> </div>