initial commit

.eleventy.js

@@ -0,0 +1,62 @@
+const Image = require("@11ty/eleventy-img");
+const glob = require("glob-promise");
+
+module.exports = function(eleventyConfig) {
+  // Output directory: _site
+
+  eleventyConfig.addCollection("galleryProjects", function (collectionApi) {
+    return collectionApi.getFilteredByTag("gallery").sort(function (projectA, projectB) {
+      // sort projects by weight (highest first)
+      return projectB.data.weight - projectA.data.weight
+    })
+  })
+
+  eleventyConfig.addCollection("otherProjects", function (collectionApi) {
+    return collectionApi.getFilteredByTag("other").sort(function (projectA, projectB) {
+      // sort projects by weight (highest first)
+      return projectB.data.weight - projectA.data.weight
+    })
+  })
+
+  // Copy `images/` to `_site/images`
+  eleventyConfig.addPassthroughCopy("src/images");
+
+  // Copy `css/fonts/` to `_site/css/fonts`
+  // Keeps the same directory structure.
+  eleventyConfig.addPassthroughCopy("src/fonts");
+  
+  // Copy css files to `_site/css`
+  eleventyConfig.addPassthroughCopy("src/*.css");
+
+  // Copy js files to `_site/scripts`
+  eleventyConfig.addPassthroughCopy("src/scripts/*.js");
+
+  // Copy website button to root
+  eleventyConfig.addPassthroughCopy("src/paupowpow-button.png");
+  
+
+  eleventyConfig.addCollection('projectImages', async collectionApi => {
+    let files = await glob('./src/images/projects/*/*.{png,jpeg,jpg}');
+    
+    let collection = files.map(imagePath => {
+      return {
+        path: imagePath.replace('./src',''),
+        id: imagePath.replace('./src/images/projects/', '')  // * didn't work
+      }
+    });
+
+    let collectionByFolder = {}
+
+    // takes the entire list of image paths and splits it up by project
+    for (let element of collection) {
+      const segments = element.path.split('/')
+      // get the /*/ part of projects/*/*.png
+      const imageFolder = segments[segments.length - 2]
+      // if no array exists, make one
+      collectionByFolder[imageFolder] = collectionByFolder[imageFolder] || []
+      collectionByFolder[imageFolder].push(element) 
+    }
+
+    return collectionByFolder;
+  });
+};

.envrc

@@ -0,0 +1 @@
+layout node

.gitignore

@@ -0,0 +1,133 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+.cache
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# 11ty
+_site/

README.md

@@ -0,0 +1,34 @@
+# How to...
+
+## serve
+node_modules/.bin/eleventy --serve --input=src
+
+## make build
+node_modules/.bin/eleventy --input=src
+
+
+# Notes
+
+## direnv
+allows config for different projects
+https://direnv.net/#basic-installation
+e.g. i can use eleventy command without prefixing it with "node_modules/.bin/", but only in that project folder
+
+## To Do
+
+[x] normal pages (tag: other) shouldn't have "overview" and "gallery" 
+[x] indicate current page in header nav
+[x] get scripts working on kaleidoscope and glitchmachine
+[x] website button should be available in root directory
+
+[x] current page in header nav: improve pattern matching so that ">1 word titles" also match
+[x] only kidpix images should have image-rendering: pixelated;
+[x] find nicer fonts
+[x] reverse order of images 
+
+[x] mutuals buttons
+[] subfolders for kidpix art / more kidpix projects
+[x] remove music from about me
+[x] add favorite hex/scents to about me
+
+

package.json

@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@11ty/eleventy": "^2.0.0",
+    "@11ty/eleventy-img": "^3.1.0",
+    "fast-glob": "^3.2.12",
+    "glob": "^8.1.0",
+    "glob-promise": "^6.0.2"
+  }
+}

src/_includes/defaultPage.njk

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+	<meta name="description" content="_,.-'~'-.,_kid pix art & other stuff_,.-'~'-.,_">
+	<meta name="keywords" content="">
+	<meta name="author" content="paupowpow">
+
+	<!--  Essential META Tags -->
+	<meta property="og:title" content="paupowpow">
+	<meta property="og:type" content="website" />
+	<meta property="og:image" content="https://paupowpow.neocities.org/images/kidpix/kidpix02807.png">
+	<meta property="og:url" content="https://paupowpow.neocities.org/">
+	<meta name="twitter:card" content="summary_large_image">
+
+	<!--  Non-Essential, But Recommended -->
+	<meta property="og:description" content="_,.-'~'-.,_kid pix art & other stuff_,.-'~'-.,_">
+	<meta property="og:site_name" content="paupowpow">
+	<meta name="twitter:image:alt" content="kidpix02807.png">
+
+	<link rel="icon" href="/images/favicon/favicon.ico">
+	<link rel="mask-icon" href="/images/favicon/mask-icon.svg" color="#000000">
+	<link rel="apple-touch-icon" href="/images/favicon/apple-touch-icon.png">
+		
+	<title>paupowpow • {{ title }}</title>
+
+	<link href="{{ '/fonts.css' | url }}" rel="stylesheet" type="text/css" media="all">
+	<link href="{{ '/style.css' | url }}" rel="stylesheet" type="text/css" media="all">	
+</head>
+<body>
+	
+	{% include "headernav.njk" %}
+
+	<main class="content">
+		<h2>{{ title }}</h2>
+
+		{{ content | safe }}
+
+	</main>
+
+	{% include "footer.njk" %}
+</body>
+</html>

src/_includes/footer.njk

@@ -0,0 +1,59 @@
+<footer>
+	<hr>
+	<div class="about grid-2">
+		<div class="about__about-me">
+			<h2>About Me</h2>
+			<ul>
+				<li>✦ paula, pau</li>
+				<li>✏︎ she/her</li>
+				<li>☀︎ designer + visual artist</li>
+			</ul>
+
+			<ul>
+				<li>> likes: www, zines, design, typography, cooking, building, repairing, politics, sociology, learning</li>
+				<li>> best smells: lemon balm, lemon grass, cilantro, mowed grass, renovated houses, burnt wood, toasted bread</li>
+			</ul>
+			
+			
+		</div>
+		<div class="about__contact">
+			<h2>Contact</h2>
+			<p>
+				thank you for visiting! this is a neocities website. you can <a href="https://neocities.org/site/paupowpow" target="_blank">&#8599; follow me on neocities</a> to catch updates to the site. 
+			</p>
+			<p>
+				this is my button:
+			</p>
+			<img src="/paupowpow-button.png">
+			<p>
+				you can also find me on <a href="https://post.lurk.org/@paupowpow" rel="me" target="_blank">&#8599; mastodon</a> and <a href="https://www.instagram.com/paupowpow/" target="_blank">&#8599; instagram</a> or email me at paupowpow at icloud dot com
+			</p>
+		</div>
+	</div>	
+
+	<h2>Webrings</h2>
+	<div class="webrings grid-4">
+
+			<div class="webrings__link">
+				<h3><s>Yesterweb Ring</s></h3>
+				<small>R.I.P.</small>
+			</div>
+
+			<div class="webrings__link">			
+				<h3>Geekring</h3>
+				<a href="http://geekring.net/site/210/previous"><</a> : <a href="http://geekring.net/site/210/random">?</a> : <a href="http://geekring.net/site/210/next">></a>
+			</div>
+
+			<div class="webrings__link">
+				<h3>Null Webring</h3>
+				<script src="https://nuthead.neocities.org/ring/ring.js"></script> 
+			</div>
+
+			<div class="webrings__link">
+				<h3>Hotline Webring</h3>
+				<a href="https://hotlinewebring.club/paupowpow/previous"><</a> : <a href="https://hotlinewebring.club/paupowpow/next ">></a>
+			</div>
+
+		</div>
+	</div>
+</footer>

src/_includes/galleryPage.njk

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+	<meta name="description" content="_,.-'~'-.,_kid pix art & other stuff_,.-'~'-.,_">
+	<meta name="keywords" content="">
+	<meta name="author" content="paupowpow">
+
+	<!--  Essential META Tags -->
+	<meta property="og:title" content="paupowpow">
+	<meta property="og:type" content="website" />
+	<meta property="og:image" content="https://paupowpow.neocities.org/images/kidpix/kidpix02807.png">
+	<meta property="og:url" content="https://paupowpow.neocities.org/">
+	<meta name="twitter:card" content="summary_large_image">
+
+	<!--  Non-Essential, But Recommended -->
+	<meta property="og:description" content="_,.-'~'-.,_kid pix art & other stuff_,.-'~'-.,_">
+	<meta property="og:site_name" content="paupowpow">
+	<meta name="twitter:image:alt" content="kidpix02807.png">
+
+	<link rel="icon" href="/images/favicon/favicon.ico">
+	<link rel="mask-icon" href="/images/favicon/mask-icon.svg" color="#000000">
+	<link rel="apple-touch-icon" href="/images/favicon/apple-touch-icon.png">
+		
+	<title>paupowpow • {{ title }}</title>
+
+	<link href="{{ '/fonts.css' | url }}" rel="stylesheet" type="text/css" media="all">
+	<link href="{{ '/style.css' | url }}" rel="stylesheet" type="text/css" media="all">
+
+	{% block scripts %}
+	{% endblock %}
+	
+</head>
+<body>
+	
+	{% include "headernav.njk" %}
+
+	<main class="{{ imageFolder }} content">
+		<h2>{{ title }}</h2>
+
+		{{ content | safe }}		
+
+		{% set images = collections.projectImages[imageFolder] %}
+		{% if gallerySort == "reverse" %}
+			{% set images = images | reverse %}
+		{% endif %}
+
+		<section>
+			<div class="overview" id="top">
+				{% for image in images %}
+					<a href="#{{ image.id }}"><img src="{{ image.path }}"></a>
+				{% endfor %}
+			</div>
+			
+			<div class="gallery">
+				{% for image in images %}
+					<a href="#top"><img id='{{ image.id }}' src="{{ image.path }}" class="{{ 'pixelated' if '/kidpix' in page.url }}"></a>
+				{% endfor %}
+			</div>
+		</section>
+
+	</main>
+
+	{% include "footer.njk" %}
+</body>
+</html>

src/_includes/headernav.njk

@@ -0,0 +1,18 @@
+<header>
+	<h1><a class="headerlink" href="{{ '/' | url }}">paupowpow</a></h1>
+	<nav>
+		<div class="navsection">
+			<span class="title">Art</span>
+			{%- for project in collections.galleryProjects %}
+				<a href="{{ project.page.url }}" class="{{ 'active' if project.page.url in page.url }}">{{ project.data.title }}</a>
+			{%- endfor -%}
+		</div>
+		<div class="navsection">
+			<span class="title">More</span>
+			{%- for project in collections.otherProjects %}
+				<a href="{{ project.page.url }}" class="{{ 'active' if project.page.url in page.url }}">{{ project.data.title }}</a>
+			{%- endfor -%}
+		</div>
+	</nav>
+</header>
+

src/fonts.css

@@ -0,0 +1,110 @@
+@font-face {
+		font-family: 'AzeretMono-ExtraLight';
+		src: url('fonts/AzeretMono-ExtraLightItalic.woff2') format('woff2');
+		font-weight: 200;
+		font-style: italic;
+}
+
+@font-face {
+		font-family: 'AzeretMono-ExtraLight';
+		src: url('fonts/AzeretMono-ExtraLight.woff2') format('woff2');
+		font-weight: 200;
+		font-style: normal;
+}
+
+@font-face {
+		font-family: 'dejavu_sans_mono';
+		src: url('fonts/dejavusansmono-webfont.woff2') format('woff2'),
+				 url('fonts/dejavusansmono-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+}
+
+@font-face {
+		font-family: 'dejavu_sans_mono';
+		src: url('fonts/dejavusansmono-bold-webfont.woff2') format('woff2'),
+				 url('fonts/dejavusansmono-bold-webfont.woff') format('woff');
+		font-weight: bold;
+		font-style: normal;
+
+}
+
+@font-face {
+		font-family: 'dejavu_sans_mono';
+		src: url('fonts/dejavusansmono-boldoblique-webfont.woff2') format('woff2'),
+				 url('fonts/dejavusansmono-boldoblique-webfont.woff') format('woff');
+		font-weight: bold;
+		font-style: oblique;
+
+}
+
+@font-face {
+		font-family: 'dejavu_sans_mono';
+		src: url('fonts/dejavusansmono-oblique-webfont.woff2') format('woff2'),
+				 url('fonts/dejavusansmono-oblique-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: oblique;
+}
+
+@font-face {
+		font-family: 'ft88bold';
+		src: url('/fonts/ft88-bold-webfont.woff2') format('woff2'),
+				 url('/fonts/ft88-bold-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+}
+
+
+@font-face {
+		font-family: 'ft88expanded';
+		src: url('/fonts/ft88-expanded-webfont.woff2') format('woff2'),
+				 url('/fonts/ft88-expanded-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+}
+
+
+@font-face {
+		font-family: 'ft88gothique';
+		src: url('/fonts/ft88-gothique-webfont.woff2') format('woff2'),
+				 url('/fonts/ft88-gothique-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+}
+
+
+@font-face {
+		font-family: 'ft88italic';
+		src: url('/fonts/ft88-italic-webfont.woff2') format('woff2'),
+				 url('/fonts/ft88-italic-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+}
+
+
+@font-face {
+		font-family: 'ft88regular';
+		src: url('/fonts/ft88-regular-webfont.woff2') format('woff2'),
+				 url('/fonts/ft88-regular-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+}
+
+
+@font-face {
+		font-family: 'ft88school';
+		src: url('/fonts/ft88-school-webfont.woff2') format('woff2'),
+				 url('/fonts/ft88-school-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+}
+
+
+@font-face {
+		font-family: 'ft88serif';
+		src: url('/fonts/ft88-serif-webfont.woff2') format('woff2'),
+				 url('/fonts/ft88-serif-webfont.woff') format('woff');
+		font-weight: normal;
+		font-style: normal;
+
+}

src/images/favicon/mask-icon.svg

@@ -0,0 +1,90 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="160.000000pt" height="160.000000pt" viewBox="0 0 160.000000 160.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,160.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 1550 l0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0
+50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0
+0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0
+-50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50
+50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 50 0 50
+0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50
+50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0
+-50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50
+0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50
+0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0
+50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0
+50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50
+0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50
+-50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0
+-50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0
+0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0
+-50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50
+0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50z m300 -100 l0
+-50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0
+0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50
+50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0
+50 0 50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50
+-50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0
+50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0
+0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0
+-50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50
+-50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0
+-50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0
+0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0
+-50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50
+0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50
+50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0
+50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 50 0
+50 0 0 -50z"/>
+<path d="M200 1350 l0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50
+0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50
+0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50
+0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50
+0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50
+0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0
+50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0
+50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50
+0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50
+-50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 -50 0 -50 0
+0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50
+0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50
+-50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0
+-50 0 0 -50z m300 -100 l0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50
+0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50
+0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50
+0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50
+0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50
+0 -50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50
+-50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0
+-50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0
+0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50
+0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50
+0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50z"/>
+<path d="M400 1150 l0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50
+0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50
+0 0 -50 0 -50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0
+-50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0
+0 -50 0 -50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50
+-50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0
+50 0 50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50
+-50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0
+-50 0 0 50 0 50 -50 0 -50 0 0 -50z m300 -100 l0 -50 50 0 50 0 0 50 0 50 50
+0 50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0
+-50 0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0 50 0 0 -50 0
+-50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50
+-50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 50 0 50
+0 0 50 0 50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50
+50 0 50 0 0 50 0 50 50 0 50 0 0 -50z"/>
+<path d="M600 950 l0 -50 50 0 50 0 0 -50 0 -50 -50 0 -50 0 0 -50 0 -50 50 0
+50 0 0 -50 0 -50 50 0 50 0 0 50 0 50 50 0 50 0 0 -50 0 -50 50 0 50 0 0 50 0
+50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 -50 0 -50 0 0 50 0 50 -50 0
+-50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 -50 0 -50 0 0 -50z m300 -100 l0 -50
+-50 0 -50 0 0 -50 0 -50 -50 0 -50 0 0 50 0 50 50 0 50 0 0 50 0 50 50 0 50 0
+0 -50z"/>
+</g>
+</svg>