Skip to content

Instantly share code, notes, and snippets.

View itseramin's full-sized avatar
💭
Contemplating life choices

eramin itseramin

💭
Contemplating life choices
View GitHub Profile
@itseramin
itseramin / map.js
Last active August 8, 2021 17:18
Custom Google Maps component implementation for React with Maps JavaScript API. Decided ditch this component to use embedded <iframe> Google Maps with Maps Embed API in my project, because I wouldn't utilize most of features of the Maps Javascript API, and made no sense to pay for something if I were to exceed my usage limit...
import { useTranslation } from "gatsby-plugin-react-i18next"
import React from "react"
import { GoogleMap, Marker, useJsApiLoader } from "@react-google-maps/api"
import styled from "styled-components"
import CustomMarker from "../../static/media/images/misc/marker.png"
const containerStyle = {
boxShadow: "0 0 5rem rgba(0, 0, 0, 0.66)",
height: "42vh",
@itseramin
itseramin / backgroundvideo.js
Last active November 6, 2023 09:16
Vimeo background video for React with Styled Components
import React from "react"
import styled from "styled-components"
import Vimeo from "@u-wave/react-vimeo"
export default function BackgroundVideo() {
return (
<>
<VideoContainer>
<Video
background={true}