gatsby-starter-portfolio-emilia | Minimalistic portfolio/photography site | Theme library
kandi X-RAY | gatsby-starter-portfolio-emilia Summary
kandi X-RAY | gatsby-starter-portfolio-emilia Summary
Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI. Includes Light/Dark mode.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of gatsby-starter-portfolio-emilia
gatsby-starter-portfolio-emilia Key Features
gatsby-starter-portfolio-emilia Examples and Code Snippets
from datetime import datetime, timedelta
def add_days(n, d = datetime.today()):
return d + timedelta(n)
from datetime import date
add_days(5, date(2020, 10, 25)) # date(2020, 10, 30)
add_days(-5, date(2020, 10, 25)) # date(2020, 10, 20)
const allEqualBy = (arr, fn) => {
const eql = fn(arr[0]);
return arr.every(val => fn(val) === eql);
};
allEqualBy([1.1, 1.2, 1.3], Math.round); // true
allEqualBy([1.1, 1.3, 1.6], Math.round); // false
const isObjectLike = val => val !== null && typeof val === 'object';
isObjectLike({}); // true
isObjectLike([1, 2, 3]); // true
isObjectLike(x => x); // false
isObjectLike(null); // false
Community Discussions
Trending Discussions on gatsby-starter-portfolio-emilia
QUESTION
Live example (images might load slowly): https://suhadolnik-photo.surge.sh/portreti
I'm making a photography site with GatsbyJS and using the following template as a base site that I've been changing: https://github.com/LekoArts/gatsby-starter-portfolio-emilia
Being really new to graphql I've run into a problem displaying images after a user clicks on the card to show the 'Portraits' subpage. The images are all displayed with a fixed width and height which I don't want. I need to display them with their native width and height, just resized to fit into the grid.
I've tried changing the graphql query in the project.js
file, where you set the maxWidth: 1600
to no avail, as well as the resize(width: 800)
further down the query. Later I found out that changing the margin
on gatsby-image-wrapper
through dev tools gave me the expected results, but that required changing the core gatsby-image
plugin and having to manually change the margin
for every image separately which isn't the solution.
project.js
ANSWER
Answered 2019-Aug-19 at 09:05Remove height:100%
and position:absolute
from your cover component on the homepage.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install gatsby-starter-portfolio-emilia
Create a Gatsby site.
Start developing.
Open the code and start customizing!
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page