-
-
);
};
diff --git a/src/fragments.js b/src/fragments.js
index a258faf..a1782ef 100644
--- a/src/fragments.js
+++ b/src/fragments.js
@@ -1,4 +1,4 @@
-import { graphql } from 'gatsby';
+import { graphql } from "gatsby";
export const VibrantColorsFragment = graphql`
fragment VibrantColors on FileFieldsImageMetaVibrant {
@@ -9,4 +9,4 @@ export const VibrantColorsFragment = graphql`
Vibrant
Muted
}
-`;
\ No newline at end of file
+`;
diff --git a/src/html.js b/src/html.js
index e4e3a7f..29a6594 100644
--- a/src/html.js
+++ b/src/html.js
@@ -1,7 +1,8 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from "react";
+import PropTypes from "prop-types";
-const env = process.env.GATSBY_ACTIVE_ENV || process.env.NODE_ENV || 'development';
+const env =
+ process.env.GATSBY_ACTIVE_ENV || process.env.NODE_ENV || "development";
export default function HTML(props) {
return (
@@ -9,25 +10,40 @@ export default function HTML(props) {
-
+
{props.headComponents}
- {env === 'production' && }
+ {env === "production" && (
+
+ )}
{/* eslint-disable-next-line */}
- {env === 'production' && }
+ {env === "production" && (
+
+ )}
{props.preBodyComponents}
{props.postBodyComponents}
-
+
);
diff --git a/src/pages/404.js b/src/pages/404.js
index 16abeea..5b0d2ef 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { Link } from 'gatsby';
+import * as React from "react";
+import { Link } from "gatsby";
// styles
const pageStyles = {
- color: '#232129',
- padding: '96px',
- fontFamily: '-apple-system, Roboto, sans-serif, serif',
+ color: "#232129",
+ padding: "96px",
+ fontFamily: "-apple-system, Roboto, sans-serif, serif",
};
const headingStyles = {
marginTop: 0,
@@ -17,10 +17,10 @@ const paragraphStyles = {
marginBottom: 48,
};
const codeStyles = {
- color: '#8A6534',
+ color: "#8A6534",
padding: 4,
- backgroundColor: '#FFF4DB',
- fontSize: '1.25rem',
+ backgroundColor: "#FFF4DB",
+ fontSize: "1.25rem",
borderRadius: 4,
};
@@ -31,13 +31,13 @@ const NotFoundPage = () => {
Not found
- {
- const images = React.useMemo(() =>
- data.allFile.edges
- .map(edge => edge.node, [data])
- , [data]);
+ const images = React.useMemo(
+ () => data.allFile.edges.map((edge) => edge.node, [data]),
+ [data]
+ );
- return (<>
-
-
-
-
+ );
// return null;
};
diff --git a/src/components/resume/ResumeLayout.js b/src/components/resume/ResumeLayout.js
index e211436..2d57584 100644
--- a/src/components/resume/ResumeLayout.js
+++ b/src/components/resume/ResumeLayout.js
@@ -1,10 +1,10 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import { MDXProvider } from '@mdx-js/react';
+import * as React from "react";
+import classnames from "classnames";
+import { MDXProvider } from "@mdx-js/react";
-import '../../styles/resume.css';
+import "../../styles/resume.css";
-const MyH1 = props => ;
+const MyH1 = (props) => ;
// const MyParagraph = props => (
//
// );
@@ -14,12 +14,13 @@ const components = {
// p: MyParagraph,
};
-
const ResumeLayout = ({ pageContext, children }) => {
- console.log('pc', pageContext);
+ console.log("pc", pageContext);
return (
-
+ {name} - Gallery | Chuck Dries
+
+
+
- );
+
+ );
};
export const query = graphql`
query GalleryImage($imageFilename: String) {
- allFile(filter: {sourceInstanceName: {eq: "gallery"}, base: {eq: $imageFilename}}) {
- edges {
- node {
- base
- childImageSharp{
- fluid {
- aspectRatio
+ allFile(
+ filter: {
+ sourceInstanceName: { eq: "gallery" }
+ base: { eq: $imageFilename }
+ }
+ ) {
+ edges {
+ node {
+ base
+ childImageSharp {
+ fluid {
+ aspectRatio
+ }
+ gatsbyImageData(
+ layout: CONSTRAINED
+ # placeholder: BLURRED
+ placeholder: DOMINANT_COLOR
+ # placeholder: TRACED_SVG
+ height: 2160
+ )
}
- gatsbyImageData(
- layout: CONSTRAINED
- # placeholder: BLURRED
- placeholder: DOMINANT_COLOR
- # placeholder: TRACED_SVG
- height: 2160
- )
- }
- fields {
- imageMeta {
- dateTaken
- iptc {
- caption
- object_name
- keywords
- city
- province_or_state
- }
- exif {
- FNumber
- ExposureTime
- ISO
- }
- vibrant {
- ...VibrantColors
+ fields {
+ imageMeta {
+ dateTaken
+ iptc {
+ caption
+ object_name
+ keywords
+ city
+ province_or_state
+ }
+ exif {
+ FNumber
+ ExposureTime
+ ISO
+ }
+ vibrant {
+ ...VibrantColors
+ }
}
}
}
}
}
}
-}
-
-
`;
export default GalleryImage;
diff --git a/src/components/GalleryImage/MetadataItem.js b/src/components/GalleryImage/MetadataItem.js
index cb077e8..88ec1da 100644
--- a/src/components/GalleryImage/MetadataItem.js
+++ b/src/components/GalleryImage/MetadataItem.js
@@ -1,21 +1,20 @@
-import classNames from 'classnames';
-import React from 'react';
+import classNames from "classnames";
+import React from "react";
-const MetadataItem = ({
- aspectRatio,
- icon,
- data,
- title,
-}) => data ? (
- {image.base}
- {hasName(image) &&{name}
} -{meta.iptc.caption}
+ return ( + <> +
+
+
-
-
+
+
+
+
+
- {}
-
+
+ {
+
+ }
+ + {image.base} +
+ {hasName(image) && ( +{name}
+ )} +{meta.iptc.caption}
+
-
-
-) : null;
+const MetadataItem = ({ aspectRatio, icon, data, title }) =>
+ data ? (
+
+
+
+ ) : null;
-export default MetadataItem;
\ No newline at end of file
+export default MetadataItem;
diff --git a/src/components/Index/HeroLink.js b/src/components/Index/HeroLink.js
index e3a5044..c9359db 100644
--- a/src/components/Index/HeroLink.js
+++ b/src/components/Index/HeroLink.js
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import classnames from 'classnames';
+import * as React from "react";
+import classnames from "classnames";
export const HeroA = ({
href,
@@ -9,8 +9,14 @@ export const HeroA = ({
...linkProps
}) => (
{children}
-);
\ No newline at end of file
+ >
+ {children}
+
+);
diff --git a/src/components/MasonryGallery.js b/src/components/MasonryGallery.js
index b79c072..69a3446 100644
--- a/src/components/MasonryGallery.js
+++ b/src/components/MasonryGallery.js
@@ -1,33 +1,41 @@
-import * as React from 'react';
-import { Link } from 'gatsby';
-import { GatsbyImage, getImage } from 'gatsby-plugin-image';
-import * as R from 'ramda';
-import { getAspectRatio, getName } from '../utils';
-import useBreakpoint from 'use-breakpoint';
+import * as React from "react";
+import { Link } from "gatsby";
+import { GatsbyImage, getImage } from "gatsby-plugin-image";
+import * as R from "ramda";
+import { getAspectRatio, getName } from "../utils";
+import useBreakpoint from "use-breakpoint";
-import themeBreakpoints from '../breakpoints';
+import themeBreakpoints from "../breakpoints";
const MasonryGallery = ({ images, itemsPerRow: itemsPerRowByBreakpoint }) => {
- const breakpoints = React.useMemo(() =>
- R.pick(R.keys(itemsPerRowByBreakpoint), themeBreakpoints)
- , [itemsPerRowByBreakpoint]);
+ const breakpoints = React.useMemo(
+ () => R.pick(R.keys(itemsPerRowByBreakpoint), themeBreakpoints),
+ [itemsPerRowByBreakpoint]
+ );
- const { breakpoint } = useBreakpoint(breakpoints, 'sm');
+ const { breakpoint } = useBreakpoint(breakpoints, "sm");
- const aspectRatios = React.useMemo(() => R.map(getAspectRatio, images), [images]);
- const rowAspectRatioSumsByBreakpoint = React.useMemo(() => R.map(R.pipe(
- R.splitEvery(R.__, aspectRatios),
- R.map(R.sum)
- ))(itemsPerRowByBreakpoint), [aspectRatios, itemsPerRowByBreakpoint]);
+ const aspectRatios = React.useMemo(
+ () => R.map(getAspectRatio, images),
+ [images]
+ );
+ const rowAspectRatioSumsByBreakpoint = React.useMemo(
+ () =>
+ R.map(R.pipe(R.splitEvery(R.__, aspectRatios), R.map(R.sum)))(
+ itemsPerRowByBreakpoint
+ ),
+ [aspectRatios, itemsPerRowByBreakpoint]
+ );
const itemsPerRow = itemsPerRowByBreakpoint[breakpoint];
- const rowAspectRatioSumsForCurrentBP = rowAspectRatioSumsByBreakpoint[breakpoint];
-
+ const rowAspectRatioSumsForCurrentBP =
+ rowAspectRatioSumsByBreakpoint[breakpoint];
+
return (
@@ -36,22 +44,24 @@ const MasonryGallery = ({ images, itemsPerRow: itemsPerRowByBreakpoint }) => {
const rowAspectRatioSum = rowAspectRatioSumsForCurrentBP[rowIndex];
// const width = ((getAspectRatio(image) / rowAspectRatioSum) * 100).toFixed(10);
const ar = getAspectRatio(image);
- const widthNumber = rowAspectRatioSum === ar
- // image is only one in row
- ? 100 / itemsPerRow
- // image is one of several in row
- : ((ar / rowAspectRatioSum) * 100).toFixed(5);
+ const widthNumber =
+ rowAspectRatioSum === ar
+ ? // image is only one in row
+ 100 / itemsPerRow
+ : // image is one of several in row
+ ((ar / rowAspectRatioSum) * 100).toFixed(5);
const width = `${widthNumber}%`;
return (
-
{
);
})}
-
);
+ {children}
+
+ {children}
+
Page not found
- Sorry{' '}
+ Sorry{" "}
😔
- {' '}
+ {" "}
we couldn’t find what you were looking for.
- {process.env.NODE_ENV === 'development' ? (
+ {process.env.NODE_ENV === "development" ? (
<>
Try creating a page in src/pages/.
diff --git a/src/pages/asdf-resume.mdx b/src/pages/asdf-resume.mdx
index 34607a8..996738a 100644
--- a/src/pages/asdf-resume.mdx
+++ b/src/pages/asdf-resume.mdx
@@ -2,8 +2,8 @@
title: Charles Dries Resume
---
-import ResumeLayout from '../components/resume/ResumeLayout'
-export default ResumeLayout
+import ResumeLayout from "../components/resume/ResumeLayout";
+export default ResumeLayout;
# Hello, World!
diff --git a/src/pages/index.js b/src/pages/index.js
index de031a8..4b487ff 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -175,7 +175,7 @@ const IndexPage = ({
title="view image details"
to={`/photogallery/${image.base}/`}
>
-
-
Photo Gallery
-
-
+ Photo Gallery | Chuck Dries
+
+
+
+
- );
+
+ );
};
export const query = graphql`
-query GalleryPageQuery {
- allFile(
- filter: { sourceInstanceName: { eq: "gallery" } }
- sort: {order: DESC, fields: fields___imageMeta___dateTaken}
- ) {
- edges {
- node {
- relativePath
- base
- childImageSharp{
- fluid {
- aspectRatio
+ query GalleryPageQuery {
+ allFile(
+ filter: { sourceInstanceName: { eq: "gallery" } }
+ sort: { order: DESC, fields: fields___imageMeta___dateTaken }
+ ) {
+ edges {
+ node {
+ relativePath
+ base
+ childImageSharp {
+ fluid {
+ aspectRatio
+ }
+ gatsbyImageData(layout: CONSTRAINED, height: 550)
}
- gatsbyImageData(
- layout: CONSTRAINED
- height: 550
- )
- }
- fields {
- imageMeta {
- dateTaken
- iptc {
- object_name
+ fields {
+ imageMeta {
+ dateTaken
+ iptc {
+ object_name
+ }
}
}
}
}
}
}
-}`;
+`;
export default GalleryPage;
diff --git a/src/styles/global.css b/src/styles/global.css
index bb660c4..a1a7dad 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,6 +1,6 @@
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap'); */
/* black, bold, regular */
-@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
@tailwind base;
@tailwind components;
@@ -30,7 +30,7 @@
scroll-snap-align: start;
}
.scroll-padding-6 {
- scroll-padding: theme('spacing.6');
+ scroll-padding: theme("spacing.6");
}
.blurred-or-opaque-bg-1 {
@apply bg-opacity-80;
@@ -77,7 +77,7 @@ a {
margin-left: 3px;
transform: translate(0px);
display: inline-block;
- transition: all .2s;
+ transition: all 0.2s;
}
.arrow-left-before:before {
diff --git a/src/styles/resume.css b/src/styles/resume.css
index 94711bd..b54eff5 100644
--- a/src/styles/resume.css
+++ b/src/styles/resume.css
@@ -3,4 +3,3 @@
@apply text-3xl font-bold;
}
}
-
diff --git a/src/utils.js b/src/utils.js
index 5dcbd08..ac2d33e 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -2,31 +2,36 @@
export const getMeta = (image) => image.fields.imageMeta;
-export const getName = (image) => getMeta(image)?.iptc.object_name || image.base;
+export const getName = (image) =>
+ getMeta(image)?.iptc.object_name || image.base;
// some pleasing default colors for SSR and initial hydration
export const getVibrant = (image) => getMeta(image)?.vibrant;
export const hasName = (image) => Boolean(getMeta(image)?.iptc.object_name);
-export const getAspectRatio = (image) => image.childImageSharp.fluid.aspectRatio;
+export const getAspectRatio = (image) =>
+ image.childImageSharp.fluid.aspectRatio;
-export const getRgba = (palette, alpha) => `rgba(${palette[0]}, ${palette[1]}, ${palette[2]}, ${alpha || 1})`;
+export const getRgba = (palette, alpha) =>
+ `rgba(${palette[0]}, ${palette[1]}, ${palette[2]}, ${alpha || 1})`;
// work around SSR bug in react-helmet
export const getVibrantToHelmetSafeBodyStyle = (vibrant) => {
const style = {
- '--muted': vibrant.Muted,
- '--dark-muted': vibrant.DarkMuted,
- '--light-muted': vibrant.LightMuted,
- '--vibrant': vibrant.Vibrant,
- '--dark-vibrant': vibrant.DarkVibrant,
- '--light-vibrant': vibrant.LightVibrant,
+ "--muted": vibrant.Muted,
+ "--dark-muted": vibrant.DarkMuted,
+ "--light-muted": vibrant.LightMuted,
+ "--vibrant": vibrant.Vibrant,
+ "--dark-vibrant": vibrant.DarkVibrant,
+ "--light-vibrant": vibrant.LightVibrant,
};
- if (typeof window === 'undefined') {
+ if (typeof window === "undefined") {
return style;
}
- return Object.keys(style).map(key => `${(key)}: ${style[key]}`).join(';');
+ return Object.keys(style)
+ .map((key) => `${key}: ${style[key]}`)
+ .join(";");
};
const gcd = (a, b) => {
@@ -40,12 +45,12 @@ const gcd = (a, b) => {
export const getShutterFractionFromExposureTime = (exposureTime) => {
let fraction = exposureTime;
const len = fraction.toString().length - 2;
-
+
let denominator = Math.pow(10, len);
let numerator = fraction * denominator;
-
+
const divisor = gcd(numerator, denominator);
-
+
numerator /= divisor;
denominator /= divisor;
return `${numerator}/${denominator}`;
diff --git a/static/editme.html b/static/editme.html
index 0611faf..b9d6713 100644
--- a/static/editme.html
+++ b/static/editme.html
@@ -6,7 +6,8 @@
+
- + Photo Gallery +
+
+
contenteditable can be applied to visible style tags
- This paragraph is editable, as is the style tag below. Edit it to see the layout change in real time. + This paragraph is editable, as is the style tag below. Edit it to see the + layout change in real time.
-
+
-
-
+
+
-
-
+
diff --git a/static/learn.html b/static/learn.html
index 028cd7a..4b308b9 100644
--- a/static/learn.html
+++ b/static/learn.html
@@ -1,19 +1,16 @@
-
-
-
-
-
- Document
-
-
-
-
- a tags are for links
- p tags are for paragraphs
- h1 through h6 are for headers
- 
- divs are just boxes
-
-
-
-
\ No newline at end of file
+
+
+
+
+ Document
+
+
+
+
+ a tags are for links
+ p tags are for paragraphs
+ h1 through h6 are for headers
+
+ divs are just boxes
+
+
diff --git a/static/roboticchuck.html b/static/roboticchuck.html
index 53ae0ef..1e2c063 100644
--- a/static/roboticchuck.html
+++ b/static/roboticchuck.html
@@ -1,77 +1,101 @@
-
-
-
-
-
+
+
+
+
Robotic Chuck
-
+ body {
+ margin: auto;
+ max-width: 800px;
+ line-height: 1.5;
+ }
-
+ code,
+ #output {
+ padding: 5px;
+ background: #eee;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ display: inline-block;
+ }
+
+ p {
+ max-width: 800px;
+ }
+
+ input,
+ textarea {
+ width: 100%;
+ padding: 5px;
+ /*max-width: 800px;*/
+ }
+
+ #genbutton {
+ color: white;
+ background: #01c106;
+ padding: 1em;
+ border: 1px solid #1e7931;
+ font-size: 1em;
+ border-radius: 3px;
+ }
+
+
+
+
- Title of box:
+ Title of box:
+
Description text:
-
+
Enter the links to generate according to this format:
[
{
@@ -87,20 +111,37 @@
"url": "yet-another-url"
}
]
- This format is known as JSON, it's an internet standard that's supposed to be easy for humans and computers to read.
- Note how commas are used to separate multiple items but are never used after the last item in a set. This is important,
- it will not work if you include a trailing comma where there should not be one.
-
-
+
+ This format is known as JSON, it's an internet standard that's supposed to
+ be easy for humans and computers to read. Note how commas are used to
+ separate multiple items but are never used after the last item in a set.
+ This is important, it will not work if you include a trailing comma where
+ there should not be one.
+
+
+
+ Generate Code
+
Paste the following code into a safeembed
- Don't forget: For each page you embed on, add the following bit of code just before the </h4> at the end of the line on the line that corresponds to the current page.
+
+ Don't forget: For each page you embed on, add the following bit
+ of code just before the </h4> at the end of the line on
+ the line that corresponds to the current page.
+
<span class="here">(You are here)</span>
-
- The code generated will look roughly like this:
-
- Gryphon overrides certain styles by default, so make sure to test on your article.
-
-
-
\ No newline at end of file
+ The code generated will look roughly like this:
+
+
+ Gryphon overrides certain styles by default, so make sure to test on your
+ article.
+
+
+
diff --git a/tailwind.config.js b/tailwind.config.js
index 10bcf23..d33f474 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,34 +1,34 @@
-const defaultTheme = require('tailwindcss/defaultTheme');
+const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
- purge: ['./src/**/*.{js,jsx,ts,tsx}'],
+ purge: ["./src/**/*.{js,jsx,ts,tsx}"],
// darkMode: 'media', // or 'media' or 'class'
theme: {
screens: {
- 'sm': '640px',
- 'md': '768px',
- 'lg': '1024px',
- 'xl': '1280px',
- '2xl': '1536px',
- 'portrait': {'raw': '(orientation: portrait)'},
- 'landscape': {'raw': '(orientation: landscape)'},
+ sm: "640px",
+ md: "768px",
+ lg: "1024px",
+ xl: "1280px",
+ "2xl": "1536px",
+ portrait: { raw: "(orientation: portrait)" },
+ landscape: { raw: "(orientation: landscape)" },
},
spacing: {
- '0': '0px',
- '1': '4px',
- '2': '8px',
- '3': '12px',
- '4': '16px',
- '5': '24px',
- '6': '32px',
- '7': '48px',
- '8': '80px',
- '9': '800px',
+ 0: "0px",
+ 1: "4px",
+ 2: "8px",
+ 3: "12px",
+ 4: "16px",
+ 5: "24px",
+ 6: "32px",
+ 7: "48px",
+ 8: "80px",
+ 9: "800px",
},
fontFamily: {
...defaultTheme.fontFamily,
// serif: ['Didot', 'Didot LT', 'STD', 'Hoefler Text' , 'Garamond', 'Times New Roman', 'serif']
- serif: ['Playfair Display', 'serif'],
+ serif: ["Playfair Display", "serif"],
},
extend: {
dropShadow: {
@@ -43,7 +43,7 @@ module.exports = {
if (opacityVariable !== undefined) {
return `rgba(var(--vibrant), var(${opacityVariable}, 1))`;
}
- return 'rgb(var(--vibrant))';
+ return "rgb(var(--vibrant))";
},
light: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
@@ -52,7 +52,7 @@ module.exports = {
if (opacityVariable !== undefined) {
return `rgba(var(--light-vibrant), var(${opacityVariable}, 1))`;
}
- return 'rgb(var(--light-vibrant))';
+ return "rgb(var(--light-vibrant))";
},
dark: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
@@ -61,7 +61,7 @@ module.exports = {
if (opacityVariable !== undefined) {
return `rgba(var(--dark-vibrant), var(${opacityVariable}, 1))`;
}
- return 'rgb(var(--dark-vibrant))';
+ return "rgb(var(--dark-vibrant))";
},
},
muted: {
@@ -72,7 +72,7 @@ module.exports = {
if (opacityVariable !== undefined) {
return `rgba(var(--muted), var(${opacityVariable}, 1))`;
}
- return 'rgb(var(--muted))';
+ return "rgb(var(--muted))";
},
light: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
@@ -81,7 +81,7 @@ module.exports = {
if (opacityVariable !== undefined) {
return `rgba(var(--light-muted), var(${opacityVariable}, 1))`;
}
- return 'rgb(var(--light-muted))';
+ return "rgb(var(--light-muted))";
},
dark: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
@@ -90,7 +90,7 @@ module.exports = {
if (opacityVariable !== undefined) {
return `rgba(var(--dark-muted), var(${opacityVariable}, 1))`;
}
- return 'rgb(var(--dark-muted))';
+ return "rgb(var(--dark-muted))";
},
},
},
diff --git a/yarn.lock b/yarn.lock
index 68bad93..bcaaa47 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11144,7 +11144,7 @@ prepend-http@^2.0.0:
resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
-prettier@^2.0.5:
+prettier@2.3.2, prettier@^2.0.5:
version "2.3.2"
resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==