Pageboy

<?php 

header('Content-Type: application/csv');
header('Content-Disposition: attachment; filename=member_export.csv');
header('Pragma: no-cache');

?>
{!-- 
	Exports the EE members in CSV format. This is only accessible to admins and editors. 
	Does not export members in the banned or guests groups.

Pageboy

<div class="row">
{% for page in site.pages %}
<div>
<span>{{ page.title }}</span>
{% assign excerpt = page.content | split: site.excerpt_separator %}
{{ excerpt[0] }}
</div>
{% endfor %}
</div>

Pageboy

#!/usr/bin/env sh
# Steps to fix Atom not updating properly on Mac OS, as described at
# https://discuss.atom.io/t/i-am-unable-to-update-to-the-latest-version-of-atom-on-macos-how-do-i-fix-this/40054

dirs=(/Applications/Atom.app/ ~/Library/Caches/com.github.atom.ShipIt ~/Library/Application\ Support/com.github.atom.ShipIt)

for dir in "${dirs[@]}"; do
  echo "$dir"
  if [ -d "$dir" ]; then
    echo "Exists: $dir"

Pageboy

  /* Material Design Adaptive Breakpoints */
  /*
    Below you'll find CSS media queries based on the breakpoint guidance
    published by the Material Design team. You can choose to use, customise
    or remove these breakpoints based on your needs.

    http://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-breakpoints
   */

  /* mobile-small */

Pageboy

// run this once the page has loaded
window.onload = function(){
  // find out if there is more than one scroller div over the spread
 scrollers = document.getElementsByClassName("scroller").length;
 if (scrollers > 1) {

   var css = document.createElement("style");
   css.type = "text/css";
   // hide the second main div of the body
   // make the width of the first main div the same as the viewport

Pageboy

/* 
adding a scrolling text box to an InDesign page
You need to create a text boc and under export options name the as a div
with a class name of scroller
Then add this CSS file when exportin to the fixed layout ePub

Note: if you have a 2 page spread in Indesign and you are converting 
spread to landscape, you can use the javascript gist here scroller.js
 */

Pageboy

#gallery ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow:row wrap;
-ms-flex-pack: distribute;
justify-content: space-around;

Pageboy

jsonUrl = "https://api.flickr.com/services/rest/?" + 
"method=flickr.photosets.getPhotos&" + ("api_key=" + 
options.apiKey + "&") + ("photoset_id=" + 
options.photosetId + "&") + ("user_id=" + 
options.flickrId + "&") + 
"extras=description,url_sq,url_t,url_s,url_m,url_o&" + 
"format=json&jsoncallback=?";

Pageboy

// To unzip the epub, move the ePub to a folder, cd to it then simply:

unzip MyEbook.epub

// To zip up an epub:
1. zip -X MyNewEbook.epub mimetype
2. zip -rg MyNewEbook.epub META-INF -x \*.DS_Store
3. zip -rg MyNewEbook.epub OEBPS -x \*.DS_Store

Some explanations necessary here. We start each line with two flags:

Pageboy

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
}

body {
  font-family: georgia, serif;
  margin: 40px 0;
  padding:0 20px;
  background-color: #d1d1d1;
}