Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View alvarotrigo's full-sized avatar

Álvaro alvarotrigo

View GitHub Profile
@alvarotrigo
alvarotrigo / App.vue
Last active March 2, 2022 13:04
vue-fullpage App.vue example
<template>
<div id="app">
<ul id="menu">
<li data-menuanchor="page1" class="active"><a href="#page1">Section 1</a></li>
<li data-menuanchor="page2"><a href="#page2">Section 2</a></li>
<li data-menuanchor="page3"><a href="#page3">Section 3</a></li>
<li>
<a href="https://twitter.com/imac2" target="_blank" rel="noopener" class="twitter-share">
<i>
<svg viewBox="0 0 512 512">
@alvarotrigo
alvarotrigo / 11ty-error-h2
Created October 16, 2021 20:10
error-11ty-h2
---
is_post: true
layout: post
title: aaaaa
date: 2021-10-13
author: Here
image: /assets/imgs/2021-10-13/aa.png
shareImage: /assets/imgs/2021-10-13/aa2.png
color: "#19a3b2"
published_date: "Oct 13, 2021"
@alvarotrigo
alvarotrigo / sw.js
Created January 22, 2021 12:06
sw.js
'use strict';
// Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
// http://creativecommons.org/publicdomain/zero/1.0/
// https://gist.github.com/adactio/fbaa3a5952774553f5e7
(function() {
// Update 'version' if you need to refresh the cache
var staticCacheName = 'sw-test-cache';
(function(){
init();
function init(){
var year = '2019';
var months = [];
var rowsForGivenYear = [];
// Filtering the row for the given year
@alvarotrigo
alvarotrigo / test.js
Created December 9, 2019 15:09
test.js
jQuery(function($) {
new fullpage('#fullpage', {
//options here
licenseKey: '42FCE5FA-2C984AC1-B445D929-FDDADEC3',
scrollHorizontallyKey: 'B5F85F27-2D6D476E-A8CF7F27-2C0174BC',
autoScrolling:true,
fitToSection: false,
verticalCentered: false,
scrollHorizontally: true,
navigation: true,
@alvarotrigo
alvarotrigo / en.yml
Created October 4, 2019 10:41
English fullpage.js site
#Page meta data
title: fullPage.js | One Page Scroll sections Site Plugin
description: fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.
keywords: fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,snap,snapping,apple,scroll,sections
og-title: fullPage scroll snapping. Create full screen pages fast and simple
og-description: Mouse wheel snap to sections. Fast and simple to use.
twitter-description: Great Javascript library to create fullscreen scrolling websites
#Sections content
Create Beautiful Fullscreen Scrolling Websites: Create Beautiful Fullscreen Scrolling Websites
@alvarotrigo
alvarotrigo / ssp.class.php
Created June 25, 2019 00:14
Modified ssp.class.php file to deal with multiple tables query
<?php
/*
* Helper functions for building a DataTables server-side processing SQL query
*
* The static functions in this class are just helper functions to help build
* the SQL used in the DataTables demo server-side processing scripts. These
* functions obviously do not represent all that can be done with server-side
* processing, they are intentionally simple to show how it works. More complex
* server-side processing operations will likely require a custom script.
@alvarotrigo
alvarotrigo / fullpage-setup.js
Last active September 20, 2018 14:31
Current basic structure of fullpage.js
/*!
* I basically want to generate this UMD with some tool.
* Right now I did it manually by copying and pasting some generic one.
*
* But it is failing in some cases due to having in this same file the jQuery
* adator you'll see at the bottom.
*/
(function( root, window, document, factory, undefined) {
if( typeof define === 'function' && define.amd ) {
// AMD. Register as an anonymous module.
@alvarotrigo
alvarotrigo / index.js
Created July 23, 2018 12:01
react demo page
/* eslint-disable import/no-extraneous-dependencies */
import React from 'react';
import ReactDOM from 'react-dom';
import fullpage from 'fullpage.js/dist/fullpage';
import ReactFullpage from 'react-fullpage.js/dist/react-fullpage.js';
const fullpageOptions = {
licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE',