├── .github
└── FUNDING.yml
├── .gitignore
├── .npmrc
├── .nvmrc
├── CHANGELOG.md
├── LICENSE
├── README.md
├── content
├── pages
│ └── about
│ │ ├── index.mdx
│ │ └── mountains.jpg
└── projects
│ ├── emma
│ ├── emma.jpg
│ └── index.mdx
│ ├── lekoarts
│ ├── index.mdx
│ └── lekoarts.jpg
│ ├── proprius
│ ├── index.mdx
│ └── proprius.jpg
│ └── tomb-raider
│ ├── index.mdx
│ └── tomb-raider.jpg
├── gatsby-config.ts
├── package.json
├── src
└── pages
│ └── 404.tsx
├── static
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── apple-touch-icon-precomposed.png
├── apple-touch-icon.png
├── banner.jpg
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon.ico
└── robots.txt
└── tsconfig.json
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: [LekoArts]
4 | patreon: # Patreon username
5 | open_collective: # Replace with a single Open Collective username
6 | ko_fi: lekoarts
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | custom: # Replace with a single custom sponsorship URL
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 |
8 | # Runtime data
9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 |
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 |
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 |
20 | # nyc test coverage
21 | .nyc_output
22 |
23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 |
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 |
29 | # node-waf configuration
30 | .lock-wscript
31 |
32 | # Compiled binary addons (http://nodejs.org/api/addons.html)
33 | build/Release
34 |
35 | # Dependency directories
36 | node_modules
37 | jspm_packages
38 | **/node_modules/**
39 |
40 | # Typescript v1 declaration files
41 | typings/
42 |
43 | # Optional npm cache directory
44 | .npm
45 |
46 | # Optional eslint cache
47 | .eslintcache
48 |
49 | # Optional REPL history
50 | .node_repl_history
51 |
52 | # Output of 'npm pack'
53 | *.tgz
54 |
55 | # Yarn Integrity file
56 | .yarn-integrity
57 |
58 | # dotenv environment variables file
59 | .env
60 | .env.*
61 | !.env.example
62 |
63 | .cache
64 | **/.cache
65 | public
66 |
67 | .idea
68 | .vscode
69 | .DS_Store
--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | legacy-peer-deps=true
2 |
--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | 18
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 |
3 | ## 0.3.16
4 |
5 | ### Patch Changes
6 |
7 | - [#1371](https://github.com/LekoArts/gatsby-themes/pull/1371) [`9e5be42`](https://github.com/LekoArts/gatsby-themes/commit/9e5be42b48990319d3059d9045ddc1801226c3cb) Thanks [@LekoArts](https://github.com/LekoArts)! - Update dependencies
8 |
9 | - [#1369](https://github.com/LekoArts/gatsby-themes/pull/1369) [`af17a18`](https://github.com/LekoArts/gatsby-themes/commit/af17a18dfbef47300928fb3b9379a60096fae4e2) Thanks [@LekoArts](https://github.com/LekoArts)! - Replace Twitter with Bluesky
10 |
11 | - [#1367](https://github.com/LekoArts/gatsby-themes/pull/1367) [`4c3abc7`](https://github.com/LekoArts/gatsby-themes/commit/4c3abc779332b36db8735029ad5d872e8149d31d) Thanks [@LekoArts](https://github.com/LekoArts)! - Update Gatsby related dependencies
12 |
13 | - Updated dependencies [[`9e5be42`](https://github.com/LekoArts/gatsby-themes/commit/9e5be42b48990319d3059d9045ddc1801226c3cb), [`af17a18`](https://github.com/LekoArts/gatsby-themes/commit/af17a18dfbef47300928fb3b9379a60096fae4e2), [`4c3abc7`](https://github.com/LekoArts/gatsby-themes/commit/4c3abc779332b36db8735029ad5d872e8149d31d)]:
14 | - @lekoarts/gatsby-theme-emma@5.1.8
15 |
16 | ## 0.3.15
17 |
18 | ### Patch Changes
19 |
20 | - [`409bba45`](https://github.com/LekoArts/gatsby-themes/commit/409bba451d8637d04de2efc8199fa662a2595c68) Thanks [@LekoArts](https://github.com/LekoArts)! - Remove link to my Patreon page. To simplify things I disabled my Patreon. If you want to support my OSS work, please consider using GitHub sponsors or Ko-fi. Thanks!
21 |
22 | - Updated dependencies [[`409bba45`](https://github.com/LekoArts/gatsby-themes/commit/409bba451d8637d04de2efc8199fa662a2595c68)]:
23 | - @lekoarts/gatsby-theme-emma@5.1.4
24 |
25 | ## 0.3.14
26 |
27 | ### Patch Changes
28 |
29 | - [#1116](https://github.com/LekoArts/gatsby-themes/pull/1116) [`cf7d5122`](https://github.com/LekoArts/gatsby-themes/commit/cf7d51223a73387f12cac490e2a42f068b0ded26) Thanks [@LekoArts](https://github.com/LekoArts)! - chore(deps): Various dependency updates
30 |
31 | - Updated dependencies [[`cf7d5122`](https://github.com/LekoArts/gatsby-themes/commit/cf7d51223a73387f12cac490e2a42f068b0ded26)]:
32 | - @lekoarts/gatsby-theme-emma@5.0.4
33 |
34 | ## 0.3.13
35 |
36 | ### Patch Changes
37 |
38 | - Updated dependencies [[`02872400`](https://github.com/LekoArts/gatsby-themes/commit/0287240022c308a7d1fcc8af348ee7d21bca0dd5)]:
39 | - @lekoarts/gatsby-theme-emma@5.0.0
40 |
41 | ## 0.3.12
42 |
43 | ### Patch Changes
44 |
45 | - Updated dependencies [[`ee969f3`](https://github.com/LekoArts/gatsby-themes/commit/ee969f30037fa99232292014431854773735d0a0)]:
46 | - @lekoarts/gatsby-theme-emma@4.0.0
47 |
48 | ## 0.3.11
49 |
50 | ### Patch Changes
51 |
52 | - Updated dependencies [[`1598dd6`](https://github.com/LekoArts/gatsby-themes/commit/1598dd660e3ba795b50c4aeb11550806e0b7b6ba)]:
53 | - @lekoarts/gatsby-theme-emma@3.0.0
54 |
55 | ## 0.3.10
56 |
57 | ### Patch Changes
58 |
59 | - Updated dependencies [[`1785dcf`](https://github.com/LekoArts/gatsby-themes/commit/1785dcfad131ab9270c401e6a3bb450f7cb01288)]:
60 | - @lekoarts/gatsby-theme-emma@2.0.0
61 |
62 | ## 0.3.9
63 |
64 | ### Patch Changes
65 |
66 | - [`716fde2`](https://github.com/LekoArts/gatsby-themes/commit/716fde287d20e80e834d451825b55af249e0168a) [#579](https://github.com/LekoArts/gatsby-themes/pull/579) Thanks [@LekoArts](https://github.com/LekoArts)! - chore: Add gatsby-plugin-gatsby-cloud to starters
67 |
68 | All notable changes to this project will be documented in this file.
69 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
70 |
71 | ## [0.3.8](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.7...emma@0.3.8) (2020-11-11)
72 |
73 | **Note:** Version bump only for package emma
74 |
75 | ## [0.3.7](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.6...emma@0.3.7) (2020-11-02)
76 |
77 | **Note:** Version bump only for package emma
78 |
79 | ## [0.3.6](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.5...emma@0.3.6) (2020-10-25)
80 |
81 | **Note:** Version bump only for package emma
82 |
83 | ## [0.3.5](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.4...emma@0.3.5) (2020-10-10)
84 |
85 | **Note:** Version bump only for package emma
86 |
87 | ## [0.3.4](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.3...emma@0.3.4) (2020-09-25)
88 |
89 | **Note:** Version bump only for package emma
90 |
91 | ## [0.3.3](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.2...emma@0.3.3) (2020-09-16)
92 |
93 | **Note:** Version bump only for package emma
94 |
95 | ## [0.3.2](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.1...emma@0.3.2) (2020-09-10)
96 |
97 | **Note:** Version bump only for package emma
98 |
99 | ## [0.3.1](https://github.com/LekoArts/gatsby-themes/compare/emma@0.3.0...emma@0.3.1) (2020-08-27)
100 |
101 | **Note:** Version bump only for package emma
102 |
103 | # [0.3.0](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.11...emma@0.3.0) (2020-07-09)
104 |
105 | ### Features
106 |
107 | - Add bundle-analyzer and lazy-load react-live ([#450](https://github.com/LekoArts/gatsby-themes/issues/450)) ([667fd33](https://github.com/LekoArts/gatsby-themes/commit/667fd33ce6af546cf2250af1e22395a26f45d6a2))
108 |
109 | ## [0.2.11](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.10...emma@0.2.11) (2020-07-09)
110 |
111 | **Note:** Version bump only for package emma
112 |
113 | ## [0.2.10](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.9...emma@0.2.10) (2020-07-04)
114 |
115 | **Note:** Version bump only for package emma
116 |
117 | ## [0.2.9](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.8...emma@0.2.9) (2020-07-03)
118 |
119 | **Note:** Version bump only for package emma
120 |
121 | ## [0.2.8](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.7...emma@0.2.8) (2020-07-02)
122 |
123 | **Note:** Version bump only for package emma
124 |
125 | ## [0.2.7](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.6...emma@0.2.7) (2020-06-11)
126 |
127 | **Note:** Version bump only for package emma
128 |
129 | ## [0.2.6](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.5...emma@0.2.6) (2020-06-08)
130 |
131 | **Note:** Version bump only for package emma
132 |
133 | ## [0.2.5](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.4...emma@0.2.5) (2020-05-29)
134 |
135 | **Note:** Version bump only for package emma
136 |
137 | ## [0.2.4](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.3...emma@0.2.4) (2020-05-12)
138 |
139 | **Note:** Version bump only for package emma
140 |
141 | ## [0.2.3](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.2...emma@0.2.3) (2020-05-04)
142 |
143 | **Note:** Version bump only for package emma
144 |
145 | ## [0.2.2](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.1...emma@0.2.2) (2020-05-02)
146 |
147 | **Note:** Version bump only for package emma
148 |
149 | ## [0.2.1](https://github.com/LekoArts/gatsby-themes/compare/emma@0.2.0...emma@0.2.1) (2020-04-28)
150 |
151 | **Note:** Version bump only for package emma
152 |
153 | # [0.2.0](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.14...emma@0.2.0) (2020-04-27)
154 |
155 | ### Features
156 |
157 | - Update theme-ui to v0.3.x ([#371](https://github.com/LekoArts/gatsby-themes/issues/371)) ([67a05ac](https://github.com/LekoArts/gatsby-themes/commit/67a05ac3e1deaddfe38591739e7f50f56d49d109)), closes [/theme-ui.com/migrating#v03](https://github.com//theme-ui.com/migrating/issues/v03) [#262](https://github.com/LekoArts/gatsby-themes/issues/262)
158 |
159 | ## [0.1.14](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.13...emma@0.1.14) (2020-04-24)
160 |
161 | **Note:** Version bump only for package emma
162 |
163 | ## [0.1.13](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.12...emma@0.1.13) (2020-04-13)
164 |
165 | **Note:** Version bump only for package emma
166 |
167 | ## [0.1.12](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.11...emma@0.1.12) (2020-04-13)
168 |
169 | **Note:** Version bump only for package emma
170 |
171 | ## [0.1.11](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.10...emma@0.1.11) (2020-04-12)
172 |
173 | **Note:** Version bump only for package emma
174 |
175 | ## [0.1.10](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.9...emma@0.1.10) (2020-04-12)
176 |
177 | **Note:** Version bump only for package emma
178 |
179 | ## [0.1.9](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.8...emma@0.1.9) (2020-04-01)
180 |
181 | **Note:** Version bump only for package emma
182 |
183 | ## [0.1.8](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.7...emma@0.1.8) (2020-03-31)
184 |
185 | **Note:** Version bump only for package emma
186 |
187 | ## [0.1.7](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.6...emma@0.1.7) (2020-03-04)
188 |
189 | **Note:** Version bump only for package emma
190 |
191 | ## [0.1.6](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.5...emma@0.1.6) (2020-02-27)
192 |
193 | **Note:** Version bump only for package emma
194 |
195 | ## [0.1.5](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.4...emma@0.1.5) (2020-02-27)
196 |
197 | **Note:** Version bump only for package emma
198 |
199 | ## [0.1.4](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.3...emma@0.1.4) (2020-02-16)
200 |
201 | **Note:** Version bump only for package emma
202 |
203 | ## [0.1.3](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.2...emma@0.1.3) (2020-01-23)
204 |
205 | **Note:** Version bump only for package emma
206 |
207 | ## [0.1.2](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.1...emma@0.1.2) (2020-01-23)
208 |
209 | **Note:** Version bump only for package emma
210 |
211 | ## [0.1.1](https://github.com/LekoArts/gatsby-themes/compare/emma@0.1.0...emma@0.1.1) (2020-01-17)
212 |
213 | **Note:** Version bump only for package emma
214 |
215 | # [0.1.0](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.20...emma@0.1.0) (2020-01-07)
216 |
217 | ### Features
218 |
219 | - **gatsby-theme-emma-core:** Custom slug for projects via frontmatter ([6236603](https://github.com/LekoArts/gatsby-themes/commit/62366035d3d3f83a2326c67a0fe28c514fb66f8e))
220 |
221 | ## [0.0.20](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.19...emma@0.0.20) (2019-12-31)
222 |
223 | **Note:** Version bump only for package emma
224 |
225 | ## [0.0.19](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.18...emma@0.0.19) (2019-12-03)
226 |
227 | **Note:** Version bump only for package emma
228 |
229 | ## [0.0.18](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.17...emma@0.0.18) (2019-12-03)
230 |
231 | **Note:** Version bump only for package emma
232 |
233 | ## [0.0.17](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.16...emma@0.0.17) (2019-11-25)
234 |
235 | **Note:** Version bump only for package emma
236 |
237 | ## [0.0.16](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.15...emma@0.0.16) (2019-11-16)
238 |
239 | **Note:** Version bump only for package emma
240 |
241 | ## [0.0.15](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.14...emma@0.0.15) (2019-11-04)
242 |
243 | **Note:** Version bump only for package emma
244 |
245 | ## [0.0.14](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.13...emma@0.0.14) (2019-11-04)
246 |
247 | **Note:** Version bump only for package emma
248 |
249 | ## [0.0.13](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.12...emma@0.0.13) (2019-10-31)
250 |
251 | **Note:** Version bump only for package emma
252 |
253 | ## [0.0.12](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.11...emma@0.0.12) (2019-10-17)
254 |
255 | **Note:** Version bump only for package emma
256 |
257 | ## [0.0.11](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.10...emma@0.0.11) (2019-10-11)
258 |
259 | **Note:** Version bump only for package emma
260 |
261 | ## [0.0.10](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.9...emma@0.0.10) (2019-09-24)
262 |
263 | **Note:** Version bump only for package emma
264 |
265 | ## [0.0.9](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.8...emma@0.0.9) (2019-09-16)
266 |
267 | **Note:** Version bump only for package emma
268 |
269 | ## [0.0.8](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.7...emma@0.0.8) (2019-09-09)
270 |
271 | **Note:** Version bump only for package emma
272 |
273 | ## [0.0.7](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.6...emma@0.0.7) (2019-09-02)
274 |
275 | **Note:** Version bump only for package emma
276 |
277 | ## [0.0.6](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.5...emma@0.0.6) (2019-08-26)
278 |
279 | **Note:** Version bump only for package emma
280 |
281 | ## [0.0.5](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.4...emma@0.0.5) (2019-08-24)
282 |
283 | **Note:** Version bump only for package emma
284 |
285 | ## [0.0.4](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.3...emma@0.0.4) (2019-08-23)
286 |
287 | **Note:** Version bump only for package emma
288 |
289 | ## [0.0.3](https://github.com/LekoArts/gatsby-themes/compare/emma@0.0.2...emma@0.0.3) (2019-08-23)
290 |
291 | **Note:** Version bump only for package emma
292 |
293 | ## 0.0.2 (2019-08-20)
294 |
295 | ### Bug Fixes
296 |
297 | - Dependency & renovate updates ([#48](https://github.com/LekoArts/gatsby-themes/issues/48)) ([208cc23](https://github.com/LekoArts/gatsby-themes/commit/208cc23))
298 |
299 | ### Features
300 |
301 | - Add Cypress ([#16](https://github.com/LekoArts/gatsby-themes/issues/16)) ([ca0ed29](https://github.com/LekoArts/gatsby-themes/commit/ca0ed29)), closes [#10](https://github.com/LekoArts/gatsby-themes/issues/10)
302 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The BSD Zero Clause License (0BSD)
2 |
3 | Copyright (c) 2023 LekoArts
4 |
5 | Permission to use, copy, modify, and/or distribute this software for any
6 | purpose with or without fee is hereby granted.
7 |
8 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
9 | REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
10 | AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
11 | INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
12 | LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
13 | OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14 | PERFORMANCE OF THIS SOFTWARE.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
4 |
5 |
6 |
7 | Gatsby Starter Portfolio: Emma
8 |
9 |
10 |
11 |
12 | 
13 |
14 |
15 | 
16 |
17 |
18 | 
19 |
20 |
21 | 
22 |
23 |
24 |
25 | Minimalistic portfolio with full-width grid, page transitions, support for additional MDX pages, and a focus on large images. Using the Gatsby Theme [`@lekoarts/gatsby-theme-emma`](https://github.com/LekoArts/gatsby-themes/tree/main/themes/gatsby-theme-emma).
26 |
27 | [**Demo Website**](https://emma.lekoarts.de)
28 |
29 | Also be sure to check out other [Free & Open Source Gatsby Themes](https://themes.lekoarts.de) and my [Personal Website](https://www.lekoarts.de?utm_source=emma&utm_medium=Starter).
30 |
31 | ## ✨ Features
32 |
33 | - MDX
34 | - react-spring page animations
35 | - Optional MDX pages which automatically get added to the navigation
36 | - Fully customizable through the usage of Gatsby Themes (and Theme UI)
37 | - Light Mode / Dark Mode
38 | - SEO (Sitemap, OpenGraph tags, Twitter tags)
39 | - WebApp Manifest
40 |
41 | ## ⏱️ Quick Start
42 |
43 | Deploy this starter with one click on [Netlify](https://app.netlify.com/signup):
44 |
45 | [
](https://app.netlify.com/start/deploy?repository=https://github.com/LekoArts/gatsby-starter-portfolio-emma)
46 |
47 | ## 🚀 Getting Started
48 |
49 | ### 1. **Create a Gatsby site.**
50 |
51 | Use the Gatsby CLI to clone the site and install dependencies:
52 |
53 | ```sh
54 | npx gatsby new gatsby-starter-portfolio-emma https://github.com/LekoArts/gatsby-starter-portfolio-emma
55 | ```
56 |
57 | ### 2. **Navigate to your new project.**
58 |
59 | ```sh
60 | cd gatsby-starter-portfolio-emma
61 | ```
62 |
63 | ### 3. **Open the code and start customizing!**
64 |
65 | Start the site by running `npm run develop`.
66 |
67 | Your site is now running at `http://localhost:8000`!
68 |
69 | If you want to learn more about how you can use a Gatsby starter that is configured with a Gatsby theme, you can check out this [shorter](https://www.gatsbyjs.com/docs/how-to/plugins-and-themes/using-a-gatsby-theme/) or [longer](https://www.gatsbyjs.com/tutorial/using-a-theme/) tutorial. The tutorials don't exactly apply to this starter however the concepts are the same.
70 |
71 | ## 📝 Using and modifying this starter
72 |
73 | **Important Note:** Please read the guide [Shadowing in Gatsby Themes](https://www.gatsbyjs.com/docs/how-to/plugins-and-themes/shadowing/) to understand how to customize the underlying theme!
74 |
75 | This starter creates a new Gatsby site that installs and configures the theme [`@lekoarts/gatsby-theme-emma`](https://github.com/LekoArts/gatsby-themes/tree/main/themes/gatsby-theme-emma).
76 |
77 | Have a look at the theme's README and files to see what options are available and how you can shadow the various components including Theme UI. Generally speaking you will want to place your files into `src/@lekoarts/gatsby-theme-emma/` to shadow/override files. The Theme UI config can be configured by shadowing its files in `src/gatsby-plugin-theme-ui/`.
78 |
79 | ### Adding content
80 |
81 | #### Adding a new project
82 |
83 | New projects will be shown on the index page of this theme and can be added by creating MDX files inside `content/projects`. General setup:
84 |
85 | 1. Create a new folder inside `content/projects`
86 | 1. Create a new `index.mdx` file, and add the frontmatter
87 | 1. Add an image to the created folder (from step 1)
88 | 1. Reference this image as your `cover` in the frontmatter
89 | 1. Use `defer` to opt-in into Deferred Static Generation (DSG)
90 | 1. Write your content below the frontmatter
91 |
92 | **Frontmatter reference:**
93 |
94 | ```md
95 | ---
96 | client: "LekoArts"
97 | title: "Theme"
98 | cover: "./image.jpg"
99 | date: "2019-06-10"
100 | service: "Theme"
101 | color: "#8e9d31"
102 | defer: false
103 | ---
104 | ```
105 |
106 | #### Adding a new page
107 |
108 | Additional pages will be shown in the navigation (left side) and allow you to display content other than projects, e.g. a "Contact" or "About Me" page. General setup:
109 |
110 | 1. Create a new folder inside `content/pages`
111 | 1. Create a new `index.mdx` file, and add the frontmatter
112 | 1. Add an image to the created folder (from step 1)
113 | 1. Reference this image as your `cover` in the frontmatter
114 | 1. Use `defer` to opt-in into Deferred Static Generation (DSG) (optional)
115 | 1. Write your content below the frontmatter
116 |
117 | **Frontmatter reference:**
118 |
119 | ```md
120 | ---
121 | title: "Name"
122 | slug: "/name"
123 | cover: "./name.jpg"
124 | defer: false
125 | ---
126 | ```
127 |
128 | ### Change your `static` folder
129 |
130 | The `static` folder contains the icons, social media images and `robots.txt`. Don't forget to change these files, too! You can use [Real Favicon Generator](https://realfavicongenerator.net/) to generate the image files inside `static`.
131 |
132 | ## 🤔 Questions or problems?
133 |
134 | If you have general questions or need help with Gatsby, please go to one of the [support platforms](https://www.gatsbyjs.com/contributing/community/#where-to-get-support) mentioned in Gatsby's documentation. If you have a specific question about this project, you can head to the [GitHub Discussions](https://github.com/LekoArts/gatsby-themes/discussions) of the repository.
135 |
136 | ## 🎓 Learning Gatsby
137 |
138 | Looking for more guidance? Full documentation for Gatsby lives [on Gatsby's website](https://www.gatsbyjs.com/).
139 |
140 | ### Themes
141 |
142 | To learn more about Gatsby themes specifically, I recommend checking out the [theme docs](https://www.gatsbyjs.com/docs/themes/).
143 |
144 | ### General
145 |
146 | - **For most developers, I recommend starting with the [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.com/docs/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
147 |
148 | - **To dive straight into code samples, head [to Gatsby's documentation](https://www.gatsbyjs.com/docs/).** In particular, check out the _How-to Guides_ and _Reference_ items in the primary navigation.
149 |
150 | ## 🌟 Supporting me
151 |
152 | Thanks for using this project! I'm always interested in seeing what people do with my projects, so don't hesitate to tag me on [Bluesky](https://bsky.app/profile/lekoarts.de) and share the project with me.
153 |
154 | Please star this project, share it on Social Media or consider supporting me on [GitHub Sponsors](https://github.com/sponsors/LekoArts)!
155 |
--------------------------------------------------------------------------------
/content/pages/about/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: "About"
3 | slug: "/about"
4 | cover: "./mountains.jpg"
5 | ---
6 |
7 | Hi, thanks for using the theme! You can find more themes at [themes.lekoarts.de](https://themes.lekoarts.de) and visit my [personal website](https://www.lekoarts.de) to learn more about Gatsby. Minimalistic portfolio with full-width grid, page transitions, support for additional MDX pages, and a focus on large images.
8 |
--------------------------------------------------------------------------------
/content/pages/about/mountains.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/content/pages/about/mountains.jpg
--------------------------------------------------------------------------------
/content/projects/emma/emma.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/content/projects/emma/emma.jpg
--------------------------------------------------------------------------------
/content/projects/emma/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | client: "Hogwarts"
3 | title: "Hermione Granger"
4 | cover: "./emma.jpg"
5 | date: "2019-06-10"
6 | service: "Witchcraft"
7 | color: "#8e9d31"
8 | ---
9 |
10 | [View raw (TEST.md)](https://raw.github.com/adamschwartz/github-markdown-kitchen-sink/master/README.md)
11 |
12 | This is a paragraph.
13 |
14 | This is a paragraph.
15 |
16 | # Header 1
17 |
18 | ## Header 2
19 |
20 | Header 1
21 | ========
22 |
23 | Header 2
24 | --------
25 |
26 | # Header 1
27 |
28 | ## Header 2
29 |
30 | ### Header 3
31 |
32 | #### Header 4
33 |
34 | ##### Header 5
35 |
36 | ###### Header 6
37 |
38 | # Header 1
39 | ## Header 2
40 | ### Header 3
41 | #### Header 4
42 | ##### Header 5
43 | ###### Header 6
44 |
45 | # Header 1
46 |
47 | ## Header 2
48 |
49 | ### Header 3
50 |
51 | #### Header 4
52 |
53 | ##### Header 5
54 |
55 | ###### Header 6
56 |
57 | # Header 1 #
58 | ## Header 2 ##
59 | ### Header 3 ###
60 | #### Header 4 ####
61 | ##### Header 5 #####
62 | ###### Header 6 ######
63 |
64 | > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
65 |
66 | > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
67 |
68 | > ## This is a header.
69 | >
70 | > 1. This is the first list item.
71 | > 2. This is the second list item.
72 | >
73 | > Here's some example code:
74 | >
75 | > Markdown.generate();
76 |
77 | > ## This is a header.
78 | > 1. This is the first list item.
79 | > 2. This is the second list item.
80 | >
81 | > Here's some example code:
82 | >
83 | > Markdown.generate();
84 |
85 | - Red
86 | - Green
87 | - Blue
88 |
89 | * Red
90 | * Green
91 | * Blue
92 |
93 | - Red
94 | - Green
95 | - Blue
96 |
97 | ```markdown
98 | - Red
99 | - Green
100 | - Blue
101 |
102 | * Red
103 | * Green
104 | * Blue
105 |
106 | - Red
107 | - Green
108 | - Blue
109 | ```
110 |
111 | 1. Buy flour and salt
112 | 1. Mix together with water
113 | 1. Bake
114 |
115 | ```markdown
116 | 1. Buy flour and salt
117 | 1. Mix together with water
118 | 1. Bake
119 | ```
120 |
121 | Paragraph:
122 |
123 | Code
124 |
125 | Paragraph:
126 |
127 | Code
128 |
129 | ---
130 |
131 | ---
132 |
133 | ---
134 |
135 | ---
136 |
137 | ---
138 |
139 | * * *
140 |
141 | ***
142 |
143 | *****
144 |
145 | - - -
146 |
147 | ---------------------------------------
148 |
149 | This is [an example](http://example.com "Example") link.
150 |
151 | [This link](http://example.com) has no title attr.
152 |
153 | This is [an example][id] reference-style link.
154 |
155 | [id]: http://example.com "Optional Title"
156 |
157 | This is [an example](http://example.com "Example") link.
158 |
159 | [This link](http://example.com) has no title attr.
160 |
161 | This is [an example] [id] reference-style link.
162 |
163 | [id]: http://example.com "Optional Title"
164 |
165 | _single asterisks_
166 |
167 | _single underscores_
168 |
169 | **double asterisks**
170 |
171 | **double underscores**
172 |
173 | *single asterisks*
174 |
175 | _single underscores_
176 |
177 | **double asterisks**
178 |
179 | __double underscores__
180 |
181 | This paragraph has some `code` in it.
182 |
183 | This paragraph has some `code` in it.
184 |
185 | 
186 |
187 | 
188 |
--------------------------------------------------------------------------------
/content/projects/lekoarts/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | client: "LekoArts"
3 | title: "LekoArts - Your theme creator!"
4 | cover: "./lekoarts.jpg"
5 | date: "2019-07-12"
6 | service: "Theme"
7 | color: "#f1803b"
8 | ---
9 |
10 | Hi!
11 | I hope you like this theme and enjoy working with it. I've also made other free open-source themes! You can check them out here: [Gatsby Theme Overview](https://themes.lekoarts.de).
12 |
13 | If you want to see more of my work I recommend visiting my [personal portfolio](https://www.lekoarts.de?utm_source=emma&utm_medium=Starter). By pledging to my [patreon campaign](https://www.patreon.com/lekoarts) you help me making more themes and creating more tutorials. Thanks!
14 |
15 | 
16 |
--------------------------------------------------------------------------------
/content/projects/lekoarts/lekoarts.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/content/projects/lekoarts/lekoarts.jpg
--------------------------------------------------------------------------------
/content/projects/proprius/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | client: "Cinema4D"
3 | title: "Proprius: steady, individual, personal"
4 | cover: "./proprius.jpg"
5 | date: "2016-12-31"
6 | service: "3D"
7 | color: "#921514"
8 | slug: "/proprius"
9 | ---
10 |
11 | In 2016 I did a "Daily Render" challenge and called it "PROPRIUS".
12 | Proprius is a latin word and has several meanings: steady, individual, personal.
13 | Out of the 366 images I want to present my personal favourites.
14 |
15 | [Visit the Behance Project](https://www.behance.net/gallery/61747105/Best-of-PROPRIUS-2016)
16 |
17 | 
18 |
--------------------------------------------------------------------------------
/content/projects/proprius/proprius.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/content/projects/proprius/proprius.jpg
--------------------------------------------------------------------------------
/content/projects/tomb-raider/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | client: "Contest"
3 | title: "Tomb Raider"
4 | cover: "./tomb-raider.jpg"
5 | date: "2019-07-10"
6 | service: "Design"
7 | color: "#3b486e"
8 | ---
9 |
10 | Recreation of a Tomb Raider Wallpaper (Fan Art)
11 |
12 | [Visit the Behance Project](https://www.behance.net/gallery/43907099/Tomb-Raider)
13 |
14 | 
15 |
--------------------------------------------------------------------------------
/content/projects/tomb-raider/tomb-raider.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/content/projects/tomb-raider/tomb-raider.jpg
--------------------------------------------------------------------------------
/gatsby-config.ts:
--------------------------------------------------------------------------------
1 | import type { GatsbyConfig, PluginRef } from "gatsby"
2 | import "dotenv/config"
3 |
4 | const shouldAnalyseBundle = process.env.ANALYSE_BUNDLE
5 |
6 | const config: GatsbyConfig = {
7 | siteMetadata: {
8 | // You can overwrite values here that are used for the SEO component
9 | // You can also add new values here to query them like usual
10 | // See all options: https://github.com/LekoArts/gatsby-themes/blob/main/themes/gatsby-theme-emma-core/gatsby-config.mjs
11 | siteTitle: `Emma`,
12 | siteTitleAlt: `Emma - Gatsby Starter Portfolio`,
13 | siteHeadline: `Emma - Gatsby Theme from @lekoarts`,
14 | siteUrl: `https://emma.lekoarts.de`,
15 | siteDescription: `Minimalistic portfolio with full-width grid, page transitions, support for additional MDX pages, and a focus on large images`,
16 | siteImage: `/banner.jpg`,
17 | siteLanguage: `en`,
18 | author: `@lekoarts_de`,
19 | },
20 | trailingSlash: `always`,
21 | plugins: [
22 | {
23 | resolve: `@lekoarts/gatsby-theme-emma`,
24 | // See the theme's README for all available options
25 | options: {},
26 | },
27 | {
28 | resolve: `gatsby-plugin-sitemap`,
29 | options: {
30 | output: `/`,
31 | },
32 | },
33 | {
34 | resolve: `gatsby-plugin-manifest`,
35 | options: {
36 | name: `Emma - @lekoarts/gatsby-theme-emma`,
37 | short_name: `Emma`,
38 | description: `Minimalistic bright portfolio with full-width grid and large images`,
39 | start_url: `/`,
40 | background_color: `#fff`,
41 | // This will impact how browsers show your PWA/website
42 | // https://css-tricks.com/meta-theme-color-and-trickery/
43 | // theme_color: `#b83280`,
44 | display: `standalone`,
45 | icons: [
46 | {
47 | src: `/android-chrome-192x192.png`,
48 | sizes: `192x192`,
49 | type: `image/png`,
50 | },
51 | {
52 | src: `/android-chrome-512x512.png`,
53 | sizes: `512x512`,
54 | type: `image/png`,
55 | },
56 | ],
57 | },
58 | },
59 | // You can remove this plugin if you don't need it
60 | shouldAnalyseBundle && {
61 | resolve: `gatsby-plugin-webpack-statoscope`,
62 | options: {
63 | saveReportTo: `${__dirname}/public/.statoscope/_bundle.html`,
64 | saveStatsTo: `${__dirname}/public/.statoscope/_stats.json`,
65 | open: false,
66 | },
67 | },
68 | ].filter(Boolean) as Array,
69 | }
70 |
71 | export default config
72 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "private": true,
3 | "name": "emma",
4 | "description": "Minimalistic portfolio with full-width grid, page transitions, support for additional MDX pages, and a focus on large images",
5 | "version": "0.3.16",
6 | "author": "LekoArts",
7 | "license": "0BSD",
8 | "starter-name": "gatsby-starter-portfolio-emma",
9 | "scripts": {
10 | "build": "gatsby build",
11 | "develop": "gatsby develop",
12 | "develop:cypress": "cross-env CYPRESS_SUPPORT=y yarn develop",
13 | "build:cypress": "cross-env CYPRESS_SUPPORT=y yarn build",
14 | "start": "gatsby develop",
15 | "serve": "gatsby serve",
16 | "clean": "gatsby clean"
17 | },
18 | "dependencies": {
19 | "@lekoarts/gatsby-theme-emma": "^5.1.8",
20 | "gatsby": "^5.14.3",
21 | "gatsby-plugin-manifest": "^5.14.0",
22 | "gatsby-plugin-sitemap": "^6.14.0",
23 | "gatsby-plugin-webpack-statoscope": "^1.0.3",
24 | "react": "^18.3.1",
25 | "react-dom": "^18.3.1"
26 | },
27 | "devDependencies": {
28 | "@types/node": "^22.15.3",
29 | "@types/react": "^18.3.20",
30 | "@types/react-dom": "^18.3.7",
31 | "ajv": "^8.17.1",
32 | "cross-env": "^7.0.3",
33 | "typescript": "^5.8.3"
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/pages/404.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import { HeadFC, Link, PageProps } from "gatsby"
3 | import { Container, Link as TLink } from "theme-ui"
4 | import { Themed } from "@theme-ui/mdx"
5 | import Layout from "@lekoarts/gatsby-theme-emma/src/components/layout"
6 | import Seo from "@lekoarts/gatsby-theme-emma/src/components/seo"
7 |
8 | const NotFound = (_props: PageProps) => (
9 |
10 |
11 |
12 | Oh, no!
13 |
14 | You found a page that doesn't exist.{` `}
15 |
16 | Do you want to visit the homepage?
17 |
18 |
19 |
20 |
21 | )
22 |
23 | export default NotFound
24 |
25 | export const Head: HeadFC = () =>
26 |
--------------------------------------------------------------------------------
/static/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/android-chrome-192x192.png
--------------------------------------------------------------------------------
/static/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/android-chrome-512x512.png
--------------------------------------------------------------------------------
/static/apple-touch-icon-precomposed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/apple-touch-icon-precomposed.png
--------------------------------------------------------------------------------
/static/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/apple-touch-icon.png
--------------------------------------------------------------------------------
/static/banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/banner.jpg
--------------------------------------------------------------------------------
/static/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/favicon-16x16.png
--------------------------------------------------------------------------------
/static/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/favicon-32x32.png
--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LekoArts/gatsby-starter-portfolio-emma/edf294108b27439ccf8ca3c989237e8218505c8b/static/favicon.ico
--------------------------------------------------------------------------------
/static/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 |
3 | sitemap: https://emma.lekoarts.de/sitemap-index.xml
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "esnext",
4 | "lib": ["dom", "esnext"],
5 | "jsx": "react-jsx",
6 | "jsxImportSource": "theme-ui",
7 | "module": "esnext",
8 | "moduleResolution": "node",
9 | "esModuleInterop": true,
10 | "forceConsistentCasingInFileNames": true,
11 | "strict": true,
12 | "skipLibCheck": true
13 | },
14 | "include": [
15 | "./src/**/*",
16 | "./gatsby-node.ts",
17 | "./gatsby-config.ts",
18 | "./plugins/**/*"
19 | ]
20 | }
21 |
--------------------------------------------------------------------------------