penguin/AstroJS
1
0
Fork 0
forked from Botanical/BotanJS
Code Issues Pull Requests Projects Releases Wiki Activity

Utilizing Starfall

Browse Source
This commit is contained in:
斟酌 鵬兄
2016-06-08 23:02:03 +08:00
parent e3914777c9
commit ce6e9eb43e
9 changed files with 10 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
botanjs/src/Astro/Blog/Layout/MainFrame.js
View File

@@ -49,6 +49,7 @@
var topButtons = [];
var initTopButton = function()
{
var fhorizon = Dand.id( "fhorizon" );
// init params
header = Dand.id( "header" );
horizon = Dand.id( "horizon" );

12
botanjs/src/Astro/Penguin/Element/Footer.css
View File

@@ -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;
}

2
botanjs/src/Astro/Penguin/Element/Footer.js
View File

@@ -1,2 +0,0 @@
// __namespace( "Astro.Penguin.Element.Footer" );
// __import( "Astro.Common.Element.Footer" );

60
botanjs/src/Astro/Penguin/Element/Header.css
View File

@@ -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
botanjs/src/Astro/Penguin/Element/Header.js
View File

@@ -1 +0,0 @@
// __namespace( "Astro.Penguin.Element.Header" );

2
botanjs/src/Astro/Penguin/Element/Layer.css
View File

@@ -1,2 +0,0 @@
.mbody { z-index: 1; }
header, footer { z-index: 2; }

1
botanjs/src/Astro/Penguin/Element/Layer.js
View File

@@ -1 +0,0 @@
// __namespace( "Astro.Penguin.Element.Layer" );

87
botanjs/src/Astro/Penguin/Layout/MainFrame.js
View File

@@ -25,56 +25,18 @@
// __import( "Dandelion.CSSReset" ); CSS_RESERVATION
// __import( "Dandelion.CSSAnimations" ); CSS_RESERVATION
// __import( "Astro.Blog.SharedStyle" ); CSS_RESERVATION
// __import( "Astro.Blog.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;
// __import( "Astro.Starfall.Element.Layer" ); CSS_RESERVATION
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();
navControl();
responsify( null, true );
};
var topButtons = [];
var initTopButton = function()
{
// init params
header = Dand.id( "header" );
horizon = Dand.id( "horizon" );
main = Dand.id( "mbody" );
collapse_panel = Dand.id( "collapse_panel" );
var fhorizon = Dand.id( "fhorizon" );
var horizon = Dand.id( "horizon" );
horizon.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 );
})();

6
botanjs/src/Astro/Penguin/Page/_this.css
View File

@@ -1,3 +1,9 @@
#menu > *[data-active] {
-webkit-filter: blur( 0px );
filter: blur( 0px );
color: navy;
}
.panel {
padding: 0.5em 2em;
display: block;