Initial commit 🎡

.browserslistrc

@@ -0,0 +1 @@
+> 1% in DE

.gitignore

@@ -1,3 +1,5 @@
+/_old
+
 # Logs
 logs
 *.log

.prettierignore

@@ -1,4 +1,3 @@
 .cache
-package.json
-package-lock.json
+*.json
 public

.prettierrc

@@ -1,7 +1,7 @@
 {
-  "endOfLine": "lf",
+  "trailingComma": "es5",
   "semi": false,
-  "singleQuote": false,
-  "tabWidth": 2,
-  "trailingComma": "es5"
-}
+  "singleQuote": true,
+  "proseWrap": "always",
+  "endOfLine": "lf"
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "cSpell.words": [
+    "dayjs"
+  ]
+}

README.md

@@ -1,97 +1 @@
-<!-- AUTO-GENERATED-CONTENT:START (STARTER) -->
-<p align="center">
-  <a href="https://www.gatsbyjs.org">
-    <img alt="Gatsby" src="https://www.gatsbyjs.org/monogram.svg" width="60" />
-  </a>
-</p>
-<h1 align="center">
-  Gatsby's default starter
-</h1>
-
-Kick off your project with this default boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.
-
-_Have another more specific idea? You may want to check out our vibrant collection of [official and community-created starters](https://www.gatsbyjs.org/docs/gatsby-starters/)._
-
-## 🚀 Quick start
-
-1.  **Create a Gatsby site.**
-
-    Use the Gatsby CLI to create a new site, specifying the default starter.
-
-    ```shell
-    # create a new Gatsby site using the default starter
-    gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default
-    ```
-
-1.  **Start developing.**
-
-    Navigate into your new site’s directory and start it up.
-
-    ```shell
-    cd my-default-starter/
-    gatsby develop
-    ```
-
-1.  **Open the source code and start editing!**
-
-    Your site is now running at `http://localhost:8000`!
-
-    _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._
-
-    Open the `my-default-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
-
-## 🧐 What's inside?
-
-A quick look at the top-level files and directories you'll see in a Gatsby project.
-
-    .
-    ├── node_modules
-    ├── src
-    ├── .gitignore
-    ├── .prettierrc
-    ├── gatsby-browser.js
-    ├── gatsby-config.js
-    ├── gatsby-node.js
-    ├── gatsby-ssr.js
-    ├── LICENSE
-    ├── package-lock.json
-    ├── package.json
-    └── README.md
-
-1.  **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
-
-2.  **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for “source code”.
-
-3.  **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.
-
-4.  **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.
-
-5.  **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.org/docs/browser-apis/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
-
-6.  **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you’d like to include, etc. (Check out the [config docs](https://www.gatsbyjs.org/docs/gatsby-config/) for more detail).
-
-7.  **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby Node APIs](https://www.gatsbyjs.org/docs/node-apis/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
-
-8.  **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.org/docs/ssr-apis/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
-
-9.  **`LICENSE`**: Gatsby is licensed under the MIT license.
-
-10. **`package-lock.json`** (See `package.json` below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. **(You won’t change this file directly).**
-
-11. **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the project’s name, author, etc). This manifest is how npm knows which packages to install for your project.
-
-12. **`README.md`**: A text file containing useful reference information about your project.
-
-## 🎓 Learning Gatsby
-
-Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:
-
-- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
-
-- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
-
-## 💫 Deploy
-
-[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-default)
-
-<!-- AUTO-GENERATED-CONTENT:END -->
+# Marvin Heilemann

TODO.md

@@ -0,0 +1,6 @@
+- [ ] add md table of contents
+- [ ] add NOW deployment
+- [ ] add bundle analyzer
+- [ ] analyze via bundlephobia
+- [ ] add github bots to auto update dependecies
+- [ ] add tests?!

content/portfolio/__demo__/index.md

@@ -0,0 +1,122 @@
+---
+title: Demo page
+subtitle: I'm testing my page here. So this is nothing to count on.
+image: img-01.jpg
+thumb: img-02.jpg
+published: true
+
+started: 09-23-2019
+ended: 09-28-2019
+
+status: wip
+website: https://marvin.digital/
+team:
+  - name: Marvin Heilemann
+
+tags: [website, re-design]
+categories: [website]
+---
+
+# This is a h1 title
+
+## This is a h2 title
+
+### This is a h3 title
+
+#### This is a h4 title
+
+##### This is a h5 title
+
+###### This is a h6 title
+
+<p class="container container--small">
+Sleep in the bathroom sink allways wanting ⛱ food. Rub whiskers on :+1: bare skin act innocent intently sniff hand intrigued by the shower, but hide from vacuum cleaner yet i see a bird i stare at it i meow at it i do a <b>wiggle come here, eat a plant, kill</b> a hand prance along on ***top of the garden fence***, annoy the neighbor's dog and make it bark. Throw down 😍 all the stuff in the kitchen white cat sleeps on a https://marvin.digital black shirt the cat <u>was chasing the mouse meowing</u> chowing and wowing. I’m so hungry i’m so hungry but ew not for that try to hold own back foot <s>to clean it but foot reflexively</s> kicks you in face, go into a rage and bite own foot, hard decide to want nothing to do with my owner
+</p>
+
+today. Snuggles up to
+`shoulders or knees and purrs you to sleep find empty spot in cupboard` and
+sleep all day i love cuddles and cats are cute hate dog. **Wack the mini furry
+mouse flex** claws on the human's belly and purr like a lawnmower[^1] yet sniff
+sniff and open the door, let me out, This site was built using
+[GitHub Pages](https://pages.github.com/). let me out, _let me-out, let me-aow,
+let meaow,_ meaow!. Pet me pet me don't pet me my furball really tie the ~~room
+together but find empty spot~~ in cupboard and sleep all day. Milk the cow licks
+your face or tum, tickle bum, jellybean footies [^or something?] curly toes.
+Curl into a furry donut.
+
+#### The next image is HTML and contains classes
+
+<div class="container">
+  <img src="img-01.jpg" alt="Alternative title and caption">
+</div>
+
+## Lists
+
+- this´
+- is
+- a
+- complete
+  - not
+  - much
+    - or
+  - so
+- list
+
+_Some normal text because the parser has problems here._
+
+1. lists
+2. can
+3. also
+4. have
+   1. totally
+   2. stupid
+   3. wrong
+5. numbers
+6. if
+7. wanted
+
+**This is a task list**
+
+- [x] Finish my changes
+- [ ] Push my commits to GitHub
+- [ ] Open a pull request
+
+## Tables
+
+| key |                                                                                                     value                                                                                                      |
+| --- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+| 0   |                                                                                                       i                                                                                                        |
+| 1   |                                                                                                      love                                                                                                      |
+| 2   |                                                                                                     tables                                                                                                     |
+| 3   | but sometimes they are so long, that it is really hard to properly format or even style them, so they look good on all devices... uff this isn't even long enough to test this shit... dumm di dumm du dumm di |
+
+## Code blocks
+
+```ruby
+require 'redcarpet'
+markdown = Redcarpet.new("Hello World!")
+puts markdown.to_html
+```
+
+```
+function test() {
+  console.log("notice the blank line before this function?");
+}
+```
+
+## Quotes
+
+> Sleep in the bathroom sink allways wanting food. Rub whiskers on bare skin act
+> innocent intently sniff hand intrigued by the shower, but hide from vacuum
+> cleaner yet i see a bird i stare at it i meow at it i do a <b>wiggle come
+> here, eat a plant, kill</b>
+
+---
+
+![Caption could be here](img-01.jpg)
+
+![Caption here](img-02.jpg)
+
+[^1]: This reference footnote contains a paragraph...
+
+  - ...and a list

content/portfolio/additive/index.md

@@ -0,0 +1,40 @@
+---
+title: ADDITIVE
+subtitle: Giving ADDITIVE a new face and modern interface
+image: additive-preview.jpg
+thumb: additive-preview.jpg
+
+started: null
+ended: 01-10-2019
+
+status: finished
+website: https://www.additive-net.de/
+team:
+  - name: Sonja Emmel
+    link: null
+
+tags: [business, website]
+categories: [website]
+---
+
+<p class="container container--small">
+Sleep in the bathroom sink allways wanting food. Rub whiskers on bare skin act innocent intently sniff hand intrigued by the shower, but hide from vacuum cleaner yet i see a bird i stare at it i meow at it i do a wiggle come here birdy, eat a plant, kill a hand prance along on top of the garden fence, annoy the neighbor's dog and make it bark. Throw down all the stuff in the kitchen white cat sleeps on a black shirt the cat was chasing the mouse meowing chowing and wowing. I’m so hungry i’m so hungry but ew not for that try to hold own back foot to clean it but foot reflexively kicks you in face, go into a rage and bite own foot, hard decide to want nothing to do with my owner
+</p>
+<p class="container container--small">
+today. Snuggles up to shoulders or knees and purrs you to sleep find empty spot in cupboard and sleep all day meeeeouw i love cuddles and cats are cute hate dog. Wack the mini furry mouse flex claws on the human's belly and purr like a lawnmower yet sniff sniff and open the door, let me out, let me out, let me-out, let me-aow, let meaow, meaow!. Pet me pet me don't pet me bleghbleghvomit my furball really tie the room together but find empty spot in cupboard and sleep all day. Milk the cow licks your face or floof tum, tickle bum, jellybean footies curly toes. Curl into a furry donut.
+</p>
+
+<div class="container">
+  <img src="additive-01.png" alt="Alternative title and caption">
+</div>
+
+---
+
+The redesign and restructure of the ADDITIVE Website and some other internal projects like the shop is part of my work here.
+
+![ADDITIVE](additive-01.png)
+![ADDITIVE](additive-02.png)
+![ADDITIVE](additive-03.png)
+![ADDITIVE](additive-04.png)
+
+<div class="hey">hi</div>

content/portfolio/ef-education-first/index.md

@@ -0,0 +1,67 @@
+---
+title: EF – Education First
+subtitle: Redesign of the myEF students smartphone application
+image: ef-preview.jpg
+thumb: ef-preview.jpg
+
+started: null
+ended: null
+
+status: finished
+website: https://my.ef.com/
+team:
+  - name: Finn Dieckhoff
+    link: null
+
+tags: [education, mobile]
+categories: [app]
+---
+
+In a three month trip to London, Marvin visit the EF school. He noticed in the first month that many students had problems with the application in find it hard to understand the use of some features. After some talks with students and staffs he decided to redesign the hole app and thought about a better use of some features that are not recognised yet.
+
+His friend Finn had to make a presentation project for an application for a university in germany, so they both decided to make this as the project.
+
+The redesign is not yet taken by EF but the London office had multiple talks with Marvin and Finn about to send it to the HQ.
+
+For an interactive prototype visit: [https://invis.io/9RNG7GCYFKZ](https://invis.io/9RNG7GCYFKZ)
+
+> Note: When you visit inVision, you can just click anywhere in the smartphone screen to let clickable elements appear.
+
+<div class="row">
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="startscreen.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="login.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="login-filled.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="forgot-password.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="feed-loading.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="feed-new-post.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="activity-page.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="schedule-overview.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="schedule-weekly-overview.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="course-overview.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="menu.png" alt="EF – Education First">
+  </div>
+  <div class="col-12 col-sm-6 col-md-4 mb-4">
+    <img src="feed.png" alt="EF – Education First">
+  </div>
+</div>