Permalink
Browse files

demo site stuff

  • Loading branch information...
1 parent f4239fa commit f8319c190b598b662c3bc5341499ef46b087f96d @wlrs committed Nov 25, 2011
Showing with 586 additions and 53 deletions.
  1. +7 −0 demo/.htaccess
  2. +5 −1 demo/footer.php
  3. +34 −32 demo/header.php
  4. +11 −17 demo/index.php
  5. 0 demo/pages/get_it.php
  6. 0 demo/pages/guide.php
  7. +2 −3 demo/pages/home.php
  8. +242 −0 demo/style.css
  9. +279 −0 demo/style.less
  10. +6 −0 hoist.php
View
@@ -0,0 +1,7 @@
+<IfModule mod_rewrite.c>
+RewriteEngine On
+RewriteBase /
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule . /index.php [L]
+</IfModule>
View
@@ -1,6 +1,10 @@
- </div><? //close main container ?>
+
+ </div><? // #content ?>
<script src="/prettify.js"></script>
<script>prettyPrint();</script>
+
+ <script type="text/javascript" src="http://use.typekit.com/qvc8urq.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</body>
</html>
View
@@ -1,37 +1,39 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <title><?=$page['title']?></title>
-
- <link href="/bootstrap.1.4.0.min.css" rel="stylesheet">
- <link href="/prettify.css" rel="stylesheet">
-
- <!--
- <link href="assets/css/docs.css" rel="stylesheet">
- <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
- -->
- </head>
-
- <body>
-
- <div class="topbar">
- <div class="topbar-inner">
- <div class="container">
- <a class="brand" href="/">Hoist</a>
- <ul class="nav">
- <? foreach($hoist->groups['header_nav'] as $link){ ?>
- <li<? if ($link['active']) echo ' class="active"'; ?>><a href="<?= $link['url'] ?>"><?= $link['title'] ?></a></li>
- <? } ?>
- </ul>
+<!doctype html>
+<!--[if lt IE 9]><html class="ie"><![endif]-->
+<!--[if gte IE 9]><!--><html><!--<![endif]-->
+
+ <head>
+ <meta charset="utf-8"/>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1"/>
+
+ <title><?=$page['title']?></title>
+
+ <link href="/style.css" rel="stylesheet">
+ <link href="/prettify.css" rel="stylesheet">
+
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+ </head>
+
+ <body lang="en">
+
+ <div id="header_logo">
+ <h1><a class="brand" href="/">Hoist</a></h1>
</div>
- </div>
- </div>
- <div class="container" style="margin-top: 60px;">
+ <ul id="nav">
+ <? foreach($hoist->groups['nav'] as $link){ ?>
+ <li<? if ($link['active']) echo ' class="active"'; ?>><a href="<?= $link['url'] ?>"><?= $link['title'] ?></a></li>
+ <? } ?>
+ </ul>
+
<? if($page['url'] != '/'){ ?>
- <div class="inner">
- <h1><?=$page['title']?></h1>
+ <div id="page_title">
+ <h2><?=$page['title']?></h2>
</div>
- <? } ?>
+ <? } ?>
+
+ <div id="content">
View
@@ -2,27 +2,21 @@
$pages = array(
array(
- 'url' => '/',
- 'title' => 'Hoist',
- 'content' => 'pages/home.php',
- 'groups' => 'header_nav',
- 'header_nav_title' => 'Overview'
+ 'url' => '/',
+ 'title' => 'Hoist',
+ 'content' => 'pages/home.php',
+ 'groups' => 'nav',
+ 'nav_title' => 'Overview'
),
array(
- 'url' => '/examples',
- 'title' => 'Examples',
- 'content' => 'pages/examples.php',
- 'groups' => 'header_nav'
+ 'url' => '/guide',
+ 'content' => 'pages/guide.php',
+ 'groups' => 'nav'
),
array(
- 'url' => '/pages',
- 'title' => 'Pages',
- 'content' => 'pages/pages.php'
- ),
- array(
- 'url' => '/groups',
- 'title' => 'Groups',
- 'content' => 'pages/groups.php'
+ 'url' => '/get_it',
+ 'content' => 'pages/get_it.php',
+ 'groups' => 'nav'
)
);
View
No changes.
View
No changes.
View
@@ -1,12 +1,11 @@
<h2>Build simple websites fast.</h2>
-<p>Hoist is a ridiculously simple system for building websites with PHP. How simple? Look at the code that powers this site:</p>
+<p>Hoist is a lightweight system that makes building small websites with PHP ridiculously simple. How simple? Look at the code that powers this site:</p>
<pre class="prettyprint">
<?
$code = file_get_contents('index.php');
$code = preg_replace("/^<\?\s+/" , '', $code);
- echo htmlentities($code);
-
+ echo htmlentities($code);
?>
</pre>
View
@@ -0,0 +1,242 @@
+/*
+ Frameless <http://framelessgrid.com/>
+ by Joni Korpi <http://jonikorpi.com/>
+ licensed under CC0 <http://creativecommons.org/publicdomain/zero/1.0/>
+*/
+/*
+ Margin, padding, and border resets
+ except for form elements
+*/
+body,
+div,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+th,
+td,
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+/*
+ Consistency fixes
+ adopted from http://necolas.github.com/normalize.css/
+*/
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+audio,
+canvas,
+video {
+ display: block;
+}
+html {
+ height: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+body {
+ min-height: 100%;
+ font-size: 100%;
+}
+sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+b, strong {
+ font-weight: bold;
+}
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+a img, img {
+ -ms-interpolation-mode: bicubic;
+ border: 0;
+}
+input,
+textarea,
+button,
+select {
+ margin: 0;
+ font-size: 100%;
+ line-height: normal;
+ vertical-align: baseline;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button;
+}
+input[type="checkbox"], input[type="radio"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+}
+textarea {
+ overflow: auto;
+}
+/*
+ These are easy to forget
+*/
+::selection {
+ background: red;
+ color: white;
+}
+::-moz-selection {
+ background: red;
+ color: white;
+}
+img::selection {
+ background: transparent;
+}
+img::-moz-selection {
+ background: transparent;
+}
+body {
+ -webkit-tap-highlight-color: rgba(255, 0, 0, 0.62);
+}
+/*
+ Style overrides for IE6-8
+ http://jonikorpi.com/leaving-old-IE-behind/
+*/
+body {
+ background-color: #037ee7;
+ color: #fff;
+ font-family: news-gothic-std, Helvetica, Arial, sans-serif;
+ font-weight: 400;
+ font-size: 20px;
+}
+a, a:visited {
+ color: #fff;
+ text-decoration: none;
+}
+h1 {
+ font-weight: 700;
+ font-size: 72px;
+ line-height: 72px;
+}
+#nav, #nav li {
+ padding: 0;
+ margin: 0;
+}
+#nav li {
+ display: inline;
+ margin-right: 15px;
+}
+#nav li:last-child {
+ margin-right: 0;
+}
+#nav li a {
+ padding-bottom: 4px;
+}
+#nav li.active a {
+ border-bottom: 2px solid #fff;
+}
+#nav li a:hover {
+ border-bottom: 2px solid #fff;
+}
+#header_logo,
+#nav,
+#page_title,
+#content {
+ padding: 0 1.125em;
+ margin: 0 auto;
+ max-width: 34.5em;
+}
+#header_logo {
+ padding-top: 0.5625em;
+ padding-bottom: 0.5625em;
+}
+#nav {
+ padding-bottom: 1.125em;
+}
+#header_logo, #nav {
+ text-align: center;
+}
+h2 {
+ text-align: center;
+ font-size: 1.25em;
+}
+pre {
+ padding: 0 3px 2px;
+ font-family: Monaco, Andale Mono, Courier New, monospace;
+ font-size: 0.5625em;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+/*
+ Mobile layout
+ 240–479 px
+ Zoomed out below 320 px
+*/
+@media screen and (min-width: 15em) {
+ #header_logo,
+ #nav,
+ #page_title,
+ #content {
+ width: 16.5em;
+ max-width: none;
+ padding-left: 0;
+ padding-right: 0;
+ }
+ #masthead h1,
+ #masthead p,
+ #introduction span,
+ #follow span {
+ display: inline;
+ }
+}
Oops, something went wrong.

0 comments on commit f8319c1

Please sign in to comment.