Merge pull request #496 from kremalicious/feature/home

New home page and content restructuring

.dockerignore

@@ -1,16 +0,0 @@
-node_modules
-npm-debug.log
-Dockerfile*
-docker-compose*
-.dockerignore
-.git
-.gitignore
-README.md
-LICENSE
-.vscode
-public
-.cache
-.github
-package-lock.json
-README.md
-coverage

.eslintrc

@@ -21,8 +21,6 @@
         "plugin:@typescript-eslint/eslint-recommended",
         "plugin:@typescript-eslint/recommended",
         "plugin:jsx-a11y/recommended",
-        "prettier/@typescript-eslint",
-        "prettier/react",
         "plugin:prettier/recommended",
         "plugin:react/recommended",
         "plugin:testing-library/recommended",

Dockerfile

@@ -1,25 +0,0 @@
-# Dockerfile for local development just installing dependencies.
-# Use together with `docker-compose up`
-FROM node:alpine
-
-RUN mkdir -p /blog
-WORKDIR /blog
-COPY package.json .
-
-RUN apk add --no-cache --virtual .build-deps \
-    g++ \
-    make \
-    autoconf \
-    automake \
-    libtool \
-    nasm \
-    libc6-compat \
-    libjpeg-turbo-dev \
-    libpng-dev \
-    git \
-    bash \
-    python \
-    && rm -rf /var/cache/apk/* \
-    && npm install \
-    && npm cache clean --force \
-    && apk del .build-deps

README.md

@@ -163,8 +163,6 @@ If you want to know how this works, have a look at the respective component unde
 
 ## ✨ Development
 
-You can simply use [Docker](https://www.docker.com) & [Docker Compose](https://docs.docker.com/compose/) or install and run dependencies on your local system.
-
 ```bash
 git clone git@github.com:kremalicious/blog.git
 cd blog/
@@ -173,10 +171,6 @@ cd blog/
 cp .env.sample .env
 vi .env
 
-# use Docker
-docker-compose up
-
-# or go with local system
 npm i
 npm start
 ```
@@ -228,7 +222,7 @@ npm run new photo /path/to/photo.jpg
 ```
 
 - [`scripts/new.js`](scripts/new.js)
-- [`scripts/new.md`](scripts/new.md)
+- [`scripts/new-article.md`](scripts/new-article.md)
 - [`scripts/new-photo.md`](scripts/new-photo.md)
 
 ## 🚚 Deployment

config.js

@@ -19,16 +19,20 @@ module.exports = {
   rss: '/feed.xml',
   jsonfeed: '/feed.json',
   typekitID: 'msu4qap',
-  itemsPerPage: 20,
+  itemsPerPage: 24,
   repoContentPath: 'https://github.com/kremalicious/blog/tree/main/content',
   menu: [
+    {
+      title: 'Articles',
+      link: '/archive'
+    },
     {
       title: 'Photos',
       link: '/photos'
     },
     {
       title: 'Goodies',
-      link: '/tags/goodies'
+      link: '/archive/goodies'
     },
     {
       title: 'Tags',

content/articles/2007-03-01-adjustment-tool-guide-for-aperture-152.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Adjustment Tool Guide for Aperture 1.5.2
 date: 2007-03-01 20:50:32+00:00
 

content/articles/2007-06-11-finally-a-universal-scanner-driver-for-the-canon-canoscan-lide-500f-for-intel-macs.md

@@ -1,5 +1,4 @@
 ---
-type: post
 title: 'Finally... a universal scanner driver for the Canon CanoScan LiDE 500F for Intel Macs'
 image: ../media/canoscanlide500f.jpg
 date: 2007-06-11 18:44:28+00:00

content/articles/2008-02-26-how-to-quickly-generate-encrypted-logins-on-a-mac-for-htaccess-protected-sites.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: How to quickly generate encrypted .htpasswd passwords
 
 date: 2008-02-26 23:24:17+00:00

content/articles/2008-03-30-launch-of-kremaliciouscom.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Launch of kremalicious.com
 author: Matthias Kretschmann
 

content/articles/2008-03-31-love-the-parallax.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Love the parallax
 author: Matthias Kretschmann
 

content/articles/2008-04-04-aperture-file-types.md

@@ -1,5 +1,4 @@
 ---
-type: post
 title: Aperture File Types
 image: ../media/Teaser-Aperture-File-Types.jpg
 download: ../media/aperturefiletypes_by_kremalicious.zip

content/articles/2008-04-08-pulitzer-price-winners-2008-announced-various-photographers-awarded.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Pulitzer Price Winners 2008 announced, various photographers awarded
 author: Matthias Kretschmann
 

content/articles/2008-04-09-changing-the-image-icons-in-mac-os-x-leopard.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'HowTo: Changing the image icons in Mac OS X Leopard'
 author: Matthias Kretschmann
 

content/articles/2008-04-14-new-automation-helper-for-apples-aperture-released.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: New automation helper for Apple's Aperture released
 author: Matthias Kretschmann
 

content/articles/2008-04-15-webkit-team-introduced-css-based-gradients.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: WebKit team introduces CSS-based gradients
 author: Matthias Kretschmann
 

content/articles/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Text-Shadow Exposed: Make cool and clever text effects with css text-shadow'
 date: 2008-04-17 01:32:13+00:00
 

content/articles/2008-04-22-apple-releases-sdk-for-aperture-21.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Apple releases plugin-SDK for Aperture 2.1
 date: 2008-04-22 05:58:41+00:00
 

content/articles/2008-04-28-more-awesomeness-from-the-webkit-team-css-masks.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'More awesomeness from the WebKit team: CSS Masks'
 author: Matthias Kretschmann
 

content/articles/2008-05-04-using-the-canoscan-lide-500f-with-mac-os-x-leopard.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Using the CanoScan LiDE 500F scanner with Mac OS X Leopard
 image: ../media/canoscanlide500f.jpg
 

content/articles/2008-05-05-scan-images-directly-into-apple-aperture.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Scan images directly into Apple Aperture
 author: Matthias Kretschmann
 image: ../media/aperturescan.png

content/articles/2008-05-07-high-quality-watermarks-with-aperture.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'HowTo: Use high-quality watermarks in your images with Aperture 2.1'
 image: ../media/watermark_aperture.jpg
 

content/articles/2008-05-07-nik-ships-viveza-as-the-first-available-aperture-editing-plugin.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Nik ships Viveza as an Aperture editing plugin
 author: Matthias Kretschmann
 

content/articles/2008-05-07-the-15-best-new-features-of-aperture-2.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: The 15 best new features of Aperture 2
 author: Matthias Kretschmann
 image: ../media/aperture15_7.png

content/articles/2008-05-08-the-iconfactory-presents-beautiful-indiana-jones-desktop-icons.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: The Iconfactory presents beautiful Indiana Jones desktop icons
 author: Matthias Kretschmann
 

content/articles/2008-05-14-canon-updates-its-photographic-software-to-work-with-leopard.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Canon updates photographic software to work with Leopard
 author: Matthias Kretschmann
 

content/articles/2008-05-18-first-aperture-adjustment-plugins-have-arrived.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Update: First overview: Aperture 2.1 adjustment plugins have arrived'
 author: Matthias Kretschmann
 

content/articles/2008-05-19-image-trends-releases-fisheye-hemi-plug-in-for-aperture.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Image Trends releases Fisheye-Hemi plug-in for Apple Aperture
 date: 2008-05-19 13:05:23+00:00
 

content/articles/2008-05-21-awesome-parallax-optical-illusion.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Awesome parallax optical illusion: Make a horse move'
 author: Matthias Kretschmann
 

content/articles/2008-05-22-showcasing-the-css-parallax-effect-12-creative-usages.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Showcasing the CSS Parallax Effect: 12+1 Creative Usages'
 author: Matthias Kretschmann
 image: ../media/parallax-visualization_big.png

content/articles/2008-05-28-new-all-in-one-aperture-plug-in-released.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: New all-in-one Aperture plug-in released
 author: Matthias Kretschmann
 

content/articles/2008-06-01-chives.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Chives
 image: ../media/Teaser-Chives.jpg
 download: ../media/chives_by_kremalicious.zip

content/articles/2008-06-02-tweet-im-on-twitter-now.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Tweet! I'm on Twitter now.
 author: Matthias Kretschmann
 

content/articles/2008-06-03-niepces-camera-obscura-and-the-history-of-the-first-photograph.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Niépce's Camera Obscura And The History Of The First Photograph
 image: ../media/Teaser-Camera-Obscura-Icons.jpg
 download: ../media/niepces_camera_obscura_by_kremalicious.zip

content/articles/2008-06-03-niepces-camera-obscura-wallpaper-pack.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Niépce's Camera Obscura Wallpaper Pack
 image: ../media/Teaser-Camera-Obscura-Walls.jpg
 download: ../media/niepces_camera_obscura_wallpaper_pack_by_kremalicious.zip

content/articles/2008-06-11-safari-4-developer-preview.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Safari 4 Developer Preview - Better Performance, Overhauled Web Inspector, New CSS'
 author: Matthias Kretschmann
 

content/articles/2008-06-17-quick-tip-borders-titles-plug-in-for-aperture.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Quick Tip: Borders & Titles Plug-In for Aperture'
 author: Matthias Kretschmann
 

content/articles/2008-06-19-ubuntu-as-mac-file-server-and-time-machine-volume.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'HowTo: Make Ubuntu A Perfect Mac File Server And Time Machine Volume'
 image: ../media/ubuntu_mac_feature.jpg
 

content/articles/2008-06-25-apertureedit-is-edit-for-aperture-now-updated-to-12.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: ApertureEdit is Edit for Aperture now, updated to 1.2
 author: Matthias Kretschmann
 

content/articles/2008-06-25-new-canon-stuff-xs-eos-1000-430ex-ii.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'New Canon stuff: Digital Rebel XS/EOS 1000D/Kiss F And Speedlite 430EX II announced'
 author: Matthias Kretschmann
 

content/articles/2008-07-01-everything-back-to-normal-on-kremaliciouscom-almost.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Everything Back To Normal On Kremalicious.com (Almost)
 author: Matthias Kretschmann
 

content/articles/2008-07-08-new-aperture-plug-ins-jade-and-ptlens.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'New Aperture Plug-Ins: Jade And PTLens'
 author: Matthias Kretschmann
 

content/articles/2008-07-11-enjoy-kremaliciousiphone.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Enjoy Kremalicious{iPhone}
 date: 2008-07-11 00:20:22+00:00
 

content/articles/2008-07-11-new-aperture-plug-in-nik-announces-silver-efex-pro.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'New Aperture Plug-In: Nik announces Silver Efex Pro'
 author: Matthias Kretschmann
 

content/articles/2008-07-15-wordpress-25-get-rid-of-that-sluggish-dashboard.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Wordpress 2.5+: Get Rid of That Sluggish Dashboard'
 author: Matthias Kretschmann
 

content/articles/2008-08-03-tips-for-journalists-reporting-from-china.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Tips for Journalists Reporting From China
 image: jingjing_chacha_kremalicious.jpg
 date: 2008-08-03 17:10:25+00:00

content/articles/2008-08-22-howto-create-a-mobile-encrypted-aperture-vault.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'HowTo: Create A Mobile Encrypted Aperture Vault'
 author: Matthias Kretschmann
 

content/articles/2008-08-22-noise-ninja-finally-available-for-apple-aperture.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Noise Ninja finally available for Apple Aperture
 author: Matthias Kretschmann
 

content/articles/2008-08-22-the-kremalicious-marsedit-style.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: The Kremalicious MarsEdit Style
 author: Matthias Kretschmann
 

content/articles/2008-08-26-icy-box-icons.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Icy Box Icons
 image: ../media/Teaser-Icy-Box.jpg
 download: ../media/icybox_by_kremalicious.zip

content/articles/2008-08-28-architect-and-facade-theming-for-leopard.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Architect and Façade: Theming For Leopard'
 author: Matthias Kretschmann
 

content/articles/2008-08-28-canon-eos-50d-new-lens-announced.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Canon EOS 50D And New Lens Officially Announced
 author: Matthias Kretschmann
 

content/articles/2008-09-01-a-new-browser-is-coming-google-chrome.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'A New Browser Is Coming: Google Chrome'
 image: ../media/googlechrome.png
 

content/articles/2008-09-23-futurama-mars-university-wallpaper.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Futurama Mars University Wallpaper
 image: ../media/Teaser-Mars-U.jpg
 author: Matthias Kretschmann

content/articles/2008-10-23-coffee-cup-icon.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Coffee Cup Icon
 image: ../media/Teaser-Coffee-Cup-Icon.jpg
 download: ../media/coffee_cup_by_kremalicious.zip

content/articles/2008-10-23-the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: The Finest Coffee Cups - Most Incredible Coffee Icons On The Web
 author: Matthias Kretschmann
 image: ../media/coffee-cup-icon-kremalicious.png

content/articles/2008-10-26-the-definite-guide-to-watermarks-in-apple-aperture.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: The Definite Guide To Watermarks In Apple Aperture
 author: Matthias Kretschmann
 image: ../media/watermark_aperture.jpg

content/articles/2008-12-11-how-to-set-a-custom-gravatar-image-in-wordpress-27.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'HowTo: Set A Custom Gravatar Image In Wordpress 2.7+'
 author: Matthias Kretschmann
 

content/articles/2008-12-13-howto-styling-author-comments-with-wordpress-27.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'HowTo: Styling Author Comments With Wordpress 2.7+'
 author: Matthias Kretschmann
 

content/articles/2009-01-05-the-mac-in-futurama.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: The Mac in Futurama
 image: ../media/futurama-mac-teaser.png
 date: 2009-01-05 03:14:45+00:00

content/articles/2009-02-01-portal-thingy.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Portal Thingy: matthiaskretschmann.com'
 image: ../media/vcardsite-mk.png
 author: Matthias Kretschmann

content/articles/2009-02-17-out-of-whale-oil.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: We Are Out Of Whale Oil
 image: ../media/Teaser-Out-Of-Whale-Oil.jpg
 download: ../media/out-of-whale-oil-wall-by-kremalicious.zip

content/articles/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Ultimate Share Link Bonanza For Coda, WordPress And Everything Else
 download: ../media/share-link-bonanza-coda-clips.zip
 

content/articles/2009-06-04-twitter-crisp.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Twitter Crisp
 image: ../media/Teaser-Twitter-Crisp.jpg
 download: ../media/twitter-crisp-by-kremalicious.zip

content/articles/2009-06-24-adiumeetie.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Adiumeetie. Tweetie Style Adium Icon
 image: ../media/Teaser-Adiumeetie.jpg
 download: ../media/adiumeetie-by-kremalicious.zip

content/articles/2009-09-05-delibar.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Delibar Interface Replacement Icons
 image: ../media/Teaser-Delibar-Icons.jpg
 download: ../media/delibar-by-kremalicious.zip

content/articles/2009-12-17-wordpress-post-thumbnails.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Using The New Post Thumbnail Feature In WordPress 2.9
 
 date: 2009-12-17 04:00:21+00:00

content/articles/2010-02-04-ipixelpad.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: iPixelPad - Tongue Twisting But Crisp iPad Icons
 image: ../media/Teaser-iPixelPad.png
 download: ../media/ipixelpad_by_kremalicious.zip

content/articles/2010-07-03-momcorp.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: MomCorp Wallpaper
 image: ../media/Teaser-MomCorp-Wall.png
 download: ../media/momcorp_wall_by_kremalicious.zip

content/articles/2011-12-15-badged.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Badged - iOS Style Notification Badges for WordPress
 image: ../media/Badged-Teaser-kremalicious@2x.png
 updated: 2014-10-11 07:56:46+00:00

content/articles/2012-02-26-mk-v2.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Personal Site v2
 image: ../media/mkv2.jpg
 

content/articles/2012-04-04-android-tab-conundrum.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: The Android Tab Bar Conundrum. Again.
 image: ../media/tabs_overview.png
 date: 2012-04-04 14:24:30+00:00

content/articles/2012-05-14-welcome-to-kremalicious2.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Welcome to kremalicious2
 image: ../media/kremalicious2-teaser.jpg
 author: Matthias Kretschmann

content/articles/2012-05-15-wp-icons-template.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: WordPress Admin Icons Template
 image: ../media/kremalicious-Teaser-WP-Icon-Template.png
 

content/articles/2012-06-13-retina-icons-in-wordpress-3-4.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Retina icons in WordPress 3.4
 image: ../media/wp34_retina_icons.png
 

content/articles/2012-07-15-add-your-web-site-to-the-windows-8-metro-ui.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Add your web site to the Windows 8 Metro UI
 image: ../media/kremalicious-Teaser-Metro-Tile.jpg
 author: Matthias Kretschmann

content/articles/2012-07-16-using-kbd-for-fun-and-profit/index.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Using <kbd> for fun and profit
 image: ./kremalicious-kbdfun-teaser.png
 style: ./post-kbd.css

content/articles/2012-08-07-projectpurple.md

@@ -1,11 +1,8 @@
 ---
-type: post
-
 title: Project Purple
 image: ../media/Teaser-Project-Purple.png
 download: ../media/project-purple-kremalicious.zip
 author: Matthias Kretschmann
-featured: true
 
 date: 2012-08-07 13:15:44+00:00
 

content/articles/2012-08-20-im-joining-ezeep.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: I'm joining ezeep
 image: ../media/kremalicious-Teaser-ezeep.png
 author: Matthias Kretschmann

content/articles/2013-07-13-enterprise-software-sucks.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Enterprise Software Sucks
 date: 2013-07-13 13:19:44+00:00
 

content/articles/2013-08-07-stealing-time-how-technology-can-hurt-or-harm-our-inner-state.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: 'Stealing Time: How Technology Can Hurt or Harm Our Inner State'
 image: ../media/post-time.png
 author: Matthias Kretschmann

content/articles/2015-08-02-simple-tor-setup-on-mac-os-x/index.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: Simple Tor setup on macOS
 image: teaser-tor.png
 author: Matthias Kretschmann

content/articles/2015-09-13-css-app-store-badges.md

@@ -1,6 +1,4 @@
 ---
-type: post
-
 title: CSS App Store Badges
 image: ../media/teaser-appstorebadges.png
 

content/articles/2017-05-16-hyper-mac-pro/index.md

@@ -1,5 +1,4 @@
 ---
-type: post
 date: 2017-05-16T19:50:52.281Z
 updated: 2018-10-30T19:50:52.281Z
 

content/articles/2018-11-01-gatsby-plugin-matomo/index.md

@@ -1,5 +1,4 @@
 ---
-type: post
 date: 2018-11-01T19:08:00.367Z
 
 title: Matomo plugin for Gatsby