murtaugh

html,
body {
	cursor: default;
}

code {
	cursor: text;
}

/* 

murtaugh

Our favorite cruise was on the <i>Explorer of the Seas</i>,   --> italicize the name of a ship
which we read about in <cite>Cruising</cite> magazine,        --> reference the name of a publication
and we <em>loved</em> it.                                     --> emphasize a feeling

(<b>Note:</b> This was before everyone got all sick           --> start a note with bolded text
and was throwing up <strong>everywhere</strong>.)             --> make a strong statement

murtaugh

(This is an updated version of Clearfire's tutorial, which is excellent, but has become slightly outdated as Digital Ocean updates their applications.)

1. Create your droplet. Name it, select your size and location, then hit the Applications tab and select (as of this writing) "LAMP on 14.04". Add your SSH key if you want, and submit.
2. SSH into your new droplet, and maybe check to make sure the following PHP modules have been installed: (In my recent experience, these have all been installed automatically, but that could change, and it takes 10 seconds to check.)

   apt-get install php5-gd

   apt-get install php5-mysql

   apt-get install php5-curl

3. Make sure mod_rewrite is enabled, with a2enmod rewrite.
4. If you like, increase PHP's upload_max_filesize and post_max_filesize values by editing the php.ini file, with this: nano /etc/php5/apache2/php.ini
5. Give Apach

murtaugh

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

murtaugh

$('sup[data-footnote]').each(function(index) {

	noteCount = $(this).html();

	$(this).html('<a id="ref' + noteCount + '" href="#note' + noteCount + '">' + noteCount + '</a>');
	
	$('#footnotes li').eq(noteCount - 1).attr('id', 'note' + noteCount).prepend('<a href="#ref' + noteCount + '">' + noteCount + '.</a> ');

});

murtaugh

I was thinking about restaurant menus, and started wondering how best to mark up individual items on the menu. Assuming you're going to put the each item in an li one approach could be:

<li>
	<h2>Home-Style Burger</h2>
	<p>half-pound burger with grilled onions</p>
	<p class="price">$7.25</p>
</li>	

murtaugh

murtaugh

murtaugh

(function() {
	function loadAsync() {
		var lazyimgs = document.querySelectorAll( '[data-lazy]' ),
			attrswap = function( img ) {
				img.src = img.getAttribute( 'data-src' );
				img.setAttribute( "sizes", img.getAttribute( 'data-sizes' ) );
				img.setAttribute( "srcset", img.getAttribute( 'data-srcset' ) );
				img.parentElement.setAttribute( "class", "shown" );
			},
			supports = "IntersectionObserver" in window 

murtaugh

(This is an updated version of my own tutorial for EE2.)

1. Create your droplet. Name it, select your size and location, then hit the Applications tab and select (as of this writing) "LAMP on 14.04". Add your SSH key if you want, and submit.
2. Make sure mod_rewrite is enabled, with a2enmod rewrite.
3. If you like, increase PHP's upload_max_filesize and post_max_filesize values by editing the php.ini file, with this: nano /etc/php/7.0/apache2/php.ini
4. Give Apache a restart: service apache2 restart
5. Run mysql_secure_installation. It will ask for the initial mysql root password which is saved in /root/.digitalocean_password.
6. Log in to MySQL: mysql -u root -p (It will prompt you for your password.)
7. Create a new user, so we aren't using root all the time: CREATE USER [NEW USERNAME]@'%' IDENTIFIED BY '[NEW PASSWORD]';
8. Grant the new user full access: GRANT ALL PRIVILEGES ON * . * TO '[NEW USERNAME]'@'%';