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 / 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: 
@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 / 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 / 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 / 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>