Initial commit from gatsby: (https://github.com/LekoArts/gatsby-starter-minimal-blog.git)
This commit is contained in:
12
content/posts/curses-and-counter-courses/index.mdx
Normal file
12
content/posts/curses-and-counter-courses/index.mdx
Normal file
@ -0,0 +1,12 @@
|
||||
---
|
||||
title: "Curses and Counter-curses (Bewitch Your Friends and Befuddle Your Enemies with the Latest Revenges: Hair Loss, Jelly-Legs, Tongue-Tying, and Much, Much More)"
|
||||
date: 2019-10-25
|
||||
slug: "/curses-counter-curses-and-more"
|
||||
canonicalUrl: "https://random-blog-about-curses.com"
|
||||
---
|
||||
|
||||
Thestral dirigible plums, Viktor Krum hexed memory charm Animagus Invisibility Cloak three-headed Dog. Half-Blood Prince Invisibility Cloak cauldron cakes, hiya Harry! Basilisk venom Umbridge swiveling blue eye Levicorpus, nitwit blubber oddment tweak. Chasers Winky quills The Boy Who Lived bat spleens cupboard under the stairs flying motorcycle. Sirius Black Holyhead Harpies, you’ve got dirt on your nose. Floating candles Sir Cadogan The Sight three hoops disciplinary hearing. Grindlewald pig’s tail Sorcerer's Stone biting teacup. Side-along dragon-scale suits Filch 20 points, Mr. Potter.
|
||||
|
||||
> Mobilicorpus reducto liberacorpus crucio. Petrificus lumos lacarnum legilimens legilimens quietus vipera arania me patronum reducio. Episkey reducio quietus mobilicorpus fidelius aparecium. Mobilicorpus dissendium protego engorgio petrificus mortis alohomora quietus.
|
||||
|
||||
Squashy armchairs dirt on your nose brass scales crush the Sopophorous bean with flat side of silver dagger, releases juice better than cutting. Full moon Whomping Willow three turns should do it lemon drops. Locomotor trunks owl treats that will be 50 points, Mr. Potter. Witch Weekly, he will rise again and he will come for us, headmaster Erumpent horn. Fenrir Grayback horseless carriages ‘zis is a chance many would die for!
|
39
content/posts/fantastic-beasts-and-where-to-find-them/SpotifyPlayer.js
Executable file
39
content/posts/fantastic-beasts-and-where-to-find-them/SpotifyPlayer.js
Executable file
@ -0,0 +1,39 @@
|
||||
/* eslint react/no-unknown-property: 0 */
|
||||
/* eslint react/prefer-stateless-function: 0 */
|
||||
|
||||
/**
|
||||
* Spotify player iframe widget
|
||||
*
|
||||
* @author Alexander Wallin <office@alexanderwallin.com>
|
||||
* @see https://developer.spotify.com/technologies/widgets/spotify-play-button/
|
||||
*/
|
||||
|
||||
import * as React from "react"
|
||||
|
||||
// Size presets, defined by Spotify
|
||||
const sizePresets = {
|
||||
large: {
|
||||
width: 300,
|
||||
height: 380,
|
||||
},
|
||||
compact: {
|
||||
width: 300,
|
||||
height: 80,
|
||||
},
|
||||
}
|
||||
|
||||
function SpotifyPlayer({ uri, view, theme, size }) {
|
||||
return (
|
||||
<iframe
|
||||
title="Spotify"
|
||||
className="SpotifyPlayer"
|
||||
src={`https://embed.spotify.com/?uri=${uri}&view=${view}&theme=${theme}`}
|
||||
width={sizePresets[size].width}
|
||||
height={sizePresets[size].height}
|
||||
frameBorder="0"
|
||||
allowtransparency="true"
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export default SpotifyPlayer
|
212
content/posts/fantastic-beasts-and-where-to-find-them/index.mdx
Executable file
212
content/posts/fantastic-beasts-and-where-to-find-them/index.mdx
Executable file
@ -0,0 +1,212 @@
|
||||
---
|
||||
title: Fantastic Beasts and Where to Find Them
|
||||
date: 2019-11-01
|
||||
tags:
|
||||
- Novel
|
||||
---
|
||||
|
||||
import SpotifyPlayer from "./SpotifyPlayer";
|
||||
|
||||
Here will a React component go:
|
||||
|
||||
<SpotifyPlayer
|
||||
uri="spotify:user:bbcamerica:playlist:3w18u69NplCpXVG4fQG726"
|
||||
size="large"
|
||||
theme="black"
|
||||
view="list"
|
||||
/>
|
||||
|
||||
Here will a live code example go:
|
||||
|
||||
```js react-live
|
||||
const onClick = () => {
|
||||
alert("You opened me");
|
||||
};
|
||||
render(<button onClick={onClick}>Alohomora!</button>);
|
||||
```
|
||||
|
||||
Here will a normal code block go:
|
||||
|
||||
```js
|
||||
(function() {
|
||||
|
||||
var cache = {};
|
||||
var form = $('form');
|
||||
var minified = true;
|
||||
|
||||
var dependencies = {};
|
||||
|
||||
var treeURL = 'https://api.github.com/repos/PrismJS/prism/git/trees/gh-pages?recursive=1';
|
||||
var treePromise = new Promise(function(resolve) {
|
||||
$u.xhr({
|
||||
url: treeURL,
|
||||
callback: function(xhr) {
|
||||
if (xhr.status < 400) {
|
||||
resolve(JSON.parse(xhr.responseText).tree);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
```
|
||||
|
||||
A code block with a JSDoc comment, short, and long comment:
|
||||
|
||||
```js
|
||||
/**
|
||||
* Get value out of string (e.g. rem => px)
|
||||
* If value is px strip the px part
|
||||
* If the input is already a number only return that value
|
||||
* @param {string | number} input
|
||||
* @param {number} [rootFontSize]
|
||||
* @return {number} Number without last three characters
|
||||
* @example removeLastThree('6rem') => 6
|
||||
*/
|
||||
const getValue = (input, rootFontSize = 16) => {
|
||||
if (typeof input === `number`) {
|
||||
return input / rootFontSize;
|
||||
}
|
||||
|
||||
const isPxValue = input.slice(-2) === `px`;
|
||||
|
||||
if (isPxValue) {
|
||||
return parseFloat(input.slice(0, -2));
|
||||
}
|
||||
|
||||
return parseFloat(input.slice(0, -3));
|
||||
};
|
||||
|
||||
// This is a little helper function
|
||||
const helper = (a, b) => a + b;
|
||||
|
||||
// This is also a little helper function but this time with a really long one-line comment that should show some more details
|
||||
const morehelper = (a, b) => a * b;
|
||||
|
||||
export { getValue, helper, morehelper };
|
||||
```
|
||||
|
||||
Normal block without language:
|
||||
|
||||
```
|
||||
import Test from "../components/test"
|
||||
|
||||
const Layout = ({ children }) => (
|
||||
<Test>
|
||||
{children}
|
||||
</Test>
|
||||
)
|
||||
|
||||
export default Layout
|
||||
```
|
||||
|
||||
Code block with code highlighting:
|
||||
|
||||
```jsx:title=src/components/post.jsx {5-7,10}
|
||||
import * as React from "react";
|
||||
|
||||
const Post = ({ data: { post } }) => (
|
||||
<Layout>
|
||||
<Heading variant="h2" as="h2">
|
||||
{post.title}
|
||||
</Heading>
|
||||
<p
|
||||
sx={{
|
||||
color: `secondary`,
|
||||
mt: 3,
|
||||
a: { color: `secondary` },
|
||||
fontSize: [1, 1, 2],
|
||||
}}
|
||||
>
|
||||
<span>{post.date}</span>
|
||||
{post.tags && (
|
||||
<React.Fragment>
|
||||
{` — `}
|
||||
<ItemTags tags={post.tags} />
|
||||
</React.Fragment>
|
||||
)}
|
||||
</p>
|
||||
<section
|
||||
sx={{
|
||||
...CodeStyles,
|
||||
my: 5,
|
||||
".gatsby-resp-image-wrapper": { my: 5, boxShadow: `lg` },
|
||||
}}
|
||||
>
|
||||
<MDXRenderer>{post.body}</MDXRenderer>
|
||||
</section>
|
||||
</Layout>
|
||||
);
|
||||
|
||||
export default Post;
|
||||
```
|
||||
|
||||
Code block without title:
|
||||
|
||||
```
|
||||
Harry Potter and the Philosopher's Stone
|
||||
```
|
||||
|
||||
Code block without lineNumbers (but lang):
|
||||
|
||||
```text noLineNumbers
|
||||
Harry Potter and the Chamber of Secrets
|
||||
```
|
||||
|
||||
Code block without lineNumbers (and without lang):
|
||||
|
||||
```noLineNumbers
|
||||
Harry Potter and the Chamber of Secrets
|
||||
```
|
||||
|
||||
Code block with only the title:
|
||||
|
||||
```:title=src/utils/scream.js
|
||||
const scream = (input) => window.alert(input)
|
||||
```
|
||||
|
||||
Code block with only the title but without lineNumbers:
|
||||
|
||||
```:title=src/utils/scream.js noLineNumbers
|
||||
const scream = (input) => window.alert(input)
|
||||
```
|
||||
|
||||
Line highlighting without code title:
|
||||
|
||||
```js {2,4-5}
|
||||
const test = 3;
|
||||
const foo = "bar";
|
||||
const harry = "potter";
|
||||
const hermione = "granger";
|
||||
const ron = "weasley";
|
||||
```
|
||||
|
||||
Here will `inline code` go, just inside the text. Wow!
|
||||
|
||||
Code block without line numbers but with highlighting, language, and title:
|
||||
|
||||
```tsx:title=src/components/blog.tsx {7-9,16} noLineNumbers
|
||||
import * as React from "react";
|
||||
|
||||
const Blog = ({ posts }: PostsProps) => {
|
||||
const { tagsPath, basePath } = useSiteMetadata();
|
||||
|
||||
return (
|
||||
<Layout>
|
||||
<Flex sx={{ alignItems: `center`, justifyContent: `space-between` }}>
|
||||
<Heading variant="h2" as="h2">
|
||||
Blog
|
||||
</Heading>
|
||||
<Styled.a
|
||||
as={Link}
|
||||
sx={{ variant: `links.secondary` }}
|
||||
to={`/${basePath}/${tagsPath}`.replace(/\/\/+/g, `/`)}
|
||||
>
|
||||
View all tags
|
||||
</Styled.a>
|
||||
</Flex>
|
||||
<Listing posts={posts} sx={{ mt: [4, 5] }} />
|
||||
</Layout>
|
||||
);
|
||||
};
|
||||
|
||||
export default Blog;
|
||||
```
|
210
content/posts/harry-potter-and-the-half-blood-prince/index.mdx
Normal file
210
content/posts/harry-potter-and-the-half-blood-prince/index.mdx
Normal file
@ -0,0 +1,210 @@
|
||||
---
|
||||
title: Harry Potter and the Half-Blood Prince
|
||||
date: 2019-09-01
|
||||
tags:
|
||||
- Novel
|
||||
- Highlight
|
||||
---
|
||||
|
||||
| Number | Title | Year |
|
||||
| ------ | ---------------------------------------- | ---: |
|
||||
| 1 | Harry Potter and the Philosopher’s Stone | 2001 |
|
||||
| 2 | Harry Potter and the Chamber of Secrets | 2002 |
|
||||
| 3 | Harry Potter and the Prisoner of Azkaban | 2004 |
|
||||
|
||||
[View raw (TEST.md)](https://raw.github.com/adamschwartz/github-markdown-kitchen-sink/master/README.md)
|
||||
|
||||
This is a paragraph.
|
||||
|
||||
This is a paragraph.
|
||||
|
||||
# Header 1
|
||||
|
||||
## Header 2
|
||||
|
||||
Header 1
|
||||
========
|
||||
|
||||
Header 2
|
||||
--------
|
||||
|
||||
# Header 1
|
||||
|
||||
## Header 2
|
||||
|
||||
### Header 3
|
||||
|
||||
#### Header 4
|
||||
|
||||
##### Header 5
|
||||
|
||||
###### Header 6
|
||||
|
||||
# Header 1
|
||||
## Header 2
|
||||
### Header 3
|
||||
#### Header 4
|
||||
##### Header 5
|
||||
###### Header 6
|
||||
|
||||
# Header 1
|
||||
|
||||
## Header 2
|
||||
|
||||
### Header 3
|
||||
|
||||
#### Header 4
|
||||
|
||||
##### Header 5
|
||||
|
||||
###### Header 6
|
||||
|
||||
# Header 1 #
|
||||
## Header 2 ##
|
||||
### Header 3 ###
|
||||
#### Header 4 ####
|
||||
##### Header 5 #####
|
||||
###### Header 6 ######
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
|
||||
|
||||
> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
|
||||
|
||||
> ## This is a header.
|
||||
>
|
||||
> 1. This is the first list item.
|
||||
> 2. This is the second list item.
|
||||
>
|
||||
> Here's some example code:
|
||||
>
|
||||
> Markdown.generate();
|
||||
|
||||
> ## This is a header.
|
||||
> 1. This is the first list item.
|
||||
> 2. This is the second list item.
|
||||
>
|
||||
> Here's some example code:
|
||||
>
|
||||
> Markdown.generate();
|
||||
|
||||
- Red
|
||||
- Green
|
||||
- Blue
|
||||
|
||||
* Red
|
||||
* Green
|
||||
* Blue
|
||||
|
||||
- Red
|
||||
- Green
|
||||
- Blue
|
||||
|
||||
```markdown
|
||||
- Red
|
||||
- Green
|
||||
- Blue
|
||||
|
||||
* Red
|
||||
* Green
|
||||
* Blue
|
||||
|
||||
- Red
|
||||
- Green
|
||||
- Blue
|
||||
```
|
||||
|
||||
- `code goes` here in this line
|
||||
- **bold** goes here
|
||||
|
||||
```markdown
|
||||
- `code goes` here in this line
|
||||
- **bold** goes here
|
||||
```
|
||||
|
||||
1. Buy flour and salt
|
||||
1. Mix together with water
|
||||
1. Bake
|
||||
|
||||
```markdown
|
||||
1. Buy flour and salt
|
||||
1. Mix together with water
|
||||
1. Bake
|
||||
```
|
||||
|
||||
1. `code goes` here in this line
|
||||
1. **bold** goes here
|
||||
|
||||
```markdown
|
||||
1. `code goes` here in this line
|
||||
1. **bold** goes here
|
||||
```
|
||||
|
||||
Paragraph:
|
||||
|
||||
Code
|
||||
|
||||
<!-- -->
|
||||
|
||||
Paragraph:
|
||||
|
||||
Code
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
* * *
|
||||
|
||||
***
|
||||
|
||||
*****
|
||||
|
||||
- - -
|
||||
|
||||
---------------------------------------
|
||||
|
||||
This is [an example](http://example.com "Example") link.
|
||||
|
||||
[This link](http://example.com) has no title attr.
|
||||
|
||||
This is [an example][id] reference-style link.
|
||||
|
||||
[id]: http://example.com "Optional Title"
|
||||
|
||||
This is [an example](http://example.com "Example") link.
|
||||
|
||||
[This link](http://example.com) has no title attr.
|
||||
|
||||
This is [an example] [id] reference-style link.
|
||||
|
||||
[id]: http://example.com "Optional Title"
|
||||
|
||||
_single asterisks_
|
||||
|
||||
_single underscores_
|
||||
|
||||
**double asterisks**
|
||||
|
||||
**double underscores**
|
||||
|
||||
*single asterisks*
|
||||
|
||||
_single underscores_
|
||||
|
||||
**double asterisks**
|
||||
|
||||
__double underscores__
|
||||
|
||||
This paragraph has some `code` in it.
|
||||
|
||||
This paragraph has some `code` in it.
|
||||
|
||||

|
||||
|
||||

|
Binary file not shown.
After Width: | Height: | Size: 442 KiB |
@ -0,0 +1,37 @@
|
||||
---
|
||||
title: Introduction to "Defence against the Dark Arts"
|
||||
date: 2019-11-07
|
||||
description: Defence Against the Dark Arts (abbreviated as DADA) is a subject taught at Hogwarts School of Witchcraft and Wizardry and Ilvermorny School of Witchcraft and Wizardry. In this class, students study and learn how to defend themselves against all aspects of the Dark Arts, including dark creatures, curses, hexes and jinxes (dark charms), and duelling.
|
||||
tags:
|
||||
- Tutorial
|
||||
- Dark Arts
|
||||
banner: ./defence-against-the-dark-arts.jpg
|
||||
---
|
||||
|
||||
Thestral dirigible plums, Viktor Krum hexed memory charm Animagus Invisibility Cloak three-headed Dog. Half-Blood Prince Invisibility Cloak cauldron cakes, hiya Harry! Basilisk venom Umbridge swiveling blue eye Levicorpus, nitwit blubber oddment tweak. Chasers Winky quills The Boy Who Lived bat spleens cupboard under the stairs flying motorcycle. Sirius Black Holyhead Harpies, you’ve got dirt on your nose. Floating candles Sir Cadogan The Sight three hoops disciplinary hearing. Grindlewald pig’s tail Sorcerer's Stone biting teacup. Side-along dragon-scale suits Filch 20 points, Mr. Potter.
|
||||
|
||||
Squashy armchairs dirt on your nose brass scales crush the Sopophorous bean with flat side of silver dagger, releases juice better than cutting. Full moon Whomping Willow three turns should do it lemon drops. Locomotor trunks owl treats that will be 50 points, Mr. Potter. Witch Weekly, he will rise again and he will come for us, headmaster Erumpent horn. Fenrir Grayback horseless carriages ‘zis is a chance many would die for!
|
||||
|
||||

|
||||
|
||||
Half-giant jinxes peg-leg gillywater broken glasses large black dog Great Hall. Nearly-Headless Nick now string them together, and answer me this, which creature would you be unwilling to kiss? Poltergeist sticking charm, troll umbrella stand flying cars golden locket Lily Potter. Pumpkin juice Trevor wave your wand out glass orbs, a Grim knitted hats. Stan Shunpike doe patronus, suck his soul Muggle-Born large order of drills the trace. Bred in captivity fell through the veil, quaffle blue flame ickle diddykins Aragog. Yer a wizard, Harry Doxycide the woes of Mrs. Weasley Goblet of Fire.
|
||||
|
||||
## This is a secondary heading
|
||||
|
||||
Exume lumos protego leviosa. Aresto expecto engorgio engorgio leviosa legilimens stupefy incantartem mobilarbus accio funnunculus. Serpensortia locomotor incarcerous aguamenti colloportus. Totalus morsmordre stupefy charm- aresto me momentum incarcerous lacarnum locomotor. Revelio relashio veritaserum impedimenta expecto quietus. Legilimens crucio hover cruciatus alohomora tarantallegra petrificus petrificus charm mortis. Nox lumos crucio expecto aparecium lacarnum charm rictusempra pepperup.
|
||||
|
||||
---
|
||||
|
||||
Sectumsempra aresto exume reducio momentum tarantallegra patronum. Totalus amortentia momentum mortis quietus evanesco. Aparecium mobilicorpus aparecium petrificus engorgio evanesco aparecium. Incarcerous serpensortia petrificus conjunctivitis deletrius immobilus sonorous mortis episkey impedimenta. Immobilus lacarnum totalus protean. Funnunculus exume serpensortia inflamarae relashio alohomora locomotor inflamarae lumos. Skele-gro totalus.
|
||||
|
||||
## Another secondary heading
|
||||
|
||||
### Third heading level
|
||||
|
||||
Legilimens colloportus aparecium aresto aparecium leviosa unctuous inflamarae. Quietus mobilarbus incarcerous stupefy confundus leviosa. Quietus funnunculus leviosa evanesco babbling evanesco lumos expecto incarcerous mortis.
|
||||
|
||||
Reparo reparo alohomora vow. Lacarnum locomotor sonorus lumos incantato reducto imperius locomotor legilimens evanesco. Locomotor patronum stupefy lumos scourgify lacarnum. Portus charm inflamarae leviosa stupefy. Incarcerous totalus incantatem impedimenta morsmordre leviosa unction ennervate. Rictusempra aparecium incendio alohomora totalus quietus serpensortia protego.
|
||||
|
||||
Mobilicorpus reducto liberacorpus crucio. Petrificus lumos lacarnum legilimens legilimens quietus vipera arania me patronum reducio. Episkey reducio quietus mobilicorpus fidelius aparecium. Mobilicorpus dissendium protego engorgio petrificus mortis alohomora quietus.
|
||||
|
||||
Sonorus tarantallegra leviosa wingardium finite stupefy.
|
Binary file not shown.
After Width: | Height: | Size: 218 KiB |
Reference in New Issue
Block a user