Skip to content

Instantly share code, notes, and snippets.

View jofftiquez's full-sized avatar
🔥
Building https://easyjoey.com

Joff Tiquez jofftiquez

🔥
Building https://easyjoey.com
View GitHub Profile
@jofftiquez
jofftiquez / strava-kudos-script.js
Last active July 11, 2024 16:20
Automatic kudos script for Strava web
// Strava Kudos Clicker Automation Script
// Purpose: Automatically clicks "Give Kudos" buttons on your Strava feed
// Features:
// - Handles dynamic loading of buttons.
// - Smoothly scrolls to each button before clicking.
// - Timeouts between clicks and retries to avoid overloading the page.
// - Maximum retry limit to prevent infinite loops.
// How to Use in Browser's Developer Console:
// 0. Head over to https://www.strava.com/dashboard (Make sure you're logged in)
@jofftiquez
jofftiquez / normal-header.html
Created January 19, 2023 06:12
Sample of printing without repeating stick header, and no repeating footer.
<table>
<!-- Header section -->
<thead>
<tr>
<td>
<div style="height: 100px; background: rgb(76, 164, 246);">
<h1>Header</h1>
</div>
</td>
</tr>
@jofftiquez
jofftiquez / repeating-sticky-header.html
Created January 19, 2023 06:11
Sample of printing with repeating stick header, and repeating footer.
<table>
<!-- Header section -->
<thead style="display: table-header-group;">
<tr>
<td>
<div style="height: 100px; background: rgb(76, 164, 246);">
<h1>Header</h1>
</div>
</td>
</tr>
@jofftiquez
jofftiquez / Printing.md
Last active September 25, 2023 06:23
Printing skeleton for printing documents with repeating header and footer

Printing Guide

Printing documents in HTML can be tricky at times specially when the content is large and if it requires a repeating headers and footers.

Print Skeleton

<table>
  <!-- Header section -->
 
@jofftiquez
jofftiquez / social-buttons.html
Created January 9, 2023 09:23
Social Media Buttons
<div>
<style>
.social-btn-content {
background: #0099cc;
width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
}
</style>
@jofftiquez
jofftiquez / github-workflow-guide.md
Last active December 16, 2023 08:28
CI/CD - Github Workflow + Firebase Hosting Guide

Template

Below is a template of GitHub's Workflow Action config file. Workflow is GitHub's CI/CD tool, like CircleCI.

Directory relative to the root of your application - .github/workflows/main.yml.

name: Deploy

on: 
import firebase from 'firebase/app';
import 'firebase/storage';
import { Observable } from 'rxjs';
firebase.initializeApp({
apiKey: process.env.VUE_APP_API_KEY,
authDomain: process.env.VUE_APP_AUTH_DOMAIN,
databaseURL: process.env.VUE_APP_DATABASE_URL,
projectId: process.env.VUE_APP_PROJECT_ID,
storageBucket: process.env.VUE_APP_STORAGE_BUCKET,
@jofftiquez
jofftiquez / tmux.conf
Created October 6, 2019 16:50 — forked from spicycode/tmux.conf
The best and greatest tmux.conf ever
# 0 is too far from ` ;)
set -g base-index 1
# Automatically set window title
set-window-option -g automatic-rename on
set-option -g set-titles on
#set -g default-terminal screen-256color
set -g status-keys vi
set -g history-limit 10000
@jofftiquez
jofftiquez / mock-http.js
Last active February 27, 2024 02:23
Mock HTTP request in javascript using promise and timeout.
const mock = (success, timeout = 1000) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
if(success) {
resolve();
} else {
reject({message: 'Error'});
}
}, timeout);
});