alberto-marin

Cafetería ('-' * 9) Plantilla parallax para cafeterías

A Pen by Alberto Marín on CodePen.

License.

alberto-marin

# 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
#
# Atom Flight Manual:
# http://flight-manual.atom.io/using-atom/sections/basic-customization/#_cson
#
'.text.html':
  'AMP HTML Project':

alberto-marin

HTML code:
<div class="carousel__frame">
<div class="carousel">
<img class="active" src="./images/500px-Prime-76414647.jpg" alt="" width="320px" height="160px">
<img class="active" src="./images/500px-Prime-95484115.jpg" alt="" width="320px" height="160px">
<img class="active" src="./images/500px-Prime-85409619.jpg" alt="" width="320px" height="160px">
<img class="active" src="./images/500px-Prime-76414647.jpg" alt="" width="320px" height="160px">
</div>
</div>

alberto-marin

<script type="text/javascript">
jQuery(document).ready(function($) {
  (function($){
    console.log($('.scroll-nav').height());
  })(jQuery);
});
</script>

alberto-marin

// Gulp.js configuration
'use strict';

const
  // source and build folders
  dir = {
    src         : './src/',
    build       : './var/www/wp-content/themes/mytheme/'
  },
  // Gulp and plugins

alberto-marin

	/*
	**
	** Steps
	**
	*/
	var steps = document.getElementById('steps');

	steps.firstElementChild.classList.toggle('active');
	
	var children = steps.children;

alberto-marin

export default function Home(props) {
// Now you can see your secret key just by using the React Developer Tools for Firefox/Chrome
 
[...]

}

export async function getServerSideProps() {
  // call API to get the secret key
  const options = {