Collin J. Doering
512e89f565
* Changes
** Hakyll "site.hs"
*** Added the ability to have per-page templates (for all "pages/*")
*** "pages/*" can now be sectioned off into blocks
A section is a logical division of a page. It removes the requirement
for pages that have multiple sections to have some html in the
markdown for the page or to move some of the markdown content to the
template. Both of which are un-maintainable.
There are two types of sections, both with slightly different syntax's.
A _global section_ is a section who's content will be included in all
sections (regardless of ordering). This is handy for including links
and footnotes that might be needed in more then one section or
non-section . It is not accessible from the Context obtained from
genSectionContext. To indicate where a global section begins and ends
use "$section$" and "$endsection$" respectively (without
quotes). Formally:
$section$ <body> $endsection$
A _named section_ is a section of a document that can be accessed by a
given name from the context obtained from the function
genSectionContext. To specify a named section use the following syntax:
$section("<name>")$ <body> $endsection$
where <name> is the name of the section (any character except \")
and <body> is the section body
Anything that is not a section is referred to as a non-section. These
are still important as they will include all
content of the global sections of the document as well as the
non-section itself. To be a little more formal a non-section is
everything between "$end-section$" and ("$section$ or
$section("<name>")$").
**** Example: mypage.markdown
page title
==========
$section("column-one")$
This is text that can be formatted in the individual page template
located at "templates/pages/mypage.haml". Here is a link from a
global section. See [Home][].
$endsection$
This is some text in between two sections or a section and the top or
bottom of the page. It can be accessed by $body<n>$ where <n> its
position from the top of all non-sections starting from 0. Here i can
also use
$section$
[Home]: http://blog.rekahsoft.ca
$endsection$
***** To see more visit
- "pages/<name>" where the sectioned page markdown is written
- "templates/pages/<name>.haml" where the individual page
template is stored/loaded from
- "templates/page.haml" the generic page wrapper
** Miscellaneous
*** Reorganized the file structure
- created folder "image-src" for image-sources
- created folder "lib" for libraries that will be needed on the server
- moved jQuery and Skeleton to lib and made appropriate
- created folder "fonts" for FreeMono and FreeSans font files which are
now used via css @font-face
- create folder "css" and setup "site.hs" to minimize all css files
and publish them to idRoute
- created folder "sass" which contains a variety of s[ac]ss files along
with a file named "default.s[ax]ss" which will be processed by sass
to include any other s[ac]ss files that are needed and output
"default.css" to the site root
*** cleaned up .gitmodules
** Javascript
- fixed processing of urls
- temporarily disabled nojs version of site as its under heavy development
Note: still need to merge changes made to default version into the
nojs one; specifically having "templates/pages/*.haml" be applied to
there respective page before "templates/page.haml" is applied to the
result
** Styling
- switched to using sass (with a side bourbon) instead of css
leaving css folder and processing for convenience
- slimmed the site of the nav-loading image
- updated favicon (rounded corders, preparing to support more sizes)
- updated the logo-banner
- added new images for tab page
** Templates
- converted all "templates/**" to haml and made the apropriate
adjustments in site.hs
- added "templates/pages/*" which contains individual templates per
page in "pages/*"
** Known Issues
**** Sections cannot contain $section$ or $section("<name>")$ or $sectionend$ in them (this is an issue with escaping in the parser)
**** pagination has been attempted but no solution yet
**** haven't been able to generate two sets of tag-pages (one for the default version and the other for the nojs version
**** opening a internal link in a new tab in any browser will load the snippet that would normally loaded by by ajax
Signed-off-by: Collin J. Doering <rekahsoft@gmail.com>
88 lines
2.0 KiB
Sass
88 lines
2.0 KiB
Sass
// (C) Copyright Collin Doering 2013
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
// File: _blog-page.sass
|
|
// Author: Collin J. Doering <rekahsoft@gmail.com>
|
|
// Date: Dec 10, 2013
|
|
// Description: Styling for individual posts and for the blog page
|
|
|
|
@import 'sass/util'
|
|
|
|
.post
|
|
@include border-box(0.5em)
|
|
|
|
header
|
|
margin-bottom: 0.8em
|
|
border: 2px solid #eee
|
|
border-radius: 3px
|
|
padding: 0.35em
|
|
padding-left: 65px
|
|
|
|
.title
|
|
font-size: 2em
|
|
font-weight: bold
|
|
text-decoration: underline
|
|
margin-bottom: 0
|
|
line-height: 35px
|
|
|
|
.title:before
|
|
content: ""
|
|
display: block
|
|
background: url('/images/post-icon.svg') no-repeat
|
|
background-position: 50%
|
|
background-size: contain
|
|
height: 55px
|
|
width: 65px
|
|
margin-left: -65px
|
|
position: absolute
|
|
|
|
.info
|
|
margin-bottom: 0
|
|
text-indent: 1em
|
|
font-size: 0.75em
|
|
.date
|
|
font-weight: bold
|
|
.author
|
|
font-style: oblique
|
|
|
|
footer
|
|
margin-bottom: 1em
|
|
hr
|
|
margin-bottom: 1em
|
|
|
|
.read-more
|
|
font-weight: bold
|
|
|
|
.no-teaser
|
|
display: block
|
|
content: ""
|
|
height: 1px
|
|
|
|
.tags:before
|
|
content: ""
|
|
background-image: url('/images/tag.svg')
|
|
background-size: contain
|
|
background-repeat: no-repeat
|
|
background-position: 50%
|
|
padding: 3px 1.3em
|
|
|
|
.tags
|
|
margin-bottom: 0
|
|
padding-right: 1.5em
|
|
float: right
|
|
|
|
.post > p
|
|
text-indent: 1.5em
|