New site for generating "tgckpg.github.io"

botanjs/src/Astro/Penguin/Element/Footer.css

@@ -0,0 +1,12 @@
+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;
+}
+

botanjs/src/Astro/Penguin/Element/Footer.js

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

botanjs/src/Astro/Penguin/Element/Header.css

@@ -0,0 +1,60 @@
+.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;
+}

botanjs/src/Astro/Penguin/Element/Header.js

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

botanjs/src/Astro/Penguin/Element/Layer.css

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

botanjs/src/Astro/Penguin/Element/Layer.js

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