huffmanks

/*
*   @title  Character or word limit for textarea
*   @desc   Pick one and remove the other. Will not work together.
*   @note   Add maxlength attribute to textarea for character limit.
*   @html   <textarea id="message" maxlength="250"></textarea>
*/

window.addEventListener('DOMContentLoaded', () => { // For development environment testing
    const wordMax = 250
    const message = document.querySelector('#message')

huffmanks

/*
*   @title  Get all emails from a string
*   @desc   Puts every email into an array
*/

const text = 'This email was sent to someone@example.com by "Example News Services" <news@example.com>. Unsubscribe from email sent by Example News Services.'

const regexp = /([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9_-]+)/gim

const getEmails = (text) => {

huffmanks

/*
*   @title  Create Social Media share links
*/

const pageUrl = window.location.href
const encodedUrl = encodeURIComponent(pageUrl)

const socialMediaLinks = [
    {
        text: 'Facebook',

huffmanks

/*
*   @title  Get all links on a page
*   @desc   Creates table of all links
*/

const x = document.querySelectorAll('a')
let myarray = []

for (let i = 0; i < x.length; i++) {
  const nameText = x[i].textContent

huffmanks

/*
*   @title  Responsive grid columns
*/

/* Equal size grid items */
.el {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    gap: 20px;
}

huffmanks

/*
*   @title  Responsive table
*   <table class="table-vertical">
*      <tbody>
*        <tr>
*          <td>10:30 a.m.</td>
*          <td>Session 1</td>
*        </tr>
*        ...
*      </tbody>

huffmanks

<!--
*   @title  Filter times
*   @desc   Shows times available based on date
-->

<div>
  <label for="interviewDate">Interview Dates/Times</label>
  <select name="interviewDate" id="interviewDate" tabindex="-1">
      <option value="" disabled="disabled" selected="selected">Select One</option>
      <option value="Thursday, March 17">Thursday, March 17</option>

huffmanks

Upgrading Node env for MacOS

Setup npm permissions

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

Check global packages

• npm list -g --depth 0

huffmanks

Reset local and pull

git reset --hard && git pull

OR

git stash && git pull && git stash pop

huffmanks

<!--
*   @title  Video background blur
*   @desc   Shows a background of the video on the sides if screen is larger than 1200px
-->

<!-- CSS -->
<style>
.video-container {
    display: flex;
    justify-content: center;