eramin itseramin

💭

Contemplating life choices

3 followers · 2 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

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 / 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}