diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/default-layout-wrapper.hamlet | 47 | ||||
-rw-r--r-- | templates/default-layout.hamlet | 20 | ||||
-rw-r--r-- | templates/default-layout.lucius | 34 | ||||
-rw-r--r-- | templates/homepage.hamlet | 7 | ||||
-rw-r--r-- | templates/homepage.lucius | 9 | ||||
-rw-r--r-- | templates/mepage.hamlet | 14 | ||||
-rw-r--r-- | templates/mepage.lucius | 18 | ||||
-rw-r--r-- | templates/newdestpage.hamlet | 9 | ||||
-rw-r--r-- | templates/newdestpage.lucius | 9 | ||||
-rw-r--r-- | templates/normalize.lucius | 439 |
10 files changed, 606 insertions, 0 deletions
diff --git a/templates/default-layout-wrapper.hamlet b/templates/default-layout-wrapper.hamlet new file mode 100644 index 0000000..37a22d9 --- /dev/null +++ b/templates/default-layout-wrapper.hamlet @@ -0,0 +1,47 @@ +\<!doctype html> +\<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> +\<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> +\<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> +\<!--[if gt IE 8]><!--> +<html class="no-js" lang="en"> <!--<![endif]--> + <head> + <meta charset="UTF-8"> + + <title>#{pageTitle pc} + <meta name="description" content=""> + <meta name="author" content=""> + + <meta name="viewport" content="width=device-width,initial-scale=1"> + + ^{pageHead pc} + + \<!--[if lt IE 9]> + \<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> + \<![endif]--> + + <script> + document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/,'js'); + <body> + <div class="container"> + <header> + <div id="main" role="main"> + ^{pageBody pc} + <footer> + #{extraCopyright $ appExtra $ settings master} + + $maybe analytics <- extraAnalytics $ appExtra $ settings master + <script> + if(!window.location.href.match(/localhost/)){ + window._gaq = [['_setAccount','#{analytics}'],['_trackPageview'],['_trackPageLoadTime']]; + (function() { + \ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + \ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + \ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + } + \<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6. chromium.org/developers/how-tos/chrome-frame-getting-started --> + \<!--[if lt IE 7 ]> + <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"> + <script> + window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})}) + \<![endif]--> diff --git a/templates/default-layout.hamlet b/templates/default-layout.hamlet new file mode 100644 index 0000000..53435aa --- /dev/null +++ b/templates/default-layout.hamlet @@ -0,0 +1,20 @@ +<div #pfifheader> + <h1>_{MsgOrganization} + +<div #navbar-outer> + <div #navbar> + <ul> + <li .home> + <a href="/">Home + <li .news> + <a href="/news/">News + <li> + <a href="/PFIF_agreement.pdf">Agreement + <li .contractor> + <a href=@{HomeR}>Contractors + <div #navbar-clear> + +<div #subthingy> + $maybe msg <- mmsg + <div #message>#{msg} + ^{widget} diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius new file mode 100644 index 0000000..a54eb10 --- /dev/null +++ b/templates/default-layout.lucius @@ -0,0 +1,34 @@ +div.container { + width: 100%; +} + +div#subthingy { + width: 62%; + margin: auto; +} + +#pfifheader { + height: 72px; + background: url(/img/headerbg.png) left top repeat-x; + background-color: #f8f1b6; + border-bottom: 1px solid #808080; +} +#pfifheader h1 { margin: 0; margin-left: 104px; line-height: 72px; } +#pfifheader h1 a { color: #000; } + +/* Navigation bar */ +#navbar-outer { background: #CDDBDC; } +#navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; } +#navbar ul { list-style: none; margin: 0pt; padding: 0pt; } +#navbar-clear { clear: both; border-bottom: 1px solid #808080; } +#navbar li a { + display: block; + background: #fafafa; + padding: .2em .8em; + margin-right: 3px; + border: 1px solid #808080; + font-size: .8em; + background: #fff url(/img/nav-bg.png) bottom repeat-x; +} +#navbar li:hover a { background: #fff99d; } +#navbar li { float: left; display: inline; margin-bottom: 3px; } diff --git a/templates/homepage.hamlet b/templates/homepage.hamlet new file mode 100644 index 0000000..00f0a5a --- /dev/null +++ b/templates/homepage.hamlet @@ -0,0 +1,7 @@ +<ol> + <li>If you are a contractor, click on the link below and log in. Use the local + \ part of your protocolfreedom.org address as your username, and the email + \ setup code you were provided as your password. + <li>If you encounter difficulty logging in, contact contractor@protocolfreedom.org. + +<a .buttonish href=@{MeR}>Setup Email diff --git a/templates/homepage.lucius b/templates/homepage.lucius new file mode 100644 index 0000000..44cedd1 --- /dev/null +++ b/templates/homepage.lucius @@ -0,0 +1,9 @@ +a.buttonish { + display: block; + background: #fafafa; + padding: .2em .8em; + margin-right: 3px; + border: 1px solid #808080; + font-size: .8em; + background: #fff url(/img/nav-bg.png) bottom repeat-x; +} diff --git a/templates/mepage.hamlet b/templates/mepage.hamlet new file mode 100644 index 0000000..b9ee08d --- /dev/null +++ b/templates/mepage.hamlet @@ -0,0 +1,14 @@ +<h2>_{MsgChangeFwd} + +$maybe u <- submission + <div .message> + <p>Setting #{userIdent u}@protocolfreedom.org to forward to #{destination}. This should take effect immediately. + +<form method=post action=@{NewdestR}#form enctype=#{eformEnctype}> + ^{eformWidget} + <input .buttonish type="submit" value="Add new address"> + +<form method=post action=@{MeR}#form enctype=#{fformEnctype}> + ^{fformWidget} + <input .buttonish type="submit" value="Change forwarding destination to selected address or <None> to disable"> + diff --git a/templates/mepage.lucius b/templates/mepage.lucius new file mode 100644 index 0000000..67e9849 --- /dev/null +++ b/templates/mepage.lucius @@ -0,0 +1,18 @@ +input.buttonish { + display: block; + background: #fafafa; + padding: .2em .8em; + margin-right: 3px; + border: 1px solid #808080; + font-size: .8em; + background: #fff url(/img/nav-bg.png) bottom repeat-x; +} + +label { + display: inline; + margin-right: 6px; +} + +input[type="radio"] { + margin: 6pt; +} diff --git a/templates/newdestpage.hamlet b/templates/newdestpage.hamlet new file mode 100644 index 0000000..0d6778a --- /dev/null +++ b/templates/newdestpage.hamlet @@ -0,0 +1,9 @@ +<h2>_{MsgAddEmail} + +$maybe email <- submission + <div .message> + <p>Sending verification token to #{emailEmail email}. Once confirmed, this address will be available for you to select. + +<form method=post action=@{NewdestR}#form enctype=#{eformEnctype}> + ^{eformWidget} + <input .buttonish type="submit" value="Add new address"> diff --git a/templates/newdestpage.lucius b/templates/newdestpage.lucius new file mode 100644 index 0000000..69e246e --- /dev/null +++ b/templates/newdestpage.lucius @@ -0,0 +1,9 @@ +input.buttonish { + display: block; + background: #fafafa; + padding: .2em .8em; + margin-right: 3px; + border: 1px solid #808080; + font-size: .8em; + background: #fff url(/img/nav-bg.png) bottom repeat-x; +} diff --git a/templates/normalize.lucius b/templates/normalize.lucius new file mode 100644 index 0000000..9fc7ae4 --- /dev/null +++ b/templates/normalize.lucius @@ -0,0 +1,439 @@ +/*! normalize.css 2011-08-12T17:28 UTC ยท http://github.com/necolas/normalize.css */ + +/* ============================================================================= + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects block display not defined in IE6/7/8/9 & FF3 + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} + +/* + * Corrects inline-block display not defined in IE6/7/8/9 & FF3 + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/* + * Prevents modern browsers from displaying 'audio' without controls + */ + +audio:not([controls]) { + display: none; +} + +/* + * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 + * Known issue: no IE6 support + */ + +[hidden] { + display: none; +} + + +/* ============================================================================= + Base + ========================================================================== */ + +/* + * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units + * http://clagnut.com/blog/348/#c790 + * 2. Keeps page centred in all browsers regardless of content height + * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom + * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ + */ + +html { + font-size: 100%; /* 1 */ + overflow-y: scroll; /* 2 */ + -webkit-text-size-adjust: 100%; /* 3 */ + -ms-text-size-adjust: 100%; /* 3 */ +} + +/* + * Addresses margins handled incorrectly in IE6/7 + */ + +body { + margin: 0; +} + +/* + * Addresses font-family inconsistency between 'textarea' and other form elements. + */ + +body, +button, +input, +select, +textarea { + font-family: sans-serif; +} + + +/* ============================================================================= + Links + ========================================================================== */ + +a { + color: #00e; +} + +a:visited { + color: #551a8b; +} + +/* + * Addresses outline displayed oddly in Chrome + */ + +a:focus { + outline: thin dotted; +} + +/* + * Improves readability when focused and also mouse hovered in all browsers + * people.opera.com/patrickl/experiments/keyboard/test + */ + +a:hover, +a:active { + outline: 0; +} + + +/* ============================================================================= + Typography + ========================================================================== */ + +/* + * Addresses styling not present in IE7/8/9, S5, Chrome + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/* + * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome +*/ + +b, +strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +/* + * Addresses styling not present in S5, Chrome + */ + +dfn { + font-style: italic; +} + +/* + * Addresses styling not present in IE6/7/8/9 + */ + +mark { + background: #ff0; + color: #000; +} + +/* + * Corrects font family set oddly in IE6, S4/5, Chrome + * en.wikipedia.org/wiki/User:Davidgothberg/Test59 + */ + +pre, +code, +kbd, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} + +/* + * Improves readability of pre-formatted text in all browsers + */ + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* + * 1. Addresses CSS quotes not supported in IE6/7 + * 2. Addresses quote property not supported in S4 + */ + +/* 1 */ + +q { + quotes: none; +} + +/* 2 */ + +q:before, +q:after { + content: ''; + content: none; +} + +small { + font-size: 75%; +} + +/* + * Prevents sub and sup affecting line-height in all browsers + * gist.github.com/413930 + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + + +/* ============================================================================= + Lists + ========================================================================== */ + +ul, +ol { + margin: 1em 0; + padding: 0 0 0 40px; +} + +dd { + margin: 0 0 0 40px; +} + +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + + +/* ============================================================================= + Embedded content + ========================================================================== */ + +/* + * 1. Removes border when inside 'a' element in IE6/7/8/9 + * 2. Improves image quality when scaled in IE7 + * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ + */ + +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ +} + +/* + * Corrects overflow displayed oddly in IE9 + */ + +svg:not(:root) { + overflow: hidden; +} + + +/* ============================================================================= + Figures + ========================================================================== */ + +/* + * Addresses margin not present in IE6/7/8/9, S5, O11 + */ + +figure { + margin: 0; +} + + +/* ============================================================================= + Forms + ========================================================================== */ + +/* + * Corrects margin displayed oddly in IE6/7 + */ + +form { + margin: 0; +} + +/* + * Define consistent margin and padding + */ + +fieldset { + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/* + * 1. Corrects color not being inherited in IE6/7/8/9 + * 2. Corrects alignment displayed oddly in IE6/7 + */ + +legend { + border: 0; /* 1 */ + *margin-left: -7px; /* 2 */ +} + +/* + * 1. Corrects font size not being inherited in all browsers + * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome + * 3. Improves appearance and consistency in all browsers + */ + +button, +input, +select, +textarea { + font-size: 100%; /* 1 */ + margin: 0; /* 2 */ + vertical-align: baseline; /* 3 */ + *vertical-align: middle; /* 3 */ +} + +/* + * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet + * 2. Corrects inner spacing displayed oddly in IE6/7 + */ + +button, +input { + line-height: normal; /* 1 */ + *overflow: visible; /* 2 */ +} + +/* + * Corrects overlap and whitespace issue for buttons and inputs in IE6/7 + * Known issue: reintroduces inner spacing + */ + +table button, +table input { + *overflow: auto; +} + +/* + * 1. Improves usability and consistency of cursor style between image-type 'input' and others + * 2. Corrects inability to style clickable 'input' types in iOS + */ + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; /* 1 */ + -webkit-appearance: button; /* 2 */ +} + +/* + * 1. Addresses box sizing set to content-box in IE8/9 + * 2. Addresses excess padding in IE8/9 + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/* + * 1. Addresses appearance set to searchfield in S5, Chrome + * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/* + * Corrects inner padding displayed oddly in S5, Chrome on OSX + */ + +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* + * Corrects inner padding and border displayed oddly in FF3/4 + * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE6/7/8/9 + * 2. Improves readability and alignment in all browsers + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + + +/* ============================================================================= + Tables + ========================================================================== */ + +/* + * Remove most spacing between table cells + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} |