if ($ERROR) { &error; }
else {
print
-qq(<div id="menu" title="To close this menu click on its heart, and wait.">
+qq(<div id="menu_page" title="To close this menu click on its heart, and wait.">
<div class="hdr" style="marging=0;padding:0px;">
-<a id="to_top" href="#top" title="Go to top of page."><span class="ui-icon ui-icon-arrowthick-1-n" style="float:none;"></span></a>
+<a id="to_top" href="#top" title="Go to top of page."><span class="ui-icon ui-icon-arrowthick-1-n" style="float:none;"></span></a>
+Config
<a id="to_bottom" href="#bottom" title="Go to bottom of page."><span class="ui-icon ui-icon-arrowthick-1-s" style="float:none;"></span></a>
-<a id="menu_close" href="#" onclick="return hide('menu_close');"><span class="ui-icon ui-icon-heart" style="float:none;"></span></a>
</div>
<hr>
<a class="a_" href="main.cgi">Log</a><hr>
<div><a name="categories"></a>$frmCats</div>
<div><a name="dbsets"></a>$frmDB</div>
<div><a name="passets"></a>$frmPASS</div>
- <div id="rz" style="text-align:center;width:)
- . &Settings::pagePrcWidth
- . qq(%;"><a name="bottom"></a>
- <a href="#top">↟</a> Configuration status -> <b>$status</b> <a href="#bottom">↡</a>
+ <div id="rz" style="text-align:center;width:). &Settings::pagePrcWidth. qq(%;">
+ <a href="#top">↟</a> Configuration status -> <b>$status</b> <a href="#bottom">↡</a>
</div>
<br>
<div id="rz" style="text-align:left; width:640px; padding:10px;">
</div>
</div>
<hr>
-<div>
+<div><a name="bottom"></a>
<a href="main.cgi"><h3>Back to Main Log</h3></a><h3><a href="login_ctr.cgi?logout=bye">LOGOUT</a></h3>
</div>
);
-src => 'wsrc/tip-yellowsimple/tip-yellowsimple.css'
},
{ -type => 'text/css', -src => Settings::theme('css') },
+ { -type => 'text/css', -src => 'wsrc/effects.css' },
],
-script => [
{ -type => 'text/javascript', -src => 'wsrc/main.js' },
<a id="to_top" href="#top" title="Go to top of page.">To Top<span class="ui-icon ui-icon-arrowthick-1-n" style="float:none;"></span></a>
<a href="config.cgi?CGISESSID=$sid#dbsets">Go Back</a></td>
<td colspan="4" align="right">
- <a name="bottom"></a><button onclick="return selectAllLogs()">Select All</button>
+ <button onclick="return selectAllLogs()">Select All</button>
<input type="reset" value="Unselect All"/>
<input type="hidden" name="confirmed" value="1">
<input id="del_sel" type="submit" value="Delete Selected"/>
1. Anon value can be scripted to contain template like but numbered parameters.
2. When querying for an anon value, replacement parameter array can be passed.
- 3. Numbering is from **\$\$\$1\$\$\$**..**$$$(n...)\$\$\$** to be part of its value. Strategically placed.
+ 3. Numbering is from **$$$1$$$**..**$$$(n...)$$$** to be part of its value. Strategically placed.
```CNF
<<GET_SUB_URL<https://www.$$$1$$$.acme.com/$$$2$$$>>>
28. Listing is a reappearing same name tag postfixed with an **\$\$**.
```CNF Example 1:
- <<INS$$>ls -la>
- <<INS$$>uname -a>
+ <<INS$$>ls -la>>
+ <<INS$$>uname -a>>
```
29. Listing is usually a named list of instructions, items grouped and available as individual entries of the listing value.
```CNF Example 2:
- <<Animals$$>Cat>
- <<Animals$$>Dog>
- <<Animals$$>Eagle>
+ <<Animals$$>Cat>>
+ <<Animals$$>Dog>>
+ <<Animals$$>Eagle>>
```
30. Anon used as an **reserve** format is some applications internal meta property.
5. Ver. 2.8 of PerlCNF is the third rewrite to boom and make this algorithm efficient.
2. Example. Instruction is mauling value:
- ```perl
+ ```cnf
<<CNF_COUNTRY_OF_ORIGIN<Australia>>>
```
3. Example. Instruction mauls into multi-new line value:
- ```perl
+ ```cnf
<<APP_HELP_TXT<CONST
This is your applications help text in format of an constance.
All you see here can't be dynamically changed.
4. Example. Tag name mauled:
- ```perl
+ ```cnf
<<<CONST
$APP_HELP_TXT='This is your applications help text in format of an constance.'
>>
1. This will fire warnings but isn't exactly an error.
2. Introduced with CNF release v.2.5.
- ```perl
+ ```cnf
<<PWD<>path/to/something>>
```
2. For arrays, values are delimited by new line or a comma.
3. White space is preserved if values are quoted, otherwise are trimmed.
- ```TEXT
- Format: <<@<{T}NAME>DATA>>>
+ ```text
+ Format: <<@<{T}NAME{$$}>DATA>>>
Examples:
# Following provides an array of listed animal types.
$script_path."index.cnf",{
DO_ENABLED => 1, HAS_EXTENSIONS=>1,
ANONS_ARE_PUBLIC => 1,
- PAGE_HEAD => "<h2>Index Page of Docs Directory</h2>",
+ PAGE_HEAD => "<h1 id=\"index_head\">Index Page of Docs Directory</h1>",
PAGE_CONTENT => $html,
PAGE_FOOT => "<!--Not Defined-->"
}
]JS]
[CSS[
[@@[wsrc/main.css]@@]
+ [@@[wsrc/effects.css]@@]
[@@[wsrc/jquery-ui.css]@@]
[@@[wsrc/jquery-ui.theme.css]@@]
[@@[wsrc/jquery-ui.theme.css]@@]
#content li {
padding: 0px;
margin-left:30px;
+ }
+
+ #content li a:link {
+ font-weight: normal;
+ color:rgb(26, 96, 111);
}
- #content a:hover {
+ #content li a:hover {
color: #ff4d21;
- font-weight: bolder;
+ font-weight: bolder;
background: rgba(255,255,255,0.2);
}
+ #content li a:visited {
+ color: rgb(136, 58, 200);
+ font-weight: bold;
+ }
+
+
#footer {
border: 1px solid gray;
background: rgba(128,128,128,0.2);
}
- .bra {
- color: maroon;
- padding: 2px;
- }
- .var {
- color: blue;
- }
- .opr {
- color: blue;
- }
- .val {
- color: gray;
- }
- .str {
- color: red;
- font-weight: bold;
- }
- .inst {
- color: green;
- font-weight: bold;
- }
-
code, pre{
font-family: 'Droid Sans Mono', 'monospace', monospace;
}
div .perl {
border:1px solid lightgray;
- background: rgba(255,255,255,0.2);
+ background: rgba(149, 215, 172, 0.2);
padding-left:5px;
font-family:monospace;
text-align: left;
margin-top: -10px;
height: 20px;
line-height: 20px;
- font-size: 15px;
+ font-size: 15px;
}
- .perl h1 span{
- background-color: white;
+ .perl h1 span{
+ background: rgba(170, 227, 191, 0.75);
border:1px solid lightgray;
- color:lightgray;
+ color:black;
font-size:small;
padding: 3px;
padding-left: 5px;
text-align: center;
background: #ccffff;
text-decoration-style: wavy;
- }
-
-
- #menu_page {
- position: fixed;
- float: left;
- margin: 0;
- margin-top:5px;
- border: 2px solid #94cde7;
- padding: 5px;
- text-align: center;
- background: #ccffff;
- margin-left: 89%;
- }
-
-
- .menu_head {
- border: 2px solid #00000017;
- font-size:small;
+ filter: drop-shadow( 10px 8px 5px #3e6f70);
}
]#]
$("#content a").click(
function(e){
e.preventDefault();
- $("#status").html("Loading: " + e.target.href).show().fadeOut(1000);
+ e.target.setAttribute("style","color: rgb(136, 58, 200);font-weight: bolder;font-style: italic");
+ $("#status").html("Loading: " + e.target.href).show().fadeOut(3000);
$.post('index.cgi', {action:'load', doc:e.target.getAttribute('href')}, loadDocResult).fail(
function(response) {$('#doc_display').html("Service Error: "+response.status,response.responseText)}
);
}
);
+ $("#content a").prop("visitied",false);
onBodyLoadGeneric();
}
function loadDocResult(content){
}
]#]
>SCRIPT>
->>
+
+>>HEADER>TREE>
+
+
###
# We in plugin mainly access this PAGE property, <*<HEADER>*> is linked in for clarity,
>div>
>div>
<!<Page brought to you by HTMLIndexProcessorPlugin, from the PerlCNF project.>!>
->>
-
-<<CNF_TO_HTML<PLUGIN>
- package : HTMLIndexProcessorPlugin
- subroutine : convert
- property : PAGE
->>
+>>PAGE>TREE>
<<INFO_MD<ESCAPED>
+```cnf
+
### INFO
\> This Page is the Documentation listing coming with the [LifeLog](https://github.com/wbudic/LifeLog) Application.
\>
>>
+<<CNF_TO_HTML<PLUGIN>
+ package : HTMLIndexProcessorPlugin
+ subroutine : convert
+ property : PAGE
+>>
+
<<INFO_MD_TO_HTML<PLUGIN> _HAS_PROCESSING_PRIORITY_
package : MarkdownPlugin
subroutine : convert
{-type => 'text/javascript', -src => 'wsrc/jquery.js'},
{-type => 'text/javascript', -src => 'wsrc/jquery-ui.js'}],
-style => [ {-type => 'text/css', -src => $css},
+ {-type => 'text/css', -src => 'wsrc/effects.css'},
{-type => 'text/css', -src => 'wsrc/jquery-ui.css'},
{-type => 'text/css', -src => 'wsrc/jquery-ui.theme.css'},
{-type => 'text/css', -src => 'wsrc/jquery-ui.theme.css'}],
<table border="0" width="50%"
style="opacity: 1; box-sizing: border-box; margin-bottom: 5px; box-shadow: 5px 5px 5px $colSHDW;">
<tr class="r0">
- <td colspan="3"><h3>Welcome to Life Log</h3></td>
+ <td colspan="3"><h23 id="lifelog_head">Welcome to Life Log</h3></td>
</tr>
<tr class="r1">
<td align="right">Alias:</td><td><input type="text" name="alias" value="$alias"/></td><td></td>
<tr class="r0"><td colspan="2">Host -> <b>$hst</b></td><td><input type="submit" value="Login"/></td></tr>
</table></form>
HTML
- print qq(<br><br><div id ="menu
" >Menu<hr> <a class="ui-button ui-corner-all ui-widget" href="index.cgi">Index</a></div>
+ print qq(<br><br><div id ="menu
_page" ><span class="menu_head">Menu</span><hr> <a class="ui-button ui-corner-all ui-widget" href="index.cgi">Index</a></div>
<div class="rz login">
$frm
<br>
if(lc $` eq 'pg'){$sql = $s.'➔'.'PostgreSQL'}
else{$sql = $s.'➔'.$`}
$sideMenu = qq(
- <div id="menu" title="To close this menu click on its heart, and wait.">
+ <div id="menu_page" title="To close this menu click on its heart, and wait.">
<div class="hdr" style="marging=0;padding:0px;">
<a id="to_bottom" href="#bottom" title="Go to bottom of page."><span class="ui-icon ui-icon-arrowthick-1-s" style="float:none;"></span></a>
-
+ <a id="dutch_left" onclick="return moveMenuLeft();"><span class="ui-icon ui-icon-arrowthick-1-w" style="float:none;"></span></a>
+ Life
+ <a id="dutch_right" onclick="return moveMenuRight();"><span class="ui-icon ui-icon-arrowthick-1-e" style="float:none;"></span></a>
<a id="to_top" href="#top" title="Go to top of page."><span class="ui-icon ui-icon-arrowthick-1-n" style="float:none;"></span></a>
- <a id="menu_close" href="#" onclick="return hideLog();"><span class="ui-icon ui-icon-heart" style="float:none;"></span></a>
+ <a id="menu_close" href="#"><span class="ui-icon ui-icon-heart" style="float:none;"></span></a>
</div>
<hr>
<a class="a_" onclick="return toggle('#div_log',true);">Log</a><br>
Your browser does not support the
<code>audio</code> element.
</audio>
+<audio id="dutchie_chime" enabled preload="auto" src="wsrc/dutchie.mp3">
+ Your browser does not support the
+ <code>audio</code> element.
+</audio>
+<audio id="dutchie_close_chime" enabled preload="auto" src="wsrc/dutchie-close.mp3">
+ Your browser does not support the
+ <code>audio</code> element.
+</audio>
)
);
{ -type => 'text/css', -src => 'wsrc/quill/quill.snow.css' },
{ -type => 'text/css', -src => 'wsrc/jquery.sweet-dropdown.css' },
{ -type => 'text/css', -src => Settings::theme('css') },
+ { -type => 'text/css', -src => 'wsrc/effects.css' },
],
-script => [
{ -type => 'text/javascript', -src => 'wsrc/main.js' },
lifelog.hopto.org / LifeLog.git / commitdiff