Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Comparing changes

Choose two branches to see what's changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
base fork: carlrafting/carlrafting.github.io
base: 99123f8c70
...
head fork: carlrafting/carlrafting.github.io
compare: d5d36dc9e1
Checking mergeability… Don't worry, you can still create the pull request.
  • 3 commits
  • 245 files changed
  • 0 commit comments
  • 1 contributor
Commits on Feb 14, 2014
@carlrafting Cleanup...
Huge cleanup and refactor on a lot of stuff.
• Sass partials
• Deleted html partials that are no longer used
903ed9b
@carlrafting Merge branch 'master' into dev 7123bb3
Commits on Feb 16, 2014
@carlrafting Various fixes...
• Deleted Mint. Hey i rule at git, committing database passwords and all...
• Index view now display whole posts instead of excerpts
• Not using Apache anymore so deleted .htaccess (GitHub Pages as server now)
• Changed name of destination directory (Jekyll). Hope it'll work on GitHub Pages now then...
• Typographic adjustments
• Installed gulp-clean plugin for cleaning up Jekyll build directory
d5d36dc
Showing with 1,125 additions and 17,732 deletions.
  1. +1 −3 .gitignore
  2. +0 −515 .htaccess
  3. 0  LICENSE
  4. +2 −1  _config.yml
  5. +0 −13 _includes/_analytics.html
  6. +0 −25 _includes/_archive-listing.html
  7. +0 −37 _includes/_listing.html
  8. +90 −37 _layouts/default.html
  9. +1 −5 _layouts/link.html
  10. +2 −2 _posts/2010-12-06-learning-git.textile
  11. +3 −3 _posts/2011-11-09-media-queries-and-mobile-devices.textile
  12. +1 −1  _posts/2012-04-30-designgrid-a-grid-tool-for-fluid-grids.textile
  13. +3 −7 about.textile
  14. +6 −5 archive.html
  15. +250 −240 css/global.css
  16. +1 −1  css/global.min.css
  17. +27 −7 gulpfile.js
  18. +27 −5 index.html
  19. +0 −122 mint/app/debug/si-dom.php
  20. BIN  mint/app/images/favicon.png
  21. BIN  mint/app/images/iepc.gif
  22. BIN  mint/app/images/loaded.gif
  23. BIN  mint/app/images/logo.gif
  24. BIN  mint/app/images/webclip.png
  25. +0 −22 mint/app/includes/foot.php
  26. +0 −21 mint/app/includes/head.php
  27. +0 −3,704 mint/app/lib/mint.php
  28. +0 −531 mint/app/lib/pepper.php
  29. +0 −241 mint/app/path.php
  30. +0 −63 mint/app/paths/auth/index.php
  31. +0 −104 mint/app/paths/auth/login.php
  32. +0 −31 mint/app/paths/custom/index.php
  33. +0 −58 mint/app/paths/display/display.php
  34. +0 −24 mint/app/paths/display/index.php
  35. +0 −34 mint/app/paths/errors/index.php
  36. +0 −32 mint/app/paths/feedback/index.php
  37. +0 −58 mint/app/paths/install/activation.php
  38. +0 −139 mint/app/paths/install/configuration.php
  39. +0 −139 mint/app/paths/install/eula.php
  40. +0 −95 mint/app/paths/install/index.php
  41. +0 −46 mint/app/paths/install/instructions.php
  42. +0 −48 mint/app/paths/preferences/index.php
  43. +0 −218 mint/app/paths/preferences/preferences.php
  44. +0 −50 mint/app/paths/record/index.php
  45. +0 −69 mint/app/paths/record/js.php
  46. +0 −39 mint/app/paths/uninstall/index.php
  47. +0 −71 mint/app/paths/uninstall/uninstall.php
  48. BIN  mint/app/paths/util/assets/bg-ee-tested.png
  49. BIN  mint/app/paths/util/assets/mm2.swf
  50. +0 −71 mint/app/paths/util/gateway.php
  51. +0 −125 mint/app/paths/util/import.php
  52. +0 −15 mint/app/paths/util/index.php
  53. +0 −240 mint/app/paths/util/info.php
  54. +0 −227 mint/app/paths/util/recover.php
  55. +0 −395 mint/app/paths/util/visits.php
  56. +0 −61 mint/app/scripts/iepc.js
  57. +0 −1,575 mint/app/scripts/si-object-mint.js
  58. +0 −1,461 mint/app/styles/base.css
  59. +0 −169 mint/app/styles/iepc.css
  60. +0 −35 mint/config/auto.php
  61. +0 −22 mint/config/db.php
  62. +0 −18 mint/index.php
  63. +0 −437 mint/pepper/shauninman/backuprestore/class.php
  64. BIN  mint/pepper/shauninman/backuprestore/images/btn-backup-mini-single.png
  65. BIN  mint/pepper/shauninman/backuprestore/images/btn-delete-mini.png
  66. BIN  mint/pepper/shauninman/backuprestore/images/btn-restore-mini.png
  67. +0 −2,360 mint/pepper/shauninman/default/class.php
  68. +0 −125 mint/pepper/shauninman/default/engines.php
  69. +0 −13 mint/pepper/shauninman/default/script.js
  70. +0 −1,122 mint/pepper/shauninman/secretcrush/class.php
  71. BIN  mint/styles/mint_chocolate/images/bg-arrow-insig.gif
  72. BIN  mint/styles/mint_chocolate/images/bg-arrow.gif
  73. BIN  mint/styles/mint_chocolate/images/bg-drag.gif
  74. BIN  mint/styles/mint_chocolate/images/bg-feed-left.gif
  75. BIN  mint/styles/mint_chocolate/images/bg-feed-right.gif
  76. BIN  mint/styles/mint_chocolate/images/bg-filter-left.gif
  77. BIN  mint/styles/mint_chocolate/images/bg-filter-right.gif
  78. BIN  mint/styles/mint_chocolate/images/bg-fog.png
  79. BIN  mint/styles/mint_chocolate/images/bg-folder-content-bottom.gif
  80. BIN  mint/styles/mint_chocolate/images/bg-folder-content-top.gif
  81. BIN  mint/styles/mint_chocolate/images/bg-form-tab-last.gif
  82. BIN  mint/styles/mint_chocolate/images/bg-form-tab-left.gif
  83. BIN  mint/styles/mint_chocolate/images/bg-form-tab-right.gif
  84. BIN  mint/styles/mint_chocolate/images/bg-graph-accent.gif
  85. BIN  mint/styles/mint_chocolate/images/bg-graph-total-accent-top.gif
  86. BIN  mint/styles/mint_chocolate/images/bg-graph-total-accent.gif
  87. BIN  mint/styles/mint_chocolate/images/bg-graph-total-top.gif
  88. BIN  mint/styles/mint_chocolate/images/bg-graph-total.gif
  89. BIN  mint/styles/mint_chocolate/images/bg-graph-unique-accent-top.gif
  90. BIN  mint/styles/mint_chocolate/images/bg-graph-unique-accent.gif
  91. BIN  mint/styles/mint_chocolate/images/bg-graph-unique-top.gif
  92. BIN  mint/styles/mint_chocolate/images/bg-graph-unique.gif
  93. BIN  mint/styles/mint_chocolate/images/bg-graph.gif
  94. BIN  mint/styles/mint_chocolate/images/bg-mini-bottom.gif
  95. BIN  mint/styles/mint_chocolate/images/bg-mini-form-well-bottom.gif
  96. BIN  mint/styles/mint_chocolate/images/bg-mini-form-well-top.gif
  97. BIN  mint/styles/mint_chocolate/images/bg-mini-top.gif
  98. BIN  mint/styles/mint_chocolate/images/bg-pages-divider.gif
  99. BIN  mint/styles/mint_chocolate/images/bg-pages-left.gif
  100. BIN  mint/styles/mint_chocolate/images/bg-pages-right.gif
  101. BIN  mint/styles/mint_chocolate/images/bg-pane-bottom-left.gif
  102. BIN  mint/styles/mint_chocolate/images/bg-pane-bottom-right.gif
  103. BIN  mint/styles/mint_chocolate/images/bg-pane-right.gif
  104. BIN  mint/styles/mint_chocolate/images/bg-pane-top-left.gif
  105. BIN  mint/styles/mint_chocolate/images/bg-pane-top-right.gif
  106. BIN  mint/styles/mint_chocolate/images/bg-panes-left.gif
  107. BIN  mint/styles/mint_chocolate/images/bg-prefs-bottom.gif
  108. BIN  mint/styles/mint_chocolate/images/bg-prefs-form-divider.gif
  109. BIN  mint/styles/mint_chocolate/images/bg-prefs-form.gif
  110. BIN  mint/styles/mint_chocolate/images/bg-prefs-head-tan.gif
  111. BIN  mint/styles/mint_chocolate/images/bg-prefs-head.gif
  112. BIN  mint/styles/mint_chocolate/images/bg-prefs-pepper-top.gif
  113. BIN  mint/styles/mint_chocolate/images/bg-prefs-tab-left.gif
  114. BIN  mint/styles/mint_chocolate/images/bg-prefs-tab-right.gif
  115. BIN  mint/styles/mint_chocolate/images/bg-prefs-tab-well-right.gif
  116. BIN  mint/styles/mint_chocolate/images/bg-prefs-top.gif
  117. BIN  mint/styles/mint_chocolate/images/bg-progress-bar.gif
  118. BIN  mint/styles/mint_chocolate/images/bg-progress.gif
  119. BIN  mint/styles/mint_chocolate/images/bg-round-bottom-left.gif
  120. BIN  mint/styles/mint_chocolate/images/bg-round-bottom-right.gif
  121. BIN  mint/styles/mint_chocolate/images/bg-round-top-left.gif
  122. BIN  mint/styles/mint_chocolate/images/bg-round-top-right.gif
  123. BIN  mint/styles/mint_chocolate/images/bg-tab-last.gif
  124. BIN  mint/styles/mint_chocolate/images/bg-tab-left.gif
  125. BIN  mint/styles/mint_chocolate/images/bg-tab-right.gif
  126. BIN  mint/styles/mint_chocolate/images/bg-th-left.gif
  127. BIN  mint/styles/mint_chocolate/images/bg-th-right.gif
  128. BIN  mint/styles/mint_chocolate/images/bg-tr-hover.gif
  129. BIN  mint/styles/mint_chocolate/images/bg-update-left.gif
  130. BIN  mint/styles/mint_chocolate/images/bg-update-right.gif
  131. BIN  mint/styles/mint_chocolate/images/bg.gif
  132. BIN  mint/styles/mint_chocolate/images/btn-activate.png
  133. BIN  mint/styles/mint_chocolate/images/btn-agree.png
  134. BIN  mint/styles/mint_chocolate/images/btn-back.png
  135. BIN  mint/styles/mint_chocolate/images/btn-cancel.png
  136. BIN  mint/styles/mint_chocolate/images/btn-confirm.png
  137. BIN  mint/styles/mint_chocolate/images/btn-continue.png
  138. BIN  mint/styles/mint_chocolate/images/btn-done.png
  139. BIN  mint/styles/mint_chocolate/images/btn-install.png
  140. BIN  mint/styles/mint_chocolate/images/btn-login.png
  141. BIN  mint/styles/mint_chocolate/images/btn-okay.png
  142. BIN  mint/styles/mint_chocolate/images/btn-save.png
  143. BIN  mint/styles/mint_chocolate/images/btn-search.png
  144. BIN  mint/styles/mint_chocolate/images/btn-send.png
  145. BIN  mint/styles/mint_chocolate/images/btn-uninstall.png
  146. BIN  mint/styles/mint_chocolate/images/icon-clicked.png
  147. BIN  mint/styles/mint_chocolate/images/icon-image-search.png
  148. BIN  mint/styles/mint_chocolate/images/logo.gif
  149. BIN  mint/styles/mint_chocolate/images/spinner-d.gif
  150. BIN  mint/styles/mint_chocolate/images/spinner-prefs.gif
  151. BIN  mint/styles/mint_chocolate/images/spinner.gif
  152. +0 −863 mint/styles/mint_chocolate/style.css
  153. BIN  mint/styles/vanilla_mint/images/bg-arrow-insig.gif
  154. BIN  mint/styles/vanilla_mint/images/bg-arrow.gif
  155. BIN  mint/styles/vanilla_mint/images/bg-drag.gif
  156. BIN  mint/styles/vanilla_mint/images/bg-feed-left.gif
  157. BIN  mint/styles/vanilla_mint/images/bg-feed-right.gif
  158. BIN  mint/styles/vanilla_mint/images/bg-filter-left.gif
  159. BIN  mint/styles/vanilla_mint/images/bg-filter-right.gif
  160. BIN  mint/styles/vanilla_mint/images/bg-fog.png
  161. BIN  mint/styles/vanilla_mint/images/bg-folder-content-bottom.gif
  162. BIN  mint/styles/vanilla_mint/images/bg-folder-content-top.gif
  163. BIN  mint/styles/vanilla_mint/images/bg-form-tab-last.gif
  164. BIN  mint/styles/vanilla_mint/images/bg-form-tab-left.gif
  165. BIN  mint/styles/vanilla_mint/images/bg-form-tab-right.gif
  166. BIN  mint/styles/vanilla_mint/images/bg-graph-accent.gif
  167. BIN  mint/styles/vanilla_mint/images/bg-graph-total-accent-top.gif
  168. BIN  mint/styles/vanilla_mint/images/bg-graph-total-accent.gif
  169. BIN  mint/styles/vanilla_mint/images/bg-graph-total-top.gif
  170. BIN  mint/styles/vanilla_mint/images/bg-graph-total.gif
  171. BIN  mint/styles/vanilla_mint/images/bg-graph-unique-accent-top.gif
  172. BIN  mint/styles/vanilla_mint/images/bg-graph-unique-accent.gif
  173. BIN  mint/styles/vanilla_mint/images/bg-graph-unique-top.gif
  174. BIN  mint/styles/vanilla_mint/images/bg-graph-unique.gif
  175. BIN  mint/styles/vanilla_mint/images/bg-graph.gif
  176. BIN  mint/styles/vanilla_mint/images/bg-mini-bottom.gif
  177. BIN  mint/styles/vanilla_mint/images/bg-mini-form-well-bottom.gif
  178. BIN  mint/styles/vanilla_mint/images/bg-mini-form-well-top.gif
  179. BIN  mint/styles/vanilla_mint/images/bg-mini-top.gif
  180. BIN  mint/styles/vanilla_mint/images/bg-pages-divider.gif
  181. BIN  mint/styles/vanilla_mint/images/bg-pages-left.gif
  182. BIN  mint/styles/vanilla_mint/images/bg-pages-right.gif
  183. BIN  mint/styles/vanilla_mint/images/bg-pane-bottom-left.gif
  184. BIN  mint/styles/vanilla_mint/images/bg-pane-bottom-right.gif
  185. BIN  mint/styles/vanilla_mint/images/bg-pane-right.gif
  186. BIN  mint/styles/vanilla_mint/images/bg-pane-top-left.gif
  187. BIN  mint/styles/vanilla_mint/images/bg-pane-top-right.gif
  188. BIN  mint/styles/vanilla_mint/images/bg-panes-left.gif
  189. BIN  mint/styles/vanilla_mint/images/bg-prefs-bottom.gif
  190. BIN  mint/styles/vanilla_mint/images/bg-prefs-form-divider.gif
  191. BIN  mint/styles/vanilla_mint/images/bg-prefs-form.gif
  192. BIN  mint/styles/vanilla_mint/images/bg-prefs-head.gif
  193. BIN  mint/styles/vanilla_mint/images/bg-prefs-pepper-top.gif
  194. BIN  mint/styles/vanilla_mint/images/bg-prefs-tab-left.gif
  195. BIN  mint/styles/vanilla_mint/images/bg-prefs-tab-right.gif
  196. BIN  mint/styles/vanilla_mint/images/bg-prefs-top.gif
  197. BIN  mint/styles/vanilla_mint/images/bg-progress-bar.gif
  198. BIN  mint/styles/vanilla_mint/images/bg-progress.gif
  199. BIN  mint/styles/vanilla_mint/images/bg-round-bottom-left.gif
  200. BIN  mint/styles/vanilla_mint/images/bg-round-bottom-right.gif
  201. BIN  mint/styles/vanilla_mint/images/bg-round-top-left.gif
  202. BIN  mint/styles/vanilla_mint/images/bg-round-top-right.gif
  203. BIN  mint/styles/vanilla_mint/images/bg-tab-last.gif
  204. BIN  mint/styles/vanilla_mint/images/bg-tab-left.gif
  205. BIN  mint/styles/vanilla_mint/images/bg-tab-right.gif
  206. BIN  mint/styles/vanilla_mint/images/bg-th-left.gif
  207. BIN  mint/styles/vanilla_mint/images/bg-th-right.gif
  208. BIN  mint/styles/vanilla_mint/images/bg-tr-hover.gif
  209. BIN  mint/styles/vanilla_mint/images/bg-update-left.gif
  210. BIN  mint/styles/vanilla_mint/images/bg-update-right.gif
  211. BIN  mint/styles/vanilla_mint/images/bg.gif
  212. BIN  mint/styles/vanilla_mint/images/btn-activate.png
  213. BIN  mint/styles/vanilla_mint/images/btn-agree.png
  214. BIN  mint/styles/vanilla_mint/images/btn-back.png
  215. BIN  mint/styles/vanilla_mint/images/btn-cancel.png
  216. BIN  mint/styles/vanilla_mint/images/btn-confirm.png
  217. BIN  mint/styles/vanilla_mint/images/btn-continue.png
  218. BIN  mint/styles/vanilla_mint/images/btn-done.png
  219. BIN  mint/styles/vanilla_mint/images/btn-install.png
  220. BIN  mint/styles/vanilla_mint/images/btn-login.png
  221. BIN  mint/styles/vanilla_mint/images/btn-okay.png
  222. BIN  mint/styles/vanilla_mint/images/btn-save.png
  223. BIN  mint/styles/vanilla_mint/images/btn-search.png
  224. BIN  mint/styles/vanilla_mint/images/btn-send.png
  225. BIN  mint/styles/vanilla_mint/images/btn-uninstall.png
  226. BIN  mint/styles/vanilla_mint/images/icon-clicked.png
  227. BIN  mint/styles/vanilla_mint/images/icon-image-search.png
  228. BIN  mint/styles/vanilla_mint/images/icon-search.png
  229. BIN  mint/styles/vanilla_mint/images/logo.gif
  230. BIN  mint/styles/vanilla_mint/images/spinner-prefs.gif
  231. BIN  mint/styles/vanilla_mint/images/spinner-w.gif
  232. BIN  mint/styles/vanilla_mint/images/spinner.gif
  233. +0 −915 mint/styles/vanilla_mint/style.css
  234. +4 −1 package.json
  235. +13 −4 scss/global.scss
  236. +13 −0 scss/partials/_about.scss
  237. +48 −0 scss/partials/_archive.scss
  238. +46 −0 scss/partials/_footer.scss
  239. +95 −0 scss/partials/_header.scss
  240. +2 −612 scss/partials/_main.scss
  241. +11 −0 scss/partials/_mixins.scss
  242. +56 −0 scss/partials/_post.scss
  243. +169 −0 scss/partials/_reset.scss
  244. +198 −0 scss/partials/_typography.scss
  245. +56 −0 scss/partials/_variables.scss
View
4 .gitignore
@@ -1,8 +1,6 @@
_drafts/
.DS_Store
.sass-cache/
-home.psd
-import.sh
.ruby-version
-_site/
+.build/
node_modules/
View
515 .htaccess
@@ -1,515 +0,0 @@
-
-# Apache configuration file
-# httpd.apache.org/docs/2.2/mod/quickreference.html
-
-# Note .htaccess files are an overhead, this logic should be in your Apache config if possible
-# httpd.apache.org/docs/2.2/howto/htaccess.html
-
-# Techniques in here adapted from all over, including:
-# Kroc Camen: camendesign.com/.htaccess
-# perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/
-# Sample .htaccess file of CMS MODx: modxcms.com
-
-
-###
-### If you run a webserver other than apache, consider:
-### github.com/paulirish/html5-boilerplate-server-configs
-###
-
-
-
-# ----------------------------------------------------------------------
-# Better website experience for IE users
-# ----------------------------------------------------------------------
-
-# Force the latest IE version, in various cases when it may fall back to IE7 mode
-# github.com/rails/rails/commit/123eb25#commitcomment-118920
-# Use ChromeFrame if it's installed for a better experience for the poor IE folk
-
-<IfModule mod_headers.c>
- Header set X-UA-Compatible "IE=Edge,chrome=1"
- # mod_headers can't match by content-type, but we don't want to send this header on *everything*...
- <FilesMatch "\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|xpi|safariextz|vcf)$" >
- Header unset X-UA-Compatible
- </FilesMatch>
-</IfModule>
-
-
-# ----------------------------------------------------------------------
-# Cross-domain AJAX requests
-# ----------------------------------------------------------------------
-
-# Serve cross-domain ajax requests, disabled.
-# enable-cors.org
-# code.google.com/p/html5security/wiki/CrossOriginRequestSecurity
-
-# <IfModule mod_headers.c>
-# Header set Access-Control-Allow-Origin "*"
-# </IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# Webfont access
-# ----------------------------------------------------------------------
-
-# Allow access from all domains for webfonts.
-# Alternatively you could only whitelist your
-# subdomains like "subdomain.example.com".
-
-<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
- <IfModule mod_headers.c>
- Header set Access-Control-Allow-Origin "*"
- </IfModule>
-</FilesMatch>
-
-
-
-# ----------------------------------------------------------------------
-# Proper MIME type for all files
-# ----------------------------------------------------------------------
-
-
-# JavaScript
-# Normalize to standard type (it's sniffed in IE anyways)
-# tools.ietf.org/html/rfc4329#section-7.2
-AddType application/javascript js
-
-# Audio
-AddType audio/ogg oga ogg
-AddType audio/mp4 m4a
-
-# Video
-AddType video/ogg ogv
-AddType video/mp4 mp4 m4v
-AddType video/webm webm
-
-# SVG.
-# Required for svg webfonts on iPad
-# twitter.com/FontSquirrel/status/14855840545
-AddType image/svg+xml svg svgz
-AddEncoding gzip svgz
-
-# Webfonts
-AddType application/vnd.ms-fontobject eot
-AddType application/x-font-ttf ttf ttc
-AddType font/opentype otf
-AddType application/x-font-woff woff
-
-# Assorted types
-AddType image/x-icon ico
-AddType image/webp webp
-AddType text/cache-manifest appcache manifest
-AddType text/x-component htc
-AddType application/x-chrome-extension crx
-AddType application/x-xpinstall xpi
-AddType application/octet-stream safariextz
-AddType text/x-vcard vcf
-
-
-
-# ----------------------------------------------------------------------
-# Allow concatenation from within specific js and css files
-# ----------------------------------------------------------------------
-
-# e.g. Inside of script.combined.js you could have
-# <!--#include file="libs/jquery-1.5.0.min.js" -->
-# <!--#include file="plugins/jquery.idletimer.js" -->
-# and they would be included into this single file.
-
-# This is not in use in the boilerplate as it stands. You may
-# choose to name your files in this way for this advantage or
-# concatenate and minify them manually.
-# Disabled by default.
-
-#<FilesMatch "\.combined\.js$">
-# Options +Includes
-# AddOutputFilterByType INCLUDES application/javascript application/json
-# SetOutputFilter INCLUDES
-#</FilesMatch>
-#<FilesMatch "\.combined\.css$">
-# Options +Includes
-# AddOutputFilterByType INCLUDES text/css
-# SetOutputFilter INCLUDES
-#</FilesMatch>
-
-
-# ----------------------------------------------------------------------
-# Gzip compression
-# ----------------------------------------------------------------------
-
-<IfModule mod_deflate.c>
-
-# Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
-<IfModule mod_setenvif.c>
- <IfModule mod_headers.c>
- SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
- RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
- </IfModule>
-</IfModule>
-
-# HTML, TXT, CSS, JavaScript, JSON, XML, HTC:
-<IfModule filter_module>
- FilterDeclare COMPRESS
- FilterProvider COMPRESS DEFLATE resp=Content-Type $text/html
- FilterProvider COMPRESS DEFLATE resp=Content-Type $text/css
- FilterProvider COMPRESS DEFLATE resp=Content-Type $text/plain
- FilterProvider COMPRESS DEFLATE resp=Content-Type $text/xml
- FilterProvider COMPRESS DEFLATE resp=Content-Type $text/x-component
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/javascript
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/json
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xml
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xhtml+xml
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/rss+xml
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/atom+xml
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/vnd.ms-fontobject
- FilterProvider COMPRESS DEFLATE resp=Content-Type $image/svg+xml
- FilterProvider COMPRESS DEFLATE resp=Content-Type $image/x-icon
- FilterProvider COMPRESS DEFLATE resp=Content-Type $application/x-font-ttf
- FilterProvider COMPRESS DEFLATE resp=Content-Type $font/opentype
- FilterChain COMPRESS
- FilterProtocol COMPRESS DEFLATE change=yes;byteranges=no
-</IfModule>
-
-<IfModule !mod_filter.c>
- # Legacy versions of Apache
- AddOutputFilterByType DEFLATE text/html text/plain text/css application/json
- AddOutputFilterByType DEFLATE application/javascript
- AddOutputFilterByType DEFLATE text/xml application/xml text/x-component
- AddOutputFilterByType DEFLATE application/xhtml+xml application/rss+xml application/atom+xml
- AddOutputFilterByType DEFLATE image/x-icon image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype
-</IfModule>
-</IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# Expires headers (for better cache control)
-# ----------------------------------------------------------------------
-
-# These are pretty far-future expires headers.
-# They assume you control versioning with cachebusting query params like
-# <script src="application.js?20100608">
-# Additionally, consider that outdated proxies may miscache
-# www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
-
-# If you don't use filenames to version, lower the CSS and JS to something like
-# "access plus 1 week" or so.
-
-<IfModule mod_expires.c>
- ExpiresActive on
-
-# Perhaps better to whitelist expires rules? Perhaps.
- ExpiresDefault "access plus 1 month"
-
-# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
- ExpiresByType text/cache-manifest "access plus 0 seconds"
-
-# Your document html
- ExpiresByType text/html "access plus 0 seconds"
-
-# Data
- ExpiresByType text/xml "access plus 0 seconds"
- ExpiresByType application/xml "access plus 0 seconds"
- ExpiresByType application/json "access plus 0 seconds"
-
-# Feed
- ExpiresByType application/rss+xml "access plus 1 hour"
- ExpiresByType application/atom+xml "access plus 1 hour"
-
-# Favicon (cannot be renamed)
- ExpiresByType image/x-icon "access plus 1 week"
-
-# Media: images, video, audio
- ExpiresByType image/gif "access plus 1 month"
- ExpiresByType image/png "access plus 1 month"
- ExpiresByType image/jpg "access plus 1 month"
- ExpiresByType image/jpeg "access plus 1 month"
- ExpiresByType video/ogg "access plus 1 month"
- ExpiresByType audio/ogg "access plus 1 month"
- ExpiresByType video/mp4 "access plus 1 month"
- ExpiresByType video/webm "access plus 1 month"
-
-# HTC files (css3pie)
- ExpiresByType text/x-component "access plus 1 month"
-
-# Webfonts
- ExpiresByType font/truetype "access plus 1 month"
- ExpiresByType font/opentype "access plus 1 month"
- ExpiresByType application/x-font-woff "access plus 1 month"
- ExpiresByType image/svg+xml "access plus 1 month"
- ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
-
-# CSS and JavaScript
- ExpiresByType text/css "access plus 1 year"
- ExpiresByType application/javascript "access plus 1 year"
-
- <IfModule mod_headers.c>
- Header append Cache-Control "public"
- </IfModule>
-
-</IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# ETag removal
-# ----------------------------------------------------------------------
-
-# FileETag None is not enough for every server.
-<IfModule mod_headers.c>
- Header unset ETag
-</IfModule>
-
-# Since we're sending far-future expires, we don't need ETags for
-# static content.
-# developer.yahoo.com/performance/rules.html#etags
-FileETag None
-
-
-
-# ----------------------------------------------------------------------
-# Stop screen flicker in IE on CSS rollovers
-# ----------------------------------------------------------------------
-
-# The following directives stop screen flicker in IE on CSS rollovers - in
-# combination with the "ExpiresByType" rules for images (see above). If
-# needed, un-comment the following rules.
-
-# BrowserMatch "MSIE" brokenvary=1
-# BrowserMatch "Mozilla/4.[0-9]{2}" brokenvary=1
-# BrowserMatch "Opera" !brokenvary
-# SetEnvIf brokenvary 1 force-no-vary
-
-
-
-# ----------------------------------------------------------------------
-# Cookie setting from iframes
-# ----------------------------------------------------------------------
-
-# Allow cookies to be set from iframes (for IE only)
-# If needed, uncomment and specify a path or regex in the Location directive
-
-# <IfModule mod_headers.c>
-# <Location />
-# Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
-# </Location>
-# </IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# Start rewrite engine
-# ----------------------------------------------------------------------
-
-# Turning on the rewrite engine is necessary for the following rules and features.
-# FollowSymLinks must be enabled for this to work.
-
-<IfModule mod_rewrite.c>
- Options +FollowSymlinks
- RewriteEngine On
-</IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# Suppress or force the "www." at the beginning of URLs
-# ----------------------------------------------------------------------
-
-# The same content should never be available under two different URLs - especially not with and
-# without "www." at the beginning, since this can cause SEO problems (duplicate content).
-# That's why you should choose one of the alternatives and redirect the other one.
-
-# By default option 1 (no "www.") is activated. Remember: Shorter URLs are sexier.
-# no-www.org/faq.php?q=class_b
-
-# If you rather want to use option 2, just comment out all option 1 lines
-# and uncomment option 2.
-# IMPORTANT: NEVER USE BOTH RULES AT THE SAME TIME!
-
-# ----------------------------------------------------------------------
-
-# Option 1:
-# Rewrite "www.example.com -> example.com"
-
-<IfModule mod_rewrite.c>
- RewriteCond %{HTTPS} !=on
- RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
- RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
-</IfModule>
-
-# ----------------------------------------------------------------------
-
-# Option 2:
-# To rewrite "example.com -> www.example.com" uncomment the following lines.
-# Be aware that the following rule might not be a good idea if you
-# use "real" subdomains for certain parts of your website.
-
-# <IfModule mod_rewrite.c>
-# RewriteCond %{HTTPS} !=on
-# RewriteCond %{HTTP_HOST} !^www\..+$ [NC]
-# RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
-# </IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# Built-in filename-based cache busting
-# ----------------------------------------------------------------------
-
-# If you're not using the build script to manage your filename version revving,
-# you might want to consider enabling this, which will route requests for
-# /css/style.20110203.css to /css/style.css
-
-# To understand why this is important and a better idea than all.css?v1231,
-# read: github.com/paulirish/html5-boilerplate/wiki/Version-Control-with-Cachebusting
-
-# Uncomment to enable.
-# <IfModule mod_rewrite.c>
-# RewriteCond %{REQUEST_FILENAME} !-f
-# RewriteCond %{REQUEST_FILENAME} !-d
-# RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpg|gif)$ $1.$3 [L]
-# </IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# Prevent SSL cert warnings
-# ----------------------------------------------------------------------
-
-# Rewrite secure requests properly to prevent SSL cert warnings, e.g. prevent
-# https://www.example.com when your cert only allows https://secure.example.com
-# Uncomment the following lines to use this feature.
-
-# <IfModule mod_rewrite.c>
-# RewriteCond %{SERVER_PORT} !^443
-# RewriteRule ^ https://example-domain-please-change-me.com%{REQUEST_URI} [R=301,L]
-# </IfModule>
-
-
-
-# ----------------------------------------------------------------------
-# Prevent 404 errors for non-existing redirected folders
-# ----------------------------------------------------------------------
-
-# without -MultiViews, Apache will give a 404 for a rewrite if a folder of the same name does not exist
-# e.g. /blog/hello : webmasterworld.com/apache/3808792.htm
-
-Options -MultiViews
-
-
-
-# ----------------------------------------------------------------------
-# Custom 404 page
-# ----------------------------------------------------------------------
-
-# You can add custom pages to handle 500 or 403 pretty easily, if you like.
-ErrorDocument 404 /404.html
-
-
-
-# ----------------------------------------------------------------------
-# UTF-8 encoding
-# ----------------------------------------------------------------------
-
-# Use UTF-8 encoding for anything served text/plain or text/html
-AddDefaultCharset utf-8
-
-# Force UTF-8 for a number of file formats
-AddCharset utf-8 .html .css .js .xml .json .rss .atom
-
-
-
-# ----------------------------------------------------------------------
-# A little more security
-# ----------------------------------------------------------------------
-
-
-# Do we want to advertise the exact version number of Apache we're running?
-# Probably not.
-## This can only be enabled if used in httpd.conf - It will not work in .htaccess
-# ServerTokens Prod
-
-
-# "-Indexes" will have Apache block users from browsing folders without a default document
-# Usually you should leave this activated, because you shouldn't allow everybody to surf through
-# every folder on your server (which includes rather private places like CMS system folders).
-<IfModule mod_autoindex.c>
- Options -Indexes
-</IfModule>
-
-
-# Block access to "hidden" directories whose names begin with a period. This
-# includes directories used by version control systems such as Subversion or Git.
-<IfModule mod_rewrite.c>
- RewriteRule "(^|/)\." - [F]
-</IfModule>
-
-
-# If your server is not already configured as such, the following directive
-# should be uncommented in order to set PHP's register_globals option to OFF.
-# This closes a major security hole that is abused by most XSS (cross-site
-# scripting) attacks. For more information: http://php.net/register_globals
-#
-# IF REGISTER_GLOBALS DIRECTIVE CAUSES 500 INTERNAL SERVER ERRORS :
-#
-# Your server does not allow PHP directives to be set via .htaccess. In that
-# case you must make this change in your php.ini file instead. If you are
-# using a commercial web host, contact the administrators for assistance in
-# doing this. Not all servers allow local php.ini files, and they should
-# include all PHP configurations (not just this one), or you will effectively
-# reset everything to PHP defaults. Consult www.php.net for more detailed
-# information about setting PHP directives.
-
-# php_flag register_globals Off
-
-# Rename session cookie to something else, than PHPSESSID
-# php_value session.name sid
-
-# Do not show you are using PHP
-# Note: Move this line to php.ini since it won't work in .htaccess
-# php_flag expose_php Off
-
-# Level of log detail - log all errors
-# php_value error_reporting -1
-
-# Write errors to log file
-# php_flag log_errors On
-
-# Do not display errors in browser (production - Off, development - On)
-# php_flag display_errors Off
-
-# Do not display startup errors (production - Off, development - On)
-# php_flag display_startup_errors Off
-
-# Format errors in plain text
-# Note: Leave this setting 'On' for xdebug's var_dump() output
-# php_flag html_errors Off
-
-# Show multiple occurrence of error
-# php_flag ignore_repeated_errors Off
-
-# Show same errors from different sources
-# php_flag ignore_repeated_source Off
-
-# Size limit for error messages
-# php_value log_errors_max_len 1024
-
-# Don't precede error with string (doesn't accept empty string, use whitespace if you need)
-# php_value error_prepend_string " "
-
-# Don't prepend to error (doesn't accept empty string, use whitespace if you need)
-# php_value error_append_string " "
-
-# Increase cookie security
-<IfModule php5_module>
- php_value session.cookie_httponly true
-</IfModule>
-
-#<IfModule mod_rewrite.c>
-#RewriteEngine On
-#RewriteRule ^rss$ /feed.xml/ [R=301]
-#RewriteRule ^logg$ / [R=301]
-#</IfModule>
-RewriteRule ^rss$ /feed.xml [R=301]
-RewriteRule ^logg$ http://%{SERVER_NAME} [R=301]
View
0  LICENSE
No changes.
View
3  _config.yml
@@ -1,4 +1,5 @@
permalink: /:title
pygments: true
+destination: ./.build
-exclude: ['Gruntfile.js', 'package.json', 'node_modules', 'scss', 'docs', 'compass.rb']
+exclude: ['gulpfile.js', 'package.json', 'node_modules', 'docs', 'config.rb']
View
13 _includes/_analytics.html
@@ -1,13 +0,0 @@
-<script>
-if (window.location.host !== 'localhost:4000') {
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-1391111-4']);
- _gaq.push(['_trackPageview']);
-
- (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);
- })();
-}
-</script>
View
25 _includes/_archive-listing.html
@@ -1,25 +0,0 @@
-<h2>Posts</h2>
-
-<ul>
-{% for post in site.posts %}
-{% if post.layout == 'post' %}
-<li>
-<a href="{{ post.url }}">{{ post.title }}</a>
-<span><time datetime="{{post.date | date: '%Y-%m-%d'}}">{{ post.date | date: '%b %d %Y' }}</time></span>
-</li>
-{% endif %}
-{% endfor %}
-</ul>
-
-<h2>Links</h2>
-
-<ul>
-{% for post in site.posts %}
-{% if post.layout == 'link' %}
-<li>
-<a href="{{ post.url }}">{{ post.title }}</a>
-<span><time datetime="{{post.date | date: '%Y-%m-%d'}}">{{ post.date | date: '%b %d %Y' }}</time></span>
-</li>
-{% endif %}
-{% endfor %}
-</ul>
View
37 _includes/_listing.html
@@ -1,37 +0,0 @@
-{% if post.layout == 'link' %}
-<li class="link">
-
-<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
-
-<p class="posted"><time datetime="{{ post.date | date: '%Y-%m-%d %H:%M' }}" pubdate>{{ post.date | date: '%d %b %Y' }}</time></p>
-
-<div class="link-description">
-{{ post.content | textilize }}
-</div>
-
-<p class="link-url">
-<a href="{{ post.link }}">{{ post.title }} »</a>
-</p>
-
-</li>
-{% endif %}
-
-{% if post.layout == 'post' %}
-<li class="post">
-
-<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
-
-<p class="posted"><time datetime="{{ post.date | date: '%Y-%m-%d %H:%M' }}" pubdate>{{ post.date | date: '%d %b %Y' }}</time></p>
-
-{% if post.excerpt %}
-<div class="post-excerpt">
-{{ post.excerpt | textilize }}
-</div>
-
-<p class="post-read-more">
-<a href="{{ post.url }}">Read the rest...</a>
-</p>
-{% endif %}
-
-</li>
-{% endif %}
View
127 _layouts/default.html
@@ -1,6 +1,7 @@
<!doctype html>
<html lang="en">
<head>
+
<meta charset="utf-8">
{% if page.page-home %}
<title>Carl Räfting</title>
@@ -12,14 +13,12 @@
<meta http-equiv="refresh" content="0; url={{ page.redirect }}">
<link rel="canonical" href="{{ page.redirect }}">
{% endif %}
-<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700" media="all">
<!-- You can find unminified version here: http://carlrafting.com/css/global.css -->
-<link rel="stylesheet" href="/css/global.min.css" media="all">
+<!-- <link rel="stylesheet" href="/css/global.css"> -->
+<link rel="stylesheet" href="/css/global.min.css">
<link rel="alternate" type="application/atom+xml" href="http://feeds.feedburner.com/carlrafting" title="RSS-Feed — Carl Räfting">
<link rel="shortcut icon" href="/favicon.ico">
-<script src="/mint/?js"></script>
-<script src="//use.typekit.net/ifu1lpm.js"></script>
-<script>try{Typekit.load();}catch(e){}</script>
+
</head>
{% if page.page-home %}
<body class="page-home">
@@ -28,15 +27,13 @@
{% endif %}
<div class="header" role="banner" id="page-top">
-
-<a class="go-to-footer" href="#page-bottom">Navigation</a>
+ <a class="go-to-footer" href="#page-bottom">Navigation</a>
{% if page.page-home %}
-<h1><a class="header-title" href="/"><span>Carl Räfting</span></a></h1>
+ <h1><a class="header-title" href="/"><span>Carl Räfting</span></a></h1>
{% else %}
-<a class="header-title" href="/"><span>Carl Räfting</span></a>
+ <a class="header-title" href="/"><span>Carl Räfting</span></a>
{% endif %}
-
</div>
<!-- //.header -->
@@ -52,21 +49,18 @@
<!-- //.content -->
<div class="search">
-
-<div class="content">
-
-<h3><label for="q">Search</label></h3>
-
-<form action="http://google.com/cse">
-<input type="hidden" name="cx" value="003981612103502930183:i5dsqip22mu">
-<input type="hidden" name="ie" value="UTF-8">
-<input type="text" id="q" name="q" size="40" placeholder="jekyll, web development, javascript, textpattern, etc...">
-<button type="submit" name="sa">Go</button>
-</form>
-
-</div>
-<!-- //.content -->
-
+ <div class="content">
+
+ <h3><label for="q">Search</label></h3>
+
+ <form action="http://google.com/cse">
+ <input type="hidden" name="cx" value="003981612103502930183:i5dsqip22mu">
+ <input type="hidden" name="ie" value="UTF-8">
+ <input type="text" id="q" name="q" size="40" placeholder="jekyll, web development, javascript, textpattern, etc...">
+ <button type="submit" name="sa">Go</button>
+ </form>
+ </div>
+ <!-- //.content -->
</div>
<!-- //.search -->
@@ -76,20 +70,79 @@
<hr>
<div class="footer" role="contentinfo" id="page-bottom">
-
-<p class="copyright"><small>&copy; 2006 - {{ site.time | date: '%Y' }} Carl Räfting.</small></p>
-
-<div class="footer-copy" role="navigation">
-<p>Find out more <a href="/about/">about this site</a>. Browse older posts <a href="/archive/">in the archive</a>.</p>
-<p>Subscribe to the <a href="http://feeds.feedburner.com/carlrafting">RSS-feed</a> for <a href="/">carlrafting.com</a>.</p>
-<p>Go to <a class="go-back-up" href="#page-top">page top</a>.</p>
-</div>
-
+ <p class="copyright"><small>&copy; 2006 - {{ site.time | date: '%Y' }} Carl Räfting.</small></p>
+
+ <div class="footer-copy" role="navigation">
+ <p>Find out more <a href="/about/">about this site</a>. Browse older posts <a href="/archive/">in the archive</a>.</p>
+ <p>Subscribe to the <a href="http://feeds.feedburner.com/carlrafting">RSS-feed</a> for <a href="/">carlrafting.com</a>.</p>
+ <ul>
+ <li><a href="/styleguide">Style guide</a></li>
+ <li><a href="https://github.com/carlrafting/carlrafting.github.io">Source</a></li>
+ </ul>
+ <p>Go to <a class="go-back-up" href="#page-top">page top</a>.</p>
+ </div>
</div>
<!-- //.footer -->
-{% include _analytics.html %}
-<script src="/js/global.js"></script>
+<script>
+(function (global) {
+ var modules = {};
+
+ global.modules = modules;
+}(this));
+</script>
+<script>
+ WebFontConfig = {
+ typekit: { id: 'ifu1lpm' }
+ };
+
+ (function() {
+ var wf = document.createElement('script');
+ wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+ '://ajax.googleapis.com/ajax/libs/webfont/1.5.0/webfont.js';
+ wf.type = 'text/javascript';
+ wf.async = 'true';
+ var s = document.getElementsByTagName('script')[0];
+ s.parentNode.insertBefore(wf, s);
+ })();
+</script>
+<script>
+(function (global) {
+ if (window.location.host !== 'carlrafting.dev') {
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-1391111-4']);
+ _gaq.push(['_trackPageview']);
+
+ (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);
+ })();
+ }
+}(this));
+</script>
+<script>
+(function (global, d, modules) {
+ var host = global.location.host;
+
+ if (host === 'carlrafting.dev') {
+ var config = {
+ port: 4444
+ },
+ livereload = d.createElement('script');
+ livereload.src = "//localhost:" + config.port + "/livereload.js";
+
+ // d.body.appendChild(livereload);
+
+ modules.livereload = livereload;
+ }
+}(this, this.document, this.modules));
+</script>
+<script>
+(function (global, modules) {
+ console.log(modules);
+}(this, this.modules));
+</script>
</body>
-</html>
+</html>
View
6 _layouts/link.html
@@ -2,12 +2,8 @@
layout: default
---
-<h1>{{ page.title }}</h1>
+<h1 class="link-heading"><a href="{{ page.link }}">{{ page.title }}</a></h1>
{{ content }}
-<div class="link">
-<a href="{{ page.link }}">{{ page.title }}</a>
-</div>
-
{% include _postdate.html %}
View
4 _posts/2010-12-06-learning-git.textile
@@ -1,4 +1,4 @@
----
+---
layout: post
title: Learning Git
---
@@ -13,4 +13,4 @@ Here’s some helpful links to get started with Git.
* "Git in one hour":http://video.linuxfoundation.org/video/1516 Pretty good, but a bit hard to keep up with.
* "Git Reference":http://gitref.org/ A good reference if you get stuck.
-Don’t be discouraged if you don’t understand everything right away, i certainly don’t, just try to get the basics right and that should work for you.
+Don’t be discouraged if you don’t understand everything right away, i certainly don’t, just try to get the basics right and that should work for you.
View
6 _posts/2011-11-09-media-queries-and-mobile-devices.textile
@@ -6,16 +6,16 @@ title: A note on media-queries and mobile devices
---
These days, there is a lot of talk about reponsive design and mobile/content first. While i think we can agree on that these strategies isn't entirely bulletproof (yet!), they have a ceratin appeal and can be fairly easy to implement and use today. I do believe that this approach is better than making a mobile version of a website, but that is probably necessary sometimes.
-h2. The issue
+<hr class="divider">
I stumbled upon an issue when i was working on a web-application the other day. I had just finished the design in photoshop and then i built the templates in html/css. I should point out that this was the _desktop_ version of the design. Later on i wanted to make it look good on mobile devices as well, so i set up a media query in the stylesheet to cover the design changes for those kinds of devices.
The issue appeared to me at this stage of the process, the mobile devices would need to download the extra set of styles to reset the _desktop_ styles. This is a bit of an issue, since when we talk about mobile, we asume that the device has significantly less bandwith than a desktop computer. That's not necessarily true *all* the time but it _can_ be most of the time, if one is on a bus-commute for example.
-h2. Mobile-first
+<hr class="divider">
So that is where mobile first comes in, the problem however has to do with when one would build templates from a photoshop design that covers the "desktop" version. It is a bit hard to develop with the mobile first approach in this case, since the templates has to match the original design as close as possible (That doesn't mean it has to be pixel perfect or even look exactly the same in all browsers).
-h2. Conclusion
+<hr class="divider">
So i tought about this some more… And finally i came to the conclusion that the best way for me was to reset the desktop styles on mobile devices (and narrower viewports), since i wanted to keep them separate from each other (easier to maintain). This means however that mobile devices do indeed get a bit heavier stylesheet than what's necessary, but on the other hand, there's no extra http request needed. This certainly isn't the most perfect solution, but at this stage in the development process it was the best way to do it.
View
2  _posts/2012-04-30-designgrid-a-grid-tool-for-fluid-grids.textile
@@ -6,7 +6,7 @@ title: "designGrid — A grid-tool for fluid grids"
Last <time datetime="2012-04-22">Sunday</time> i set out to tackle an issue i had. The issue was that i didn’t really know how to design with fluid grids in a good way. Every since i started designing in a responsive manner, i had almost abandoned grids completely, but sometimes there where a need for order but i didn't have a tool that could help me out.
-Before i used "#grid":http://hashgrid.com, by the folks at "Analog":http://analog.coop, to make sure my design followed the grid, but then responsive web design and fluid grids came along, and it didn't work out anymore. I needed something that was more suitable toward responsive designs. This is my attempt. A first step.
+Previously i used "#grid":http://hashgrid.com, by the folks at "Analog":http://analog.coop, to make sure my design followed the grid, but then responsive web design and fluid grids came along, and it didn't work out anymore. I needed something that was more suitable toward responsive designs. This is my attempt. A first step.
My goal was to get something out there as quickly as possible, and worry about optimization and performance later. All in all i spent about a week to get to where i am now, i designed the grid layout and some basic script functionality the first day. Following days was spent on code for generating a baseline grid and columns.
View
10 about.textile
@@ -10,19 +10,15 @@ p(lead). My name is Carl Räfting and i’m currently spending my time studying
h2. Computer Setup & Software
-The computer of choice is a "Apple 13'' MacBook":http://support.apple.com/kb/sp500 with the aluminum unibody, often used in clamshell mode attached to a "24'' LED Cinema Display":http://support.apple.com/kb/sp502. Design exploring happens in Adobe Photoshop, markup and styles are mostly written in "Coda":http://panic.com/coda/ but i also use "Espresso":http://macrabbit.com/espresso/ a lot.
+The computer of choice is a "Apple 13'' MacBook":http://support.apple.com/kb/sp500 with the aluminum unibody, often used in clamshell mode attached to a "24'' LED Cinema Display":http://support.apple.com/kb/sp502. Design exploring happens in Adobe Photoshop, markup and styles are written in "TextMate 2":https://github.com/textmate/textmate.
h2. Technology
-This site is HTML5 ready and uses some HTML5 attributes. Stylesheets are developed using "Sass":http://sass-lang.com/ and "Compass":http://compass-style.org/. The stylesheets uses some properties found in the CSS3 specification. This site is generated with "Jekyll":http://jekyllrb.com and is basically just static files hosted on a VPS at "Glesys":http://www.glesys.se/vps.php.
+Stylesheets are developed using "Sass":http://sass-lang.com/ and "Compass":http://compass-style.org/. This site is generated with "Jekyll":http://jekyllrb.com and is basically just static files hosted on "Github Pages":http://pages.github.com.
h2. Typefaces
-There are four different typfaces in use on this website. Headings are set in the beautiful *Adelle Web* served via "Typekit":https://typekit.com/. The body text is set in *PT Sans*, served via "Google Fonts":http://www.google.com/fonts/. Code samples are set in *Menlo* on Mac and *Monaco* or *Courier New* on other platforms and devices. Text that is emphasised is set in *Baskerville Italic*.
-
-h2. Style guide
-
-If you want, you can have a "look at the style guide":/styleguide/ i use for this site.
+There are four different typfaces in use on this website. Headings are set in the beautiful *Adelle Web* served via "Typekit":https://typekit.com/. The body text is set in *Avenir Next*, if you have it installed, otherwise, Helvetica Neue or Arial. Code samples are set in *Menlo* on Mac and *Monaco* or *Courier New* on other platforms and devices.
h2. Web services
View
11 archive.html
@@ -8,12 +8,13 @@
<p class="lead">This is where you'll find every post and every link ever posted on this site since 2010. There are currently <strong>{{ site.posts.size }}</strong> posts & links. If you're looking for any particular post, <a href="#q">try searching for it</a>.</p>
-<ul class="posts-listing">
+<ol>
{% for post in site.posts %}
-{% include _listing.html %}
+<li>
+ <a href="{{ post.url }}">{{ post.title }}</a>,
+ <span>{{ post.date | date: '%Y-%m-%d' }}</span>
+</li>
{% endfor %}
-</ul>
-
-
+</ol>
View
490 css/global.css
@@ -1,16 +1,17 @@
+@charset "UTF-8";
/* @group elements */
html {
overflow-y: scroll;
- font-size: 100%;
+ font-size: 62.5%;
}
body {
- font: 1em/1.5 "PT Sans", "Helvetica Neue", Arial, sans-serif;
- -webkit-font-smoothing: antialiased;
+ font: 2em/1.5 "Avenir Next", "Helvetica Neue", Arial, sans-serif;
color: #55757e;
background: #d7e0e2;
position: relative;
margin: 0;
+ -webkit-font-smoothing: antialiased;
}
img {
@@ -20,10 +21,157 @@ img {
vertical-align: middle;
}
-small {
- font-size: .75em;
+/* @group selection */
+::-moz-selection {
+ color: #efc5c6;
+ background: #c21720;
+ text-shadow: none;
+}
+
+::selection {
+ color: #efc5c6;
+ background: #c21720;
+ text-shadow: none;
+}
+
+/* @end selection */
+/* @group links */
+a {
+ color: #c5171a;
+ text-decoration: none;
+ border-bottom: 2px solid #f0c5c6;
+ outline: none;
+}
+a:hover, a:focus {
+ color: #ae151d;
+ border-color: #ae151d;
+}
+a:active {
+ color: #600a0f;
+ border-color: #600a0f;
+}
+
+/* @end links */
+/* @group tables */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* @end tables */
+/* @group forms */
+.search {
+ padding-top: 3em;
+}
+
+button,
+input,
+select,
+textarea {
+ color: #444;
+ background: #fff;
+ font-size: 1em;
+ /* line-height: 1.5; */
+ font-family: inherit;
+}
+
+/* We love applying fixes to specific browsers! */
+button::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+input[type="text"],
+input[type="search"],
+input[type="password"] {
+ color: #56757d;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ max-width: 100%;
+ margin: 0;
+ padding: .25em;
+ background: #d7e0e2;
+ -webkit-appearance: none;
+ border: 1px solid #b0c1c6;
+ border-radius: 0;
+ outline: none;
+ -webkit-box-shadow: #b0c1c6 0 2px 4px inset;
+ -moz-box-shadow: #b0c1c6 0 2px 4px inset;
+ box-shadow: #b0c1c6 0 2px 4px inset;
+}
+input[type="text"]:focus,
+input[type="search"]:focus,
+input[type="password"]:focus {
+ background: #fff;
+ -webkit-box-shadow: #d7e0e2 0 2px 4px inset;
+ -moz-box-shadow: #d7e0e2 0 2px 4px inset;
+ box-shadow: #d7e0e2 0 2px 4px inset;
+ border-color: #61828b;
+}
+.search input[type="text"], .search
+input[type="search"], .search
+input[type="password"] {
+ width: 75%;
+ float: left;
+}
+@media screen and (min-width: 30em) {
+ .search input[type="text"], .search
+ input[type="search"], .search
+ input[type="password"] {
+ width: 90%;
+ }
+}
+
+.search input[type="text"]::-webkit-input-placeholder {
+ color: #b0c1c6;
+}
+.search input[type="text"]:focus::-webkit-input-placeholder {
+ color: transparent;
}
+button,
+input[type="submit"] {
+ margin: 0;
+ background: #61828b;
+ border: 1px solid #61828b;
+ color: #fff;
+ padding: .25em .75em;
+}
+button:active,
+input[type="submit"]:active {
+ color: #d7e0e2;
+ background: #56757d;
+ border-color: #56757d;
+}
+.search button, .search
+input[type="submit"] {
+ width: 25%;
+ float: left;
+ margin-left: -1px;
+}
+@media screen and (min-width: 30em) {
+ .search button, .search
+ input[type="submit"] {
+ width: 10%;
+ }
+}
+
+button[disabled],
+input[disabled] {
+ cursor: not-allowed;
+}
+
+/* @end forms */
+/* @end elements */
+/* @group misc */
+.hidden {
+ display: block;
+ visibility: hidden;
+ height: 0;
+}
+
+/* @end misc */
strong,
b,
dt {
@@ -40,12 +188,12 @@ dfn {
}
small {
- font-size: .85em;
+ font-size: .8em;
}
sub,
sup {
- font-size: .75em;
+ font-size: .6em;
line-height: 0;
position: relative;
vertical-align: baseline;
@@ -121,21 +269,21 @@ hr {
hr.divider {
display: block;
border: 0;
- height: 0;
- margin-bottom: 3em;
+ margin: 0 0 3em;
+ height: 1.5em;
}
hr.divider::after {
display: block;
text-align: center;
font-size: 2em;
- content: '* * *';
- padding-bottom: 3em;
+ content: '···';
+ color: #999;
}
.lead {
- font-size: 1.25em;
- line-height: 1.4;
- margin-bottom: 2.8em;
+ font-size: 1.2em;
+ line-height: 1.4166666666666667;
+ margin-bottom: 2.5em;
}
/* @group headings */
@@ -145,23 +293,25 @@ h3,
h4,
h5,
h6 {
+ color: #444;
text-rendering: optimizeLegibility;
}
h1 {
+ font-family: adelle-1, "AdelleBasic-BoldItalic", "Adelle Basic", "Helvetica Neue", Arial, sans-serif;
font-size: 2em;
/* 32/16 */
- line-height: 1.25;
+ line-height: 1.2;
/* 40/32 */
font-weight: bold;
font-style: italic;
- font-family: adelle-1, "AdelleBasic-BoldItalic", "Adelle Basic", "Helvetica Neue", Arial, sans-serif;
margin: 0 0 1em;
text-align: center;
}
@media screen and (min-width: 40em) {
h1 {
font-size: 3em;
+ line-height: 1;
}
}
@@ -177,7 +327,7 @@ h2 {
/* 24/16 */
line-height: 1.25;
/* 30/24 */
- margin-bottom: .5em;
+ margin: 0 0 .5em;
text-align: center;
}
@@ -194,52 +344,10 @@ h3 {
}
/* @end headings */
-/* @group shared */
-p,
-ul,
-ol,
-dl,
-form,
-pre {
- margin: 0 0 1.5em;
-}
-
-/* @end shared */
-/* @group selection */
-::-moz-selection {
- color: #efc5c6;
- background: #c21720;
- text-shadow: none;
-}
-
-::selection {
- color: #efc5c6;
- background: #c21720;
- text-shadow: none;
-}
-
-/* @end selection */
-/* @group links */
-a {
- color: #c5171a;
- text-decoration: none;
- border-bottom: 2px solid #f0c5c6;
- outline: none;
-}
-a:hover, a:focus {
- color: #ae151d;
- border-color: #ae151d;
-}
-a:active {
- color: #600a0f;
- border-color: #600a0f;
-}
-
-/* @end links */
/* @group quotes */
blockquote {
border-left: 4px solid #c21720;
- color: #848484;
+ color: #989898;
margin: 0;
padding: 0 0 0 1em;
}
@@ -259,118 +367,17 @@ q:before, q:after {
}
/* @end quotes */
-/* @group tables */
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-/* @end tables */
-/* @group forms */
-.search {
- padding-top: 3em;
-}
-
-button,
-input,
-select,
-textarea {
- color: #444;
- background: #fff;
- font-size: 1em;
- /* line-height: 1.5; */
- font-family: inherit;
-}
-
-/* We love applying fixes to specific browsers! */
-button::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-input[type="text"],
-input[type="search"],
-input[type="password"] {
- color: #56757d;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- max-width: 100%;
- margin: 0;
- padding: .25em;
- background: #d7e0e2;
- -webkit-appearance: none;
- border: 1px solid #b0c1c6;
- border-radius: 0;
- outline: none;
- -webkit-box-shadow: #b0c1c6 0 2px 4px inset;
- -moz-box-shadow: #b0c1c6 0 2px 4px inset;
- box-shadow: #b0c1c6 0 2px 4px inset;
-}
-input[type="text"]:focus,
-input[type="search"]:focus,
-input[type="password"]:focus {
- background: #fff;
- -webkit-box-shadow: #d7e0e2 0 2px 4px inset;
- -moz-box-shadow: #d7e0e2 0 2px 4px inset;
- box-shadow: #d7e0e2 0 2px 4px inset;
- border-color: #61828b;
-}
-.search input[type="text"], .search
-input[type="search"], .search
-input[type="password"] {
- width: 75%;
- float: left;
-}
-@media screen and (min-width: 30em) {
- .search input[type="text"], .search
- input[type="search"], .search
- input[type="password"] {
- width: 90%;
- }
-}
-
-.search input[type="text"]::-webkit-input-placeholder {
- color: #b0c1c6;
-}
-.search input[type="text"]:focus::-webkit-input-placeholder {
- color: transparent;
-}
-
-button,
-input[type="submit"] {
- margin: 0;
- background: #61828b;
- border: 1px solid #61828b;
- color: #fff;
- padding: .25em .75em;
-}
-button:active,
-input[type="submit"]:active {
- color: #d7e0e2;
- background: #56757d;
- border-color: #56757d;
-}
-.search button, .search
-input[type="submit"] {
- width: 25%;
- float: left;
- margin-left: -1px;
-}
-@media screen and (min-width: 30em) {
- .search button, .search
- input[type="submit"] {
- width: 10%;
- }
-}
-
-button[disabled],
-input[disabled] {
- cursor: not-allowed;
+/* @group shared */
+p,
+ul,
+ol,
+dl,
+form,
+pre {
+ margin: 0 0 1.5em;
}
-/* @end forms */
-/* @end elements */
+/* @end shared */
/* @group header */
.header {
color: #fff;
@@ -458,12 +465,11 @@ input[disabled] {
/* @end header */
/* @group main */
.main {
- color: #444;
+ color: #666;
background: #fff;
padding: 3em 0;
margin-bottom: -10px;
border-bottom: 10px solid #b0c1c6;
- font-size: 125%;
}
.content {
@@ -475,40 +481,57 @@ input[disabled] {
position: relative;
}
-.posted {
- font-style: italic;
- display: block;
- color: #808080;
+/* @end main */
+/* @group footer */
+.footer {
text-align: center;
- margin-bottom: .5em;
+ padding: 0 0 1em;
}
-
-.posted::before,
-.posted::after {
- content: '~';
+.footer a {
+ color: #56757d;
+ border-color: #b0c1c6;
+ outline: none;
}
-
-.posted::before {
- margin-right: .25em;
+.footer a:hover, .footer a:focus {
+ border-color: #56757d;
+}
+.footer a:active {
+ color: #304146;
+ border-color: #304146;
}
-.posted::after {
- margin-left: .25em;
+.footer-copy p,
+.footer-copy ul {
+ font-size: .8em;
+ margin: 0 0 1em;
}
-.posts-listing {
- list-style: none;
+.copyright {
+ width: 16em;
+ margin: auto;
+ /* border-top: 10px solid #b0c1c6; */
+ border-top: 10px solid #88a1a9;
+ padding: 1.5em 0;
}
-.posts-listing > li {
- margin-bottom: 4em;
- border-bottom: 1px solid #eee;
- padding-bottom: 3em;
+.copyright > small {
+ font-family: adelle-1, "Adelle Basic", "Helvetica Neue", sans-serif;
+ font-weight: bold;
+ text-shadow: #fff 0 1px 0;
}
-.link {
- margin-bottom: 1.5em;
+/* @end footer */
+/* @group about */
+.about {
+ color: #444;
+ background: #fff;
+ padding: 1.5em 0;
+}
+
+.about-copy {
+ color: #808080;
}
+/* @end about */
.archive {
margin-bottom: 6em;
}
@@ -524,7 +547,7 @@ input[disabled] {
text-transform: uppercase;
letter-spacing: 1px;
border: 0;
- padding: .6em 1em .4em 1em;
+ padding: .4em 1em;
text-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
@@ -551,62 +574,49 @@ input[disabled] {
}
}
-/* @end main */
-/* @group about */
-.about {
- color: #444;
- background: #fff;
- padding: 1.5em 0;
-}
-
-.about-copy {
+.posted {
+ font-style: italic;
+ display: block;
color: #808080;
-}
-
-/* @end about */
-/* @group footer */
-.footer {
text-align: center;
- padding: 0 0 1em;
+ margin-bottom: 1.5em;
}
-.footer a {
- color: #56757d;
- border-color: #b0c1c6;
- outline: none;
+.posted::before, .posted::after {
+ content: '~';
}
-.footer a:hover, .footer a:focus {
- border-color: #56757d;
+.posted::before {
+ margin-right: .25em;
}
-.footer a:active {
- color: #304146;
- border-color: #304146;
+.posted::after {
+ margin-left: .25em;
}
-.footer-copy p {
- line-height: 1.25;
- margin: 0 0 1em;
+.posts-listing {
+ list-style: none;
+}
+.posts-listing > li {
+ margin-bottom: 4em;
+ border-bottom: 1px solid #eee;
+ padding-bottom: 3em;
}
-.copyright {
- width: 16em;
- margin: auto;
- /* border-top: 10px solid #b0c1c6; */
- border-top: 10px solid #88a1a9;
- padding: 1.5em 0;
+.post-title {
+ font-size: 2em;
+ line-height: 1.1;
}
-.copyright > small {
- font-size: 1em;
- font-family: adelle-1, "Adelle Basic", "Helvetica Neue", sans-serif;
- font-weight: bold;
- text-shadow: #fff 0 1px 0;
+.post-title a {
+ color: #444;
+ border: 0;
+}
+.post-title a:hover {
+ border-bottom: 2px solid #ececec !important;
}
-/* @end footer */
-/* @group misc */
-.hidden {
- display: block;
- visibility: hidden;
- height: 0;
+.link-title {
+ font-size: 1.25em;
+ line-height: 1.65;
}
-/* @end misc */
+.link-heading {
+ line-height: 1.25;
+}
View
2  css/global.min.css
@@ -1 +1 @@
-html{overflow-y:scroll;font-size:100%}body{font:1em/1.5 "PT Sans","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#55757e;background:#d7e0e2;position:relative;margin:0}img{height:auto;width:auto;max-width:100%;vertical-align:middle}strong,b,dt{font-weight:700}i,cite,em,var,address,dfn{font-style:italic}small{font-size:.85em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}pre,code,samp,kbd{font-size:1em;font-family:Menlo,Monaco,'Courier New',monospace}code,samp{color:#e57422;background:#fff}code{font-style:normal}pre{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}ul,ol{padding:0}ul{list-style:square}ol{list-style:decimal}ul ul,ol ol,ul ol,ol ul{margin-left:1.5em;margin-bottom:0}.plain-list{list-style:none}hr{display:none}hr.divider{display:block;border:0;height:0;margin-bottom:3em}hr.divider::after{display:block;text-align:center;font-size:2em;content:'* * *';padding-bottom:3em}.lead{font-size:1.25em;line-height:1.4;margin-bottom:2.8em}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility}h1{font-size:2em;line-height:1.25;font-weight:700;font-style:italic;font-family:adelle-1,"AdelleBasic-BoldItalic","Adelle Basic","Helvetica Neue",Arial,sans-serif;margin:0 0 1em;text-align:center}@media screen and (min-width:40em){h1{font-size:3em}}h4,h5,h6{font-family:"Helvetica Neue",Arial,sans-serif}h2{font-family:adelle-1,"Adelle Basic","Helvetica Neue",Arial,sans-serif;font-size:1.5em;line-height:1.25}h2,h3{margin-bottom:.5em;text-align:center}h3{font-family:adelle-1,"AdelleBasic-BoldItalic","Adelle Basic","Helvetica Neue",Arial,sans-serif;font-size:1.25em;line-height:1.3;font-style:italic;font-weight:700}p,ul,ol,dl,form,pre{margin:0 0 1.5em}::-moz-selection{color:#efc5c6;background:#c21720;text-shadow:none}::selection{color:#efc5c6;background:#c21720;text-shadow:none}a{color:#c5171a;text-decoration:none;border-bottom:2px solid #f0c5c6;outline:none}a:hover,a:focus{color:#ae151d;border-color:#ae151d}a:active{color:#600a0f;border-color:#600a0f}blockquote{border-left:4px solid #c21720;color:#848484;margin:0;padding:0 0 0 1em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.search{padding-top:3em}button,input,select,textarea{background:#fff;font-size:1em;font-family:inherit}input,select,textarea{color:#444}button::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="search"],input[type="password"]{color:#56757d;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:.25em;background:#d7e0e2;-webkit-appearance:none;border:1px solid #b0c1c6;border-radius:0;outline:none;-webkit-box-shadow:#b0c1c6 0 2px 4px inset;-moz-box-shadow:#b0c1c6 0 2px 4px inset;box-shadow:#b0c1c6 0 2px 4px inset}input[type="text"]:focus,input[type="search"]:focus,input[type="password"]:focus{background:#fff;-webkit-box-shadow:#d7e0e2 0 2px 4px inset;-moz-box-shadow:#d7e0e2 0 2px 4px inset;box-shadow:#d7e0e2 0 2px 4px inset;border-color:#61828b}.search input[type="text"],.search input[type="search"],.search input[type="password"]{width:75%;float:left}@media screen and (min-width:30em){.search input[type="text"],.search input[type="search"],.search input[type="password"]{width:90%}}.search input[type="text"]::-webkit-input-placeholder{color:#b0c1c6}.search input[type="text"]:focus::-webkit-input-placeholder{color:transparent}button,input[type="submit"]{margin:0;background:#61828b;border:1px solid #61828b;color:#fff;padding:.25em .75em}button:active,input[type="submit"]:active{color:#d7e0e2;background:#56757d;border-color:#56757d}.search button,.search input[type="submit"]{width:25%;float:left;margin-left:-1px}@media screen and (min-width:30em){.search button,.search input[type="submit"]{width:10%}}button[disabled],input[disabled]{cursor:not-allowed}.header{color:#fff;background:#c21720;padding-top:1em;border-bottom:10px solid #ae151d}.header>h1{font-size:1em;line-height:1.5;margin:0;padding:0}.header a:link,.header a:visited{color:#fff}.header a:hover,.header a:focus{color:#f5c2c5}.header a:active{color:#ea838c}.go-to-footer{padding:.25em .5em;font-size:1.25em;background:#ae151d;color:#fff;border:0;text-align:center;position:relative;top:-.75em;display:block;margin-bottom:.5em}@media screen and (min-width:40em){.go-to-footer{position:absolute;left:.5em;top:.5em}}.header .go-to-footer:focus{color:#fff;outline:4px solid #e98f30}.go-to-footer:active{background:#9c0007}.header-title{font-size:2em;font-family:adelle-1,"AdelleBasic-Bold","Adelle Basic","Helvetica Neue",Arial,sans-serif;font-style:normal;text-transform:uppercase;text-align:center;width:8em;color:#fff;border-bottom:10px solid #ec9022;text-shadow:0 2px 1px rgba(0,0,0,.25);display:block;margin:auto auto -10px}@media screen and (min-width:30em){.page-home .header-title{font-size:4em;font-style:italic;text-transform:none;width:4em}}.header-title span{margin-left:-2em;margin-right:-2em}.header-title a{color:#fff;border:0}.main{color:#444;background:#fff;padding:3em 0;margin-bottom:-10px;border-bottom:10px solid #b0c1c6;font-size:125%}.content{padding:0 5%;max-width:30em;margin:auto}.search .content{position:relative}.posted{font-style:italic;display:block;color:gray;text-align:center;margin-bottom:.5em}.posted::before,.posted::after{content:'~'}.posted::before{margin-right:.25em}.posted::after{margin-left:.25em}.posts-listing{list-style:none}.posts-listing>li{margin-bottom:4em;border-bottom:1px solid #eee;padding-bottom:3em}.link{margin-bottom:1.5em}.archive{margin-bottom:6em}.archive>h3{padding-bottom:.5em}.archive>a{font-size:1.5em;color:#fff;background:#c21720;font-family:adelle-1,"Adelle Basic","Helvetica Neue",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:0;padding:.6em 1em .4em;text-shadow:rgba(0,0,0,.5)0 1px 2px;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;text-align:center;display:block}.archive>a:hover,.archive>a:focus{color:#efc5c6}.archive>a:active{color:#efc5c6;background:#ae151d;-webkit-box-shadow:inset rgba(0,0,0,.25)0 2px 6px;-moz-box-shadow:inset rgba(0,0,0,.25)0 2px 6px;box-shadow:inset rgba(0,0,0,.25)0 2px 6px}@media screen and (min-width:40em){.archive{text-align:center}.archive>a{display:inline}}.about{color:#444;background:#fff;padding:1.5em 0}.about-copy{color:gray}.footer{text-align:center;padding:0 0 1em}.footer a{color:#56757d;border-color:#b0c1c6;outline:none}.footer a:hover,.footer a:focus{border-color:#56757d}.footer a:active{color:#304146;border-color:#304146}.footer-copy p{line-height:1.25;margin:0 0 1em}.copyright{width:16em;margin:auto;border-top:10px solid #88a1a9;padding:1.5em 0}.copyright>small{font-size:1em;font-family:adelle-1,"Adelle Basic","Helvetica Neue",sans-serif;font-weight:700;text-shadow:#fff 0 1px 0}.hidden{display:block;visibility:hidden;height:0}
+@charset "UTF-8";html{overflow-y:scroll;font-size:100%}body{font:1em/1.5 "Avenir Next","Helvetica Neue",Arial,sans-serif;color:#55757e;background:#d7e0e2;position:relative;margin:0;-webkit-font-smoothing:antialiased}img{height:auto;width:auto;max-width:100%;vertical-align:middle}::-moz-selection{color:#efc5c6;background:#c21720;text-shadow:none}::selection{color:#efc5c6;background:#c21720;text-shadow:none}a{color:#c5171a;text-decoration:none;border-bottom:2px solid #f0c5c6;outline:none}a:hover,a:focus{color:#ae151d;border-color:#ae151d}a:active{color:#600a0f;border-color:#600a0f}table{border-collapse:collapse;border-spacing:0}.search{padding-top:3em}button,input,select,textarea{background:#fff;font-size:1em;font-family:inherit}input,select,textarea{color:#444}button::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="search"],input[type="password"]{color:#56757d;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:.25em;background:#d7e0e2;-webkit-appearance:none;border:1px solid #b0c1c6;border-radius:0;outline:none;-webkit-box-shadow:#b0c1c6 0 2px 4px inset;-moz-box-shadow:#b0c1c6 0 2px 4px inset;box-shadow:#b0c1c6 0 2px 4px inset}input[type="text"]:focus,input[type="search"]:focus,input[type="password"]:focus{background:#fff;-webkit-box-shadow:#d7e0e2 0 2px 4px inset;-moz-box-shadow:#d7e0e2 0 2px 4px inset;box-shadow:#d7e0e2 0 2px 4px inset;border-color:#61828b}.search input[type="text"],.search input[type="search"],.search input[type="password"]{width:75%;float:left}@media screen and (min-width:30em){.search input[type="text"],.search input[type="search"],.search input[type="password"]{width:90%}}.search input[type="text"]::-webkit-input-placeholder{color:#b0c1c6}.search input[type="text"]:focus::-webkit-input-placeholder{color:transparent}button,input[type="submit"]{margin:0;background:#61828b;border:1px solid #61828b;color:#fff;padding:.25em .75em}button:active,input[type="submit"]:active{color:#d7e0e2;background:#56757d;border-color:#56757d}.search button,.search input[type="submit"]{width:25%;float:left;margin-left:-1px}@media screen and (min-width:30em){.search button,.search input[type="submit"]{width:10%}}button[disabled],input[disabled]{cursor:not-allowed}.hidden{display:block;visibility:hidden;height:0}strong,b,dt{font-weight:700}i,cite,em,var,address,dfn{font-style:italic}small{font-size:.85em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}pre,code,samp,kbd{font-size:1em;font-family:Menlo,Monaco,'Courier New',monospace}code,samp{color:#e57422;background:#fff}code{font-style:normal}pre{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}ul,ol{padding:0}ul{list-style:square}ol{list-style:decimal}ul ul,ol ol,ul ol,ol ul{margin-left:1.5em;margin-bottom:0}.plain-list{list-style:none}hr{display:none}hr.divider{display:block;border:0;margin:0 0 3em;height:1.5em}hr.divider::after{display:block;text-align:center;font-size:2em;content:'···';color:#999}.lead{font-size:1.25em;line-height:1.4;margin-bottom:2.8em}h1,h2,h3,h4,h5,h6{color:#444;text-rendering:optimizeLegibility}h1{font-family:adelle-1,"AdelleBasic-BoldItalic","Adelle Basic","Helvetica Neue",Arial,sans-serif;font-size:2em;line-height:1.2;font-weight:700;font-style:italic;margin:0 0 1em;text-align:center}@media screen and (min-width:40em){h1{font-size:3em;line-height:1}}h4,h5,h6{font-family:"Helvetica Neue",Arial,sans-serif}h2{font-family:adelle-1,"Adelle Basic","Helvetica Neue",Arial,sans-serif;font-size:1.5em;line-height:1.25;margin:0 0 .5em}h2,h3{text-align:center}h3{font-family:adelle-1,"AdelleBasic-BoldItalic","Adelle Basic","Helvetica Neue",Arial,sans-serif;font-size:1.25em;line-height:1.3;font-style:italic;margin-bottom:.5em;font-weight:700}blockquote{border-left:4px solid #c21720;color:#989898;margin:0;padding:0 0 0 1em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}p,ul,ol,dl,form,pre{margin:0 0 1.5em}.header{color:#fff;background:#c21720;padding-top:1em;border-bottom:10px solid #ae151d}.header>h1{font-size:1em;line-height:1.5;margin:0;padding:0}.header a:link,.header a:visited{color:#fff}.header a:hover,.header a:focus{color:#f5c2c5}.header a:active{color:#ea838c}.go-to-footer{padding:.25em .5em;font-size:1.25em;background:#ae151d;color:#fff;border:0;text-align:center;position:relative;top:-.75em;display:block;margin-bottom:.5em}@media screen and (min-width:40em){.go-to-footer{position:absolute;left:.5em;top:.5em}}.header .go-to-footer:focus{color:#fff;outline:4px solid #e98f30}.go-to-footer:active{background:#9c0007}.header-title{font-size:2em;font-family:adelle-1,"AdelleBasic-Bold","Adelle Basic","Helvetica Neue",Arial,sans-serif;font-style:normal;text-transform:uppercase;text-align:center;width:8em;color:#fff;border-bottom:10px solid #ec9022;text-shadow:0 2px 1px rgba(0,0,0,.25);display:block;margin:auto auto -10px}@media screen and (min-width:30em){.page-home .header-title{font-size:4em;font-style:italic;text-transform:none;width:4em}}.header-title span{margin-left:-2em;margin-right:-2em}.header-title a{color:#fff;border:0}.main{color:#666;background:#fff;padding:3em 0;margin-bottom:-10px;border-bottom:10px solid #b0c1c6;font-size:125%}.content{padding:0 5%;max-width:30em;margin:auto}.search .content{position:relative}.footer{text-align:center;padding:0 0 1em}.footer a{color:#56757d;border-color:#b0c1c6;outline:none}.footer a:hover,.footer a:focus{border-color:#56757d}.footer a:active{color:#304146;border-color:#304146}.footer-copy p,.footer-copy ul{margin:0 0 1em}.copyright{width:16em;margin:auto;border-top:10px solid #88a1a9;padding:1.5em 0}.copyright>small{font-size:1em;font-family:adelle-1,"Adelle Basic","Helvetica Neue",sans-serif;font-weight:700;text-shadow:#fff 0 1px 0}.about{color:#444;background:#fff;padding:1.5em 0}.about-copy{color:gray}.archive{margin-bottom:6em}.archive>h3{padding-bottom:.5em}.archive>a{font-size:1.5em;color:#fff;background:#c21720;font-family:adelle-1,"Adelle Basic","Helvetica Neue",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:0;padding:.4em 1em;text-shadow:rgba(0,0,0,.5)0 1px 2px;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;text-align:center;display:block}.archive>a:hover,.archive>a:focus{color:#efc5c6}.archive>a:active{color:#efc5c6;background:#ae151d;-webkit-box-shadow:inset rgba(0,0,0,.25)0 2px 6px;-moz-box-shadow:inset rgba(0,0,0,.25)0 2px 6px;box-shadow:inset rgba(0,0,0,.25)0 2px 6px}@media screen and (min-width:40em){.archive{text-align:center}.archive>a{display:inline}}.posted{font-style:italic;display:block;color:gray;text-align:center;margin-bottom:1.5em}.posted::before,.posted::after{content:'~'}.posted::before{margin-right:.25em}.posted::after{margin-left:.25em}.posts-listing{list-style:none}.posts-listing>li{margin-bottom:4em;border-bottom:1px solid #eee;padding-bottom:3em}.post-title{font-size:2em;line-height:1.1}.post-title a{color:#444;border:0}.link-title{font-size:1.25em;line-height:1.65}.link-heading{line-height:1.25}
View
34 gulpfile.js
@@ -1,17 +1,37 @@
var gulp = require('gulp');
+
+var clean = require('gulp-clean');
var gutil = require('gulp-util');
var rename = require('gulp-rename');
var csso = require('gulp-csso');
+var livereload = require('gulp-livereload');
+var lr = require('tiny-lr');
+var server = lr();
gulp.task('minify', function () {
- gulp.src('./css/global.css')
- .pipe(csso())
- .pipe(rename('global.min.css'))
- .pipe(gulp.dest('./css/'));
+ return gulp.src('css/global.css')
+ .pipe(csso())
+ .pipe(rename('global.min.css'))
+ .pipe(gulp.dest('css/'))
+ .pipe(livereload(server));
+});
+
+gulp.task('watch', function () {
+ server.listen(4444, function (err) {
+ if (err) return console.log(err);
+
+ gulp.watch('css/**', function () {
+ gulp.run('minify');
+ });
+ });
+});
+
+gulp.task('clean', function () {
+ return gulp.src('.build', { read: false })
+ .pipe(clean())
+ .pipe(gulp.dest('./'));
});
gulp.task('default', function (){
- // place code for your default task here
-
- gulp.run('minify');
+ gulp.run('watch');
});
View
32 index.html
@@ -3,21 +3,43 @@
title: Home
page-home: true
---
+
<ul class="posts-listing">
{% for post in site.posts limit: 10 %}
-{% include _listing.html %}
+{% if post.layout == 'link' %}
+<li class="link">
+ <h2 class="link-title"><a href="{{ post.url }}">{{ post.title }}</a> <a href="{{ post.link }}">»</a></h2>
+
+ <p class="posted"><time datetime="{{ post.date | date: '%Y-%m-%d %H:%M' }}" pubdate>{{ post.date | date: '%d %B, %Y' }}</time></p>
+
+
+{{ post.content | textilize }}
+</li>
+{% endif %}
+
+{% if post.layout == 'post' %}
+<li class="post">
+ <h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
+
+ <p class="posted"><time datetime="{{ post.date | date: '%Y-%m-%d %H:%M' }}" pubdate>{{ post.date | date: '%d %B, %Y' }}</time></p>
+
+{{ post.content | textilize }}
+</li>
+{% endif %}
{% endfor %}
</ul>
<div class="archive">
-<h3>Older articles</h3>
-<a href="/archive/">Archive</a>
+ <h3>Older articles</h3>
+
+ <a href="/archive/">Archive</a>
</div>
<div class="about">
-<h3>About</h3>
-<p class="about-copy">My name is Carl Räfting and i’m currently spending my time studying web application development at Jensen Education YH in Gothenburg, Sweden.
+ <h3>About</h3>
+
+ <p class="about-copy">My name is Carl Räfting and i’m currently spending my time studying web application development at Jensen Education YH in Gothenburg, Sweden.
<a class="aside-link" href="/about/">Learn More &raquo;</a></p>
</div>
View
122 mint/app/debug/si-dom.php
@@ -1,122 +0,0 @@
-<?php
-/******************************************************************************
- SI_DomNode and SI_Dom objects
-
- Used to crawl the Benchmark XML
- ******************************************************************************/
-class SI_DomNode
-{
- var $dom;
- var $nodeName = '';
- var $cdata = '';
- var $nodeId;
- var $parentNodeId;
- var $childNodes = array();
-
- function SI_DomNode($nodeId, $nodeName = '', $attrs = array())
- {
- $this->nodeId = $nodeId;
- $this->nodeName = $nodeName;
- if (!empty($attrs))
- {
- foreach ($attrs as $attr => $value)
- {
- $attr = strtolower($attr);
- $this->$attr = $value;
- }
- }
- }
-
- function &getNodesByNodeName($nodeName)
- {
- $nodes = array();
- foreach($this->childNodes as $node)
- {
- //echo $node->selector."\r";
- if (strtolower($node->nodeName) == strtolower($nodeName))
- {
- array_push($nodes, $node);
- }
- $nestedNodes = $node->getNodesByNodeName($nodeName);
- $nodes = array_merge($nodes, $nestedNodes);
- }
- return $nodes;
- }
-
- function &getChildNodesByNodeName($nodeName)
- {
- $nodes = array();
- foreach($this->childNodes as $node)
- {
- //echo $node->selector."\r";
- if (strtolower($node->nodeName) == strtolower($nodeName))
- {
- array_push($nodes, $node);
- }
- }
- return $nodes;
- }
-}
-
-class SI_Dom extends SI_DomNode
-{
- var $xmlObj;
- var $nodeLookUp = array();
-
- function SI_Dom($xml = '')
- {
- $this->name = 'DOM';
- $this->xmlObj = xml_parser_create();
- xml_set_object($this->xmlObj, $this);
- xml_set_element_handler($this->xmlObj, 'tagOpen', 'tagClose');
- xml_set_character_data_handler($this->xmlObj, "cdata");
-
- if (!empty($xml))
- {
- $this->nodeId = count($this->nodeLookUp);
- $this->nodeLookUp[] =& $this;
- $this->parse($xml);
- }
- }
-
- function parse($data)
- {
- if (!xml_parse($this->xmlObj, $data, true))
- {
- printf("XML error: %s at line %d", xml_error_string(xml_get_error_code($this->xmlObj)), xml_get_current_line_number($this->xmlObj));
- }
- }
-
- function tagOpen($parser, $nodeName, $attrs)
- {
- $node =& new SI_DomNode(count($this->nodeLookUp), $nodeName, $attrs);
- $this->nodeLookUp[] = $node;
- array_push($this->childNodes, $node);
- }
-
- function cdata($parser, $cdata)
- {
- $parentId = count($this->childNodes) - 1;
- $this->childNodes[$parentId]->cdata = $cdata;
- }
-
- function tagClose($parser, $nodeName)
- {
- $totalNodes = count($this->childNodes);
- if ($totalNodes == 1)
- {
- $node =& $this->childNodes[0];
- $node->parentNodeId = 0;
- $container = strtolower($node->nodeName);
- $this->$container =& $node;
- }
- else if($totalNodes > 1)
- {
- $node = array_pop($this->childNodes);
- $parentId = count($this->childNodes) - 1;
- $node->parentNodeId = $this->childNodes[$parentId]->nodeId;
- $this->childNodes[$parentId]->childNodes[] =& $node;
- $this->nodeLookUp[$node->nodeId] =& $node;
- }
- }
-}
View
BIN  mint/app/images/favicon.png
Deleted file not rendered
View
BIN  mint/app/images/iepc.gif
Deleted file not rendered
View
BIN  mint/app/images/loaded.gif
Deleted file not rendered
View
BIN  mint/app/images/logo.gif
Deleted file not rendered
View
BIN  mint/app/images/webclip.png
Deleted file not rendered
View
22 mint/app/includes/foot.php
@@ -1,22 +0,0 @@
-<div id="donotremove">
- <?php if (isset($Mint)) { echo $Mint->getFormattedVersion(); } ?> &copy; 2004-<?php echo date("Y"); ?> <a href="http://www.haveamint.com/contact">Shaun Inman</a>. All rights reserved.
- Available at <a href="http://www.haveamint.com/">haveamint.com</a>. <?php if (isset($Mint) && $Mint->cfg['mode'] == 'client') { echo '<span>(Open-mode Enabled)</span>'; } ?>
-</div>
-<?php
-if (!$Mint->paranoid)
-{
- if (isset($_GET['benchmark']))
- {
- echo $Mint->getFormattedBenchmark();
- }
- if (isset($_GET['observe']))
- {
- echo '<div class="observe">'.$Mint->observe($Mint).'</div>';
- }
-}
-?>
-<script type="text/javascript" language="javascript">
-// <![CDATA[
-SI.onbeforeload();
-// ]]>
-</script>
View
21 mint/app/includes/head.php
@@ -1,21 +0,0 @@
-<?php
-if (!isset($Mint->tmp['pageTitle']))
-{
- $Mint->tmp['pageTitle'] = $Mint->cfg['siteDisplay'];
-}
-if (!isset($Mint->tmp['headTags']))
-{
- $Mint->tmp['headTags'] = '';
-}
-?>
-<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<title>Mint: <?php echo $Mint->tmp['pageTitle']; ?></title>
-<link rel="apple-touch-icon" type="image/png" href="app/images/webclip.png" />
-<link rel="shortcut icon" type="image/png" href="app/images/favicon.png" />
-<link rel="stylesheet" type="text/css" href="styles/<?php echo $Mint->cfg['preferences']['style']; ?>/style.css" />
-<script type="text/javascript" src="app/scripts/si-object-mint.js"></script>
-<!--[if IE]>
-<link type="text/css" href="app/styles/iepc.css" rel="stylesheet" />
-<script type="text/javascript" src="app/scripts/iepc.js"></script>
-<![endif]-->
-<?php echo $Mint->tmp['headTags']; ?>
View
3,704 mint/app/lib/mint.php
0 additions, 3,704 deletions not shown
View
531 mint/app/lib/pepper.php
@@ -1,531 +0,0 @@
-<?php
-/******************************************************************************
- Mint
-
- Copyright 2004-2011 Shaun Inman. This code cannot be redistributed without
- permission from http://www.shauninman.com/
-
- More info at: http://www.haveamint.com/
-
- ******************************************************************************
- Pepper Constructor
- ******************************************************************************/
-if (!defined('MINT')) { header('Location:/'); }; // Prevent viewing this file
-
-class Pepper
-{
- var $Mint;
- var $pepperId;
- var $filter;
- var $version = 1; // eg. 1 = 0.01, 200 = 2.0
- var $info = array
- (
-