felix blackspike

## 404.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 Page not found</title>

  <style>
    * {

## form
<form action="https://submit-form.com/zbPzEs7b">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" placeholder="Name" />
  <label for="email">Email</label>
  <input type="email" id="email" name="email" placeholder="Email" />
  <label for="message">Message</label>
  <textarea
    id="message"
    name="message"
    placeholder="Message"

## debug.log
0 verbose cli /Users/felix/.nvm/versions/node/v18.6.0/bin/node /Users/felix/.nvm/versions/node/v18.6.0/bin/npm
1 info using npm@8.13.2
2 info using node@v18.6.0
3 timing npm:load:whichnode Completed in 0ms
4 timing config:load:defaults Completed in 1ms
5 timing config:load:file:/Users/felix/.nvm/versions/node/v18.6.0/lib/node_modules/npm/npmrc Completed in 0ms
6 timing config:load:builtin Completed in 0ms
7 timing config:load:cli Completed in 1ms
8 timing config:load:env Completed in 0ms
9 timing config:load:file:/Users/felix/Desktop/nuxt-app/.npmrc Completed in 2ms

## rss.xml.js
import rss from "@astrojs/rss"
import { getCollection } from "astro:content"

export async function get(context) {
  const blog = await getCollection("blog")
  return rss({
    title: "blackspike blog",
    description: "thoughts from blackspike",
    site: context.site,
    stylesheet: "/rss-styles.xsl",

## mailgun.js
import formData from 'form-data'
import Mailgun from 'mailgun.js'


const DOMAIN = 'mg.example.com'
const USERNAME = 'api'

const mailgun = new Mailgun(formData)
const client = mailgun.client({ username: USERNAME, key: process.env.MAILGUN_API_KEY, url: 'https://api.eu.mailgun.net' })

## recorder.js

  // Record
  export async function record() {
    // reset()
    play()
    $video = null
    console.log('record called')

    const canvas = document.getElementById('canvas')
    const videoStream = canvas.captureStream(60)

## lol.js

    <script>
      // lol
      console.groupCollapsed("%cGreetings, fellow nerds!", "color: orangered")
      console.group("%cDesign", "color: orange")
      console.log(
        "%cFonts  %cInter, Satoshi",
        "font-weight: 700",
        "font-weight: 400"
      )

## Archimedean Spiral.jsx
// uzumaki (mosquito coil type)

// draws an (approximate) archimedes' spiral

// test env: Adobe Illustrator CS3, CS6 (Windows)

// Copyright(c) 2009-2013 Hiroyuki Sato
// https://github.com/shspage
// This script is distributed under the MIT License.
// See the LICENSE file for details.

## toots.astro
---
import MastodonCard from "./MastodonCard.astro"

const acct =
  "https://mastodon.cloud/api/v1/accounts/109461933672061521/statuses"
const fetchPosts = await fetch(acct)

const allPosts = await fetchPosts.json()
---

## dynamic-tag.jsx
const { isFooter } = Astro.props
const ElementH = "header"
const ElementF = "footer"
const ElementType = isFooter ? ElementF : ElementH
---

<ElementType
  class="header-footer"
  class:list={menuOpen ? "nav-open" : ""}
  data-footer={isFooter ? "true" : "false"}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>404 Page not found</title>

	<style>
	* {
	<form action="https://submit-form.com/zbPzEs7b">
	<label for="name">Name</label>
	<input type="text" id="name" name="name" placeholder="Name" />
	<label for="email">Email</label>
	<input type="email" id="email" name="email" placeholder="Email" />
	<label for="message">Message</label>
	<textarea
	id="message"
	name="message"
	placeholder="Message"
	0 verbose cli /Users/felix/.nvm/versions/node/v18.6.0/bin/node /Users/felix/.nvm/versions/node/v18.6.0/bin/npm
	1 info using npm@8.13.2
	2 info using node@v18.6.0
	3 timing npm:load:whichnode Completed in 0ms
	4 timing config:load:defaults Completed in 1ms
	5 timing config:load:file:/Users/felix/.nvm/versions/node/v18.6.0/lib/node_modules/npm/npmrc Completed in 0ms
	6 timing config:load:builtin Completed in 0ms
	7 timing config:load:cli Completed in 1ms
	8 timing config:load:env Completed in 0ms
	9 timing config:load:file:/Users/felix/Desktop/nuxt-app/.npmrc Completed in 2ms
	import rss from "@astrojs/rss"
	import { getCollection } from "astro:content"

	export async function get(context) {
	const blog = await getCollection("blog")
	return rss({
	title: "blackspike blog",
	description: "thoughts from blackspike",
	site: context.site,
	stylesheet: "/rss-styles.xsl",
	import formData from 'form-data'
	import Mailgun from 'mailgun.js'


	const DOMAIN = 'mg.example.com'
	const USERNAME = 'api'

	const mailgun = new Mailgun(formData)
	const client = mailgun.client({ username: USERNAME, key: process.env.MAILGUN_API_KEY, url: 'https://api.eu.mailgun.net' })

	// Record
	export async function record() {
	// reset()
	play()
	$video = null
	console.log('record called')

	const canvas = document.getElementById('canvas')
	const videoStream = canvas.captureStream(60)

	<script>
	// lol
	console.groupCollapsed("%cGreetings, fellow nerds!", "color: orangered")
	console.group("%cDesign", "color: orange")
	console.log(
	"%cFonts %cInter, Satoshi",
	"font-weight: 700",
	"font-weight: 400"
	)
	// uzumaki (mosquito coil type)

	// draws an (approximate) archimedes' spiral

	// test env: Adobe Illustrator CS3, CS6 (Windows)

	// Copyright(c) 2009-2013 Hiroyuki Sato
	// https://github.com/shspage
	// This script is distributed under the MIT License.
	// See the LICENSE file for details.
	---
	import MastodonCard from "./MastodonCard.astro"

	const acct =
	"https://mastodon.cloud/api/v1/accounts/109461933672061521/statuses"
	const fetchPosts = await fetch(acct)

	const allPosts = await fetchPosts.json()
	---
	const { isFooter } = Astro.props
	const ElementH = "header"
	const ElementF = "footer"
	const ElementType = isFooter ? ElementF : ElementH
	---

	<ElementType
	class="header-footer"
	class:list={menuOpen ? "nav-open" : ""}
	data-footer={isFooter ? "true" : "false"}