profstolley/snippets.cson

## snippets.cson
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
# '.source.coffee':
#   'Console log':
#     'prefix': 'log'
#     'body': 'console.log $1'
#
# Each scope (e.g. '.source.coffee' above) can only be declared once.
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# http://flight-manual.atom.io/using-atom/sections/basic-customization/#_cson


'.text.html':
  'Responsive HTML':
    'prefix': 'rhtml'
    'body': """
      <!DOCTYPE html>
      <html lang="en">
      <head>
        <title>${1}</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no" />
        <link rel="stylesheet" href="screen.css" />
      </head>
      <body>
        ${2}
      </body>
      </html>
    """
  'Global Page Structure':
    'prefix': 'gps'
    'body': """
      <header id="header">
        <h1></h1>
        <p class="tagline"></p>
      </header>
      <main id="content">
        <article id="primary">
          <h2></h2>
        </article>
        <aside id="secondary">
        </aside>
      </main>
      <footer id="footer">
        <small></small>
      </footer>
    """
  'Responsive Images':
    'prefix': 'rimg'
    'body': """
      <figure>
        <img src="${1}" alt="${2}" />
        <figcaption>
          ${3}
        </figcaption>
      </figure>
    """
  'Resume Item':
    'prefix': 'resitem'
    'body': """
      <li>
        <h3>${1}</h3>
        <ul class="details">
          <li class="org">${2}</li>
          <li class="place">${3}</li>
          <li class="dates"><time>${4}</time>–<time>${5}</time></li>
        </ul>
        <h4>Responsibilities</h4>
        <ul class="responsibilities">
          <li>${6}</li>
        </ul>
      </li>
    """

'.source.css':
  'Reset CSS':
    'prefix': 'reset'
    'body': """
      /* http://meyerweb.com/eric/tools/css/reset/
         v2.0 | 20110126
         License: none (public domain)
      */
      /* stylelint-disable */
      a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{line-height:1}body{line-height:inherit}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
      /* stylelint-enable */

      /* Begin site styles below */
    """
	# Your snippets
	#
	# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
	# expand the prefix into a larger code block with templated values.
	#
	# You can create a new snippet in this file by typing "snip" and then hitting
	# tab.
	#
	# An example CoffeeScript snippet to expand log to console.log:
	#
	# '.source.coffee':
	# 'Console log':
	# 'prefix': 'log'
	# 'body': 'console.log $1'
	#
	# Each scope (e.g. '.source.coffee' above) can only be declared once.
	#
	# This file uses CoffeeScript Object Notation (CSON).
	# If you are unfamiliar with CSON, you can read more about it in the
	# Atom Flight Manual:
	# http://flight-manual.atom.io/using-atom/sections/basic-customization/#_cson


	'.text.html':
	'Responsive HTML':
	'prefix': 'rhtml'
	'body': """
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>${1}</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no" />
	<link rel="stylesheet" href="screen.css" />
	</head>
	<body>
	${2}
	</body>
	</html>
	"""
	'Global Page Structure':
	'prefix': 'gps'
	'body': """
	<header id="header">
	<h1></h1>
	<p class="tagline"></p>
	</header>
	<main id="content">
	<article id="primary">
	<h2></h2>
	</article>
	<aside id="secondary">
	</aside>
	</main>
	<footer id="footer">
	<small></small>
	</footer>
	"""
	'Responsive Images':
	'prefix': 'rimg'
	'body': """
	<figure>
	<img src="${1}" alt="${2}" />
	<figcaption>
	${3}
	</figcaption>
	</figure>
	"""
	'Resume Item':
	'prefix': 'resitem'
	'body': """
	<li>
	<h3>${1}</h3>
	<ul class="details">
	<li class="org">${2}</li>
	<li class="place">${3}</li>
	<li class="dates"><time>${4}</time>–<time>${5}</time></li>
	</ul>
	<h4>Responsibilities</h4>
	<ul class="responsibilities">
	<li>${6}</li>
	</ul>
	</li>
	"""

	'.source.css':
	'Reset CSS':
	'prefix': 'reset'
	'body': """
	/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 \| 20110126
	License: none (public domain)
	*/
	/* stylelint-disable */
	a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{line-height:1}body{line-height:inherit}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
	/* stylelint-enable */

	/* Begin site styles below */
	"""