|
|
|
|
@ -131,20 +131,20 @@ const HomePage = () => {
|
|
|
|
|
height={85}
|
|
|
|
|
/>
|
|
|
|
|
</Center>
|
|
|
|
|
<Center>
|
|
|
|
|
<p>Create and download a snowglob in the hue of your choice.</p>
|
|
|
|
|
</Center>
|
|
|
|
|
<Text align="center">
|
|
|
|
|
Create and download a snowglob in the hue of your choice.
|
|
|
|
|
</Text>
|
|
|
|
|
<Text align="center">
|
|
|
|
|
Apologies for the 4s it takes to render a snowglob. Excellence takes time.
|
|
|
|
|
</Text>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Box p={4}>
|
|
|
|
|
<Box>
|
|
|
|
|
<VStack
|
|
|
|
|
spacing={4}
|
|
|
|
|
align='stretch'
|
|
|
|
|
>
|
|
|
|
|
<Center id="hues" h='40px' w='490px' style={{
|
|
|
|
|
<Flex id="hues" h='40px' style={{
|
|
|
|
|
backgroundImage: 'url(/img/colorbar.png)',
|
|
|
|
|
backgroundSize: "contain"
|
|
|
|
|
}}>
|
|
|
|
|
@ -158,8 +158,8 @@ const HomePage = () => {
|
|
|
|
|
</SliderTrack>
|
|
|
|
|
<SliderThumb />
|
|
|
|
|
</Slider>
|
|
|
|
|
</Center>
|
|
|
|
|
<Center id="hues" h='40px' w='490px' bgGradient={ gradient(h) }>
|
|
|
|
|
</Flex>
|
|
|
|
|
<Flex id="hues" h='40px' bgGradient={ gradient(h) }>
|
|
|
|
|
<Slider
|
|
|
|
|
aria-label='slider-ex-1'
|
|
|
|
|
defaultValue={ s }
|
|
|
|
|
@ -170,7 +170,7 @@ const HomePage = () => {
|
|
|
|
|
</SliderTrack>
|
|
|
|
|
<SliderThumb />
|
|
|
|
|
</Slider>
|
|
|
|
|
</Center>
|
|
|
|
|
</Flex>
|
|
|
|
|
<Flex>
|
|
|
|
|
<Square size='104px' bg='teal'>
|
|
|
|
|
<Image
|
|
|
|
|
@ -212,6 +212,8 @@ const HomePage = () => {
|
|
|
|
|
A snowglob is an abstract representation of a snow globe. A snow globe is a transparent or
|
|
|
|
|
opaque sphere, traditionally made of glass, usually enclosing a miniaturized scene of some
|
|
|
|
|
sort, often together with a model of a town, neighborhood, landscape or figure.
|
|
|
|
|
<br></br><br></br>
|
|
|
|
|
Snowglobs do not cointains a miniaturized scene.
|
|
|
|
|
</AccordionPanel>
|
|
|
|
|
</AccordionItem>
|
|
|
|
|
<AccordionItem>
|
|
|
|
|
@ -241,8 +243,10 @@ const HomePage = () => {
|
|
|
|
|
</h2>
|
|
|
|
|
<AccordionPanel pb={4}>
|
|
|
|
|
That is not a question. However, any resemblence is a complete coincidence.
|
|
|
|
|
LinkedIn no-profile picture avatars are a circle overlapping an eye shape in a circle.
|
|
|
|
|
I designed a circle overlapping an oval, and the image is on a square. Furthermore,
|
|
|
|
|
LinkedIn default avatars are a circle overlapping an eye shape in a circle.
|
|
|
|
|
I designed snowglobs as a circle overlapping an oval, and the image is on a square.
|
|
|
|
|
<br></br><br></br>
|
|
|
|
|
Furthermore,
|
|
|
|
|
snowglobs are different colors to the LinkedIn no-profile picture avatars.
|
|
|
|
|
<br></br><br></br>
|
|
|
|
|
They are meant to be snowglobs.
|
|
|
|
|
@ -275,11 +279,31 @@ const HomePage = () => {
|
|
|
|
|
</AccordionButton>
|
|
|
|
|
</h2>
|
|
|
|
|
<AccordionPanel pb={4}>
|
|
|
|
|
It is on my to-do list. There will be 3599 snowglobs, each with a subtly different shade.
|
|
|
|
|
It is on my to-do list. There will be 1800 snowglobs, each with a subtly different shade.
|
|
|
|
|
<br></br><br></br>
|
|
|
|
|
I just haven't gotten around to minting them yet.
|
|
|
|
|
</AccordionPanel>
|
|
|
|
|
</AccordionItem>
|
|
|
|
|
<AccordionItem>
|
|
|
|
|
<h2>
|
|
|
|
|
<AccordionButton>
|
|
|
|
|
<Box as="span" flex='1' textAlign='left'>
|
|
|
|
|
<Heading size="sm" as="h3">Why did you build snowglobs?</Heading>
|
|
|
|
|
</Box>
|
|
|
|
|
<AccordionIcon />
|
|
|
|
|
</AccordionButton>
|
|
|
|
|
</h2>
|
|
|
|
|
<AccordionPanel pb={4}>
|
|
|
|
|
I find them aesthetically pleasing.
|
|
|
|
|
<br></br><br></br>
|
|
|
|
|
What I certainly did not do, is design them as replacement profile pictures for LinkedIn.
|
|
|
|
|
Please do not replace your LinkedIn profile picture with a snowglob. If you use a snowglob
|
|
|
|
|
as a profile picture, under the terms and conditions of the site you may find that LinkedIn
|
|
|
|
|
replaces your snowglob picture with the the LinkedIn default avatar.
|
|
|
|
|
<br></br><br></br>
|
|
|
|
|
And that would be terrible!
|
|
|
|
|
</AccordionPanel>
|
|
|
|
|
</AccordionItem>
|
|
|
|
|
</Accordion>
|
|
|
|
|
</Box>
|
|
|
|
|
<Box>
|
|
|
|
|
|
