forked from Botanical/BotanJS
Utilizing Starfall
This commit is contained in:
parent
e3914777c9
commit
ce6e9eb43e
@ -49,6 +49,7 @@
|
|||||||
var topButtons = [];
|
var topButtons = [];
|
||||||
var initTopButton = function()
|
var initTopButton = function()
|
||||||
{
|
{
|
||||||
|
var fhorizon = Dand.id( "fhorizon" );
|
||||||
// init params
|
// init params
|
||||||
header = Dand.id( "header" );
|
header = Dand.id( "header" );
|
||||||
horizon = Dand.id( "horizon" );
|
horizon = Dand.id( "horizon" );
|
||||||
|
@ -1,12 +0,0 @@
|
|||||||
footer {
|
|
||||||
background-color: #001;
|
|
||||||
background-image: url(/assets/layout-images/lines.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: right bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fhorizon {
|
|
||||||
position: absolute;
|
|
||||||
top: -7px;
|
|
||||||
}
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
|||||||
// __namespace( "Astro.Penguin.Element.Footer" );
|
|
||||||
// __import( "Astro.Common.Element.Footer" );
|
|
@ -1,60 +0,0 @@
|
|||||||
.home {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#menu {
|
|
||||||
font-size: 1.75em;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#menu > * {
|
|
||||||
font-family: custom-sans;
|
|
||||||
cursor: pointer;
|
|
||||||
line-height: 1em !important;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
color: rgba( 0, 0, 0, 0.5 );
|
|
||||||
-webkit-filter: blur( 2px );
|
|
||||||
filter: blur( 2px );
|
|
||||||
}
|
|
||||||
|
|
||||||
#menu > *[data-active] {
|
|
||||||
-webkit-filter: blur( 0px );
|
|
||||||
filter: blur( 0px );
|
|
||||||
color: navy;
|
|
||||||
}
|
|
||||||
|
|
||||||
#menu > *:hover {
|
|
||||||
color: rgba( 0, 0, 0, 0.75 );
|
|
||||||
-webkit-filter: blur( 0px );
|
|
||||||
filter: blur( 0px );
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.horizon {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 7px;
|
|
||||||
background: #76400C;
|
|
||||||
z-index: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.c-sep {
|
|
||||||
display: inline-block;
|
|
||||||
width: 1px;
|
|
||||||
margin: 0 2em;
|
|
||||||
}
|
|
||||||
.c-sep:after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
border-left: 1px solid black;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
@ -1 +0,0 @@
|
|||||||
// __namespace( "Astro.Penguin.Element.Header" );
|
|
@ -1,2 +0,0 @@
|
|||||||
.mbody { z-index: 1; }
|
|
||||||
header, footer { z-index: 2; }
|
|
@ -1 +0,0 @@
|
|||||||
// __namespace( "Astro.Penguin.Element.Layer" );
|
|
@ -25,56 +25,18 @@
|
|||||||
// __import( "Dandelion.CSSReset" ); CSS_RESERVATION
|
// __import( "Dandelion.CSSReset" ); CSS_RESERVATION
|
||||||
// __import( "Dandelion.CSSAnimations" ); CSS_RESERVATION
|
// __import( "Dandelion.CSSAnimations" ); CSS_RESERVATION
|
||||||
// __import( "Astro.Blog.SharedStyle" ); CSS_RESERVATION
|
// __import( "Astro.Blog.SharedStyle" ); CSS_RESERVATION
|
||||||
// __import( "Astro.Blog.Element.Layer" ); CSS_RESERVATION
|
// __import( "Astro.Starfall.Element.Layer" ); CSS_RESERVATION
|
||||||
|
|
||||||
var main;
|
|
||||||
var header;
|
|
||||||
var main_h;
|
|
||||||
|
|
||||||
// menu and horizon
|
|
||||||
var horizon;
|
|
||||||
var contaht_page;
|
|
||||||
var collapse_panel;
|
|
||||||
var c_expand = false;
|
|
||||||
var savedPath;
|
|
||||||
|
|
||||||
var init = function ()
|
var init = function ()
|
||||||
{
|
{
|
||||||
// Footer at bottom
|
|
||||||
var padder = Dand.wrap();
|
|
||||||
var begin_wrapper = Dand.id( "begin-wrapper" );
|
|
||||||
var content_wrapper = Dand.id( "mbody" );
|
|
||||||
var footer = Dand.tag( "footer" );
|
|
||||||
var fhorizon = Dand.id( "fhorizon" );
|
|
||||||
|
|
||||||
if( footer.length )
|
|
||||||
{
|
|
||||||
footer = footer[0];
|
|
||||||
var fheight = footer.scrollHeight || footer.offsetHeight;
|
|
||||||
var hheight = fhorizon.scrollHeight || fhorizon.offsetHeight;
|
|
||||||
|
|
||||||
padder.style.height = ( fheight + hheight ) + "px";
|
|
||||||
begin_wrapper.style.marginBottom = "-" + fheight + "px";
|
|
||||||
}
|
|
||||||
|
|
||||||
content_wrapper.appendChild( padder );
|
|
||||||
|
|
||||||
IDOMObject( window ).addEventListener( "Resize", responsify );
|
|
||||||
|
|
||||||
initTopButton();
|
initTopButton();
|
||||||
navControl();
|
|
||||||
responsify( null, true );
|
|
||||||
};
|
};
|
||||||
|
|
||||||
var topButtons = [];
|
var topButtons = [];
|
||||||
var initTopButton = function()
|
var initTopButton = function()
|
||||||
{
|
{
|
||||||
// init params
|
var fhorizon = Dand.id( "fhorizon" );
|
||||||
header = Dand.id( "header" );
|
var horizon = Dand.id( "horizon" );
|
||||||
horizon = Dand.id( "horizon" );
|
|
||||||
main = Dand.id( "mbody" );
|
|
||||||
|
|
||||||
collapse_panel = Dand.id( "collapse_panel" );
|
|
||||||
|
|
||||||
horizon.style.backgroundColor
|
horizon.style.backgroundColor
|
||||||
= fhorizon.style.backgroundColor
|
= fhorizon.style.backgroundColor
|
||||||
@ -93,48 +55,5 @@
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
var navControl = function ()
|
|
||||||
{
|
|
||||||
// Page control
|
|
||||||
/** @type {Dandelion.IDOMElement} */
|
|
||||||
var page_control = Dand.id( "top_control", true );
|
|
||||||
var bottom_control = Dand.id( "bottom_control" );
|
|
||||||
|
|
||||||
if ( page_control && bottom_control )
|
|
||||||
{
|
|
||||||
var appendp = function( elem, self )
|
|
||||||
{
|
|
||||||
var clone = elem.cloneNode( true );
|
|
||||||
if( clone.className == "p_navigation" )
|
|
||||||
{
|
|
||||||
IDOMElement( clone ).reverseChild();
|
|
||||||
}
|
|
||||||
bottom_control.appendChild( clone );
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
|
|
||||||
page_control.last( document.ELEMENT_NODE, appendp );
|
|
||||||
page_control.first( document.ELEMENT_NODE, appendp );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/** @type {Dandelion.IDOMElement} */
|
|
||||||
var rspd_ratio = 0;
|
|
||||||
var responsify = function( e, override )
|
|
||||||
{
|
|
||||||
// Ratio changes would trigger content
|
|
||||||
var ratio = wsupp.clientWidth / wsupp.clientHeight;
|
|
||||||
|
|
||||||
// Swap only on ration changes from 1 < x OR x < 1
|
|
||||||
if( ( ratio < 1.2 && 1.2 < rspd_ratio ) || ( 1.2 < ratio && rspd_ratio < 1.2 ) || override )
|
|
||||||
{
|
|
||||||
rspd_ratio = ratio;
|
|
||||||
debug.Info( "Responsive Event: R = " + ratio );
|
|
||||||
|
|
||||||
BotanJS.dispatchEvent( new BotanEvent( "Responsive", { "ratio": ratio } ) );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
Bootstrap.regInit( init );
|
Bootstrap.regInit( init );
|
||||||
})();
|
})();
|
||||||
|
@ -1,3 +1,9 @@
|
|||||||
|
#menu > *[data-active] {
|
||||||
|
-webkit-filter: blur( 0px );
|
||||||
|
filter: blur( 0px );
|
||||||
|
color: navy;
|
||||||
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
padding: 0.5em 2em;
|
padding: 0.5em 2em;
|
||||||
display: block;
|
display: block;
|
||||||
|
Loading…
Reference in New Issue
Block a user