Skip to content

Instantly share code, notes, and snippets.

View joshrod's full-sized avatar

Joshua Rodriguez joshrod

View GitHub Profile
@joshrod
joshrod / _front-page-hero.scss
Last active August 31, 2022 00:30
Blacksmith Agency Requested Code Samples
.hero {
display: block;
height: Max(100vh, 600px);
.hero-animation-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
@joshrod
joshrod / pagepiling_scroll.js
Last active April 28, 2020 01:46
Manual "Pagepiling.js" effect for both mobile and desktop but last slide has the ability to scroll.
const homeBody = document.querySelector('.home');
const sections = document.querySelectorAll(".full-page");
let sectionNum = 0;
let currentSection = sections[sectionNum];
let nextSection;
let prevSection;
const newsSection = document.getElementById("news");
@joshrod
joshrod / index.html
Created February 25, 2019 17:52
Fade In Fixed Effect using ScrollMagic and Beer
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css" />
<title>Freetail Animation</title>
</head>