Skip to content

Instantly share code, notes, and snippets.

View planetoftheweb's full-sized avatar
🚀
Hubbing

Ray Villalobos planetoftheweb

🚀
Hubbing
View GitHub Profile
@planetoftheweb
planetoftheweb / index.html
Created November 26, 2022 09:46
Movie Style Film Countdown
<svg id="projectionScreen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200">
<defs>
<radialgradient id="filmGradient" cx="600" cy="450" r="340" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#e6e6e6"/>
<stop offset="0.1" stop-color="#d1d1d1"/>
<stop offset="1" stop-color="#1a1a1a"/>
</radialgradient>
<mask id="filmMask">
name: Favorite Google Fonts
on:
push:
branches: [main]
jobs:
build:
runs-on: ubuntu-latest
env:
name: Generate Lighthouse Report
on:
push:
branches: [main]
jobs:
build:
runs-on: ubuntu-latest
steps:
# !/bin/bash
for BRANCH in `git branch --list|sed 's/\*//g'`;
do
git checkout $BRANCH
mkdir -p ~/Desktop/backup/$BRANCH
cp -R build/* ~/Desktop/backup/$BRANCH/
done
# !/bin/bash
arr=( "design" "feature" );
for ITEM in ${arr[@]}
do
git checkout $ITEM
git checkout main build/css/bootstrap.min.css
git checkout main build/css/bootstrap.min.css.map
git checkout main build/js/lib/bootstrap.bundle.min.js
@planetoftheweb
planetoftheweb / main.yml
Created June 13, 2021 22:12
Generate Lighthouse Report
name: Generate Lighthouse Report
on:
push:
branches: [main]
jobs:
build:
runs-on: ubuntu-latest
steps:
@planetoftheweb
planetoftheweb / copytobranches.sh
Created January 5, 2021 22:13
Shell script to copy files to git branches
#!/bin/bash
# Checks out each of your branches
# copies the current version of
# certain files to each branch
echo "\n\n\n\n===================================\n"
# Show this help screen if bad options are passed
showHelp() {

Basic

$$('img') //select all images
$$('.page-section')[0].style // look at the styles for elements with page-section class

Get All Links on a Page

<h1>Meet The Monsters</h1>
<p>With a wide range of backgrounds, skills, and personality, the LiL Monsters are a team to reckon with. There’s little they can’t achieve when they put their monster minds together.</p>
<section>
<img src="images/monster01_tn.svg" alt="Monster Image 01" >
<h5>Mingle</h5>
</section>
<section>
<img src="images/monster02_tn.svg" alt="Monster Image 02" >
@planetoftheweb
planetoftheweb / sample.js
Created March 12, 2020 23:38
Very Basic JavaScript
console.log('Hello World');