Cafetería ('-' * 9) Plantilla parallax para cafeterías
A Pen by Alberto Marín on CodePen.
| 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 = { |
| /* | |
| ** | |
| ** Steps | |
| ** | |
| */ | |
| var steps = document.getElementById('steps'); | |
| steps.firstElementChild.classList.toggle('active'); | |
| var children = steps.children; |
| // Gulp.js configuration | |
| 'use strict'; | |
| const | |
| // source and build folders | |
| dir = { | |
| src : './src/', | |
| build : './var/www/wp-content/themes/mytheme/' | |
| }, | |
| // Gulp and plugins |
| <script type="text/javascript"> | |
| jQuery(document).ready(function($) { | |
| (function($){ | |
| console.log($('.scroll-nav').height()); | |
| })(jQuery); | |
| }); | |
| </script> |
| 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> |
| # 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': |
Cafetería ('-' * 9) Plantilla parallax para cafeterías
A Pen by Alberto Marín on CodePen.