Olly Hodgson OllyHodgson
OllyHodgson
/ index.html
Created
March 20, 2018 16:39
CSS flexbox layout experiment - boxes breaking out of boxes. It later occurred to me that CSS Grid might have been the better tool. Hey ho.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title></title> | |
| <style> | |
| html, | |
| body { |
OllyHodgson
/ jquery.offscreen.js
Created
November 22, 2018 10:49
Simple jquery plugin to transition elements onto the page using CSS animations
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Custom selector to find if something is in the viewport | |
| // Adapted from https://stackoverflow.com/a/8897628/13019 | |
| jQuery.expr.pseudos.offscreen = function (el) { | |
| var rect = el.getBoundingClientRect(); | |
| return ( | |
| (rect.x + rect.width) < 0 || (rect.y + rect.height) < 0 || (rect.x > window.innerWidth || rect.y > window.innerHeight) | |
| ); | |
| }; |
OllyHodgson
/ _LoadFromLiquidContentAPI.cshtml
Last active
November 27, 2018 15:26
Load data from the DNN Evoq Liquid Content API using the DNN Razor Host module. Razor gives you a bit more control and flexibility than the built-in visualizers.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @using System | |
| @using System.Net | |
| @using System.Text | |
| @using Newtonsoft.Json | |
| @using Newtonsoft.Json.Linq | |
| @{ | |
| // The API URL and your API Key | |
| string url = "https://dnnapi.com/content/api/ContentItems?contentTypeId=7f0d48be-a6bf-4f3c-9fdf-ba895727e818"; | |
| string apikey = "**** INSERT YOUR API KEY HERE ****"; |
OllyHodgson
/ Icon.js
Created
July 31, 2020 22:48
React component to use the Bootstrap 5 Icons in sprite form
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| import classnames from "classnames"; | |
| import Icons from "bootstrap-icons/bootstrap-icons.svg"; | |
| const Icon = ({ | |
| className, | |
| iconName, | |
| height = "1rem", | |
| width = "1rem", | |
| label, |
OllyHodgson
/ Cloud Run & Remix
Created
June 15, 2023 19:07
— forked from TheRealFlyingCoder/Cloud Run & Remix
Remix & Cloud Run
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| So you want to set up remix in cloud run huh? It's pretty simple but i'm going to assume you can figure out most of the GCP UI on your own. | |
| Cloud Run: | |
| Step 1: Create a new service and take note of the service ID | |
| Step 2: Allow all traffic in the /triggers tab | |
| Cloud Build: | |
| Step 1: Set up a Cloud Build trigger on your repo | |
| Step 2: Point the configuration to "cloud build configuration file" at the root of your project | |
| Step 3: Add the following to the substitution variables (so you can keep it safe): |
OlderNewer