Skip to content

Plugin for Photos and Stuff in Gatsbyjs

August 1st, 2018

olavea

Helping out Making a Gatsbyjs plugin

Some friends and me are making a plugin for photos and stuff in Gatsbyjs. The work I do is very basic, here I am testing out the ‘Read Me’ we have on github. You might know the friends, they are Benedicte Raae, Tom Erik Støwer and last but not least Martin Grimeland. The infamous MartinG.

Before starting:

I Checked My Development Environment

Gatsby.js plugin

In the screenshot above you see the Gatsbyjs tutorial part one.

 

You Should Install Gatsby CLI

If you don’t have it, I had it installed. Because Gatsby and me go waaaaay back. Like weeks and weeeeeks!

 

Gatsby.js plugin

Step 1: Initialize a Gatsby Starter Template

Use the Gatsby CLI to initialize a Gatsby starter template. gatsby new blog https://github.com/gatsbyjs/gatsby-starter-blog.

Gatsby.js plugin

 

Gatsby.js plugin

Step 2: Move the ‘cd blog’ directory

Gatsby.js plugin Gatsby.js plugin

I made a pull request on github.com 💪😺👍

 

Step 3: New Folder

Create a plugins folder mkdir plugins.

Step 4: Move Into Folder

Move into the plugins folder cd plugins.

Step 5: Clone Our Gatsbyjs Repo

Clone this repo `git clone git@github.com:lillylabs/gatsby-remark-oembed.git`

 

Gatsby.js plugin

Step 6: Add Some Code

Add the following to the plugins property of the gatsby-transformer-remark plugin in gatsby-config.js:

 {
   resolve: `gatsby-remark-oembed`
 },

Gatsbyjs Plugin Gatsbyjs Plugin

 

Step 7: Add link to Gatsbyjs

Add a oembed link to one of the markdown posts (pages) on a line with an empty line above and below.

 

Step 8: Serve Up Gatsbyjs

Serve up the page using gatsby develop.

 

Gatsbyjs Plugin

Something was wrong with my ‘npm’. So I wrote ‘install npm’ into the terminal.

Gatsbyjs Plugin

Step 9: Gatsbyjs Works, but I See No Transformation

Take a look at the post you added the oembed link to, and see it being transformed into something else.

 Gatsbyjs plugin

 

 

Death by DéCaff, the Anti Bærekraft Empire Strikes Back

June 11th, 2018

olavea

It is a dark time for the Bærekraft Rebellion. Although the Death Star has been destroyed, Anti Bærekraft Imperial troops have driven the Rebel forces from their hidden base and pursued them across the galaxy.

Evading the dreaded Imperial Starfleet, a group of freedom fighters among them Lillar Starkillar has established a new secret base in the remote ice age city of Oslo.

The evil lord DéCaff Vader, obsessed with finding young Starkillar, has dispatched thousands of remote drones into the far reaches of space….

The camera pans down to an Anti Bærekraft Empire ship that is sending out drones, one of them landing near snowed down Bislett Stadion in the ice age city of Oslo.

Out in the Ice Age Former City of Oslo.

Lillar Starkillar, flying in her Huyndai, sees the drone land. Pissed off and wanting to blow up the drone, she lands and gets out of her Hyundai. Lillar Starkillar calls Bærekraft Base on the radio, while stalking like a cat through the snow.

–Base this is Starkillar, over.
–Starkillar this is Base, no need to shout. Over.
–Is that you SoloStrand? I am calling in a possible drone sighting, I bet it belongs to those assholes at Anti Bærekraft Command. So I am gonna do a «Sneak Up & Blow Up» over and out! Shouts Lillar sounding even more pissed off.
–Keep your voice DOWN Starkillar, what if you scare an ice bear? Says Marte SoloStrand shaking her head.

Lillar Starkillar hangs up right before being attacked by an ice bear.

Back at the Bærekraft Base

Inside the Millennium Falcon Marte SoloStrand is doing last minute repairs to leave because there is a bounty on her head. A young lady from Team NU is working on the hyperdrive of the Millennium Falcon with R2–D2’s newly designed spare parts made with cutting edge secret technology. After learning that Lillar Starkillar hasn’t returned, Marte Solo takes a FlyHyundai out into the encroaching darkness to find her.

Out in the Snow

Lillar Starkillar is dragged by the angry ice bear, frees herself and pulls out her light saber. Screams at the Ice bear:
–You dragging me around like a piece of meat?! I’ll show you some REAL pain!

She runs to her Hyundai, jumps in and starts it. The ice bear pounces crushing the engine, then gently picks up the black radio with white teeth and slowly chrushes it. The ice bear’s eyes saying “In Your Face!”.

–Yoooouuu BITCH! You will die for that! No! Nonono. Ok. Breeeeath… Must not get distracted by anger. Focus. Feel the flow. Says Lillar Starkillar and gets into Flow. She gets an idea and pushes the «Open Back Door» button, to trick the ice bear into her Hyundai.

bærekraft Huyndai and ice bear fight

–You hungry? Coooome here you dirty big ball of fur. Says Lillar Starkillar.

The ice bear climbs in. Lillar pushes the «Close Backdoor Button», jumps out and slams her door.
–That will keep you occupied for an hour or two you big rat!

Lillar Starkillar gives the ice bear the finger, kicks the Huyndai and starts walking towards the faraway mountain base.

–Just as with that ice bear I will need to fight the distraction of my anger and instead ally myself with the Flow if I am to outsmart DéCaff Vader and help my friends avoid being captured by the Anti Bærekraft Empire. Or we will be forced to serve as slaves, but first I must survive a windy winter night out in the open.

A Blue Night in the Snow

Lillar Starkillar wanders in the evening blue blizzard, muttering to herself in half delirium:
–How can we outrun the Emperial AT–ATs with the cold limiting the range of our battery powered vehicles? AND every year the winters are getting a little colder, these climate changes are getting worse and maybe they are irreversible? The Anti Bærekraft Empire will win in the long run. We must outsmart them soon, but how? Maybe it’s too late…

Falling face down in the snow, she lies still and then turns her head to the side gently blowing away some snow.
–Ah, no wind down here. And soooo soft. I’ll stay, just til the count of 10

1–

2–

3–

This was part 1 of 5

Death by DéCaff
The Anti Bærekraft Empire Strikes Back

Click the links for the other parts.

Vask / Faucet

Flow Hacker Learning and Marketing <—–– 13 books ––—>

April 25th, 2018

olavea

<—–– 13 books starts here ––—>

–Practice Like This!: 35 Effective Ways to Get Better Faster Jonathan Harnum PhD
–Mastery Robert Greene
–The First 20 Hours: How to Learn Anything… Fast! Josh Kaufman
–Thinking, Fast and Slow PDF Daniel Kahneman

–The Commitment Engine: Making Work Worth It John Jantsch
–Leap First: Creating Work That Matters Seth Godin
–Growth Hacker Marketing: A Primer on the Future of PR, Marketing, and Advertising

–quiet
–Networking for People Who Hate Networking: A Field Guide for Introverts, the Overwhelmed, and the Underconnected Devora Zack

–Rework Jason Fried, David Heinemeier Hansson
–The Obstacle Is the Way: The Timeless Art of Turning Trials into Triumph
–Stealing Fire: How Silicon Valley, the Navy SEALs, and Maverick Scientists Are Revolutionizing the Way We Live and Work Steven Kotler, Jamie Wheal
–Deep Work: Rules for Focused Success in a Distracted WorldPDF Cal Newport

Practice Like This!: 35 Effective Ways to Get Better Faster
Jonathan Harnum PhD
Jonathan Harnum

Jonathan Harnum

<—–– 13 books ends here ––—>

<—–– More books starts here ––—>

Superman
17 flow triggers

–The Art of Learning: An Inner Journey to Optimal Performance Josh Waitzkin
–The Referral Engine: Teaching Your Business to Market Itself John Jantsch
–48 Laws of Power Robert Greene
–Save the Cat! Strikes Back PDF Blake Snyder
–Million Dollar Consulting: The Professional’s Guide to Growing a Practice, Fifth Edition Alan Weiss
–Fools and Mortals: A Novel Bernard Cornwell

–The Rise of The Creative Class: And How It’s Transforming Work, Leisure, Community and Everyday Life
PDF Richard Florida

–The Personal MBA: Master the Art of Business Josh Kaufman
–The Ranger Way: Living the Code on and off the Battlefield Kris Paronto
–Total Recall: My Unbelievably True Life Story Arnold Schwarzenegger
–The Elements of Style: 60 Minutes to Better Writing & Grammar Professor William Strunk Jr.
–On Writing: A Memoir of the Craft Stephen King


–The Stand Stephen King

–Team of Rivals: The Political Genius of Abraham Lincoln Doris Kearns Goodwin
–The Five Love Languages: Men’s Edition: How to Express Heartfelt Commitment to Your Mate
–Self-Reliance Ralph Waldo Emerson
–Fierce Invalids Home from Hot Climates Tom Robbins

–A Ship of the Line By: C. S. Forester
–Adventures of Huckleberry Finn: A Signature Performance by Elijah Wood
Mark Twain
–Heart of Darkness: A Signature Performance by Kenneth Branagh Joseph Conrad
–The Age of Innocence Edith Wharton

–SEO for Growth: The Ultimate Guide for Marketers, Web Designers & Entrepreneurs John Jantsch, Phil Singleton
–Blue Ocean Strategy: How to Create Uncontested Market Space and Make Competition Irrelevant W. Chan Kim, Renee Mauborgne
–Zero to One: Notes on Startups, or How to Build the Future Peter Thiel, Blake Masters
–The Launch Pad: Inside Y Combinator, Silicon Valley’s Most Exclusive School for Startups Randall Stross
–The Key to Study Skills: Simple Strategies to Double Your Reading, Memory, and Focus Lev Goldentouch, Anna Goldentouch, Suraj Sharma
–Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future Ashlee Vance
–Confessions of an Economic Hitman John Perkins
–The Innovators: How a Group of Hackers, Geniuses, and Geeks Created the Digital Revolution Walter Isaacson
–Abundance: The Future Is Better Than You Think Steven Kotler, Peter H. Diamandis
–Just Listen: Discover the Secret to Getting Through to Absolutely Anyone Mark Goulston
–Lean In: Women, Work, and the Will to Lead Sheryl Sandberg
–Mindfulness @ Work: A Leading with Emotional Intelligence Conversation with Jon Kabat-Zinn Daniel Goleman, Jon Kabat-Zinn
–Art of War Niccolo Machiavelli
–The Art of War Sun Tzu
–The Art of War Sun Tzu
–The Art of War Sun Tzu
–Think and Grow Rich Napoleon Hill
–Steve Jobs: The Exclusive Biography Walter Isaacson

–Purpose-Centered Selling: Focusing on What Matters Most Jim R. Munchbach
–Purple Cow: Transform Your Business by Being Remarkable Seth Godin
–We Are All Weird: The Myth of Mass and the End of Compliance Seth Godin
–Pavane Keith Roberts
–The Prince: The Strategy of Machiavelli Niccolò Machiavelli
–How the Mighty Fall: And Why Some Companies Never Give In Jim Collins
–The Tipping Point: How Little Things Can Make a Big Difference Malcolm Gladwell
–Jurgen James Branch Cabell
–The Believing Brain: From Ghosts and Gods to Politics and Conspiracies – How We Construct Beliefs and Reinforce Them as Truths Michael Shermer
–The Mindful Therapist: A Clinician’s Guide to Mindsight and Neural Integration Daniel J. Siegel
–The Lean Startup: How Today’s Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses Eric Ries

Plan for Next Mentoring Session with Martin G

April 5th, 2018

olavea

Day 1:
April 4.

Day 2:
April 5.

Talent hacking logbook

Version 1 of sketchnote
Talent hacking logbook sketchnote Inspired by Mike Rohde

Version 1 of sketchnote

Day 3:
April 6.

No coding today? That’s wrong, but I cannot really remember what I did…

Day 4:
April 7.

No coding today? That’s wrong, but I cannot really remember what I did…

Day 5: A little about “state” in React.js
April 8.
Wes Bos Catch of the Day video 13 React For Beginners

Wes Bos Catch of the Day video 13 React For Beginners

In the beginning “state” was an empty “object”
Then inside “state” there was two empty “objects”
state = {
fishes : {},
order : {}
},

4/100 of the #100DaysOfCode and #100DayProject
4/50 of the @sketch_50 #sketchnotes #DailyDoodles #React #JavaScript
4/30 #javascript30

Day 6: A little about “state” in React.js
April 9.

Version 2

Wes Bos Catch of the Day video 13 React For Beginners

Version 1
Wes Bos Catch of the Day video 13 React For Beginners

addFish = (fish) => {
//1 take a copy of the existing state
const fishes = { …this.state.fishes};

//2 add our new fish to that fishes variable
fishes[`fish${Date.now()}`] = fish;

5/100 of the #100DaysOfCode and #100DayProject
#reactjs

Day 7:
April 10.

Day 8:
April 11.

Day 9:
April 12.

Mentoring Session with Martin G

Day 10:
April 13.

Day 11: The methods that update “state” and the actual “state” always needs to live in the same component which is App.js
April 14.

Day 12:
April 15.

Day 13:
April 16.

Day 14:
April 17.

Day 15:
April 18.

Day 16:
April 19.

Day 17:
April 20.

Day 18:
April 21.

Day 19:
April 22.

Day 20:
April 23.

Day 21:
April 24.

Day 22:
April 25.

Day 23:
April 26.

Day 24:
April 27.

Day 25:
April 28.

Day 26:
April 29.

Add to cart button

Wes Bos react for beginners

Wes Bos react for beginners

Day 27:
April 30.

Day 28:
Mai 1.

Day 29:
Mai 2.

Day 30:
Mai 3.

Made “Add To Order” button

Day 31:
Mai 1.

Day 32:
Mai 1.

Day 33:
Mai 1.

Day 34:
Mai 1.

Day 35:
Mai 1.

Day 36:
Mai 1.

Day 37:
Mai 1.

Day 38:
Mai 1.

Day 39:
Mai 1.

Day 40:
Mai 1.

Day 41:
Mai 1.

Day 42:
Mai 1.

Day :
Mai 1.

Day 1:
Mai 1.

Day 1:
Mai 1.

Day 1:
Mai 1.

Day 1:
Mai 1.

Day 47:
April 1.

Day 1:
April 1.

Day 1:
April 1.

Day 1:
April 1.

Day 1:
April 1.

Day 52:
April 1.

Day -4:
March 30.

Day -3:
March 31.

#react for beginners

Day -2:
April 1

Day -1:
April 2.

Day 0:
April 3.
#react for #beginners

NotTheScripts!

March 30th, 2018

olavea