A SSR react app which hosts Front End code for Oneflare.
- Run
yarn install
- Run
yarn dev
import CardContent from "@mui/material/CardContent"; | |
import CardMedia from "@mui/material/CardMedia"; | |
import Typography from "@mui/material/Typography"; | |
import Card from "@mui/material/Card"; | |
import ImageIcon from "@mui/icons-material/Image"; | |
import styled from "@emotion/styled"; | |
const styles = { | |
card: { | |
borderWidth: 1, |
{ | |
"startDate": 1626591600, | |
"endDate": 1688759813, | |
"displayName": "Mars", | |
"internalName": "mars-foo-1234", | |
"description": "a long description", | |
"content": [ | |
{ | |
"url": "https://foo.bar/baz.png", | |
"type": "ProductBanner" // didn't know what to call this type |
// https://www.walmart.com/ip/Kent-26-Ladies-Seachange-Beach-Cruiser-Bicycle-Blue/901976281?athcpid=901976281&athpgid=AthenaHomepageDesktop__gm__-1.0&athcgid=null&athznid=ItemCarousel_6b3338d8-9916-4d03-960d-894a2bbf1414_items&athieid=null&athstid=CS020&athguid=Dz8zpEgLI2sW75EaZTBnaAZDf-njA4NRZE_B&athancid=null&athena=true&athbdg=L1300 | |
{ | |
"@context": "https://schema.org", | |
"@type": "Product", | |
"image": "https://i5.walmartimages.com/asr/3f77d2cd-1258-4adc-a9a0-d6c261f638ae.b7c68358aa108a91182ae3a743876630.jpeg", | |
"name": "Kent, 26\" Ladies Seachange, Beach Cruiser Bicycle, Blue", | |
"sku": "901976281", | |
"gtin13": "016751126234", | |
"description": "<p>The 26\" Kent Seachange Bike combines classic design with modern functionality to offer you an enjoyable ride. Available in a subtle blue, this Kent Cruiser Bike for women looks sleek on the roads. Besides its subtle looks, this 26\" Kent bike also features excellent brake system, and seat comfort. The adjustable seat of the 26\" Kent Sea change |
//https://hackernoon.com/4-techniques-for-responsive-font-sizing-with-scss-f663791c62f0 | |
html { | |
font-size: 16px; | |
// Magic: | |
@media (max-width: 1000px) { | |
font-size: calc(12px + .4vw); | |
} | |
} | |
.title { |
git commit --amend --no-edit |
{ | |
development: { | |
rollbarClientToken: "xxxxxxxxxxxxx" | |
}, | |
staging: { | |
rollbarClientToken: ENV['ROLLBAR_CLIENT_TOKEN'] | |
}, | |
production: { | |
rollbarClientToken: ENV['ROLLBAR_CLIENT_TOKEN'] |
"0491570110".replace(/(\d{4})(\d{3})(\d{3})/, '$1 $2 $3'); |
// === Arrays | |
var [a, b] = [1, 2]; | |
console.log(a, b); | |
//=> 1 2 | |
// Use from functions, only select from pattern | |
var foo = () => [1, 2, 3]; |
Array.from(Array(8).keys()) |