From d16b8c3f7df26ab03f74cb1524546447e2a05981 Mon Sep 17 00:00:00 2001 From: kts Date: Thu, 27 Nov 2014 23:27:02 -0800 Subject: [PATCH] initial commit of in-progress kettek site --- README.ktx | 82 ++++++++++++++++++++++++++++++++++++++++++++++++ build.sh | 8 +++++ front.ktx | 13 ++++++++ index.php | 40 +++++++++++++++++++++++ menu.ktx | 11 +++++++ style.css | 66 ++++++++++++++++++++++++++++++++++++++ style_pretty.css | 23 ++++++++++++++ style_reset.css | 80 ++++++++++++++++++++++++++++++++++++++++++++++ style_smooth.css | 2 ++ 9 files changed, 325 insertions(+) create mode 100644 README.ktx create mode 100755 build.sh create mode 100644 front.ktx create mode 100644 index.php create mode 100644 menu.ktx create mode 100644 style.css create mode 100644 style_pretty.css create mode 100644 style_reset.css create mode 100644 style_smooth.css diff --git a/README.ktx b/README.ktx new file mode 100644 index 0000000..24f3d30 --- /dev/null +++ b/README.ktx @@ -0,0 +1,82 @@ +,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, +kettek website +```````````````````````````````` +This document describes the kettek site's aesthetic, organization, and setup. + +,,,,,,,,,,,,,,,,,,,,,,,, +Aesthetic +```````````````````````` + * KISS + * Clean + * Modern + * Whitespace + +,,,,,,,,,,,,,,,,,,,,,,,, +Organization +```````````````````````` +Pages are organized fairly freely, but generally fall into these categories: + + * Aphorism + * Some short amount of philosophical text. These are used for the [[#Header]].href(#Header). + * Article + * Some longer article, usually pertaining to technical things, but not technical documentation + * Dox + * Technical-specific documentation, how-tos, etc. + * Projects + * Fully-formed projects that have: + * code repositories + * releases + * Lab + * Test stuff, usually incomplete + * Probably should have a code repository + +,,,,,,,,,,,,,,,,,,,,,,,, +Appearance +```````````````````````` +Top: + * large white area + * off-grey text with daily-selected(modulo) aphorism +Left: + * content area, (black?) + * top-left has name of area/page/breadcrumbs in faded background +Right: + * menu area, (gray?) + * has sections with links + * bottom has twitter/youtube/etc. links + +,,,,,,,,,,,,,,,,,,,,,,,, +Setup +```````````````````````` +The content of kettek is built using kettext files, some css, some javascript, a serving script, and a "build to live" script. + + * build.sh -- bash script that creates a live instance of kettek + * index.php -- web-server script to serve kettek + * style.css -- our style + * javascript/ -- our javascript directory + * *.js + * source/ + front.ktx -- front page + * aphorism/ + * *.ktx + * dox/ + * *.ktx + * notes/ + * *.ktx + * plans/ + * *.ktx + +build.sh produces the following file structure/layout for use by a web server: + + * live/ + * index.php + * style.css + * javascript/ + * *.js + * aphorism/ + * *.html + * dox/ + * *.html + * notes/ + * *.html + * plans/ + * *.html diff --git a/build.sh b/build.sh new file mode 100755 index 0000000..5db0bcf --- /dev/null +++ b/build.sh @@ -0,0 +1,8 @@ +#!/bin/bash +echo "Placing structure..." +mkdir -p live +cp -pf *.php live/ +cp -pf *.css live/ +echo "Building kettext..." +../kettext/kettext.pl menu.ktx > live/menu.html +../kettext/kettext.pl front.ktx > live/front.html diff --git a/front.ktx b/front.ktx new file mode 100644 index 0000000..02d1036 --- /dev/null +++ b/front.ktx @@ -0,0 +1,13 @@ +,,,,,,,,,,,,,,,, +Welcome .alt(I am here to serve).class(drop-shadow) +```````````````` +I am [[kts]].alt(Ketchetwahmeegwun Southall) and welcome to **kettek**. + +This website is the central hub for my: + * **open source games** + * **open source projects** + * **technical documentation** + * **testing lab** + * **.plan files** + +Embrace FOSS. diff --git a/index.php b/index.php new file mode 100644 index 0000000..95fb376 --- /dev/null +++ b/index.php @@ -0,0 +1,40 @@ + + + + + kettek + + + + + + + +
+ +
+ +
+
+ + diff --git a/menu.ktx b/menu.ktx new file mode 100644 index 0000000..7d19a29 --- /dev/null +++ b/menu.ktx @@ -0,0 +1,11 @@ +.imply(version.none) + * [[.plan]].href(?plans).alt(Of Action) + * Games + * [[Newsboy]].href(newsboy/).alt(Escape The Net) + * [[CirQuit]].href(CirQuit/).alt(Find Enlightenment) + * [[VAD]].href(VAD).alt(Get Vadding!) + * Projects + * [[kettext]].href(kettext/).alt(markup language) + * [[proclib]].href(proclib/).alt(procedural generation!) + * [[procsicle]].href(procsicle/).alt(PHP process linkage) + * [[noirchat]].href(noirchat/).alt(decentralized chatting at its finest) diff --git a/style.css b/style.css new file mode 100644 index 0000000..0471839 --- /dev/null +++ b/style.css @@ -0,0 +1,66 @@ +/* */ +body { + background-color: #000; +} +/* general helper classes */ +.min { + margin: 0 auto; + float: right; + width: 1000px; +} +.padder { + padding: 1em; + margin: 0; +} +/* header styling */ +#header { + float: left; + min-width: 100%; + height: 200px; + background-color: #FFF; + text-align: center; + color: #DFDFDF; + font-size: 24pt; + line-height: 100%; +} +/* content styling */ +#container { + padding: 15px 0; + clear: both; + text-align: left; +} +/* */ +#menu { + position: relative; + width: 30%; + min-height: 70%; + float: right; + background-color: #000; + color: #DFDFDF; + text-align: right; + font-size: 16pt; + line-height: 150%; +} +/* */ +#content { + position: relative; + float: left; + width: 70%; + min-height: 70%; + background-color: #FFF; + color: #DFDFDF; + font-size: 12pt; + line-height: 125%; +} +#content h1 { + width: 100%; + padding: 0.5em; + border-bottom: 2px solid #555; + color: #000; + background-color: #555; +} +#content p, ul { + padding-left: 1em; +} + + diff --git a/style_pretty.css b/style_pretty.css new file mode 100644 index 0000000..6c1c947 --- /dev/null +++ b/style_pretty.css @@ -0,0 +1,23 @@ +.shadow_inset { + -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.4) inset; + -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.4) inset; + box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.4) inset; +} +.shadow_inset:before, +.shadow_inset:after { + content: ""; + position: absolute; + z-index: -2; + bottom:15px; + left:10px; + width:50%; + height:20%; + -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); + box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); + -webkit-transform:rotate(-3deg); + -moz-transform:rotate(-3deg); + -ms-transform:rotate(-3deg); + -o-transform:rotate(-3deg); + transform:rotate(-3deg); +} diff --git a/style_reset.css b/style_reset.css new file mode 100644 index 0000000..06abd80 --- /dev/null +++ b/style_reset.css @@ -0,0 +1,80 @@ +/* This file resets EVERYTHING */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + vertical-align: baseline; +} +/* remember to define focus styles! */ +:focus { + outline: 0; +} +body { + line-height: 1; + color: black; + background: white; +} +ol, ul { + list-style: none; +} +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: separate; + border-spacing: 0; +} +caption, th, td { + text-align: left; + font-weight: normal; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ""; +} +blockquote, q { + quotes: "" ""; +} + +strong { + font-weight:bold;color:#0289ce; +} + +em { + font-style:oblique; +} + +p { + margin:15px 0; +} + +.aligncenter, div.aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} +.alignleft { + float: left; +} +.alignright { + float: right; +} + +h1 {font-size:180%;} +h2 {font-size:150%;} +h3 {font-size:125%;} +h4 {font-size:100%;} +h5 {font-size:90%;} +h6 {font-size:80%;} + +a:link {color:#0289ce;} +a:hover {color:#f64274;} diff --git a/style_smooth.css b/style_smooth.css new file mode 100644 index 0000000..2562536 --- /dev/null +++ b/style_smooth.css @@ -0,0 +1,2 @@ +/* this file stacks on top of style.css and add additional prettiness */ +