commit 47c31d2d150463bb055be4293a4250b041734bda
Author: N07070 <social@n07070.xyz>
Date:   Sun Jan 3 14:35:25 2021 +0100

    Added files

diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000..00e77bd
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..e4b48fe
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,14 @@
+baseURL = ""
+languageCode = "fr-FR"
+title = "The Octet Press"
+theme = "blogotheme"
+
+[params]
+	brand = "The Octet Press"
+	description = "Hi, I'm n07070. This is my blog and homepage, where I post articles, art, code, links and more."
+	bgimg = ""
+	rssinmenu = true
+
+[markup]
+  [markup.highlight]
+    style = "igor"
diff --git a/content/About Me/cover.jpg b/content/About Me/cover.jpg
new file mode 100644
index 0000000..a07e30b
Binary files /dev/null and b/content/About Me/cover.jpg differ
diff --git a/content/About Me/index.md b/content/About Me/index.md
new file mode 100644
index 0000000..3233091
--- /dev/null
+++ b/content/About Me/index.md	
@@ -0,0 +1,48 @@
+---
+draft : false
+categories : []
+title : "About me"
+displayInMenu : true
+dropCap : true
+description : "Who am I ?"
+date : "2019-01-02T22:25:20Z"
+displayInList : false
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+## What is this blog about ?
+
+For the moment it's mostly some articles I wrote, but over time, if I get good feedback, I'll try to turn to publishing as a full-time job. I plan on writing about ecology, tech, society, traveling,  politics and fiction. If you like hastags, #SolarPunk, #VanLife, #DIY, #dWeb...
+
+I'm writing in French and English, maybe even in Esperanto one day !
+
+Most of the articles and general structure of the blog's source is found [in my git server](http://git.n07070.xyz/n07070/Blog-Articles) ! Feel free to correct things or propose articles and such !
+
+## Who am I ?
+
+I'm a student in his twenties. I'm trying to figure out life. If you have any thing to say to me, or would just like to tchat, hit me up at [this email](mailto:contact@n07070.xyz) !
+
+## Projects and code
+
+I try to keep my git up-to-date, but for now, I'm mainly migrating bit by bit from Microsoft's Github.
+
+- [git.n07070.xyz - code projects](http://git.n07070.xyz)
+- [Other projects](https://projects.n07070.xyz/)
+## How to follow this blog
+
+You can follow this blog with :
+
+- [RSS](https://n07070.xyz/index.xml)
+- [ActivityPub](http://@Octet_Press@bots.tinysubversions.com)
+- Or by coming every two weeks. I won't post more than that... for now.
+
+## How you can help
+
+Writing is time-consuming, and sadly I need to work. Each euro you give me is a step ahead ! If you wonder how I'm gonna use your money, feel free to shoot an email at me !
+
+I accept donations via Liberapay for now, but if you prefer another way, I'm sure I can set it up for you. Just ask me !
+
+<script src="https://liberapay.com/N07070/widgets/button.js"></script>
+<noscript><a href="https://liberapay.com/N07070/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
diff --git a/content/Art-and-code/index.md b/content/Art-and-code/index.md
new file mode 100644
index 0000000..c994b3c
--- /dev/null
+++ b/content/Art-and-code/index.md
@@ -0,0 +1,15 @@
+---
+draft : false
+categories : []
+title : "Art & Code"
+displayInMenu : true
+dropCap : true
+description : "My art and my code"
+date : "2020-12-23T22:25:20Z"
+displayInList : false
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+Here, you will find the different art and code projects I've been working on.
diff --git a/content/Articles/Solar-D-Web/COMPONENTS.md b/content/Articles/Solar-D-Web/COMPONENTS.md
new file mode 100644
index 0000000..dfd2fc0
--- /dev/null
+++ b/content/Articles/Solar-D-Web/COMPONENTS.md
@@ -0,0 +1,69 @@
+# List of components
+
+## Hardware 
+
+### Solar panel
+
+- Cost :
+- 
+> Solar panel conversion efficiency, typically in the 20% range, is reduced by dust, grime, pollen, and other particulates that accumulate on the solar panel. "A dirty solar panel can reduce its power capabilities by up to 30% in high dust/pollen or desert areas", says Seamus Curran, associate professor of physics at the University of Houston and director of the Institute for NanoEnergy, which specializes in the design, engineering, and assembly of nanostructures.
+
+- To charge the car battery, they need to produce at least 16V of power, and as many amps as possible, but I need to determine how much.
+- The 16V can be plugged into the MoPi with no problem.
+
+### Wind power 
+
+Doesn't seem very good at producing any serious amount of electrity.
+
+- https://solar.lowtechmagazine.com/2009/04/small-windmills-test-results.html
+
+### Car battery
+
+- Cost : 0€ // Need to pick it up at Cmal's
+
+### Backup battery
+
+- Cost : 0€ // I have two 3600mhA batteries
+
+### Charge regulator
+
+- Cost : 29£ 
+- https://pi.gate.ac.uk/pages/mopi.html
+
+### Raspberry pi
+
+- Cost : 0€
+
+----
+
+## Software
+
+### Web server
+
+For the moment, the ideal is to use lightthpd, but I still need to check out how much more efficient it is than Apache or Nginx. I might also want to give a look at other all-in-one webservers, like python's, go's, or rust's.
+
+### CMS
+
+For the moment, I plan on using Hugo, but I might migrate to Gutenberg as it uses the sample template system as Django, and uses Rust which is supported by the fact that a friend of mine knows how it works.
+
+The ideal is to have a static web site.
+
+### Dat
+
+Like the website is static, I can serve it though dat without too much problems.
+
+You need to install dat, create a dat and then share it.
+
+I need to figure out how to make the http version and the dat version run side-by-side, and same with TOR.
+
+- https://www.digitalocean.com/community/tutorials/how-to-use-npm-to-manage-node-js-packages-on-a-linux-server
+
+### Battery control system
+
+- https://hackaday.com/2018/11/02/the-linux-throwie-powering-a-linux-server-with-a-300mw-solar-panel/
+
+### Git
+
+### Pleroma 
+
+
diff --git a/content/Articles/Solar-D-Web/PiJuice Guide.pdf b/content/Articles/Solar-D-Web/PiJuice Guide.pdf
new file mode 100644
index 0000000..f63bfe4
Binary files /dev/null and b/content/Articles/Solar-D-Web/PiJuice Guide.pdf differ
diff --git a/content/Articles/Solar-D-Web/README.md b/content/Articles/Solar-D-Web/README.md
new file mode 100644
index 0000000..07d0329
--- /dev/null
+++ b/content/Articles/Solar-D-Web/README.md
@@ -0,0 +1,129 @@
++++
+date = "2018-09-29T01:08:28Z"
+title = "SolarWeb"
+draft = true
++++
+
+# SolarWeb
+
+> Make the web go down where there's a cloud.
+
+------
+
+# Damn clouds today !
+
+Over the pasts years, the web has grown into a hungry monster, feeding off electricity, our social lives and our data. It grows, relentlessly, funded by venture capital and  surveillance capitalism. It's supported by the states, who aim to control more and more of it. And compagnies all around the world are making good money by selling every private bit of you. A cloud has grown over our heads, shading us from the sun.
+
+I'm going to try and not fall into the trap of 'more tech will the save us from the problems tech creates' as hard as I can. I'll fail, because I'm writing this guide today, but I'll be using what we can have or recycle today. It's easy to imagine, for me, how the web should be. You open whatever browser you have, and search for content, or look at the content you subscribed for. This content is hosted on a peer-to-peer network, running off solar power, or other renewable energy sources. It's a web made to express yourself, and make it easy for you to interact with everyone you know. Tech should stop being a pain.
+
+I think a lot of this pain comes from the way it's designed. It's designed to make money, not to give us control. I'm not talking about the way the network works, I'm talking about the way content flows. It doesn't spread equally. People who live in rich countries will have high-speed internet, virtually unlimited storage and an nearly unrestricted access to the web. But it's worth remembering that only half of the world is not __connected__. In Africa, it's only 1/3 of the population. China is censored. But I'm not gonna make the list too long, I could write about this for days.
+
+We need to rethink how the web works. We need to take into account the parts of the world who don't have the same wealth as us. Why ? Because we can.
+
+I like to think of the web as a huge librairy anyone can consult when they want, whoever they are.
+
+It's also the moment to say that a lof of people have paved the way, and I'll try to give as much linkback as possible. 
+
+I'd like to contribute my own books to human knowledge. I'm not saying it's a lot, but I'm sure that for a few people it's valuable and that's enough to me. But I'd like to make is as accessible as possible, and try to not destroy the planet at the same time.
+
+So for that, I need to list my needs, learn how to provide for them, implement the solution and make it usable for more people. I'm not pretending I'm gonna solve the internet today, but I'd like to publish a bit of research I've done and make it live.
+
+I'd like to try to improve upon the marvelous ideals that gave [https://solar.lowtechmagazine.com/](Solar.lowtechmagazine.com), and add a bit of decentralization to it and see how that works. 
+
+You see, one the main problems of building a solar-powered blog is that sometimes, it goes offline. That's really a bugger. 
+
+# Let's see what we need.
+
+I'd like to adress a few things. First, accessibilty. Today, the web is getting fat. It's getting harder to reach. A typical web page is several megabytes. That's bigger than the classic __War And Peace__[^1]. It needs a lot of power and a lot of data, one is not eco-frienldy and the second costs money. Imaging browsing with 3G in India, or in a internet café in the suburbs of Bogota, ain't nobody got time for this fucking 24th pop-up for frozen fries ? I'll try my best to make the website be readble by screen readers and ledgable by people with viewing impairments. 
+
+Second, sustainability. The internet need a **LOT** of power. In 2010, over 10% of electricity in the U.S. was due to computer and IT equipment usage. At the current rate we're going, analysts and experts figure that 10% of the world's power bill will be spent on running computers. [^2] The main problem comes from the hyper centralization of data. We can share data in an acceptable way without needing a googol servers. I'm going to try and run my website from my own home with solar panels, maybe wind power and a battery. I'm going to try and salvage as much as possible, and buy new stuff only if I really can't find anything else. 
+
+Third, distribution. If I run my own server, I'm gonna need to find ways so that people actually find me, without needing Facebook. Obviously, my website is gonna be shared around the web if I'm lucky, but what happens if my server is going through a few months of cloudy weather ? You click on a link, and... nothing ? My website being simple, and low data, maybe I could find new ways to share it ? So I've been looking into a new protocol that doesn't need your computer to be up all the time. It's called Dat, it's super new and it's cool tech I want to try out, because it might work. My website will be hosted, in part, by the people who visit it. When you visit my website through dat, you'll have the option to seed it : keeping a copy on your computer and enabling others to read it even if my server is not up. Think of it a keeping a copy of a book from the librairy that your friend can reed. 
+
+Nobody provides a way to do that today. I'll make my own. 
+
+# Building the damn thing.
+
+Now, I'm going to try to give a guide of how I did it. They might be technical terms, but I'll try to explain them the best I can, or add anotations. 
+
+On the hardware side ( the part of the computer you can hit with a hammer ):
+
+- I'm gonna need a computer, so I'll use my **Raspberry Pi B**. It's a small computer board that runs Linux, and costs roughly 30€. The choosen model is kind of old, but the newer models draw more power, which I don't need. I've had one lying around for a while... With it,I'm gonna need to add a 16Gb microSD card. I used one salvaged from an old Android phone.
+
+- I'm gonna need batteries. I've salvaged old "shared" bikes in a dump, which had batteries. I have 2 1100mha batteries, which is far from enough, but it's gonna be enough to shutdown the computer gracefully in case they is no more power. It's the backup power. I'll also look into using a car battery.
+
+- I'm gonna need solar power. On the shared bikes, they also where solar panels. I'll run tests and mesure how much solar power I can get in a day. 
+
+- I'm gonna need an electric controler. I need to find a way to connect the car battery, the solar panels, the backup batteries and the computer. The voltage of each part might be different, and thus I need to adjust each current, and try to make it in the most efficient way. I'll also need a way to mesure the current charge of the batteries, and read it from the computer.
+
+- I'm gonna need instruments to mesure the electric consumption of all of this. A standart multimeter or a multitester, also known as a VOM (volt-ohm-milliammeter), will do the trick. I also need to find a way to mesure the Pi's power consumtion.
+
+On the software side ( the part of the computer you insult ):
+
+- On the computer, I'll need software to host the website. For that, I'll use **lighttp**, which, you know, it's in the name.
+
+- To actually make my website, code and all, I'll use **Hugo**. It's a static website generator. I'll talk more about how that works later on.
+
+- When the weather is shitty, I'll distribute the website with Dat, which is a decentralized protocol to distribute websites. Think bittorrent but for websites instead of movies.
+
+- I'd also like the website to be resistant to censorship, so maybe a way to access it by the TOR network, although it may use a lot more power.
+
+## Testing and research
+
+
+### On the hardware side
+
+
+#### Solar Panels
+
+First off, I needed to calculate to output of my solar panels. To do that, I ran several tests, in different conditions regarding ligth exposition, time of the day, and cloudiness. I also used an app on my phone to mesure the lighting level, but you can use any luxmeter.
+
+// INSERT GRAPH WITH DATA
+
+As you can see...
+
+Now, I need to research the batteries.
+
+https://learn.adafruit.com/usb-dc-and-solar-lipoly-charger/
+
+### Converting the sun to 5V, 2Amp.
+
+
+### On the software side
+
+#### Power and Pi
+
+I wanted to try several configurations of software to find the one that would be the most efficient, yet easy to use. The main problem with software is that complexity requires more power (duh). For example, I could do much of my maintenance via the command line, but it's not very easy. Or, I could install a content management system and it would be super duper easy, but might use way more power. Only way to find out, do tests.
+
+
+#### Not everybody can read
+
+The other side of software I wanted to experiment with was accesibility. First off, I need to think of the users that would want to visit my site, who could they be ? I could have blind people, so I need to make my content friendly to screen readers. Dislexic people, so high contrast and accessible fonts. 
+
+# Going further.
+
+
+Links :
+
+[^1] http://idlewords.com/talks/website_obesity.htm 
+[^2] http://large.stanford.edu/courses/2012/ph240/lee1/
+
+-------
+- https://www.w3.org/WAI/fundamentals/accessibility-intro/
+- https://solar.lowtechmagazine.com/2009/06/embodied-energy-of-digital-technology.html
+- https://en.wikipedia.org/wiki/Solar_panel
+- https://www.jeffgeerling.com/blogs/jeff-geerling/raspberry-pi-zero-conserve-energy
+- https://www.pidramble.com/wiki/benchmarks/power-consumption 
+- https://internetworldstats.com/stats.htm
+- https://solar.lowtechmagazine.com/
+- https://www.rs-online.com/designspark/solar-powering-your-raspberry-pi
+- https://www.stewright.me/2017/07/a-portable-battery-powered-raspberry-pi-zero-web-server-with-solar-panel/
+- http://www.reuk.co.uk/wordpress/raspberry-pi/solar-powered-raspberry-pi/
+- https://www.rs-online.com/designspark/solar-powering-your-raspberry-pi
+- https://hackaday.io/project/2333-my-off-grid-solar-system-monitoring
+- https://hackaday.io/project/4268-raspberry-pi-solar-battery-monitoring
+- https://news.nationalgeographic.com/news/energy/2012/08/120820-helix-wind-collapse/
+- https://www.modmypi.com/raspberry-pi/power-1051/ups-boards-1051/ups-pico
+- https://www.modmypi.com/raspberry-pi/power-1051/ups-boards-1051/pijuice-standard
+- https://www.voltaicsystems.com/blog/powering-a-raspberry-pi-from-solar-power/
+
diff --git a/content/Articles/Solar-D-Web/index.md b/content/Articles/Solar-D-Web/index.md
new file mode 100644
index 0000000..32629fe
--- /dev/null
+++ b/content/Articles/Solar-D-Web/index.md
@@ -0,0 +1,13 @@
++++
+draft = true
+categories = []
+title = ""
+displayInMenu = false
+dropCap = true
+featuredImage = ""
+description = ""
+date = "2019-01-02T22:25:20Z"
+displayInList = true
+
++++
+
diff --git a/content/Articles/Solar-D-Web/solar_mesures.ods b/content/Articles/Solar-D-Web/solar_mesures.ods
new file mode 100644
index 0000000..a7b46be
Binary files /dev/null and b/content/Articles/Solar-D-Web/solar_mesures.ods differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-0.jpg.copy b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-0.jpg.copy
new file mode 100644
index 0000000..f2ac7b9
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-0.jpg.copy differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-1.jpg b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-1.jpg
new file mode 100644
index 0000000..f2ac7b9
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-1.jpg differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-1.jpg.copy b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-1.jpg.copy
new file mode 100644
index 0000000..f2ac7b9
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-1.jpg.copy differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-2.jpg b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-2.jpg
new file mode 100644
index 0000000..f2ac7b9
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-2.jpg differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-2.jpg.copy b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-2.jpg.copy
new file mode 100644
index 0000000..f2ac7b9
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-2.jpg.copy differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-3.jpg b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-3.jpg
new file mode 100644
index 0000000..35b2a22
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-3.jpg differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-3.jpg.copy b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-3.jpg.copy
new file mode 100644
index 0000000..35b2a22
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither-3.jpg.copy differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither.jpg b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither.jpg
new file mode 100644
index 0000000..35b2a22
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither.jpg differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither.jpg.copy b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither.jpg.copy
new file mode 100644
index 0000000..35b2a22
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover-dither.jpg.copy differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover.jpg b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover.jpg
new file mode 100644
index 0000000..f2ac7b9
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover.jpg differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/cover.jpg.copy b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover.jpg.copy
new file mode 100644
index 0000000..0778ec1
Binary files /dev/null and b/content/Articles/a-case-for-the-importance-of-multiples-identites/cover.jpg.copy differ
diff --git a/content/Articles/a-case-for-the-importance-of-multiples-identites/index.md b/content/Articles/a-case-for-the-importance-of-multiples-identites/index.md
new file mode 100644
index 0000000..5880b15
--- /dev/null
+++ b/content/Articles/a-case-for-the-importance-of-multiples-identites/index.md
@@ -0,0 +1,48 @@
+---
+draft : false
+categories : ["Blog","English"]
+toc : false
+title : "A case for the importance of multiple identities in the fediverse."
+displayInMenu : false
+dropCap : true
+description : "Let's discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn't allow it or work in a different way."
+date : "2019-07-01T00:00:01Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+
+
+
+That's quite a long title, but I think the topic is pretty nice, and thus deserves a nice title. That's how it is, I guess ?
+
+Anyway, you may ask, what are you talking about ?
+
+Well, if you don't know what the fediverse is, it's... well, it's complicated. At the origin, it's a protocol that makes [federation](https://en.wikipedia.org/wiki/Federation_(information_technology)) between websites possible. As of there, things started getting out of hand when people started making things with it. The W3C doesn't __recommend__ that !
+
+It was new ! It was exciting ! The first projects that started using ActivityPub where raising a lot of questions... It's interesting, because the protocol made a lot of people tag along, and from different horizons that are starting to converge. But let's discuss [protocol politics](http://search.disroot.org/?q=protocol%20politics%20information%20technology&categories=general) another time...
+
+You see, people where wondering how to do things **the right way**. It's not the first time, but this new protocol is supposed to bring an end to the [GAFAM](https://en.wikipedia.org/wiki/Big_Four_tech_companies). By making it possible for two different websites to communicate and exchange information in real-time, there was little reason for a social network, for example, to exist under only one URL.
+
+It was like email, but for social networks. And much, much more...
+
+I know, we're getting sidetracked... I hear you from here saying what's the link between email and identity ?
+
+Email is a bit like your id card, but on the web, don't you find ? You log in with it, not your name.
+
+And social networks have changed the way we communicate with the world. It's the book of the 21th century. And, as each book you can write might be different, we, as our own, have multiples identities. I like tech, but I'm also a gardener, and I dabble in politics. When I speak to people about art, my identity is linked to it.
+
+On the fediverse, we have access to a very large crowd, and small, more personal spaces. As in life.
+
+Some people have been asking hard questions about identity. Some would like your online ID to be tied to your official identity. I think it's a really bad ideal.
+
+If we want our networks to ressemble us, and make it possible for us to express as who we are, then it is important for us to be able to create, delete, update and multiplicate our identities online.
+
+---
+
+__This article is a small reflexion about federated identities. If you want to talk more about it with me, you can always [shoot me an email or message !](https://n07070.xyz/post/about-me/about-me/)__
+
+
+__"Dinnertime" by [jabberwocky381](https://www.flickr.com/photos/70937820@N00/5203710178) is licensed under CC BY-SA 2.0__
diff --git a/content/Articles/all-remote-lonely-and-poor/index.md b/content/Articles/all-remote-lonely-and-poor/index.md
new file mode 100644
index 0000000..7a7f942
--- /dev/null
+++ b/content/Articles/all-remote-lonely-and-poor/index.md
@@ -0,0 +1,16 @@
+---
+draft : true
+categories : ["Blog","English"]
+toc : false
+title : "Remote, lonely, and poor : my fears about remote work."
+displayInMenu : false
+dropCap : true
+description : "I started writing this article long before Covid as a reponse to the growing trend in working remotely. Had I finished to write it before the pandemic, I could write a critic of my own article, but let's dig in and see what could go wrong with remote work."
+date : "2019-07-01T00:00:01Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+This article is a respond to gitlab's post about remote work. You can have a look [at it here](https://about.gitlab.com/company/culture/all-remote/).
diff --git a/content/Articles/best-epub-reader-for-linux-2019/calibre_0.png b/content/Articles/best-epub-reader-for-linux-2019/calibre_0.png
new file mode 100644
index 0000000..e44bed8
Binary files /dev/null and b/content/Articles/best-epub-reader-for-linux-2019/calibre_0.png differ
diff --git a/content/Articles/best-epub-reader-for-linux-2019/cover-dither.jpg b/content/Articles/best-epub-reader-for-linux-2019/cover-dither.jpg
new file mode 100644
index 0000000..6a7685a
Binary files /dev/null and b/content/Articles/best-epub-reader-for-linux-2019/cover-dither.jpg differ
diff --git a/content/Articles/best-epub-reader-for-linux-2019/cover.jpg b/content/Articles/best-epub-reader-for-linux-2019/cover.jpg
new file mode 100644
index 0000000..ed24a8d
Binary files /dev/null and b/content/Articles/best-epub-reader-for-linux-2019/cover.jpg differ
diff --git a/content/Articles/best-epub-reader-for-linux-2019/index.md b/content/Articles/best-epub-reader-for-linux-2019/index.md
new file mode 100644
index 0000000..61d40ff
--- /dev/null
+++ b/content/Articles/best-epub-reader-for-linux-2019/index.md
@@ -0,0 +1,67 @@
++++
+draft = true
+categories = ["Blog","English"]
+title = "What's the best epub reader for Linux in 2019 ?"
+displayInMenu = false
+dropCap = true
+featuredImage = "cover.jpg"
+description = "If you're like me, you like reading. And now, being the golden age of pirates and torrented epubs, it's important to have a good reader when you have a library ten times the size of Bagdad's House of Wisdom. So, I tired a bunch of epub readers for the Linux desktop, to find out what exists, and which one would be perfect..."
+date = "2019-01-02T22:25:20Z"
+displayInList = true
++++
+
+If you're like me, you like reading. And now, being the golden age of pirates and torrented epubs, it's important to have a good reader when you have a library ten times the size of Bagdad's House of Wisdom. So, I tired a bunch of epub readers for the Linux desktop, to find out what exists, and which one would be perfect...
+
+So, the first thing I did was to ask around what existed. The nice people of the fediverse told me about the following readers : 
+
+* [Calibre](https://calibre-ebook.com/)
+	*
+* [Bookworm](https://babluboy.github.io/bookworm/)
+	*
+* [Foliate](https://github.com/johnfactotum/foliate)
+	*
+* [MuPDF](https://mupdf.com/)
+	*
+* [Okular](https://okular.kde.org/)
+	* ( For it to read epubs, you need to install `ebook-tools` too )
+* [Gnome Books](https://gitlab.gnome.org/GNOME/gnome-books/)
+
+I installed each one, and decided that for the following week, I would be reading [Learn C the hard way](https://learncodethehardway.org/c/) for breakfeast. And each day, I'll be testing a new reader. To make things easiers, I downloaded the book before hand, and setup each reader to make sure it was working. I have a `.epub` and a `.mobi` version, so I'll have the choice, and test both of them. 
+
+The apps where > 242,2 MB in total, and installed a load of python libraries to my computer, but hey...
+
+## Day One
+
+This morning, I had tea, bread and orange marmelade. I also eat some cherrys during the reading. I started off with Calibre. 
+
+The first impression I got was that Calibre was old and complicated. But very powerfull. A lot of tools come with Calibre, such as metadata edition, news reader, book converter, and even a Calibre server to sync your books with your e-reader. 
+
+![A screenshot of Calibre](calibre_0.png)
+
+The book viewer in itself is in a seperate window. It starts with a side column with old buttons full of color. Read like it's 2004 ! The options are a bit all over the place, but for most of them it's straightforward. The reader in itself is pretty cosy, the text takes the full page, and you have a 'flow' mode to prevent the skipping from one page to another. You can also use your own CSS stylesheet, which is nice !
+
+## Day Two
+
+This morning started with tea, and an almond paste on a slice of bread. I opened up my book with Okular.
+
+Right away, you can tell it was not designed to be a EPUB reader. The file open all right, but the way it's display makes it look more like a pdf. Therefore, you can zoom, browse, do a selection an annotate the file, but you have very few options as to how the file is displayed. 
+
+Sadly, I found it very hard to read the chapters I wanted to this morning...
+
+## Day Three
+
+Today, I was hungry enough to make myself a big bowl of cereal with nuts and a banana, topped by oat milk. It was nice, and as it's rainy outside, I had a little walk before I started to write, or read.
+
+I'll be reading my book with Bookworm today. It's a very nice app, which has a Library section with the book covers, information about each book, and a easly accessible preference pane with all the preferences you would want to adjust your reading preferences. All in all, it's an simple, accessible book reader. It's also pretty light, and runs well on 10 year old computers ( like mine ).
+
+Until now, I've read about the basic syntax of C, and started to read about pointers. It seems less complicated than people on the internet make it !
+
+I would recommend Bookworm if you are looking for a nice ebook reader.
+
+
+I can also make an honorable mention to [KOreader](https://github.com/koreader/koreader), even if it's not for the Linux desktop ( you __could__ use it, but meh.. ). It seems to be a nice replacement for whatever other software you have, and it even has a Calibre integration ! Give it a try !
+
+
+---
+
+__Cover art by [Atey Ghailan](https://www.artstation.com/artwork/JKVZR)__
diff --git a/content/Articles/cool-links/April/cover-dither.jpg b/content/Articles/cool-links/April/cover-dither.jpg
new file mode 100644
index 0000000..3f0586c
Binary files /dev/null and b/content/Articles/cool-links/April/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/April/cover.jpg b/content/Articles/cool-links/April/cover.jpg
new file mode 100644
index 0000000..16a17fe
Binary files /dev/null and b/content/Articles/cool-links/April/cover.jpg differ
diff --git a/content/Articles/cool-links/April/index.md b/content/Articles/cool-links/April/index.md
new file mode 100644
index 0000000..1c7ced2
--- /dev/null
+++ b/content/Articles/cool-links/April/index.md
@@ -0,0 +1,76 @@
+---
+draft : false
+categories : ["Blog","English","Français"]
+title : "Cool links of April"
+displayInMenu : false
+dropCap : true
+description : "Ho ho ho, this month the link stack is short. I didn't have much time to read, and most importantly I'm finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... "
+date : "2019-05-03T13:37:42Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+# Cool links of April
+
+Ho ho ho, this month the link stack is short. I didn't have much time to read, and most importantly I'm finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles.
+
+
+## [The Chinese Burner](https://logicmag.io/07-the-chinese-burner/)
+
+Each year, the great festival of Burning Man takes place in the desert, in the so-called USA. Each year, people from all around the worl come to celebrate a lifestyle of freedom, drugs, sex and new or alternative ways of thinking. Also, they burn stuff. And recently, chineses people have started to come to Burning man. For most of them, they work in startups and are rich. This article is a tale of the clash of cultures and how the OG burners and the Chineses newbies lived together. Also, the picture of the chineses tents seem to come straight out of a sci-fi story.
+
+## [Tech is Heroine](https://tiny-giant-books.com/Entry1.html?EntryId:recgcpfuOFUesUpRy)
+
+We're not gonna solve the problems of tech with more tech. And, each tech we add to our lives has consequences that we don't see right away. But already today, we are starting to ask ourselves why some people feel so lonely in front of a portal to the whole world. This article does a comparison between the heroïne crisis and the tech influcence in our life.
+
+## [The healing power of gardens](https://www.nytimes.com/2019/04/18/opinion/sunday/oliver-sacks-gardens.html)
+
+![](garden-healing.jpg)
+
+When you wonder through a garden, you feel the daily stress fade away. Your mind opens to more peaceful thoughts, and for some people it even has a direct consequence on there well-being. This article is written by a doctor who helps neuroatypical people, and they talk about the way gardens heal, some time more than medication, people with neurological problems.
+
+## [The South Bronx](http://www.martinebarrat.com/south-bronx)
+
+A collection of pictures from the Bronx in the 1970?. The contrast between the Bronx and Manhattan is stunning ! Also, the pictures are very nice.
+
+## [“Just Switch to Linux” Is The Loser’s Game](https://boilingsteam.com/the-switching-nonsense/)
+
+A new way to think about how to get people to switch to Linux.
+
+## [Security Flaws in WPA3 Protocol Let Attackers Hack WiFi Password](https://thehackernews.com/2019/04/wpa3-hack-wifi-password.html)
+
+I've never seen WPA3 in the wild, but even before that, it's already borked ! What a nice time to live. I hope the people working in infosec have good hearts. In practice, it won't really have an effect on your router, cause theses attacks are non-trivial and can be patched.
+
+## [The state of mobile messaging](https://framabin.org/p/?2356b67717c54803)
+
+For the moment, it's far from perfect. I just hope Matrix goes somewhere.
+
+Edit : The link is broken, if somebody has the key to decrypt it, send it over to me !
+
+## ['It's not play if you're making money': how Instagram and YouTube disrupted child labor laws ](https://www.theguardian.com/media/2019/apr/24/its-not-play-if-youre-making-money-how-instagram-and-youtube-disrupted-child-labor-laws)
+
+When you're 5 years old, does having an instagram acccount, that makes your parents millions, is work ?
+
+---
+
+# Les Liens cool du mois d'avril
+
+Ce mois-ci, beaucoup d'analyse politique de l'actualité. En même temps, vu le climat politique en France en ce moment, c'est normal on va dire. Quelques liens aussi sur la technologie, et notamment une nouvelle qui est passée presque inapercue, à propos des écrans de pub dans le métro. Y'a pas grand choses, mais les partiels m'appellent.
+
+## [Les ONG néolibérales et la corruption de la société civile](http://partage-le.com/2019/02/les-ong-des-institutions-neoliberales-par-ana-minski/)
+
+Une ONG c'est pas forcément un moyen de lutter contre le capitalisme. Des fois, c'est même le contraire.
+
+## [Les travailleurs d'Amazon écoutent ce que vous dites à Alexa, son assistant vocal intelligent.](https://www.developpez.com/actu/255604/Les-travailleurs-d-Amazon-ecoutent-ce-que-vous-dites-a-Alexa-son-assistant-vocal-intelligent-et-en-parlent-dans-un-forum-de-discussion-interne)
+
+Qui aurait cru que un micro connecté à internet toute la journée serait une bonne idée ?
+
+## [Quand l'économie circulaire ne tourne pas rond](https://korii.slate.fr/biz/consommation-vinted-vetements-recyclage-ecologie-economie-circulaire-fast-fashion)
+
+Vous savez, cette nouvelle économie dite 'circulaire' qui serait censé réduire la consommation tout en permettant d'être plus respectueux de la nature, etc... hé bah c'est pas ouf en vrai. Déjà, Uber, à la base c'était partager sa caisse et arrondir ses fins de mois. Vinted, à la base, c'était vider ses placards. En vrai, c'est plutot permettre aux accro à la consommation de vêtement de revendre leurs achats. Pareil avec Too Good To Go, à la base c'est manger ce que les restaurant ont pas vendu ( même si ça devrait être gratuit ! ), mais maintenant c'est plus une promo éternelle dans les restaurant etc..
+
+## [Et si l'avenir du féminisme était dans la tech](http://www.barbieturix.com/2019/04/02/et-si-lavenir-du-feminisme-etait-dans-la-tech/)
+
+Tech et féminisme, quoi de neuf ?
diff --git a/content/Articles/cool-links/Febuary/cover-dither.jpg b/content/Articles/cool-links/Febuary/cover-dither.jpg
new file mode 100644
index 0000000..8369ffd
Binary files /dev/null and b/content/Articles/cool-links/Febuary/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/Febuary/cover.jpg b/content/Articles/cool-links/Febuary/cover.jpg
new file mode 100644
index 0000000..651b2a7
Binary files /dev/null and b/content/Articles/cool-links/Febuary/cover.jpg differ
diff --git a/content/Articles/cool-links/Febuary/index.md b/content/Articles/cool-links/Febuary/index.md
new file mode 100644
index 0000000..18394d0
--- /dev/null
+++ b/content/Articles/cool-links/Febuary/index.md
@@ -0,0 +1,104 @@
+---
+draft : false
+categories : ["Blog","English","Français"]
+title : "Cool links of Febuary"
+displayInMenu : false
+dropCap : true
+description : "Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month's cool links, I'll share a lot of content around agriculture, plants, and Solarpunk !"
+date : "2019-02-28T08:25:20Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+
+---
+
+
+In this month's cool links, I'll share a lot of content around agriculture, plants, and Solarpunk !
+
+## [How Cuban agriculture went from industrial to sustainable](https://www.youtube.com/watch?v=TZ0tovrhf5Y) and [What Cuban can teach the world about organic farming](https://www.youtube.com/watch?v=8MsnXTMC1-E)
+
+After the fall of the Soviet Union in 1991, Cuban couldn't even have an industrial agriculture. So, after a special periode, out of necessity, most of the food is now grown on a small scale. Havana grows 90% of it's own food.
+
+## [autocrypt](https://autocrypt.org/)
+
+A new standard to make email encryption easiers. Just in time for email's death ?
+
+## [Saudi Arabia runs a huge, sinister online database of women that men use to track them and stop them from running away](https://www.businessinsider.com/absher-saudi-website-men-control-women-stop-escape-2019-1?IR=T)
+
+This shit is so fucked up on so many levels. It's the perfect cyber-dystopian control system. It's been like that for years, and even considering cutural differences that might make it hard for me to understand the more complexe social aspects, as one woman said in the article : it's bullshit.
+
+
+## [Nothing's wrong with Facebook, Apple or Google !](https://ar.al/2019/01/11/i-was-wrong-about-google-and-facebook-theres-nothing-wrong-with-them-so-say-we-all/)
+
+When contradictions arise, you need to take a deep breath, and think for a second who is your ennemy and who is your friend.
+
+## [Facebook can track you from dust on your webcam](https://gizmodo.com/facebook-knows-how-to-track-you-using-the-dust-on-your-1821030620)
+
+Nothing a small bit of tape can't fix. Let's say it's still a bit scary.
+
+## [Find out teapots on the internet with this weird trick !](https://tools.ietf.org/html/rfc2324#section-2.3.2)
+
+418 I'm a teapot. 🍵
+
+## [Downloading adware on a Mac because of images](https://blog.confiant.com/confiant-malwarebytes-uncover-steganography-based-ad-payload-that-drops-shlayer-trojan-on-mac-cd31e885c202?gi=d45d6616ed0)
+
+When even simple images aren't safe...
+
+## [Men too](https://medium.com/@sfard/me-n-too-b371a573d9ff)
+
+"The me-too movement is an all-too-necessary crusade to expose the hidden prevalence of sexual assault and the men, particularly those in positions of authority, who abuse and intimidate non-consenting women.
+
+Unfortunately public discourse has not advanced far beyond revelations of celebrity offenders and surface-level slogans as opposed to a constructive conversation about root causes, the complexities of consent, and a culture that seems to condone male sexual violence. The occasional public shaming might be cathartic but it is only a first step towards a solution. And in an environment with zero tolerance for dissent, men feel alienated from the conversation and so destructive male attitudes retreat to silence instead of being challenged."
+
+## [Lina Iris Viktor](https://www.linaviktor.com/painting/)
+
+Black, gold and art come together. Mostly paintings, with a slight Solarpunk vibe.
+
+## [How Radix trees made blocking IPs 5000 times faster](https://blog.sqreen.io/demystifying-radix-trees/)
+
+"To most people, what you learn during a CS degree doesn’t help much in your day to day job. That being said, you sometimes run in a problem which could have been an example used by a CS professor when introducing some core notions. This is one such instance, in regard to data structures."
+
+
+## [Medic: A Rust CLI that checks the passwords of a KeePass database](https://sts10.github.io/2019/02/01/medic.html)
+
+"A Rust CLI that provides a variety of ways to check the "health" of a given KeePass database, including checking passwords against the Have I Been Pwned password list."
+
+## A flower growing in outer-space.
+
+![A picture of a flower abord the International Space Station](space-flower.jpg)
+
+## [How Atlanta Is Turning Ex-Cons Into Urban Farmers](https://www.politico.com/magazine/story/2018/12/06/food-policy-incarceration-young-people-atlanta-222758)
+
+“I was so used to seeing death that I didn’t know how it’d feel to see something grow,” Trent said. “To see plants grow full of life, from something I control, it’s probably the best feeling in the world.”
+
+
+## [ServerHaunt](https://www.serverhunter.com/?search=23A-5DB-01A)
+
+Cheap 0.30€ servers and more... Note : I am not sponsored in any way.
+
+## [Being a Facebook moderator fucks you up.](https://www.theverge.com/2019/2/25/18229714/cognizant-facebook-content-moderator-interviews-trauma-working-conditions-arizona)
+
+Warning : this article talks a lot about mental trauma, death, traumatic behiavor, and more horrible things you might experience while browsing the internet.
+
+## [Why you should really let nature do it's thing in your backyard](http://www.elegantcoding.com/2018/03/reimagining-suburban-yard-to-reverse.html?m=1)
+
+"I wanted to share some things that I learned from growing native plants in my yard. This will be about what I learned about nature and some discoveries about how we might rethink the idea of the suburban yard from an alternate land management perspective."
+
+### Liens en Français
+
+## [Ric and Roll](https://www.youtube.com/watch?v=0DXwWRORrGc)
+
+C'est quoi le RIC ? Est-ce qu'un référundum va forcément être utilisé pour manipuler les masses ? Une petite vidéo d'Usul.
+
+## [Pas de Google Home merci](https://framablog.org/2019/01/18/allergie-au-google-home/)
+
+Est-ce que tu rentrerait chez quelqu'un qui as un assistant vocal ? Une petite BD sur la question et ses implications.
+
+## [Lutte de classes en France en 2019](https://www.monde-diplomatique.fr/2019/02/HALIMI/59568)
+
+"[···] la journaliste d’un quotidien proche du patronat, L’Opinion, révèle sur un plateau de télévision à quel point la bourrasque a soufflé fort : « Tous les grands groupes vont distribuer des primes, parce qu’ils ont vraiment eu peur à un moment d’avoir leurs têtes sur des piques. Ah oui, les grandes entreprises, quand il y avait le samedi terrible, là, avec toutes les dégradations, ils avaient appelé le patron du Medef [Mouvement des entreprises de France], Geoffroy Roux de Bézieux, en lui disant : “Tu lâches tout ! Tu lâches tout, parce que sinon…” Ils se sentaient menacés, physiquement. »"
+
+## [La migration des grues cendrées au jour le jour.](https://champagne-ardenne.lpo.fr/grue-cendree/migration-et-hivernage/la-migration-des-grues-cendrees-au-jour-le-jour#prettyPhoto/24/)
+
+Le saviez-vous ? Les grues cendrées migrent en automne et au printemps, et traversent de fait la France en ce moment. La LPO observe ces déplacements et les cartographies, pour que vous sachiez quand lever le nez et être alerte pour les protéger si elles passent dans nos régions.
diff --git a/content/Articles/cool-links/January/cover-dither.jpg b/content/Articles/cool-links/January/cover-dither.jpg
new file mode 100644
index 0000000..0775032
Binary files /dev/null and b/content/Articles/cool-links/January/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/January/cover.jpg b/content/Articles/cool-links/January/cover.jpg
new file mode 100644
index 0000000..256c5c7
Binary files /dev/null and b/content/Articles/cool-links/January/cover.jpg differ
diff --git a/content/Articles/cool-links/January/index.md b/content/Articles/cool-links/January/index.md
new file mode 100644
index 0000000..58b3534
--- /dev/null
+++ b/content/Articles/cool-links/January/index.md
@@ -0,0 +1,56 @@
+---
+draft : false
+categories : ["Blog","English","Français"]
+title : "Cool links of January"
+displayInMenu : false
+dropCap : true
+description : "Finding and sharing links is what made the success of the internet. But recently, I've been finding it harder to find such links. I'll try to make a post like this one at the end of each month with the cool links I found on the internet."
+date : "2019-01-28T08:25:20Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+
+# Cool links of January
+
+Finding and sharing links is what made the success of the internet. But recently, I've been finding it harder to find such links, and as I am not on most social media, sharing it is even harder. When you spend your time scrolling a timeline or another, you won't see most of what your friends are sharing. I'll try to make a post like this one at the end of each month with the cool links I found on the internet. They might be article, projects I want to share and more. I you have any cool links to share, feel free to send them over to me [via email or Mastodon](https://n07070.xyz/post/about-me/)
+
+## [Prismo](https://prismo.news/)
+
+Prismo is a __soon__ federated link-sharing plateform. It works very much like HackerNews or JournalDuHacker, but can exchange links with otherplateform. Think a federated reddit, maybe ?
+
+## [Post-Work : a world without jobs](https://www.theguardian.com/news/2018/jan/19/post-work-the-radical-idea-of-a-world-without-jobs)
+
+The Guardian, 2018-01-19
+
+Work is everywhere, but it's not supposed to be like that. They are other ways to see our lives in this world, even if it means changing a few things in our society. A lot of questions are raised : does post work mean less money ? Less luxury ? Or more ? Do we even know how to live without work ? The article is quite long, but goes in depth with a lot of references.
+
+## [How period tracking apps are monetizing women's private health data ](https://www.bloomberg.com/news/articles/2019-01-24/how-period-tracking-apps-are-monetizing-women-s-extremely-personal-data)
+
+Bloomberg, 2019-01-24
+
+More and more women are using apps to track there health data, and menstruation. But theses apps are also using this data to present ads, or sell products. What consequences does it have ? How do women think of it ?
+
+## [Greenskin](http://bjoernkarmann.dk/greenskin)
+
+"Assuming that one car has a surface area of about 5 square meter there are circa 35 square kilometre of sheet metal driving around. That's enough to cover the entire inner city of Stuttgart or half of Hollywood or 3.500 football fields in metal. Imagine this area would be covered by green space!"
+
+## [Knitting one row a day to record the temperatures](https://mastodon.social/@franciecashman/101358890439111089)
+
+"So I cast off my 2018 temperature blanket on Jan 1st and I am so pleased with how it turned out. I knit one garter stitch row every day for 365 days based on the daily high temp for my city. It was a very rewarding project."
+
+## [De l'usage d’internet des familles modestes](http://www.internetactu.net/2018/09/21/linternet-des-familles-modestes-les-usages-sont-ils-les-memes-du-haut-au-bas-de-lechelle-sociale/)
+
+Internetactu, 2018-09-21
+
+Comment les familles modestes utilisent-elles internet ? Comment sont-elles équipées ? Quel culture ont-elle vis-à-vis de cet outil ? Une analyse sociologique qui apporte un petit éclairage sur la façon dont l'usage d'internet change en fonction de la classe sociale.
+
+## [Toying with barcodes](https://hooktube.com/watch?v=qT_gwl1drhc)
+
+Do you know how barcodes, thoses that we see everyday, work ? Did you know that you could hop on a plane thanks to a inkjet printer and a bit of time ? This video of DEFCON16 is a great introduction to security and how fucked up it is in our world.
+
+## [How Late Capitalism manufactured K-Pop (and destroyed the idols) ](https://www.youtube.com/watch?v=J8LxORztUWY)
+
+The K-pop culture started in the 90s, with TV, well after western Pop. It was also born in the korean context, where liberalism and opposition to communism lead by a dictatorship shaped it's futur. But, soon after, it transformed into much more than just a music genre. It's now a manufactured culture for a whole country.
diff --git a/content/Articles/cool-links/July/cover-dither.jpg b/content/Articles/cool-links/July/cover-dither.jpg
new file mode 100644
index 0000000..79127f8
Binary files /dev/null and b/content/Articles/cool-links/July/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/July/cover.jpg b/content/Articles/cool-links/July/cover.jpg
new file mode 100644
index 0000000..579a752
Binary files /dev/null and b/content/Articles/cool-links/July/cover.jpg differ
diff --git a/content/Articles/cool-links/July/index.md b/content/Articles/cool-links/July/index.md
new file mode 100644
index 0000000..57e8be0
--- /dev/null
+++ b/content/Articles/cool-links/July/index.md
@@ -0,0 +1,35 @@
+---
+draft : false
+categories : ["Blog","English","Français"]
+title : "Cool links of July"
+displayInMenu : false
+dropCap : true
+description : "Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I've been getting into writing more, so expect a lot more articles on diverses things soon !"
+date : "2020-07-30T13:37:42Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+# Cool links of July
+
+## [Become a Van Dweller, for Amazon.](https://www.theverge.com/2019/7/10/20687434/amazon-sellers-nomad-merchants-products-malls-walmart)
+
+I've wanted to go live on the road for quite some time now, but I'm reading more and more articles about people living on the road not by choice, but by obligation. More and more people in the US live in vans, by it in California where living is too costly, or across the country. Some of theses people found a very odd job : buy stuff in superstores, and selling it for a profit on Amazon. Live in your van, and Bezos might reward you if you find the right __stuff__.
+
+## [Nazi Punks fuck off - from the fediverse !](https://www.theverge.com/2019/7/12/20691957/mastodon-decentralized-social-network-gab-migration-fediverse-app-blocking)
+
+Decentralized networks are resistant to censorship, but that also means that when nazis come along, they are also immune... Or are they ? If the community resists them, they might not be censord, just isolated. Is that enough ?
+
+## [Why would you implement a browser in the browser to browse what you could browse with a browser ?](https://carter.sande.duodecima.technology/javascript-page-navigation/)
+
+A love story between Javascript developpers who need to prove something and slowness, all of it taking place in your very own browser.
+
+---
+
+# Les Liens cool du mois de Juillet
+
+## [La fraude fiscale révolutionnaire](https://reporterre.net/Ni-capitalisme-ni-Etat-la-Cooperative-integrale-s-epanouit-a-Barcelone)
+
+En catalogne, ne payer d'impôt, c'est pas seulement un truc des grosses entreprises capitalistes. C'est aussi ce qui permet, entre autres, à la coopérative intégrale de préparer, selon elle, la révolution.
diff --git a/content/Articles/cool-links/June/cover-dither.jpg b/content/Articles/cool-links/June/cover-dither.jpg
new file mode 100644
index 0000000..1eb69bd
Binary files /dev/null and b/content/Articles/cool-links/June/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/June/cover.jpg b/content/Articles/cool-links/June/cover.jpg
new file mode 100644
index 0000000..c2ec2ef
Binary files /dev/null and b/content/Articles/cool-links/June/cover.jpg differ
diff --git a/content/Articles/cool-links/June/index.md b/content/Articles/cool-links/June/index.md
new file mode 100644
index 0000000..1b176ee
--- /dev/null
+++ b/content/Articles/cool-links/June/index.md
@@ -0,0 +1,44 @@
+---
+draft : false
+categories : ["Blog","English","Français"]
+title : "Cool links of June"
+displayInMenu : false
+dropCap : true
+description : "June is once a year, but there is a lot in reserve for next month. It's easier to read I guess ? We'll be talking knots, android and web accessibility."
+date : "2019-06-30T13:37:42Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+# Cool links of June
+
+
+## [The limitation of Android's encryption.](https://blog.cryptographyengineering.com/2016/11/24/android-n-encryption/)
+
+Android devices have a filesystem encryption, which means that it's possible for you to access parts of the filesystem. It also relies on the devs getting the encryption right, as the apps have to do there own cryptographic configuration. What could go wrong ?
+
+## [Building the most inaccessible site possible with a perfect Lighthouse score](https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/)
+
+Google provides a tool to test how accessible websites are. But it's far from perfect, and with a few tricks, you can get a perfect score while making the website totally unusable.
+
+## [Animated knots](https://www.animatedknots.com/complete-knot-list)
+
+A list of knots, and animated insctructions on how to do them.
+
+---
+
+# Les Liens cool du mois de Juin
+
+## [Qui aurait cru que confier la configuration et l'entretien de tes serveurs à une puissance étrangère ferait qu'elle t'espionne ? ](https://www.lemonde.fr/afrique/article/2018/01/26/a-addis-abeba-le-siege-de-l-union-africaine-espionne-par-les-chinois_5247521_3212.html)
+
+C'est ce qu'a découvert l'Union Africaine. En analysant les logs de ses serveurs, des ingénieurs africains ont découvert que l'intégralité des données étaient téléversé vers un serveur à Shangaï. Et un gros merci à la Chine d'avoir construit le siège de l'UA. Ils ont aussi découvert que le bâtiment était truffé de micros... [Source](https://mobile.twitter.com/msuiche/status/957153050845687808)
+
+## [Land and Freedom](https://www.arte.tv/fr/videos/087366-000-A/land-and-freedom/)
+
+"La guerre d’Espagne vue à travers l’histoire d’un militant antifranquiste que sa petite-fille enterre à Liverpool. Ken Loach s’empare avec brio d’une révolution sans frontières, peu contée au cinéma, entre espoirs et désillusions."
+
+---
+
+"Link" by Dunechaser is licensed with CC BY-NC-SA 2.0. To view a copy of this license, visit https://creativecommons.org/licenses/by-nc-sa/2.0/
diff --git a/content/Articles/cool-links/March/cover-dither.jpg b/content/Articles/cool-links/March/cover-dither.jpg
new file mode 100644
index 0000000..0775032
Binary files /dev/null and b/content/Articles/cool-links/March/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/March/cover.jpg b/content/Articles/cool-links/March/cover.jpg
new file mode 100644
index 0000000..256c5c7
Binary files /dev/null and b/content/Articles/cool-links/March/cover.jpg differ
diff --git a/content/Articles/cool-links/March/index.md b/content/Articles/cool-links/March/index.md
new file mode 100644
index 0000000..507634b
--- /dev/null
+++ b/content/Articles/cool-links/March/index.md
@@ -0,0 +1,144 @@
+---
+draft : false
+categories : ["Blog","English","Français"]
+title : "Cool links of March"
+displayInMenu : false
+dropCap : true
+description : "This month, there is, as always, a fair shaire of links about tech. I've shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn't mean I agree a 100% with what's written there. Have a good read !"
+date : "2019-04-02T13:37:42Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+# Cool links of march
+
+This month had it's share of problems : my two computers broke down a few days apart, and because I forgot to backup my writings, I've lost most of the links I saved for the past days. Thankfully, I have a lot more in reserve, so this month will be light, and more links will be published next month. There is, as always, a fair shaire of links about tech. I've shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn't mean I agree a 100% with what's written there. Have a good read !
+
+
+## [https://github.com/shazow/ssh-chat](SSH-chat)
+
+Ever wanted to have a tchat server that you can connect to with SSH ? Well now you can.
+
+## [Python 3 CheatSheet](https://perso.limsi.fr/pointal/python:memento)
+
+Everything you need to know when coding in Python 3.
+
+## [Free books on Linux](https://www.linuxjournal.com/books)
+
+Books about anything and everything you need to know about Linux ! From SSH to Machine Learning, you'll have access to a load of knowledge.
+
+## [The Pacman Rosetta](https://wiki.archlinux.org/index.php/Pacman_Rosetta)
+
+As I said in introduction, my computers broke down. On my laptop, I had been using Ubuntu for the past 4 years, with virtually no problems, until my SSD failed.. I installed a new SSD, and decided it was time to move to something new, and installed Manjaro Linux. One of the things I was worried about was learning the Pacman package manager. I had read about people breaking theire system with updates. Thankfully, the archlinux wiki is a gold mine, and has a page where all the usual apt commands and translated to pacman commands ! Nice !
+
+
+## [Entrering the static web](https://staticadventures.netlib.re/blog/entering-the-static-web/)
+
+Why does Wordpress have a security flaw every other month ? Why do we use so much energy to power the internet ? Is there another way ?
+
+Well, yes ! And this website is part of it : it's a static website. Changes only happen when a new post is published. Otherwise, it's just a bunch of HTML files hosted by a very small computer.
+
+The linked article explores briefly the history of publishing on the internet and gives a overlook of how things are changing to old, proved and efficient tech.
+
+## [ts : don't loose track of time or KISS](https://linuxcommando.blogspot.com/2019/03/ts-epitome-of-unix-philosophy.html?)
+
+A nice little command to append the time to a command in your Linux terminal. It's very KISS ( Keep It Simple Stupid ).
+
+
+## [RaspberryPi Motor Library in Python](https://github.com/gavinlyonsrepo/RpiMotorLib)
+
+A python library to control the most popular motors and servors with your raspberry pi.
+
+## [Making a Homebrew video game console](https://internalregister.github.io/2019/03/14/Homebrew-Console.html)
+
+When you're nostalgic of the old video games you played as a kid, sometimes the only solution is to build one yourself. That's what Sérgio Vieira did, build the sound system, the logic, the motherboard and even writing a full game for the console ! The article is rich in details, with links to help you make your own !
+
+Warning : spaghetty wires, jumper cable hell !
+
+## [Building the Digitally Gated Community: The Case of Nextdoor](https://ojs.library.queensu.ca/index.php/surveillance-and-society/article/view/12927)
+
+"The neighborhood is a historic and contemporary site of the assertion of white racial and economic domination, particularly over Black people. Although there is strong evidence that whites continue to prefer racially segregated neighborhoods, fifty years of fair housing jurisprudence has made it more difficult to openly bar non-white residents. Among the many strategies used to protect white domination of residential space is the coordinated surveillance and policing of non-white people. In this paper, I show how Nextdoor, a neighborhood-based social network, has become an important platform for the surveillance and policing of race in residential space, enabling the creation of what I call digitally gated communities."
+
+## [Inmates in Finland are training AI as part of prison labor](https://www.theverge.com/2019/3/28/18285572/prison-labor-finland-artificial-intelligence-data-tagging-vainu)
+
+AI doesn't mean anything without the work of people who train it. And most of the time, that work is boring, badly paid and done by people who live in very though conditions. Talk about a revolution...
+
+
+## [The thinkpad X210 is the best computer you can get](https://geoff.greer.fm/2019/03/04/thinkpad-x210/)
+
+Done by a small group of enthousiasts, the Thinkpad X210 is modular, powerfull and durable. "Linux worked out of the box.", "Battery life has increased significantly. I now get 6 hours with the flush battery and 10 hours with the extended battery.", "The fan only turns on if I’m doing something intensive like compiling go or scrolling in Slack.".
+
+## [Pay for your emails](https://jlelse.blog/thoughts/2019/email-providers/)
+
+If it's free, you're the product : it's true for emails too. But, even by paying for your emails, you have little control over what happens to them. One solution to that is self-hosting, I'll write about that one day.
+
+## [Make Linux Fast Again](https://make-linux-fast-again.com/)
+
+"Just expose yourself to very serious security risks."
+
+## [LibreFox](https://github.com/intika/Librefox)
+
+Make firefox respect your privacy. Lately, Mozilla has been integrating more and more services in the browser, even tho it might not be what you're looking for in a browser. Keeping it simple is becoming hard, but this project's aim is to make it easy.
+
+## Every network tool in Linux
+
+![](https://wizardzines.com/images/networking-tools-poster.png)
+
+## [Start your own civilisation with this cool CD](https://wiki.opensourceecology.org/wiki/Civilization_Starter_Kit_DVD_v0.01)
+
+Open-source tools, machines and technics to kick-start your civilisation.
+
+## [Ernest Illm's Instagram](https://www.instagram.com/ernestillm/)
+
+A nice graph artist's instagram page.
+
+---
+
+# Les Liens cool du mois de mars
+
+Ce mois-ci, beaucoup d'analyse politique de l'actualité. En même temps, vu le climat politique en France en ce moment, c'est normal on va dire. Quelques liens aussi sur la technologie, et notamment une nouvelle qui est passée presque inapercue, à propos des écrans de pub dans le métro.
+
+## [No G0°gle France](https://no-google.frama.wiki/actions:france)
+
+Un wiki qui recense tout pleins d'actions, de documentations et de liens du groupe No G0°gle France.
+
+## [AirBnB dans votre quartier : ça donne quoi ?](https://parisvsbnb.fr/scraper/)
+
+Un petit outil qui permet d'avoir une idée précise de la présence d'AirBnB dans votre ville, grâce à la récolte des données sur leur site web de façon automatisée. Vous pouvez ensuite les trier, les classer, etc...
+
+## [Le traité de Lisbonne autorise à tuer des « émeutiers »](https://mobile.agoravox.fr/actualites/europe/article/le-traite-de-lisbonne-autorise-a-62526)
+
+On se doute que les états font rarement des excuses quand il s'agit de tuer des citoyens révoltés, mais le fait que ça soit inscrit dans la loi, qui leur donne un semblant de légitimité, est troublant.
+
+## [Transition écologique et numérique main dans la main](https://information.tv5monde.com/info/peut-faire-converger-la-transition-energetique-et-la-transition-numerique-291612)
+
+Un institue à publié ce rapport qui traite du lien entre la transition écologique et la transition numérique au sein de la société. Mention spécial aux CHATONS, à la [FDN](https://fnd.net) et aux solutions [low-tech](https://solar.lowtechmagazine.com/)
+
+
+## [La voiture autonome ne viendra pas toute seule](https://www.lesechos.fr/industrie-services/automobile/premiers-coups-de-frein-sur-la-voiture-autonome-1003606#xtor=CS1-26)
+
+« Compte tenu du coût additionnel de la technologie, le coût de la voiture devient tel que celui qui peut se la payer n'est de toutes les façons pas derrière le volant, mais plutôt sur la banquette arrière… »
+
+## [Guide de protection numérique](https://nothing2hide.org/fr/2019/04/02/notre-guide-de-protection-numerique/)
+
+## [Les écrans de pub traquent vos smartphone.](https://www.frandroid.com/culture-tech/577876_dans-le-metro-ces-ecrans-de-publicites-traquent-vos-smartphones)
+
+Dans le métro, à Paris, tout vos trajets sont maintenant traqué par les écrans de pub. N'oubliez pas de désactiver le wifi et le bluetooth avant de prendre le métro. Vous pouvez vous enlever des listes avec un marteau et un peu d'essence, ou en (suivant ce lien)[https://retency.com/stats/manual_optout.html]
+
+## [L’exécutif au défi d’un mouvement social disparate et « perlé »](https://www.la-croix.com/France/Lexecutif-defi-dun-mouvement-social-disparate-perle-2019-03-17-1201009429)
+
+Après un samedi de manifestations et de violences, des syndicats appellent à de nouvelles mobilisations pour le pouvoir d’achat, mardi 19 mars. Emmanuel Macron, qui avait repris pied grâce au grand débat, semble à nouveau subir les événements.
+
+## [Permaculture et logiciels libres](https://framablog.org/2019/02/27/permaculture-et-logiciels-libres/)
+
+"Vous ne voyez pas le rapport ? Eh bien eux, si. La petite association allemande qui anime le projet Permaculture Commons a de modestes ambitions :  changer le monde."
+
+## [Le web indé en deuil](https://nota-bene.org/Le-Web-inde-en-deuil)
+
+Pierre Lazuly est mort. C’est comme ça, que veux-tu. Cela dit, ce qu'il a fait, c'est beau. Ce qu'il pensait aussi.
+
+
+---
+
+ "Beijing 2" by Jonathan Kos-Read is licensed with CC BY-ND 2.0. To view a copy of this license, visit https://creativecommons.org/licenses/by-nd/2.0/ 
diff --git a/content/Articles/cool-links/May/cover-dither.jpg b/content/Articles/cool-links/May/cover-dither.jpg
new file mode 100644
index 0000000..1fa2fec
Binary files /dev/null and b/content/Articles/cool-links/May/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/May/cover.jpg b/content/Articles/cool-links/May/cover.jpg
new file mode 100644
index 0000000..1fa2fec
Binary files /dev/null and b/content/Articles/cool-links/May/cover.jpg differ
diff --git a/content/Articles/cool-links/May/index.md b/content/Articles/cool-links/May/index.md
new file mode 100644
index 0000000..8772999
--- /dev/null
+++ b/content/Articles/cool-links/May/index.md
@@ -0,0 +1,107 @@
+---
+draft : false
+categories : ["Blog","English","Français"]
+title : "Cool links of May"
+displayInMenu : false
+dropCap : true
+description : "Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d'humeurs d'autres blogs."
+date : "2019-06-03T13:37:42Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+# Cool links of May
+
+## [Degrowth is utopian, and that’s a good thing](http://unevenearth.org/2019/04/degrowth-is-utopian-and-thats-a-good-thing/)
+
+Some people might argue that degrowth, in the economic sens, is utopian. That word is being used as a synomim to "impossible". But, if you look at a definition of the word utopian, it might also mean "what has not been done, yet.". And that's a good thing : it means that we don't know if it will fail or succed. But what we know for sure, is that growth is failling us. So, it's utopian, and it's a good thing.
+
+## [One in four drivers in the US is being tracked while driving](https://www.bloomberg.com/news/articles/2019-04-29/insurers-know-exactly-how-often-american-drivers-touch-their-phones)
+
+"The reason for all this data is that at least one in five U.S. auto insurance policies now offers a potential discount if the customer consents to a vehicle monitor. "
+
+## [Pubcast or the new RSS](https://pubcast.pub/)
+
+Pubcast is an open-source, experimental replacement for RSS built on ActivityPub. The nice thing about it, it's that it's federated ! Which means you can boost some podcast you liked and share it with your friends. Also, it's a two-way protocol, so feel free to like it !
+
+Now, it's still very early and I don't see the difference between pubcast and a standar Pleroma or Mastodon account but I guess it's underway and we'll see soon enough.
+
+## [ForgeFed](https://notabug.org/peers/forgefed)
+
+A work in progress project that aims to federate forges, aka git repos. It would be greate to be able to have an account on one git repo and star, comment, open issues on any other forge that's part of the federation. The end of github's dominance maybe ?
+
+## [A Manifesto for Opting Out of an Internet-Dominated World](https://www.nytimes.com/2019/04/30/books/review/jenny-odell-how-to-do-nothing.html)
+
+Presents a book that reflects on the way Internet has now become omincious, and how we can get out of the internet.
+
+## [Facial recognition is wrong 96% of the time. But that won't stop it from being used...](https://www.independent.co.uk/news/uk/home-news/facial-recognition-london-inaccurate-met-police-trials-a8898946.html)
+
+Even if it's very wrong, video facial recognition is still being used. When the algorithms are secret, but the results grant authority to institutions, you end up being locked up even if you're innoncent, because a camera thought you where somewhere you where not.
+
+## [Foursquare never forgets](https://www.wired.com/story/you-may-have-forgotten-foursquare-it-didnt-forget-you/)
+
+The most intesresting part of this article is the game they talk about at in the first part of the article. It makes you realise the extent of the data they collected, and the power they have thanks to it.
+
+## [Survival and camping links ](https://www.are.na/ultimape/camplife-camping-basic-survival-bug-out-backpacking-and-bushcraft)
+
+A collection of links and web pages around camping, and survivalism.
+
+## [Borneo sounds](http://acoustics.safeproject.net/06:00/10/12684)
+
+The sounds of the forest of borneo. A good way to travel a bit, and to check on the last wild animals of the island.
+
+## [Make your own radio station with a Raspberry Pi](https://github.com/ChristopheJacquet/PiFmRds)
+
+If you ever wanted to make your own radio station, it's now easier than ever ! You just need a Raspberry Pi and this repo. You can even display the name of the music currently playing on the radio players, like the big stations.
+
+## [Taming the PiFM transmitter i.e making it actually usable.](http://naich.net/wordpress/index.php/taming-the-pifm-transmitter-part-2/)
+
+The link above wouldn't be complet without a good explanation of __how__ to make the antenna and make sure the radio waves are well transmitted.
+
+## [Peermaps](https://peermaps.org/)
+
+A project that aims to decentralise mapping. It's still very early in developpement, so it's time to give a hand !
+
+
+## [Katzenpost](https://katzenpost.mixnetworks.org/)
+
+“An especially problematic excision of the political is the marginalization within the cryptographic community of the secure-messaging problem, an instance of which was the problem addressed by David Chaum. Secure-messaging is the most fundamental privacy problem in cryptography: *how can parties communicate in such a way that nobody knows who said what.* More than a decade after the problem was introduced, Rackoff and Simon would comment on the near-absence of attention being paid to the it.” (Phillip Rogaway, The Moral Character of Cryptographic Work)
+
+## [We need to save the spirit of FOSS](https://www.linuxjournal.com/content/we-need-save-what-made-linux-and-foss-possible)
+
+"If we take freedom and openness for granted, we'll lose both. That's already happening, and we need to fight back. The question is how."
+
+---
+
+# Les Liens cool du mois de Mai
+
+## [Et si on fermait tous les data centers ?](http://maisouvaleweb.fr/on-fermait-data-centers/)
+
+Bah le monde se porterait mieux. Mais surtout, comment ferait-on ?
+
+## [Facebook m'a rendu injoignable](https://ploum.net/facebook-ma-rendu-injoignable/)
+
+Le mythe premier de facebook, c'est que tout le monde est dessus, et le deuxième mythe c'est que tout le monde est joignable sur facebook. Or, quand on confit ses moyens de communications à une entreprise privée qui ne répond devant rien ni personne, on peut se retrouver avec quelques soucis, dont on se rend compte des années après...
+
+## [Coup de gueule sur le régime français](http://igorbabou.fr/la-france-sombre-dans-la-dictature/)
+
+Dans quelques années, on se rendra compte à quel point le régime français est autoritaire et coule doucement vers un régime dictatorial avec une couche de peinture démocratique.
+
+## [Comment le capitalisme avale notre vie privée](https://www.courrierinternational.com/article/surveillance-comment-le-capitalisme-avale-notre-vie-privee)
+
+Tout ce que l'on produit peut et va être commodifié par le capitalisme. Le soucis, c'est que notre vie doit pouvoir rester privé pour que l'on ne soit pas forcé ou influencé dans nos décisions sans notre consentement. Mais quand l'économie glisse progressivement vers une surveillance tout azimut, comment est-ce encore possible ? Et quels sont les implications politiques d'une telle évolution ?
+
+## [Microsoft </3 Linux](https://sebsauvage.net/links/?kyBUrQ)
+
+Microsoft aime Linux, askip. Mais en réalité, c'est surtout un bon moyen de co-opter les logiciels libre pour s'en assurer le contrôle.
+
+## [Les trottoirs mouvant de Paris](https://parisianfields.com/2012/02/05/astounding-moving-electrical-sidewalk/)
+
+Avant les trotinettes électriques, les trottoirs de Paris bougaient tout seul. Oui, vous avez bien lut, des trottoires qui se déplacent.
+
+
+---
+
+"Skrivare" by Häll, Peter / Tekniska museet is licensed with CC BY 4.0. To view a copy of this license, visit https://creativecommons.org/licenses/by/4.0/
diff --git a/content/Articles/cool-links/September/cover-dither.jpg b/content/Articles/cool-links/September/cover-dither.jpg
new file mode 100644
index 0000000..c5bc055
Binary files /dev/null and b/content/Articles/cool-links/September/cover-dither.jpg differ
diff --git a/content/Articles/cool-links/September/cover_.jpg b/content/Articles/cool-links/September/cover_.jpg
new file mode 100644
index 0000000..3f0f358
Binary files /dev/null and b/content/Articles/cool-links/September/cover_.jpg differ
diff --git a/content/Articles/cool-links/September/index.md b/content/Articles/cool-links/September/index.md
new file mode 100644
index 0000000..e39c2d3
--- /dev/null
+++ b/content/Articles/cool-links/September/index.md
@@ -0,0 +1,25 @@
+---
+draft : false
+categories : ["Blog","Français"]
+title : "Les liens nouveaux du mois de septembre."
+displayInMenu : false
+dropCap : true
+description : "Ce mois-ci, c'est la rentrée. Et avec la rentrée, quelques changements sont à l'ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c'est le journal que j'aimerai écrire. J'écris pour mes amis, pour mon futur moi, et le bot moyen... "
+date : "2020-09-01T13:37:42Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+Ce mois-ci, c'est la rentrée. Et avec la rentrée, quelques changements sont à l'ordre du jour... Déjà, ce blog sera plus personnel, disons que c'est le journal que j'aimerai écrire. J'écris pour mes amis, pour mon futur moi, et le bot moyen.
+
+Déjà, je me suis bien rendu compte que ça servait pas à grand chose de tenir un blog et d'essayer de faire de ce blog un réseau social. Si je veux participer à la construction d'un internet un peu plus chouette, c'est pas solo que je vais faire une grande différence, même si j'ai toujours dans l'idée de le connecter à DAT, de le faire tourner sur un ensemble de panneaux solaires, et de lui donner une adresse en .onion.
+
+Ensuite, je pense que je vais arrêter de vouloir poster régulièrement. Si tu veux suivre ce qu'il se passe dans ce coin de l'internet, mais que t'a pas envie de revenir souvent, et qu'en plus y'a rien, je te conseille de t'intéresser à [RSS](http://www.whatisrss.com/) ! Encore une chose à régler : mettre tout le contenu de chacun des articles dans le flux RSS.
+
+Tout ça pour dire que c'est loin d'être mort. Je vais quand même finir l'année des Cool-links, mais vu que j'ai un entourage plus francophone, je vais essayer de mettre en avant les contenus francophones. On y va :
+
+## [Calendrier des légumes locaux de saisons](https://www.greenpeace.fr/guetteur/calendrier/#septembre)
+
+Les gens de chez Greenpeace ont fait un tableau sympa qui peut aider à savoir quoi acheter, et quand. À joindre à ce calendrier est celui des semis et de quoi faire pousser quand. D'ailleurs, conseil : les appartements c'est des serres formidables si on a un peu de place et de lumière.
diff --git a/content/Articles/hello-world/cover-dither.jpg b/content/Articles/hello-world/cover-dither.jpg
new file mode 100644
index 0000000..5151b52
Binary files /dev/null and b/content/Articles/hello-world/cover-dither.jpg differ
diff --git a/content/Articles/hello-world/cover-dither.jpg.copy b/content/Articles/hello-world/cover-dither.jpg.copy
new file mode 100644
index 0000000..5151b52
Binary files /dev/null and b/content/Articles/hello-world/cover-dither.jpg.copy differ
diff --git a/content/Articles/hello-world/cover.jpg b/content/Articles/hello-world/cover.jpg
new file mode 100644
index 0000000..3eb6d89
Binary files /dev/null and b/content/Articles/hello-world/cover.jpg differ
diff --git a/content/Articles/hello-world/cover.jpg.copy b/content/Articles/hello-world/cover.jpg.copy
new file mode 100644
index 0000000..429789a
Binary files /dev/null and b/content/Articles/hello-world/cover.jpg.copy differ
diff --git a/content/Articles/hello-world/index.md b/content/Articles/hello-world/index.md
new file mode 100644
index 0000000..1c5b594
--- /dev/null
+++ b/content/Articles/hello-world/index.md
@@ -0,0 +1,21 @@
+---
+categories : ["English"]
+title : "Hello World"
+displayInMenu : false
+dropCap : false
+description : "I guess this is an obligatory first post ?"
+date : "2019-01-02"
+draft : false
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+Hello, world !
+
+This blog, dubbed the octet press, is gonna be my personnal space in the web to post my toughts and share what I found on the web.
+
+I might write in French or English.
+
+This page is going to be updated in the futur, so keep an eye on it.
diff --git a/content/Articles/how-does-this-blog-run/index.md b/content/Articles/how-does-this-blog-run/index.md
new file mode 100644
index 0000000..9336a1d
--- /dev/null
+++ b/content/Articles/how-does-this-blog-run/index.md
@@ -0,0 +1,12 @@
++++
+draft = true
+categories = ["DIY","Français"]
+title = "How does this blog run ?"
+displayInMenu = false
+dropCap = true
+featuredImage = "img/server-diy.jpg"
+description = ""
+date = "2019-03-11T20:00:00Z"
+displayInList = true
+
++++
diff --git a/content/Articles/mesh-network-new-internet/index.md b/content/Articles/mesh-network-new-internet/index.md
new file mode 100644
index 0000000..09f975e
--- /dev/null
+++ b/content/Articles/mesh-network-new-internet/index.md
@@ -0,0 +1,16 @@
++++
+draft = true
+categories = ["Blog","English"]
+title = "Mesh Networks : a new hope for the internet ?"
+displayInMenu = false
+dropCap = true
+featuredImage = ""
+description = ""
+date = "2019-04-15T22:25:20Z"
+displayInList = true
+
++++
+
+https://libremesh.org/
+https://guifi.net/en/node/8350
+https://freifunk.net/wie-mache-ich-mit/community-finden/
diff --git a/content/Articles/nice-rss-feeds/MyThunderbirdFeeds-Blogs & News Feeds.opml b/content/Articles/nice-rss-feeds/MyThunderbirdFeeds-Blogs & News Feeds.opml
new file mode 100644
index 0000000..adee63e
--- /dev/null
+++ b/content/Articles/nice-rss-feeds/MyThunderbirdFeeds-Blogs & News Feeds.opml	
@@ -0,0 +1,28 @@
+<opml version="1.0" xmlns:fz="urn:forumzilla:">
+  <head>
+    <title>Thunderbird OPML Export - Blogs &amp; News Feeds</title>
+    <dateCreated>Thu, 13 Dec 2018 00:18:43 GMT</dateCreated>
+  </head>
+  <body>
+    <outline title="N07070xyz">
+      <outline type="rss" title="N07070.xyz" text="N07070.xyz" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657244463,&quot;lastDownloadTime&quot;:null,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:false,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="http://www.n07070.xyz/index.xml" htmlUrl="http://www.n07070.xyz/index.xml"/></outline>
+    <outline title="Refletsinfo">
+      <outline type="rss" title="Reflets.info" text="Reflets.info" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657244549,&quot;lastDownloadTime&quot;:1544638804397,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:false,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://reflets.info/feeds/public" htmlUrl="https://reflets.info/"/></outline>
+    <outline title="Linux Journal - The Original Magazine of the Linux Community">
+      <outline type="rss" title="Linux Journal - The Original Magazine of the Linux Community" text="Linux Journal - The Original Magazine of the Linux Community" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657244922,&quot;lastDownloadTime&quot;:1544638804271,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:false,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://www.linuxjournal.com/node/feed" htmlUrl="https://www.linuxjournal.com/node/feed"/></outline>
+    <outline title="Blog – Hackaday">
+      <outline type="rss" title="Blog – Hackaday" text="Blog – Hackaday" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657245033,&quot;lastDownloadTime&quot;:1544657245033,&quot;updatePeriod&quot;:&quot;hourly&quot;,&quot;updateFrequency&quot;:&quot;1&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:false,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://hackaday.com/blog/feed/" htmlUrl="https://hackaday.com"/></outline>
+    <outline title="kottkeorg">
+      <outline type="rss" title="kottke.org" text="kottke.org" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657626708,&quot;lastDownloadTime&quot;:null,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:true,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="http://feeds.kottke.org/main" htmlUrl="http://feeds.kottke.org/main"/></outline>
+    <outline title="Aral Balkan">
+      <outline type="rss" title="Aral Balkan" text="Aral Balkan" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657202072,&quot;lastDownloadTime&quot;:null,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:true,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://ar.al/index.xml" htmlUrl="https://ar.al/"/></outline>
+    <outline title="Le blog de Genma">
+      <outline type="rss" title="Le blog de Genma" text="Le blog de Genma" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657245145,&quot;lastDownloadTime&quot;:1544638804381,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:true,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://blog.genma.fr/spip.php?page=backend" htmlUrl="https://blog.genma.fr/"/></outline>
+    <outline title="LOW←TECH MAGAZINE">
+      <outline type="rss" title="LOW←TECH MAGAZINE" text="LOW←TECH MAGAZINE" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657244556,&quot;lastDownloadTime&quot;:1544559465639,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:true,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://solar.lowtechmagazine.com/feeds/all.rss.xml" htmlUrl="https://solar.lowtechmagazine.com/"/></outline>
+    <outline title="MiniMachinesnet">
+      <outline type="rss" title="MiniMachines.net" text="MiniMachines.net" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657244485,&quot;lastDownloadTime&quot;:1544638805597,&quot;updatePeriod&quot;:&quot;hourly&quot;,&quot;updateFrequency&quot;:&quot;1&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:true,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://www.minimachines.net/feed" htmlUrl="https://www.minimachines.net"/></outline>
+    <outline title="Posts on ary">
+      <outline type="rss" title="Posts on ary" text="Posts on ary" version="RSS" fz:quickMode="false" fz:options="{&quot;version&quot;:2,&quot;updates&quot;:{&quot;enabled&quot;:true,&quot;updateMinutes&quot;:100,&quot;updateUnits&quot;:&quot;min&quot;,&quot;lastUpdateTime&quot;:1544657244475,&quot;lastDownloadTime&quot;:null,&quot;updatePeriod&quot;:&quot;&quot;,&quot;updateFrequency&quot;:&quot;&quot;,&quot;updateBase&quot;:&quot;&quot;},&quot;category&quot;:{&quot;enabled&quot;:false,&quot;prefixEnabled&quot;:true,&quot;prefix&quot;:&quot;&quot;}}" xmlUrl="https://arysthaar.pw/blog/posts/index.xml" htmlUrl="https://arysthaar.pw/blog/posts/"/></outline>
+  </body>
+</opml>
\ No newline at end of file
diff --git a/content/Articles/nice-rss-feeds/index.md b/content/Articles/nice-rss-feeds/index.md
new file mode 100644
index 0000000..0dc0a1a
--- /dev/null
+++ b/content/Articles/nice-rss-feeds/index.md
@@ -0,0 +1,38 @@
++++
+draft = true
+categories = ["Français"]
+title = "C'est le début de la fin de l'RSS !"
+displayInMenu = false
+dropCap = true
+featuredImage = ""
+description = "Comment suivre des petits sites web sans dépendre des GAFAM ? Et sans retourner chaque jour sur le site ? Depuis maintenant 20 ans, une technologie à fait un petit bout de chemin, et résoult beacoup des problèmes de publications sur internet."
+date = "2019-01-02T22:25:20Z"
+displayInList = true
++++
+
+Hier soir, perdu comme à mon habitude sur les internets, je tombe sur un [blog fort intéressant.]() Au lever du jour, je me suis dit que je continuerai de lire le reste des articles un autre jour... Je me suis effondré dans mon lit. Mais pendant la nuit ( plutot le matin ), les plombs de mon appartement ont sauté. Et de fait, j'ai perdu tout mes onglets dans mon navigateur...
+
+Mais j'ai rien perdu, savez-vous pourquoi ? La réponse tiens en trois lettres, RSS.
+
+RSS, pour Really Simple Syndication, entre autres, est une technologie du web qui date. Actuellement dans sa version 2.0, elle permet de s'abonner à un site web et de recevoir des notifications quand un nouveau contenue est publié. Beaucoup de sites web ont un _flux rss_, dont celui-ci ! Vous pouvez [le lire en tant que tel ici](https://n07070.xyz/index.xml).
+
+Bon, évidemment, c'est une version assez basique. Il n'y a qu'un résumé de ce qui est publié ici. Les sites sont libres de publier ce qu'ils veulent dans leur flux : certains publie l'intégralité de leurs articles, d'autres seulement un résumé. Le contenue que vous receverez sera surtout des images et du textes, sans mises en page. Avantage : vous avez le contenue sans pub et sans autres distractions. Désavantage : vous n'avez pas de mise en page.
+
+C'est bien beau tout ça, mais comment on peut utiliser RSS ? Hé bien il existe des applications pour tous vos bidules, et vous pouvez syncroniser vos abonnements avec différents services. Laissez-moi vous donner un petit tour d'horizon.
+
+* Sur Android :
+* Sur iOS :
+* Sur Linux :
+* Sur macOS :
+* Sur Windows :
+* Sur le web :
+
+Une fois l'application choisie, vous pouvez commencer par ajouter des sites web. Par exemple, copiez cette url: `https://n07070.xyz/index.xml`et ajoutez-là à votre application. Maintenant, à chaque fois que je publie un nouvel article, vous en serez averti !
+
+Et j'en profite pour vous donner une (toute) petite liste de sites sympa qui ont un flux RSS ;
+
+* http://e 
+*
+*
+
+Bonne lecture !
diff --git a/content/Articles/photomaton-portable-raspberry-pi/index.md b/content/Articles/photomaton-portable-raspberry-pi/index.md
new file mode 100644
index 0000000..5995ec4
--- /dev/null
+++ b/content/Articles/photomaton-portable-raspberry-pi/index.md
@@ -0,0 +1,19 @@
++++
+draft = true
+categories = ["DIY","Français"]
+title = "Un photomaton portable avec un Raspberry Pi"
+displayInMenu = false
+dropCap = true
+featuredImage = ""
+description = "Devant de nombreux monuments, les touristes se prennent en photo. Et les touristes adorent les photomatons. Pourquoi ne pas combiner les deux ?"
+date = "2019-01-02T22:25:20Z"
+displayInList = true
++++
+
+# Un photomaton portable ? Avec un raspberry pi ?
+
+Durant l'été, et durant la plupart de l'année, Paris est envahis par les touristes. Hormis leur fâcheuse tendance à transformer le centre de la ville en un AirBnB géant au détrimant des habitant·es, ils sont aussi à la recherche de souvenirs uniques, et d'expériences. Il faut dire que si vous regardez sur Instagram le hastag #Paris, vous aurez l'impression d'une photocopieuse s'est chargé de leurs photos de vacances. C'est en contradiction avec leur besoin de se différencier et de se démarquer. 
+
+Une autre chose que les touristes aiment bien, c'est les photomatons. On rigole bien pendant quelques minutes, on a une preuve physique d'avoir été dans une des plus belles villes du monde. 
+
+Moi, pour ma part, j'ai besoin d'argent, et j'aime pas travailler. Par contre, j'adore créer des projets loufoques. Ça tombe bien j'ai une imprimante thermal sous la main, ainsi qu'un raspberry pi et une caméra. Du coup, je vais construire un petit photomation portatif ( que je balade avec un trepied ) et je vais proposer aux touristes de leur tirer leur meilleur selfie pour un prix libre ou un peu plus. Voyons comment faire. 
diff --git a/content/Articles/questions-sur-l-anarchisme/index.md b/content/Articles/questions-sur-l-anarchisme/index.md
new file mode 100644
index 0000000..8523971
--- /dev/null
+++ b/content/Articles/questions-sur-l-anarchisme/index.md
@@ -0,0 +1,140 @@
++++
+draft = true
+categories = []
+title = ""
+displayInMenu = false
+dropCap = true
+featuredImage = ""
+description = ""
+date = "2019-01-02T22:25:20Z"
+displayInList = true
+
++++
+
+# Questions sur l'anarchisme.
+
+![](2008AthenesProtest.jpg)
+
+*N.B.: Mes positions et idées ne représentes par forcément l'ensemble des idées anarchistes. De plus, comme le dit Emma Goldman, l'anarchiste ne se théorise pas, il s'essaye. Il ne s'agit donc pas d'une vision universelle ou définitive.*
+
+Il y a quelques jours, j'ai reçu un message avec beaucoup, beaucoup, beaucoup de questions sur l'[anarchisme](https://fr.wikipedia.org/wiki/Anarchisme). J'apprécie énormément ces questions car elles couvrent des domaines divers, et me permettent non seulement d'expliquer d'une manière beaucoup compréhensive mes idées, mais aussi de me  faire réfléchir sur la réponse et avoir une discussion beaucoup plus construite.
+
+Voici donc le texte intégrale de la question :
+
+> Et tu fais quoi pour les travaux d'ordre publics ? Y'a des assos qui s'en occupent c'est ca ? Donc t'en a qui travaillent pour le bien commun et d'autres qui travaillent pour eux ?
+Et si tu me réponds : "bah nan, ils travaillent tous pour le bien commun ! "
+Donc y en a qui ramassent les poubelles pour tout le monde; mais pq tu serais technicien de surface "gratuitement" alors que ton pote a boulot pépère qui ne demande aucune qualification non plus ?
+Et tu dis qu'il n'y a pas de distinction de "rôle dans cette société anarchique" entre les différentes personnes, quelques soit leur métiers et qualification. Donc le chirurgien qui bosse 12h par jour et qui a un travail qui demande 10 ans d'études complexes et qui est un travail a la fois difficile physiquement et moralement aurait les mêmes privilèges/droit que le boulanger/caissier ?
+Et vu que ce sont des associations à but non lucratif (et qui d'ailleurs ne récoltent pas d'argent vu que ca n'existe pas comme tu m'as dit), j'imagine que l'inscription dans une de ces association est du volontariat. Et si un mec refuse de s'inscrire, ou bien s'inscrit en tant que vendeur et ne vient qu'un jour sur 3 en feignant d'être malade tu fais quoi ? Puisque tu m'as dit que c'est la population elle même qui règle la justice, ca veut dire que moi j'ai le droit d'aller chez le mec et de le battre parce qu'il ne vient qu'un jour sur 3 ? Et si mon voisin est pas d'accord et veut le tuer, tandis que la grand mère du dessus ne veut pas qu'on y touche, qui a raison ? On fait quoi du mec ?
+Et si un PDG d'entreprise (vu qu'il en faut bien) recrute un gars qui au final fait mal son boulot, est ce qu'il a le droit de le virer? (sachant que le chômage "anarchique" correspond a une exploitation des autres sans que tu ne donnes aucun service, on est d'accord ?) De le punir ? Si oui, ce PDG a donc bel et bien une supériorité par rapport aux autres nan ?
+Et stp  [N07070] me dit pas que yaura pas de PDG et que l'entreprise va fonctionner sans chef, grace a la décision commune des ouvriers, parce que tu sais très bien que c'est absurde et que les ouvriers en question n'ont absolument pas le recul nécessaire pour ca, ni le temps pour ca vu qu'ils fabriquent leur produit.
+
+---
+
+Je vais donc découper cette questions en plusieurs parties, et répondre à chacune de ces parties de la façon la plus claire possible.
+
+> Et tu fais quoi pour les travaux d'ordre publics ? Y'a des assos qui s'en occupent c'est ca ? Donc t'en a qui travaillent pour le bien commun et d'autres qui travaillent pour eux ?
+Et si tu me réponds : "bah nan, ils travaillent tous pour le bien commun ! "
+Donc y en a qui ramassent les poubelles pour tout le monde; mais pq tu serais technicien de surface "gratuitement" alors que ton pote a boulot pépère qui ne demande aucune qualification non plus ?
+
+Les travaux public (tel que les déchets, la voirie, l'entretien..), les transports, les métiers avec peu de qualification trouvent de la main d'oeuvre partout. Soit parce que ces emplois sont occupés par des gens avec peu de qualifications professionnelles (et sont donc accessible à tous, tout en leur donnant les moyens de contribuer à la société),  soit parce qu'ils sont nécessaires.
+
+Dans le premier cas, on peut prendre exemple sur le système de transport de Barcelone durant la guerre d'espagne en 1936. On note que " * [L’histoire de la gestion ouvrière directe du système de transport public de Barcelone durant la révolution et la guerre civile espagnole dans les années 1930 est une illustration de la capacité des travailleurs de diriger en direct les industries dans lesquelles ils travaillent](http://www.autogestion.asso.fr/?p=5067) . * ".
+
+![](cnt-tram.jpg)
+
+Dans la Barcelone pré-révolutionnaire de 1936, le tramway était géré par  "Tranvias de Barcelona " une société principalement détenue par des investisseurs belges. La société de tramways fonctionnait sur 60 lignes qui quadrillaient la ville et s’étendait dans les banlieues proches.
+
+Sur les 7000 travailleurs de cette société, 6500 adhéraient au Syndicat des transports de la Confédération Nationale du Travail (CNT). Le syndicat des transport était une organisation totalement démocratique, fonctionnant par Assemblées générales et conseils de délégués élus, alors que l'entreprise elle-même n'était pas du tout démocratique.
+
+Le 20 juillet, un groupe armé du Syndicat des Transports CNT découvre que la direction des Tramways de Barcelone avait fuit. Une assemblée générale des travailleurs du système de transport s’est alors tenue le jour suivant et a voté à une très large majorité l’expropriation des propriétaires au nom du peuple. Trois lignes privées de bus, deux funiculaires et le métropolitain ont ainsi été réquisitionnés en même temps que les tramways.
+
+Ensuite, les travailleurs ont réussit à remettre en place le système de tram en cinq jour  pourtant malmené par les combats de rue (ce qui prouve la volonté bien plus grande de travailler librement que sous contrainte. ), de façon bien plus efficace et bien plus égalitaire que ce qui se faisait jusqu'alors. ( En plus de cela, le système de transport adopte une tarification unique, augmente sa ponctualité...)
+
+La même chose se mettrait en place pour tous les métiers : les personnes souhaitant y travailler le feront, mais il est évident qu'elles le feront selon leurs qualifications.
+
+Pour étendre un peu la réflexion, on peut aussi prendre en compte le fait qu'une personne n'a pas forcément envie de faire tout le temps le même métier, et qu'il y a donc un roulement dans les métiers ( que ce soit parce que les vielles personnes prennent leur retraite ou parce qu'ils en ont marre de travailler ).
+
+---
+
+> Et tu dis qu'il n'y a pas de distinction de "rôle dans cette société anarchique" entre les différentes personnes, quelques soit leur métiers et qualification. Donc le chirurgien qui bosse 12h par jour et qui a un travail qui demande 10 ans d'études complexes et qui est un travail a la fois diffikcile physiquement et moralement aurait les mêmes privilèges/droit que le boulanger/caissier ?
+
+L'idée d'une société parfaitement sans distinctions est fausse, car en réalité, non seulement ce n'est pas souhaitable car nous conservons tous notre spécificité, nos faiblesses et préférences et ce n'est pas non plus possible pour les mêmes raisons. Il existe bien sûr une différence entre les rôles des personnes, mais il subsiste des différences notables avec une socitété capitaliste.
+
+En effet, *sans distinctions* et *sans inégalités sociales et économiques*, ce n'est pas la même chose.
+
+Déjà, il faut considérer que en nous débarassant du capital, nous faisont fi du caractère forcé du travail. Cela veut dire que notre chirurgien et notre caissier/boulanger ne vont pas devoir, comme c'est le cas maintenant, se mettre au travail parce qu'ils doivent le faire sous peine de mort ( de faim ), mais qu'ils le font car c'est quelque chose qu'ils aiment faire (dans la mesure du possible, voir la réponse plus haut.). En plus de cela, grâce justement au caractère volontaire et libre du travail, le chirurgien peut devenir peintre et le boulanger architecte, il leur suffit de s'éduquer.
+
+Notre chirurgien, qui va accomplir son travail, ne le fera pas pour l'argent mais de sa propre volonté. On reconnait également que il faut de tout pour faire un monde, et malgré que certains métiers soient indispensables, ils ont tous la même valeur.
+
+Ainsi, le boulanger fera de même. Cela permet de faire fit de l'argent, car nous somme du coup directement dans une relation égale sur le plan économique : ils ne touchent pas d'argent ou de privilèges et sociale : ils ont tout les deux une importance égale et n'ont pas de distinctions sociale en terme de privilège.
+
+---
+
+> Et vu que ce sont des associations à but non lucratif (et qui d'ailleurs ne récoltent pas d'argent vu que ca n'existe pas comme tu m'as dit), j'imagine que l'inscription dans une de ces association est du volontariat. Et si un mec refuse de s'inscrire, ou bien s'inscrit en tant que vendeur et ne vient qu'un jour sur 3 en feignant d'être malade tu fais quoi ?
+
+Une société anarchiste est composée d'associations de personnes libre. Souvent, ces associations sont en réalité des syndicats démocratiques, en tout cas dans le monde du travail. L'adhésion est libre, et le départ aussi. Aujourd'hui, on peut citer la CNT, qui est un des syndicats anarchiste les plus connus.
+
+Comme je l'ai dit dans la réponse ci-dessus, la personne est libre dans ses choix : ainsi, si elle ne souhaite pas travailler, elle est libre de ne pas le faire. Toutefois, comme le démontre Emma Goldman, un homme cherche à travailler, à créer, car cela donne une signification à sa vie. Cette soif de création est une valeur : certains vont essayer de faire les meilleurs plats possible, d'autres seront heureux en tant que paysans, d'autres préfèrent étudier les astres. C'est ce qui se passe en partie aujourd'hui, dans une certaine mesure, à la différence que nous somme contraint par l'aspect pécunier de ce que nous faisont.
+
+Le mythe du choix du métier est également faux dans une société capitaliste. À cause de l'obligation que nous avons de gagner de l'argent et notre dépendance du bon vouloir des patrons à nous embaucher, nous ne pouvons pas choisir ni changer de métier librement.
+
+Par exemple, si nous avons un emploi dans une mine de charbon mais que cet emploi ne nous convient pas, il est très diffile de changer de métier : l'éducation coûte chère, n'est pas libre, et la nécessité de l'argent rend cette tâche extrêmement complexe.
+
+À la différence, une mine gérée par un syndicat démocratique peut mettre en place des améliorations des conditions de travail, innover en matière d'extraction, et n'étant plus régis par le profit mais la nécessité de son action, mieux gérer l'environnement.
+
+---
+
+>  Puisque tu m'as dit que c'est la population elle même qui règle la justice, ca veut dire que moi j'ai le droit d'aller chez le mec et de le battre parce qu'il ne vient qu'un jour sur 3 ? Et si mon voisin est pas d'accord et veut le tuer, tandis que la grand mère du dessus ne veut pas qu'on y touche, qui a raison ? On fait quoi du mec ?
+
+La population ( le peuple ) se différencie de l'État ou du Gouvernement, mais en même temps, est le seul corps législatif. Ainsi, Rousseau fait une séparation entre les différentes parties de la société, l'anarchiste va au contraire chercher à faire disparaître ces différences, source d'inégalités. Mais j'y reviendrai.
+
+Comme je l'explique précédement, la personne est libre ou non de travailler dans ton entreprise, ce qui fait donc que de ton côté, tu n'a pas à attendre de lui un engagement contre sa volonté. Si il ne vient d'un jour sur 3, il est libre de le faire. Par contre, il est évident que si il ne fait rien durant les 3 autres jours, il va commencer à très vite s'ennuyer, et malgré le fait que il n'a pas besoin de travailler, il va le faire de lui même; mais pas forcément dans une entreprise, peut-être comme indépendant.
+
+Aussi, dire qu'il s'agit de **ton** entreprise est faux : toutes les personnes la composant en ont une responsabilitée partagée.
+
+Ensuite, il y a autre chose à considerer : combien devons nous travailler ? Est-ce que comme le prétendaient les patrons du 20eme siècle ( et le prétendent toujours ) il faut travailler jusqu'a sa mort 16 heures par jours ? Cette logique à été démontrée fausse par le fait : le temps de travail diminuait constament jusqu'a récemment, et pourtant nous ne sommes pas au bord de l'apocalypse ? Cette vérité nous amène à nous poser des questions sur la logique et la valeur même du travail. L'anarchisme n'est pas une philosophie de feignant, car au contraire, nous reconnaissons le droit à tous de travailler, mais uniquement de le faire librement, liberé de contraintes économiques, ou sociales.
+
+En ce qui concerne la justice anarchiste, elle est fondamentalement différente de celle qui est à l'oeuvre dans notre société. Vu qu'il n'existe pas de dispositif central de pouvoir, il n'y a pas de moyens pour avoir un système de prison national, de police, de répression...
+
+Notre système de justice actuel est basé sur la répression. Quand quelqu'un commet un crime, il va être jugé ( souvent de façon inégale en fonction de ses moyens ou d'autres facteurs comme son origin etc...), puis ce jugement se traduira soit en une peine de prison, en amende ou en une autre sentence.
+
+Or, quand on va condamner quelqu'un à des peines de prison à cause d'un comportement anti-social, on va accroitre ses soucis sociaux, et donc accroitre sa tendance à commetre un crime. De la même façon, en faisant payer quelqu'un pour ses crimes (de manière pécunière), on ne cherche pas à résoudre son problème ou à comprendre ce qui le cause. Au contraire, on va accroitre ou créer des problèmes dûs à la nécessité de l'argent dans la société, dont on le déprive. De plus, une autorité centralisée va se pencher sur le criminel, mais presque jamais sur la victime.
+
+Un système de justice anarchiste va à l'encontre de tout ces soucis. En effet, une justice décentralisé va être réalisé par la communauté qui en est responsable. Cette justice sera donc de proximité, ce qui lui permet d'être beaucoup plus démocratique, notamment avec la nommination aléatoire par exemple, beaucoup plus compréhensive, car les habitants jugeant sont aussi les habitants étant concernés.
+
+Toutefois, un des soucis qui se pose, c'est la réaction spontanée et émotionnelle. Bien que cette réaction soit vraie pour le système actuel, il faut pouvoir trouver un moyen pour éviter que des crimes soient jugé sous l'émotion produite par ce crime. Une solution à cela serait de faire rendre le jugement par des personnes extérieure à l'affaire, géographiquement et socialement. On pourrait imaginer un jugement via une communication internet par exemple, une sorte de conférence dématérialisée.
+
+Une des autres difficultés est l'abscence de lois. En effet, si l'on juge sans s'être mis d'accord sur ce qui définit un crime ou ce qui en découle, on risque d'avoir des jugemenent basé sur le sentiment au lieu de la logique.
+
+En conclusion, la justice anarchiste est logiquement basé sur la justice réparatrice. Un exemple de justice réparatrice en fonctionnement, c'est le circuit de justice juvénile de Nouvelle Zélande, en fonctionnement depuis 1989.
+
+
+> Et si un PDG d'entreprise (vu qu'il en faut bien) recrute un gars qui au final fait mal son boulot, est ce qu'il a le droit de le virer? (sachant que le chômage "anarchique" correspond a une exploitation des autres sans que tu ne donnes aucun service, on est d'accord ?) De le punir ? Si oui, ce PDG a donc bel et bien une supériorité par rapport aux autres nan ?
+
+Contrairement à ce que tu semble tenir pour aquis, il ne faut pas forcément une organisation hiérarchique pour organiser une entreprise. On peut avoir différents postes, en fonction des capacités de chacun, certe, mais l'autorité au travail n'est pas nécessaire et est même nocive. Une réflexion a d'ailleurs été menée dans ce sens par [Richardo Semler.](http://www.ted.com/talks/ricardo_semler_radical_wisdom_for_a_company_a_school_a_life)
+
+Grâce au principe de syndicat libre, nous ne pouvons pas considerer que l'on "recrute" quelqu'un : on ne fait que l'accepter avec son accord. On peut toujours exclure quelqu'un d'un syndicat, mais pas parce qu'il ne répond pas aux attente d'une personne au sein du groupe.
+
+Le chômage est un principe capitaliste : il définit quelqu'un qui n'a pas de travail. Or, si tu n'a pas de travail 'officiel' tu peux quand même travailler de façon libre : un parent s'occupant de ses enfants, un artiste, un philosophe...
+
+Par contre, ce que tu définis comme "a une exploitation des autres sans que tu ne donnes aucun service", c'est plutôt le rôle du patron : il vit sur le dos de ses employés, et leur volant leur droit à la détermination personnelle et le fruit de leur labeur; il les exploite. Un exemple simple : un patron d'une usine paye ses employés 15$ de l'heure. Chacun de ses employés produit $45 de produits par heure.  Or, pour les faire, il y a besoin de machine. Le coût de ces machines est de $2 de l'heure. Ensuite, il garde le reste de l'argent et en fait un **profit**.  Ce **profit** c'est du vol. En effet, les ouvriers devraient normalement toucher $43 de l'heure chacun.
+
+Ainsi, ce PDG a un rôle injustfié, son autorité n'est pas nécessaire et il ne doit donc pas exister dans ce rôle. Il est du devoir de chacun de se révolter et de saisir les moyens de productions de son joug.
+
+> Et stp  [N07070] me dit pas que yaura pas de PDG et que l'entreprise va fonctionner sans chef, grace a la décision commune des ouvriers, parce que tu sais très bien que c'est absurde et que les ouvriers en question n'ont absolument pas le recul nécessaire pour ca, ni le temps pour ca vu qu'ils fabriquent leur produit.
+
+Et pourtant, je viens de le faire ! Hé hé. "l'entreprise va fonctionner sans chef, grace a la décision commune des ouvriers" et nous serons tous heureux. Tu me fait dire que " tu sais très bien que c'est absurde ". Mais pourtant, ça a déja été fait, c'est entrains d'être fait, et ça fonctionne ! Ça a déjà été fait en Espagne, dans les [communautées zapatistes au mexique](https://fr.wikipedia.org/wiki/Arm%C3%A9e_zapatiste_de_lib%C3%A9ration_nationale), qui sont des zones autonomes, révolutionnaires et anarchiste, en activité et qui fonctionnent depuis 1994. Un exemple plus récent est celui d'[une usine grecque fermée par son patron](http://www.reporterre.net/L-usine-grecque-qui-resiste-sans-patron-et-avec-des-savons-ecolos), en 2015. Les ouvriers syndiqués ont décidé de l’occuper et de relancer une production écolo de manière autogérée grâce à un formidable soutien populaire. L'un des ouvriers, Dimitri, résume la situation avec brio : " Le patron est parti, pourquoi chercher à en avoir un autre ? Je l’ai vu deux fois en deux ans. On n’avait pas besoin de lui pour se servir des machines qu’on utilise tous les jours. "
+
+---
+
+Sources :
+
+* https://fr.wikipedia.org/wiki/Anarchisme
+* https://fr.wikipedia.org/wiki/Anarchisme#Courants_chr.C3.A9tiens
+* https://fr.wikipedia.org/wiki/Anarchisme_chr%C3%A9tien
+* http://www.autogestion.asso.fr/?p=5067
+* https://resistance71.wordpress.com/tag/cnt-transport-barcelone-1936/
+* http://theanarchistlibrary.org/library/coy-mckinney-an-anarchist-theory-of-criminal-justice
+* https://fr.wikipedia.org/wiki/Arm%C3%A9e_zapatiste_de_lib%C3%A9ration_nationale
+* http://www.reporterre.net/L-usine-grecque-qui-resiste-sans-patron-et-avec-des-savons-ecolos
diff --git a/content/Articles/setting-up-a-secure-linux-server-for-self-hosting/index.md b/content/Articles/setting-up-a-secure-linux-server-for-self-hosting/index.md
new file mode 100644
index 0000000..3a9793a
--- /dev/null
+++ b/content/Articles/setting-up-a-secure-linux-server-for-self-hosting/index.md
@@ -0,0 +1,137 @@
++++
+draft = true
+categories = ["About me"]
+title = "About me"
+displayInMenu = true
+dropCap = true
+featuredImage = "/img/secure-server/hero.jpg"
+description = "When you setup your own self-hosted server, you shouldn't sacrifice security. But it's not easy to do when you don't know how to start; thankfully you can read this article and fend of hackers now !"
+date = "2019-01-16T22:25:20Z"
+displayInList = true
++++
+
+## Introduction
+
+So you want to self-host ? Great ideal. Over the past years, many people have started to understand the importance of owning your own data, and not letting three-letter agency and publicity compagnies [have access to all your information](https://test.com). It's even more important as we could be entering a [data-based economy](), on top or in place of our labor-based economy. But it's not really the goal of this article.
+
+I'm going to write this guide for me, as futur reference. It's not meant to be a definitive guide, but mearly a guide for some practices that people recommended or wrote about on the internet. I hope it might help someone, one day ! I assume people reading it will know how to use the terminal in Linux.
+
+So, the first question we need to ask ourselves is, who are we protecting ourselves against ? The basis of security is knowing who wants your bits. Actually, it kind of applies to a lot of situations, war or playing poker. Reading [__The Art Of War__](https://en.wikibooks.org/w/index.php?title=Pinyin/Art_of_war) by Sun Ze is actually a great read for any sysadmin. But I digress. For the purpose of this guide, I'll try to defend myself againt someone with the same capacities as me : a script kiddie with access to open-source tools, a knowledge of known 0-days, automated port scanners, and someone who's pissed at me. I'm not going to defend myself against people with a shitload of money, or three letter agencies. 
+
+So, the second question is, **what** are my protecting ? For my purpose, I'll be hosting a personnal blog, along with a few self-hosted services, namely a [NextCloud](https://nextcloud.com) instance, and a Pleroma/Mastodon instance. How important is this data, and how much effort am I ready to put into keeping it safe ? I'll be kind of anoyed but not much more, as I suspect I'll have a backup in place. Most of the important information, i.e NextCloud data, will be encrypted client-side, so if someone gains access to it, they won't learn much.
+
+## What's the box I'm running ? 
+
+The server it self is a Debian, running on a AMD processor, 8Gb of RAM and 5To de storage. It's on a 1Gpbs/200Mb fiber. 
+
+Most of the hardrives are salvaged from old computers, and are actually 500Gb. They are brought into a 1To drive for services and web content. The reste is composed of 2To for personnal storage duplicated to the other 2To in RAID for access speeds.
+
+## Step-by-step
+
+Security is based on layers, and I'm gonna think about my box as layers too. The first layer will be physical. Let's say someone has access to your computer, for example someone breaks into your home and steal your server. The second one will be networking. Someone accessing your computer from the internet. The third one will be the filesystem. Someone who has planted a malware in software you're using, or trusted software gone roge. 
+
+
+### Physicial security
+
+For the physical security, it's behind a few locked doors for what's that worth, and it has intrusion detection, which powers it off. I really liked this MrRobot episode where the computer explodes, but I'm pretty sure that's illegal. I also don't want to kill anyone moving my PC by accident...
+
+Also have a plan in case of a fire : what will you loose ? Plan ahead, and have a TarSnap backup or a drive at a friend's you can access.
+
+And, maybe it might be difficult, but what happens when you get killed by a bus ? Your familly might want to access your data, but you maybe don't want to show them everything ? Maybe just a few pictures ? Myself I don't really care, all of the important content I want to share is open to the internet already.
+
+I also have a raspberry pi in another location with a 1To storage for backups. I plan on fitting 5To of storage into 1To, but I fhink I'll explain that in another blog post...
+
+As for the installation of the server, it was done from a USB key plugged directly into the computer. The Linux image was dowloaded from debian's website. [The GPG signature of the file was also verified](about:blank).
+
+
+Partitions and VM ?
+
+### Security from the internet 
+
+The internet, a.k.a the Big Cloud of Hate is a bad place. It has a lot of robots and people who will try to attack any IP adress and find something. Thankfully, most of the time, it's low intensity and can be defeated with simple tools. 
+
+Most of the following instructions will assume that you are on a Debian 9.0 system. I use debian because it's a widely used, well maintained and funded project. It's not gonna go bust in a few days. That's also security.
+
+The commands will be compiled in a script that you will be able to run on your computer to secure it automagically, but I **really** recommend you do it by hand at least once to learn, and understand what is happening. If it breaks, you must know what to fix and how.
+
+First, we're gonna open a ssh connection to the server. It's important to know that this will be crucial information when setting up the firewall, as I have learned a few times too much. The user will need to have sudo rights.
+
+Once we're on the server, we're gonna start by upgrading everything to the last version.
+
+```bash
+sudo apt-get update && sudo apt-get dist-upgrade && sudo apt-get clean
+```
+
+We are upgrading the package list, updating the distribution, and removing any junk left around. 
+
+Then, we will install a few tools to make things easier during the setup. It's more of a personnal preference.
+
+```
+sudo apt-get install vim zsh git
+```
+
+vim is a text editor, zsh is a shell and git is a versionning tool.
+
+
+
+// setup oh my zsh
+
+```
+```
+
+#### Setting up the networking
+
+If you can, you should change your default DNS servers to more privacy-respecting alternatives. I use the ones provided by [FDN](https://www.fdn.fr/actions/dns/), but you're free to use any other.
+For that, you need to edit `/etc/resolv.conf` and add the following lines __at the start of the file__ :
+
+```
+nameserver 80.67.169.12
+nameserver 80.67.169.40
+nameserver 2001:910:800::12
+nameserver 2001:910:800::40
+```
+
+// install fail2ban
+
+
+
+```
+
+```
+
+```
+
+```
+
+### Insider security
+
+```
+
+```
+### Installing the services 
+
+
+### Backups !
+---
+
+
+- https://cloudpro.zone/index.php/2018/01/18/debian-9-3-server-setup-guide-part-1/ // This is great
+- https://www.sans.org/score/checklists/linux
+- https://www.debian.org/doc/manuals/securing-debian-howto/
+- https://wiki.archlinux.org/index.php/Security
+- https://www.digitalocean.com/community/tutorials/how-to-set-up-a-firewall-using-iptables-on-ubuntu-14-04
+- http://etutorials.org/Linux+systems/red+hat+linux+bible+fedora+enterprise+edition/Part+III+Administering+Red+Hat+Linux/Chapter+14+Computer+Security+Issues/Guarding+Your+Computer+with+PortSentry/
+- https://engineering.videoblocks.com/web-architecture-101-a3224e126947?ref=abhimanyu&gi=2093e8df5744
+- https://www.cyberciti.biz/tips/linux-security.html
+- http://www.ipdeny.com/ipblocks/ 
+- https://www.rackaid.com/blog/server-security-tips/
+- https://www.ossramblings.com/whitelisting-ipaddress-with-iptables-ipset
+- https://www.process.st/server-security/
+- https://drwho.virtadpt.net/archive/2018-01-14/making-offline-backups-of-a-linux-machine-using-backblaze
+- https://drwho.virtadpt.net/archive/2016-11-13/fully-remote-backups-of-websites
+- https://github.com/virtadpt/ubuntu-hardening
+- https://wiki.archlinux.org/index.php/Logwatch
+- https://en.wikipedia.org/wiki/Advanced_Intrusion_Detection_Environment 
+- https://github.com/ioerror/duraconf
+- https://www.ibm.com/developerworks/linux/tutorials/l-harden-server/index.html
+- https://github.com/lfit/itpol/blob/master/linux-workstation-security.md
diff --git a/content/Articles/setting-up-a-secure-linux-server-for-self-hosting/secure_server.sh b/content/Articles/setting-up-a-secure-linux-server-for-self-hosting/secure_server.sh
new file mode 100644
index 0000000..aff0860
--- /dev/null
+++ b/content/Articles/setting-up-a-secure-linux-server-for-self-hosting/secure_server.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+
+apt-get update 
+
+apt-get dist-upgrade
+
+apt-get clean
+
+# Install command-line utilities
+
+apt-get install vim git zsh 
+
+
diff --git a/content/Articles/un-mastodon-dans-le-cyber-espace/cover-dither.jpg b/content/Articles/un-mastodon-dans-le-cyber-espace/cover-dither.jpg
new file mode 100644
index 0000000..1917735
Binary files /dev/null and b/content/Articles/un-mastodon-dans-le-cyber-espace/cover-dither.jpg differ
diff --git a/content/Articles/un-mastodon-dans-le-cyber-espace/cover-dither.jpg.copy b/content/Articles/un-mastodon-dans-le-cyber-espace/cover-dither.jpg.copy
new file mode 100644
index 0000000..1917735
Binary files /dev/null and b/content/Articles/un-mastodon-dans-le-cyber-espace/cover-dither.jpg.copy differ
diff --git a/content/Articles/un-mastodon-dans-le-cyber-espace/cover.jpg b/content/Articles/un-mastodon-dans-le-cyber-espace/cover.jpg
new file mode 100644
index 0000000..a6094f2
Binary files /dev/null and b/content/Articles/un-mastodon-dans-le-cyber-espace/cover.jpg differ
diff --git a/content/Articles/un-mastodon-dans-le-cyber-espace/cover.jpg.copy b/content/Articles/un-mastodon-dans-le-cyber-espace/cover.jpg.copy
new file mode 100644
index 0000000..ec28567
Binary files /dev/null and b/content/Articles/un-mastodon-dans-le-cyber-espace/cover.jpg.copy differ
diff --git a/content/Articles/un-mastodon-dans-le-cyber-espace/index.md b/content/Articles/un-mastodon-dans-le-cyber-espace/index.md
new file mode 100644
index 0000000..096b959
--- /dev/null
+++ b/content/Articles/un-mastodon-dans-le-cyber-espace/index.md
@@ -0,0 +1,43 @@
+---
+categories : ["Blog","Français"]
+title : "Un Mastodon dans le cyber-espace"
+displayInMenu : false
+dropCap : true
+description : "On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d'utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n'ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon."
+date : "2019-01-02 21:00:00"
+draft : false
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d'utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. D'une part, l'introduction d'un algorithme qui affiche les tweet sans tenir compte de l'ordre chronologique a confu des utilisateurices et enervé beaucoup de monde. D'autre part, étant une entreprise privée, Twitter Inc. est forcé de faire de plus en plus d'argent grâce à un service qui est gratuit, et utilise donc la publicité, qui devient de plus en plus invasive.  
+
+Et comme si ce n'était pas assez, dernièrement, le CEO, @jack, à été vivement critiqué pour avoir refusé de bannir un Youtuber complotiste et proche des mouvences fascistes américaines car selon lui, "Il n'avait brisé aucune règle.", même s'il s'est fait connaître en harcelant des victimes de terrorisme. Harcèlement qui est devenu un problème majeur pour beaucoup sur Twitter et ce, plus encore pour des femmes, des minorités et des personnalités LGBT.
+
+Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n'ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.
+
+Annoncé le 31 mars 2017, il allie une interface simple avec des fonctionnalitées qui manquaient cruellement à Twitter, et compte désormais 2 milions d'utilisateurices, voir plus.
+
+Basé sur le principe du microblogging, il est cependant différent de son homologue en de nombreux points. Tout d'abord, ne dite pas tweet mais toot. On ne toot pas en 280 caractères mais en 500, ce qui permet des conversations bien plus intéressantes. Autre différence majeur, il existe 3 "flux" différents. Comme sur le site à l'oiseau bleue, on voit les toots des personnes que l'on suit, mais il existe également deux autres flux : le flux locale et le flux fédéré. Pour comprendre leurs intérêt il faut capter comment Mastodon fonctionne.
+
+Il faut déjà savoir que Mastodon n'est géré par une entreprise. C'est un réseau social basé sur un logiciel libre et gratuit, que tout le monde peut utiliser ou modifier. Ainsi, chacun·ne peut installer son propre serveur Mastodon, appelé une instance. Il n'existe pas d'entreprise derrière le logiciel, donc le développement est à 100% financé participativement par ses utilisateurices. Pas de pub donc, pas de profilage, pas d'espionnage.
+
+Ainsi, chaque instance sera modéré à sa manière et donc chaque instance aura sa propose communauté. Mais ce qui est le plus important, c'est que chaque instance peut se connecter aux autres et n'est donc pas isolée ! Un peu comme l'email, ou machin@rocketmail.com pourra parler à truc@club-internet.fr, sur Mastodon, @eugen@mastodon.social pourra parler à @mcmoots@sunbeam.city.
+
+On retrouvera donc, sur le flux fédéré tout les toots des utilisateurices dont les instances sont connectés à la vôtre, et sur le flux local les toots des utilisateurices de votre instance uniquement.
+
+On est libre de choisir son instance, et il n'y a pas besoin de savoir gérer un serveur pour ça : de nombreuses instances sont ouvertes au publique ! Je vous conseille de commencer par une instance générale, comme [mamot.fr](https://mamot.fr) ou [todon.nl](https://todon.nl).
+
+Mastodon fait lui-même parti d'un réseau plus large, le Fediverse, connecté grâce au protocol ActivityPub, qui regroupe des alternatives à Instagram ou Youtube, comme Pixelfed ou PeerTube. On peut tout à fait suivre un compte sur une instance Pixelfed avec son compte Mastodon par exemple. Ou commenter une vidéo Peertube depuis son compte Pleroma ( un autre réseau de microblogging ).
+
+Eugen Rochko, le développeur principal de Mastodon, indique avoir appris des erreurs de Twitter, et a donc introduit des fonctionnalités qui manquaient, comme pouvoir editer un toot, le marquer comme sensible, ajouteur un avertissement de contenue ( Content Warning ), ou encore filtrer de manière plus efficace les comptes que l'on ne souhaite pas voir.
+
+Il existe également une plétor d'applications pour Mastodon, comme Tusky pour Android ou Amaroq pour iOS, à l'heure ou Twitter essaye de se débarasser des applications tierces.
+
+Mastodon est loin d'avoir la taille de Twitter, mais c'est justement ce qui fait son charme. Si Twitter est cette grande place publique où tout le monde gueule le plus fort possible, Mastodon est un ensemble de petits squares reliés par des ruelles avec des cafés, où l'on passe du bon temps avec ses ami·es.
+
+Vous pouvez dès aujourd'hui essayer Mastodon en choissisant votre instance sur JoinMastodon.org !
+
+Mots clé : #Mastodon #Decentralisation #Web3.0 #dWeb #ActivityPub #Microblogging #Fédération
diff --git a/content/Articles/want-selfhosting-to-be-a-success-?-build-a-community/index.md b/content/Articles/want-selfhosting-to-be-a-success-?-build-a-community/index.md
new file mode 100644
index 0000000..b5998ce
--- /dev/null
+++ b/content/Articles/want-selfhosting-to-be-a-success-?-build-a-community/index.md
@@ -0,0 +1,28 @@
++++
+draft = true
+categories = []
+title = ""
+displayInMenu = false
+dropCap = true
+featuredImage = ""
+description = ""
+date = "2019-01-02T22:25:20Z"
+displayInList = true
+
++++
+
+Story of my friends : they started to self-host. 
+
+For self-hosting to work, you need a community around you that can help you.
+
+If you want people to self-host more, everyone needs to feel that they won't be stuck or lose there data for an obscure reason.
+
+Even people who are tech savy don't and cant make it alone.
+
+But what does building a community mean ?
+
+What do I have as options ?
+
+Careful to not centralise power around yourself !
+
+Learn a new skill : socialising and autogestion
diff --git a/content/Articles/zapatista-oventik-petite-ecole/cover.jpg b/content/Articles/zapatista-oventik-petite-ecole/cover.jpg
new file mode 100644
index 0000000..7ec212a
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/cover.jpg differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/cover.jpg.copy b/content/Articles/zapatista-oventik-petite-ecole/cover.jpg.copy
new file mode 100644
index 0000000..b33f6d1
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/cover.jpg.copy differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/index.md b/content/Articles/zapatista-oventik-petite-ecole/index.md
new file mode 100644
index 0000000..669084f
--- /dev/null
+++ b/content/Articles/zapatista-oventik-petite-ecole/index.md
@@ -0,0 +1,93 @@
+---
+draft : false
+categories : ["Politique","Français"]
+title : "D'abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d'existance."
+displayInMenu : false
+dropCap : true
+description : "Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l'expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d'un territoire rebelle : des questions sur les provisions, les récoltes, les points d'eau locaux, et toutes autres questions n'ayant rien à voir avec l'Armée Zapatiste de Libération National (EZLN)..."
+date : "2019-03-11T20:00:00Z"
+displayInList : true
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+*Par Kristin Bricker, CIP Americas, 5 septembre 2013, traduit par N07070*
+
+Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l'expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d'un territoire rebelle : des questions sur les provisions, les récoltes, les points d'eau locaux, et toutes autres questions n'ayant rien à voir avec
+l'Armée Zapatiste de Libération National (EZLN).
+
+![De jeunes indigènes Zapatistes levant leurs poingts en l'air](zapatista-youth-fists.jpg)
+
+Le mari de mon guide a poliment répondu à nos questions mondaines. Puis, il a dit : « Écoutez, nous sommes clandestins depuis 1983, quand l'organisation venait de se former. Nous marchions des heures durant la nuit pour organiser d'autres villes, toujours la nuit pour éviter d'éveiller la suspicion des propriétaires de plantation, et nous allions dans le maquis pour nous entraîner. Ma femme a risqué sa vie en marchant la nuit dans le maquis pour amener des sacs de tostadas aux camps pour que les insurgés aient de la nourriture durant leur entraînement. Maintenant, avez-vous d'autres questions ? »
+
+Mes camarades de classe et moi-même nous sommes regardé, nos yeux semblant dire « Oh, c'est ainsi que ça se passera à la **Petite École Zapatiste** ».
+
+Nos questions commencèrent ensuite à être plus sérieuses, et nos guides ainsi que leurs voisins répondirent avec enthousiasme à chacune d'elle. Histoire de mettre les choses au clair.
+
+Les Zapatistes ont pris la décision d'ouvrir leurs maisons à leurs sympathisants de longue date et de leur apprendre leur passé, présent, erreurs, victoires et avancées pour plusieurs raisons. Durant la *Petite École*, les Zapatistes ont répété qu'ils espéraient que leurs partisans pouvaient apprendre de leurs expériences.
+
+« L’autogestion... est possible. Nous y sommes parvenus avec quelques compañeros et compañeras, pourquoi pas avec des centaines ou des millions ? » a demandé une Zapatiste d'Oventik. « Nous espérons que vous nous direz si nos pratiques, nos expériences avec l'autogestion vous seront  utiles d'une manière ou d'une autre ».
+
+« Beaucoup de gens pensent que ce que nous faisons, notre forme de gouvernance, est une utopie, un rêve » dit un autre Zapatiste d'Oventik. « Pour nous Zapatistes, c'est une réalité car nous le réalisons... chaque jour, à travers une pratique quotidienne depuis 19 ans. Et c'est pour cela que nous pensons que si nous nous unissons avec des millions de Mexicains, nous pouvons former notre propre manière de gouverner ». (En opposions au gouvernement actuel, ndt)
+
+![Mural Zapatiste](zapatista-oventic-mural-1.jpg)
+
+Il y a plusieurs années, un Zapatiste m'a dit qu'ils apprenaient souvent plus de leurs erreurs que de leurs victoires. Dans cet esprit, le curriculum de la *Petite École* inclut des discussions brutalement honnêtes sur les erreurs commises par les Zapatistes au cours des années. Par exemple, les livres scolaires incluent une discussion franche sur la disparition de la coopérative de café Mut Vitz en 2007. Bien que la fermeture soudaine et inexpliqué de la coopérative fut ressentie jusqu'aux États-Unis et en Europe, où les torréfacteurs se sont soudainement trouvés sans une source de café zapatiste, les Zapatistes n'avaient pas expliqué les raisons de la chute de Mut Vitz jusqu’à présent.
+
+![Mural à Oventik, Chiapas.](zapatista-sign.jpg)
+
+Dans les livres scolaires de la Petite École, Roque, un ancien membre de la coopérative et membre actuel du Conseil Autonome Municipal de San Juan, d'Oventik, révèle que la mauvaise gestion et la corruption sont les raisons de la chute de Mut Vitz. La coopérative avait engagé un consultant extérieur qui, pour des raisons inconnues aux autres membres de la coopérative, n'avait pas correctement déclaré les actifs au Trésor publique mexicain, ce qui a permis au gouvernement de saisir le compte en banque de la coopérative. Alors que Mut Vitz faisait l’objet d’un audit interne pour déterminer quelle somme d’argent non comptabilisée les membres de la coopérative avaient mis de côté pour payer les producteurs de café à crédit, attendant la vente de leur produit, le Conseil du Bon Gouvernement d'Oventik découvrit que les membres du conseil d'administration de Mut Vitz volaient de l'argent de la coopérative. Le Conseil émit un ordre d'arrestation contre les parties concernées et saisit leurs biens pour compenser l'argent volé.
+
+Les Zapatistes espéraient aussi utiliser leur Petite École pour mettre au clair le statut de leur Mouvement. Ils lisent la presse, et ils ont dit aux étudiants qu'ils savaient que les médias dominants annonçaient que le mouvement zapatiste était en fin de vie, qu'il avait rendu les armes, que le Subcomandante Marcos était mort d'un cancer des poumons ou qu’il avait été viré, que la Comandancia (Les leaders Zapatistes) rencontrait le « mauvais » gouvernement en secret et en acceptait des millions de pesos, et que les Zapatistes étaient des communistes refoulés, parmi d'autres accusations infondées.
+
+De plus, les Zapatistes ont admis qu'il y avait eu des traîtres, des compañeros qui avaient quitté l'organisation et collaboré avec le gouvernement. Comme l'a dit un militant européen à la fin de la Petite École, « Je pense qu'ils ont réalisé qu'ils en étaient à un point où les services secrets en savaient plus sur le mode de fonctionnement du gouvernement zapatiste que les camarades de la société civile les ayant soutenu, et ont donc décidé de nous montrer ce qu'ils faisaient ».
+
+Après tout, le gouvernement civil zapatiste, non clandestin, et les indigènes non zapatistes utilisent quotidiennement les cliniques, lesystème judiciaire, les transports publics, et d'autres services qu'il semblait impossible d'obtenir du gouvernement mexicain. En plus,n'importe quel non-Zapatiste – que ça soit le « mauvais » gouvernement ou n'importe quelle organisation zapatiste - qui veut développer une infrastructure qui passe à travers le territoire zapatiste (électricité ou routes, par exemple) doit négocier avec le « bon » gouvernement zapatiste et donc en comprendre le fonctionnement. Avec la Petite École, les Zapatistes ont officiellement et pour qu'il en soit prit note, expliqué comment leur gouvernement fonctionne exactement.
+
+Peut-être que l'un des plus grand bénéfices de la Petite École eut lieu durant sont organisation. Les quatre livres scolaires de la Petite École, *Gouvernement Autonome, Partie I et II*, *La participation des femmes dans le Gouvernement Autonome* et *Résistance Autonome*, ainsi que les deux DVD accompagnant ces livres, furent créés par les Zapatistes eux-mêmes. Ces manuels sont le résultat des cinq *Caracoles* zapatistes (Les nœuds du gouvernement Zapatiste), au fil des voyages entrepris entre les régions pour récolter les témoignages et interviewer leurs camarades à propos de leur autogestion.
+
+L'approche du bas vers le haut du gouvernement zapatiste veut dire que chacun de ces *Caracoles* opère sous les mêmes principes de base et vers les mêmes buts, mais que leurs opérations au jour le jour diffèrent parfois singulièrement. Par exemple, chaque *Caracol* se compose d'un *Conseil du Bon Gouvernement*, la plus haute autorité de la région. Toutefois, chaque Conseil des Caracoles est organisé différemment. Une proportion importante des questions posées par les Zapatistes à leurs camarades dans la portion des manuels sur les interviews gravitait autour de leurs expériences, échecs et succès.
+
+Par exemple, un membre du Conseil d'Oventik demande à un ancien membre du Conseil de Morelia : « Est-ce que les douze membres du Conseil [de Morelia] sont capables de faire tout leur travail ? Parce qu’à Caracol II, nous sommes 28 et nous nous sentons parfois surmenés ». La réponse du Zapatiste de Morelia fut de reconnaître qu'ils se sentaient eux aussi surmenés et qu'ils avaient besoin de restructuration, sans pour autant être capables de proposer mieux jusqu’à aujourd'hui.
+
+Quand les Zapatistes prirent les armes au Chiapas le 1er Janvier 1994, ils désiraient leur liberté et leur autonomie. « Mais nous n'avions pas de guide ou de plan pour nous indiquer quoi faire », m’expliqua unpromoteur d'éducation zapatiste. « Pour nous, c'était d'abord la pratique, ensuite la théorie ».
+
+Tandis qu'une partie de l’EZLN faisait fuir de leurs plantations les riches propriétaires terriens de la campagne du Chiapas durant l'aube de la journée de l'an, d'autres contingents prirent sept villes majeurs de l’État. « Tout ce que nous avions accompli fut possible grâce à nos armes, qui ouvrirent le chemin sur lequel nous marchons aujourd'hui » explique un Zapatiste d'Oventik dans un DVD de la Petite École. « [Depuis lors], chacune de nos réalisations, nous l'avons concrétisée sans tirer un coup de feu ».
+
+Immédiatement après le soulèvement, les Zapatistes mirent en place un gouvernement autonome au niveau des villes. Chaque cité nomma ses autorités locales et forma une assemblée. « Mais vu que nous étions en guerre, nous perdions sans arrêt des autorités locales » explique Lorena, un promoteur/ organisateur ?? de santé publique de San Pedro de Michoacan dans La Realidad. « Il y avais du chaos dans les communautés ». Comme mesure de prévention, le commandement militaire de l’EZLN dût  entrer en piste et endosser des rôles que les autorités civiles n'étaient pas capable d'assumer durant le chaos de la guerre.
+
+Le commandement militaire tint des consultations avec les autorités civiles, et d’un commun accord, mit en place des municipalités autonomes dans le but d’établir l'ordre et un gouvernement civil dans les territoires rebelles. En décembre 1994, les Zapatistes inaugurèrent 38 municipalités autonomes dans un nombre inconnu de villes. Chaque municipalité avait son propre conseil nommé par les villes, ce qui permit une meilleur coordination entre les villes et une plus grande organisation formelle et des affaires civiles.
+
+![Une patrouille de combattants zapatiste dans la forêt du Chiapas.](zapatista-patrol.jpg)
+Une patrouille de combattants zapatiste dans la forêt du Chiapas.
+
+Alors que des militants solidaires arrivaient en territoire zapatiste pour apporter leur soutien financier et faire don de leur travail, le commandement de l’EZLN réalisa que certaines municipalités recevaient plus de soutien que d'autres, plus isolées. « Suivant l’ordre du [Commandant], le conseil municipal se réunit et commença à superviser l'avancement des municipalités, combien de soutien chacune recevait, et quels projets étaient réalisés » m'expliqua Dorotea, un ancien membre du Conseil du Bon Gouvernement de La Realidad.
+
+En 1997, les Zapatistes formalisèrent les assemblés municipales en créant l'Association des Municipalités Autonomes formée de représentants de chaque municipalité. « Avec l'association des municipalités, des tâches et du travail de la santé, de l'éducation, et du commerce furent supervisées », se rappelle Doroteo. « Durant ce temps, un entrepôt de biens secs fut crée ... dans l'idée d'apporter un soutien [économique] aux travailleurs à pleins temps de l’hôpital [zapatiste] de San José del Rio ».
+
+Durant la création de l'Association des Municipalités Autonomes, les Zapatistes redistribuèrent formellement les terres qui avaient été saisies durant le soulèvement de 1994. Les sans-terres zapatistes partirent de leurs communautés de naissance pour s'installer sur les terres récupérées, qu'ils pouvaient finalement appeler la leur, réalisant la maxime du héros Emiliano Zapata : « La Terre à ceux qui la travaillent ! »
+
+En 2003, les Zapatistes ont inauguré le troisième niveau de leur gouvernement autonome, les cinq Conseils Du Bon Gouvernement, situé à La Realidad, Oventik, La Garrucha, Morelia et Roberto Barrios. Néanmoins, l’organisation de plus haut niveau de gouvernement ne veut pas dire que les Zapatistes s'éloignent d'une démocratie directe à travers des assemblés locales. Au contraire, toutes les propositions doivent être approuvées par les assemblées des villes.
+
+Les propositions émanent des assemblées des villes et remontent dans les différents niveaux du gouvernement autonome si elles concernent plus que la ville de laquelle elles proviennent. Chaque proposition passe par le conseil municipal, qui transmet ensuite les propositions approuvées au Conseil du Bon Gouvernement, qui à son tour les faits suivre à son Commandement, qui va ensuite renvoyer la proposition dans les cinq conseils du Bon Gouvernement. Une fois avalisées, ces propositions sont retournées aux conseils municipaux, qui les relaient aux différentes villes pour consultation et mise en œuvre.
+
+Le Commandement peut aussi élaborer ses propres propositions et les transmettre aux trois niveaux du gouvernement citoyen pour consultation et mise en œuvre. De fait, même si les Conseils du Bon Gouvernement sont les plus hautes autorités du gouvernement autonome, ils n'ont aucune autorité pour créer des lois. Les conseils sont cantonnés à leurs deux rôles principaux : coordonner et promouvoir le travail dans leurs régions, imposer et effectuer l'application des lois et des mandats zapatistes qui ont été approuvés par le peuple.
+
+Parce que les Zapatistes ont construit leur gouvernement de bas en haut, que les individus se sont organisés dans des assemblés de communautés, qui sont à leur tour organisées en conseils municipaux, qui, eux, sont sous-jacents aux cinq conseils du Bon Gouvernement, chaque Caracol est différent. Tous travaille à l’application des principes zapatistes : La terre, un toit, la santé, l'éducation, le travail, la nourriture, la justice, la démocratie, la culture, l'indépendance, la liberté et la paix. Toutefois, les progrès réalisés par les Zapatistes dans la mise en œuvre  de ces principes varient d’un Caracol à l’autre. Certains Caracoles, tel celui de La Garrucha, ont des projets économiques collectifs comme des boutiques ou l’élevage de bovins pour financer les activités politiques dans chacun des trois niveaux de gouvernement; d'autres Caracoles, comme celui d'Oventik, ont seulement des projets économiques collectifs dans certaines de leurs villes.
+
+Globalement, les méthodes et le succès de l'application du Droit Révolutionnaire Des Femmes varient. Morelia, par exemple, rencontre des difficultés quant à la promotion de la participation des femmes dans les plus hauts niveaux du gouvernement autonome. Toutefois, Morelia est unique parmi les Caracoles parce que sa Commission d'Honneur et de Justice (l'équivalent du système de justice) a un plan spécial pour les affaires en lien avec les viols, qui vise à réduit la victimisation des femmes et les encourage à dénoncer leurs agressions.
+
+Beaucoup ont parlé des récentes mobilisations zapatistes, telle celle du 21 Décembre 2012, la marche silencieuse et la création de la Petite École, comme d'une résurgence zapatiste. La Petite École mit une chose en avant : ce n'était pas une résurgence, parce que les Zapatistes n'avaient jamais disparu. Durant la petite école, les étudiants ont appris de la création, qui semble sans fin, de nouvelles coopératives, des expériences zapatistes dans la gouvernance collective, en amélioration constante, et comment les donations de leurs sympathisants ont été investies dans un stock de vivres et des entrepôts pour qu'ils puissent payer des dividendes qui servirons sur le long terme à payer le budget des hôpitaux et des cliniques.
+
+La leçon du jour de la Petite École est claire : si les Zapatistes ne parlent pas à la presse, ne faites pas l'erreur de penser que c'est parce qu'ils sont en perte de vitesse ou qu'ils disparaissent... Ils sont simplement en train de travailler très dur pour l'avancement de leur autonomie, et n'ont pas le temps d'entendre les critiques de leurs ennemis.
+
+Après tout, leur succès se mesure en avancées et non pas en rhétorique. Comme l'a dit un Zapatiste à la fin de la Petite École à Oventik, « Nous démontrons au mauvais gouvernement que nous ne voulons pas de lui, n'en n'avons pas besoin, et qu'il n'est pas nécessaire pour que nous puissions subvenir à nous-même ».
+
+Kristin Bricker est une journaliste mexicaine . Elle contribue au Programme américain CIP.
+
+[Source Originale (Via Web Archive)](https://web.archive.org/web/20131021180940/http://www.cipamericas.org/archives/10606)
+
+**Photo de couverture par [Theklan](https://www.flickr.com/photos/theklan/)**
+
+**Article publié à l'origine sur [Warrior Publications en
+anglais](https://warriorpublications.wordpress.com/2013/09/20/practice-first-then-theory-the-zapatista-little-school-shares-lessons-learned-during-19-years-of-self-governance/).**
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg b/content/Articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg
new file mode 100644
index 0000000..610df26
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg.copy b/content/Articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg.copy
new file mode 100644
index 0000000..d77a82b
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg.copy differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg b/content/Articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg
new file mode 100755
index 0000000..d8ae8d2
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg.copy b/content/Articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg.copy
new file mode 100755
index 0000000..d27e1a0
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg.copy differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg b/content/Articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg
new file mode 100755
index 0000000..b778d64
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg.copy b/content/Articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg.copy
new file mode 100755
index 0000000..1e17435
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg.copy differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg b/content/Articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg
new file mode 100755
index 0000000..5a557a5
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg differ
diff --git a/content/Articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg.copy b/content/Articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg.copy
new file mode 100755
index 0000000..204c7fd
Binary files /dev/null and b/content/Articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg.copy differ
diff --git a/content/Stories/across-town/cover.jpg b/content/Stories/across-town/cover.jpg
new file mode 100644
index 0000000..001c878
Binary files /dev/null and b/content/Stories/across-town/cover.jpg differ
diff --git a/content/Stories/across-town/cover.jpg.copy b/content/Stories/across-town/cover.jpg.copy
new file mode 100644
index 0000000..7a0237e
Binary files /dev/null and b/content/Stories/across-town/cover.jpg.copy differ
diff --git a/content/Stories/across-town/gardening.jpg b/content/Stories/across-town/gardening.jpg
new file mode 100644
index 0000000..91e2466
Binary files /dev/null and b/content/Stories/across-town/gardening.jpg differ
diff --git a/content/Stories/across-town/gardening.jpg.copy b/content/Stories/across-town/gardening.jpg.copy
new file mode 100644
index 0000000..c864709
Binary files /dev/null and b/content/Stories/across-town/gardening.jpg.copy differ
diff --git a/content/Stories/across-town/hydro.jpg b/content/Stories/across-town/hydro.jpg
new file mode 100644
index 0000000..899a1bd
Binary files /dev/null and b/content/Stories/across-town/hydro.jpg differ
diff --git a/content/Stories/across-town/hydro.jpg.copy b/content/Stories/across-town/hydro.jpg.copy
new file mode 100644
index 0000000..6b2ff8a
Binary files /dev/null and b/content/Stories/across-town/hydro.jpg.copy differ
diff --git a/content/Stories/across-town/index.md b/content/Stories/across-town/index.md
new file mode 100644
index 0000000..c117ecd
--- /dev/null
+++ b/content/Stories/across-town/index.md
@@ -0,0 +1,90 @@
+---
+title: "Across Town"
+date: 2019-01-03T18:27:07Z
+description : "As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price."
+categories : ["English","Blog"]
+featuredImage : "https://n07070.xyz/img/across-town/across-town.jpg"
+dropCap: true
+displayInMenu: false
+displayInList: true
+draft: false
+resources:
+- name: featuredImage
+  src: "cover.jpg"
+---
+
+As I came out of The Green Fairy, my neighbordhood's associative coffee shop, I was hit by a ray of light, and needed to stop for a few seconds. I'd spent the night drinking, some home-made beer a friend had been brewing for the past months, and let me tell you, it was one of the finest beer I had recently. The sweet aromas of orange and cinammon were very welcome, but now I had to pay their price.
+
+Thankfully, this coffe shop is my little retreat. It’s not really a coffe shop actually, every one that comes in takes turns in opening and taking care of it, but nobody will serve you here. You can find couches, a kitchen, and it’s up to you too make your food and stuff. I can stay there as long as I want, and usually just sit on a chair in the courtyard behind the building, listing to the birds sing, the sound of the water and people discussing around me. In winter, the brick walls stay dry and warm, birds come for refuge, chirping as the sun rises.
+
+Anyways, today I wasn’t able to stay all afternoon as I usually do. I needed to see my friend Jules. He had gathered with a few friends to reopen a old building downtown, and they where starting to put a hydroponic system in place to grow their own food. There first though was to connect to the water grid and use a pump to bring water, but we wanted a better and more autonomous system.
+
+During my time in France, I had the chance to come across a collective that wanted to open-source agriculture, and try to simplify the tech we use. I learned a few things about punching holes in PVC and bamboo pipes. But today, I was gonna be useful, even without a drill.
+
+When I was 5, my grand parents bought me and my sister a bike for christmas. It had litte wheels on the side, and I went around the house and the garden with a big smile. The day after, we went to the closest parc, and since then I haven’t come off my bike’s saddle.
+
+I started walking toward the docks, only a few minutes away. I left my bike there last night, cause I wasn’t really able to ride it, if you see what I mean. I turned left on Proudhon street, and I arrived in front of a big warehouse. You could see a huge painting on the facade : a bicycle wheel with plants and flowers growing around it, painted by a crew of local artists and squatters, a few years back. Behind a big door, Mike was waiting for me. Mike's a cool guy. He's part of a collective who lends small four-wheel bikes with trunks to move stuff around. The solar panels on the roof power the electric batteries, so even people that aren’t very strong can move their cats and dogs around in the city. While I was lost in my thoughts, Mike slid the door open in front of me.
+
+As I passed through the door, everybody went silent. Mike looked at me, eyes wide open, and stared for what felt like an eternity. He started laughing, laughing so hard that everybody followed, and I was dazzeld as to what was happening.
+
+> “You didn’t take a shower last night did you ? ” He asked.
+
+> “Well, no, I didn’t have time, why ? ”
+
+> “Go look at yourself in the mirrow”, he said, in tears.
+
+Fuck. My friends drew a huge fish, right in the middle of my forhead, again. The’re getting better at drawing fish, I thought, as I was cleaning my face.
+
+Mike told me to come see him in the back of the warehouse as I was whiping off the last bits of ink. He had prepared my ride for the day. I had the black-and-white stripped trike ! It also had a big eye painted on the back, which I always found funny because it made me think of the way some butterflies have “eyes” on there wings to scare birds. We painted the eye to scare cars !
+
+> “As always, you’ll need to bring it back and service it with Thapelo, they’ll be the one in charge this afternoon…”
+
+> “No worries Mike, you know how I drive !”
+
+> “Yes that’s what worries me…”
+
+I took the keys of the trike, and said goodbye to everyone. I pressed on the pedal as I started to roll.  
+
+I left the docks with my trike, and decided to take the bike lanes on the side of the river. The trees shade most the ride from the sun, and delicatly brush in the wind. I always like to see people rowing and swim, now that the rivers are clean. I never though I would of seen that one day, but it took only three years to get clean, and fish have now started to come back.  
+
+I followed the river until I got to the new communal center, made a turn, and rode further into the city. As I arrived near the 20th district market, I stopped, and parked by bike.  
+
+I heard that a new bamboo pipe shippement had arrived, and I wanted to get a few for the hydroponics system. I also wanted to go see the gardener’s corner to get a few seeds and, if I could find it, a hop plant. I’ve got a projet brewing in my mind for that one.  
+
+![Art by www.liekeland.nl](market.jpg)
+
+The market in itself was in a huge hall, made of cast iron. It was all painted red, in rememberance of the blood people spilled building it at the time. It had a glass roof that provided a lot of sun all year round, and in the winter, big curtains of vibrant colors where put up during a small festival in the first week of november. Every family, collective and there friends make the curtains and restore the old one during the party, and at night it becomes a huge music-hall… I love this place, sometimes when I go through it, I can almost hear last year's music in the back of my head. I was arriving to the building section of the market.  
+
+Indeed the bamboo pipes had arrived. I took a few, and asked if someone wanted to help me move them to my trike. A young person smoking a cigarette told me that they would be there in a minute. I offered to teach them how to make a herbal cigarette with minth and hazelnut leaves in exchange.  
+
+Moving the pipes was the easy part. We just took each pipe on each side, and stacked them on the roof. I was wondering if the tryke could hold the weight, but what really worried me was hitting someone while turning. I guess a small red cloth will do the trick, __I hope__...  
+
+Once the pipes where loaded, we sat down. I had a small bag of smoking herbs, and handed them a small batch. It was a 70% hazelnut and 30% minth mix, but I explained you could mix it to your taste. We shared a cigarette and went each our ways.  
+
+Now, for the best part of my day : the gardener’s corner. It’s filled with the most exotic plants, and, among other things, you can find a few herborists that have some of the best teas to cure the worst hangovers. At the entrance, you can spot a big pot of boiling water, where you can make yourself tea. I went to exchange a usb key for a few herbs.  
+
+I took my usual, and asked around for a hop plant. An old woman, who traveled half the world after feeling her home in rural East Asia told me about a Berliner that had a few plants she grew in her garden. My german wasn't that good, but I managed to update her computer in exchange for two hops and a morning glory.  
+
+After loading all of that in my trike, I pedaled to the building my friends had opened. It was an old, grey building that was once home to a horrible police departement. When the last officer of the city gave his gun back, the bulding closed, and nobody wanted to do anything with it. Until recently. It wasn’t very welcoming, but flowers were starting to bloom all over it... The parking had been destroyed and upgraded to a garden. My morning glories where soon going to be climing all over the walls. Someone was playing guitar and children where learning how to make a wind turbine.
+
+![Art by www.liekeland.nl](gardening.jpg)
+
+As I unloaded the pipes, Jules shouted at me from the roof : “There you are ! We thought that you got lost in the gardener’s market again !”
+
+“Not today ! Come help me bring all of this upstairs instead of standing in front of my sunshine !” I shouted back jockingly.
+
+Bringing the pipes up to the roof was not easy, even with ropes. They were pretty heavy, but they especially moved around so much that we nearly smashed a window. It took us the best of an hour.
+
+Once all of the pipes were on the roof, we started measuring them to fit the water irrigation system we designed. Two buildings next to ours had big tarpaulins that fed into pipes, that connected to a big water tank on our roof. The system could store quite a bit of water, which would be good enough for most of the year. From that tank, we needed to bring water to the different parts of the roof, and the different plants.
+
+![A hydroponic system with pvc pipes](hydro.jpg)
+
+Naseem, a friend of Jules, had studied electric-less water control systems and came up with something truly ingenious : a small black glass contraption. When it's heated by the sun, it creates a void that pumps up water from the tank into a Pythagorean cup system. Gravity then pumps water by itself. It took me some time to understand exactly how it worked, it seemed like magic for me.
+
+When it’s raining, no need for water, and went it’s cold, it takes more time for water to evaporate, so it’s fool-proof year-round.
+
+The difficulty lied in calibrating the system, and that's what took most of the evening. It was interruped by a water battle and a few water bombs from the kids downstairs, but we fought back with water guns !
+
+As the sun went down, we started to feel tired. The sun had been shining all day, but the LEDs were now starting to turn on, and it was becoming harded to see what we where doing... I headed to the cellar where a few jars of grass, a welcoming present from the couple down the street. When I came back up, everybody had stopped working. I offered everybody to have a joint, and someone brought out a guitar. Why is there always a guitar ?! The barbecue was well under way, and everybody needed to rest a little before eating.
+
+I climed to the top of the water tank, and, as I was sparking up, I admired the sky, where the setting sun had drawn big orange strays.
diff --git a/content/Stories/across-town/market.jpg b/content/Stories/across-town/market.jpg
new file mode 100644
index 0000000..21cdc4c
Binary files /dev/null and b/content/Stories/across-town/market.jpg differ
diff --git a/content/Stories/across-town/market.jpg.copy b/content/Stories/across-town/market.jpg.copy
new file mode 100644
index 0000000..691862f
Binary files /dev/null and b/content/Stories/across-town/market.jpg.copy differ
diff --git a/content/Stories/fixing-my-arms-with-free-software/Fixing_arms.md b/content/Stories/fixing-my-arms-with-free-software/Fixing_arms.md
new file mode 100644
index 0000000..8880da2
--- /dev/null
+++ b/content/Stories/fixing-my-arms-with-free-software/Fixing_arms.md
@@ -0,0 +1,3 @@
+# Fixing my arms with free software
+
+https://repair.org/agriculture
diff --git a/content/Stories/fixing-my-arms-with-free-software/cover.jpg b/content/Stories/fixing-my-arms-with-free-software/cover.jpg
new file mode 100644
index 0000000..3d72c7e
Binary files /dev/null and b/content/Stories/fixing-my-arms-with-free-software/cover.jpg differ
diff --git a/content/Stories/fixing-my-arms-with-free-software/index.md b/content/Stories/fixing-my-arms-with-free-software/index.md
new file mode 100644
index 0000000..414c653
--- /dev/null
+++ b/content/Stories/fixing-my-arms-with-free-software/index.md
@@ -0,0 +1,36 @@
++++
+draft = true
+categories = ["English","Story"]
+title = "GNU/Hand and how I fixed my arms with free software."
+displayInMenu = false
+dropCap = true
+featuredImage = "https://n07070.xyz/img/fixing-my-arms-with-free-software/cover.jpg"
+description = "In the spring of 2021, I was on vacation in Switzerland with my family. We had this beautiful chalet that was passed down from generation to generation, an hour drive from the closet city. We were lost in nature, surrounded by the mountains and... cows. They where raised by a farmer which I tried to help fixing his machines, loosing an arm in the process. I then tried to make the most out of it, while keeping the control over my body, by keeping control over the software."
+date = "2020-08-01T13:37:00Z"
+displayInList = true
++++
+
+In the spring of 2021, I was on vacation in Switzerland with my family. We had this beautiful chalet that was passed down from generation to generation, an hour drive from the closet city. We were lost in nature, surrounded by the mountains and... cows. Our neighbor was a friend of my mother, and had raised cows, like his father before him. And, that made our surroundings looked like a garden, thanks to the freshly-cut grass, that he fed to his cows in winter. I never asked how much land he had, but I guessed that he had to cut down, dry, pack and store more than 40 tons of grass. And he needed to do that twice during the short two months of summer ! So, family, friends and neighbors came together to help with the grass cutting. It was part of the life of the valley, and we all worked hard but joyfully ! After the work, a big barbecue was waiting for us... Having all this help meant that we he worked less, and was capable of going on, in otherwise hard times.
+
+As for myself, I had no problem working with everyone in the fields. I was doing it since I was young. But, when I was not on holidays, I worked in a co-op that helped people around Europe connect to the internet and learn how to use computers, in either form. Recently, we had met a group of farmers from Iowa, in the US, who had been working with Ukrainien hackers to develop a free software for their trucks and [tractors.](https://repair.org/agriculture). It was amazing, because thoses farmers had shifted from "we don't need no internet" to being fierce advocates of the free software movements, some even learning to code !
+
+So, when my neighbor came up in haste to the fields, and shouting my name, I was first pretty scared ! He was a though guy, even if he was nearly 60 years old, he was square, and had been moving mountains around since he was a kid. He looked at me, and his eyes went from concern to sadness. What was happening ? He paused, and as he took his breath, he started to explain... His transporter, a Aebi eVT 850, being fully electric, had been acting up for the past few days, and had refused to turn back on after he deposited the grass in his barn. He asked me if I could, being an computer guy, look into it and do something. He told me that even though the Aebi tech people could look at the issue right way via a LTE connexion, it cost nearly 300.- CHF an hour to do so ! And he didn't have that kind of money, plus, the weather was getting cloudy and if it rained on the fresh grass, it would rot and be lost !
+
+He swore in swiss-german, cursing himself for having sold his old diesel transported. I could feel his anger, and it was partly because of this kind of problem that I had bought a diesel from 1999, even thought it wasn't C02-free, it never broke down like that. And if it did, repair manual had been published on the internet. I told him I could give a look, but I need to get my computer and a few cables. Can you believe that they didn't even provide a USB cable with you truck ? 
+
+I went back to my house, while he went to his. He went to get a cross. I got my computer, a USB key, a USB cable, some electrical wires I had lying around, and a voltmeter. Was I a 21th century car mechanic ?
+
+// I try to fix the motor, and while doing so, I unplug everything, but the motor has an capacitor / battery I didn’t see, and it chops of one of my arms
+// Shock, horror, comma
+// Insurance ? I was fixing something while not authorized 
+// New arm : robotic, but proprietary
+// Super fancy : lots of function, but thus very heavy, and very expensive ( paid for by the cooperative insurance )
+// Fuck that, I’m gonna do my own 
+// 3D print it
+// Flash it, update it
+
+
+---
+
+
+
diff --git a/content/Stories/solarpunk/Solarpunk.md b/content/Stories/solarpunk/Solarpunk.md
new file mode 100644
index 0000000..0632173
--- /dev/null
+++ b/content/Stories/solarpunk/Solarpunk.md
@@ -0,0 +1,5 @@
+# Solarpunk 
+
+I just got off my boat in this beginning of summer, 2034. The sweet coast of France, whased upon by a hot wind, where small trees now grow everywhere, replacing the old farms have brought a very peacefull atmosphere. I always loved arriving back home, the _depaysagement_ I felt in Greece was starting to get heavy on me. You would think that one of the biggest harbors in the region would be huge, all made of glass, steel and concret. But this one in constrat was the nicest I knew of. And I think that the light that fell from the glass roof, passing in the flowers that grew on the roof, all made of tiles of hexagonal wood pains, brought something to it. As I walked off the boat on a small deck I could only stop for a second and take a deep breath, pausing for a second and look at the harbord. The gardens that surrounded it, nowhere on earth where they so pretty. Now that all public space where made common, people had started to care about the places they lived in and made every parking spot into a garden, every mall into a community center and every townhall into a maternety, they was so many more place for beauty to arise from. 
+
+I need to get to my friend's house before noon but so much had changed in the past two years. Before, when you arrived here, you needed to take a bus or a cab to move around. It cost money, took time and it really wasn't enjoyable. Now, the tram made it possible for everyone to move around really fast. Being free and automated, they where trains every few minutes. I got on the one of 12:14, but I could of took the one before. I just needed a second to smoke a small joint I had left in the back of my pocket.
diff --git a/content/Stories/solarpunk/index.md b/content/Stories/solarpunk/index.md
new file mode 100644
index 0000000..32629fe
--- /dev/null
+++ b/content/Stories/solarpunk/index.md
@@ -0,0 +1,13 @@
++++
+draft = true
+categories = []
+title = ""
+displayInMenu = false
+dropCap = true
+featuredImage = ""
+description = ""
+date = "2019-01-02T22:25:20Z"
+displayInList = true
+
++++
+
diff --git a/content/content/Articles/cool-links/2020/December b/content/content/Articles/cool-links/2020/December
new file mode 100644
index 0000000..6f0fe3c
--- /dev/null
+++ b/content/content/Articles/cool-links/2020/December
@@ -0,0 +1,6 @@
+---
+title: "December"
+date: 2020-12-24T15:14:21+01:00
+draft: true
+---
+
diff --git a/content/favicon.ico b/content/favicon.ico
new file mode 100644
index 0000000..38dc550
Binary files /dev/null and b/content/favicon.ico differ
diff --git a/public/about-me/about-me/index.html b/public/about-me/about-me/index.html
new file mode 100644
index 0000000..2abfd34
--- /dev/null
+++ b/public/about-me/about-me/index.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>About me &middot; The Octet Press</title>
+  <meta name="description" content="Who am I ?" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/about-me/" class="">ABOUT ME</a></li>
+           <li><a href="/about-me/art-and-code/" class="">ART &amp; CODE</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">About me</h1>
+          <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        
+        
+        <p><img src="me.jpg" alt=""></p>
+<h2 id="what-is-this-blog-about-">What is this blog about ?</h2>
+<p>For the moment it&rsquo;s mostly some articles I wrote, but over time, if I get good feedback, I&rsquo;ll try to turn to publishing as a full-time job. I plan on writing about ecology, tech, society, traveling,  politics and fiction. If you like hastags, #SolarPunk, #VanLife, #DIY, #dWeb&hellip;</p>
+<p>I&rsquo;m writing in French and English, maybe even in Esperanto one day !</p>
+<p>Most of the articles and general structure of the blog&rsquo;s source is found <a href="http://git.n07070.xyz/n07070/Blog-Articles">in my git server</a> ! Feel free to correct things or propose articles and such !</p>
+<h2 id="who-am-i-">Who am I ?</h2>
+<p>I&rsquo;m a student in his twenties. I&rsquo;m trying to figure out life. If you have any thing to say to me, or would just like to tchat, hit me up at <a href="mailto:contact@n07070.xyz">this email</a> !</p>
+<h2 id="projects-and-code">Projects and code</h2>
+<p>I try to keep my git up-to-date, but for now, I&rsquo;m mainly migrating bit by bit from Microsoft&rsquo;s Github.</p>
+<ul>
+<li><a href="http://git.n07070.xyz">git.n07070.xyz - code projects</a></li>
+<li><a href="https://projects.n07070.xyz/">Other projects</a></li>
+</ul>
+<h2 id="how-to-follow-this-blog">How to follow this blog</h2>
+<p>You can follow this blog with :</p>
+<ul>
+<li><a href="https://n07070.xyz/index.xml">RSS</a></li>
+<li><a href="http://@Octet_Press@bots.tinysubversions.com">ActivityPub</a></li>
+<li>Or by coming every two weeks. I won&rsquo;t post more than that&hellip; for now.</li>
+</ul>
+<h2 id="how-you-can-help">How you can help</h2>
+<p>Writing is time-consuming, and sadly I need to work. Each euro you give me is a step ahead ! If you wonder how I&rsquo;m gonna use your money, feel free to shoot an email at me !</p>
+<p>I accept donations via Liberapay for now, but if you prefer another way, I&rsquo;m sure I can set it up for you. Just ask me !</p>
+<!-- raw HTML omitted -->
+<p><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/about-me/art-and-code/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <article class="card-body">
+    <h2 class="card-title">Art &amp; Code</h2>
+    <p class="card-text">My art and my code</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-01-02 12:00">Jan 2, 2019</time>
+      </p>
+
+      
+        <p>
+        
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/about-me/art-and-code/index.html b/public/about-me/art-and-code/index.html
new file mode 100644
index 0000000..28d0b15
--- /dev/null
+++ b/public/about-me/art-and-code/index.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Art &amp; Code &middot; The Octet Press</title>
+  <meta name="description" content="My art and my code" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/about-me/" class="">ABOUT ME</a></li>
+           <li><a href="/about-me/art-and-code/" class="">ART &amp; CODE</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Art &amp; Code</h1>
+          <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        
+        
+        <h2 id="what-is-this-blog-about-">What is this blog about ?</h2>
+<p>For the moment it&rsquo;s mostly some articles I wrote, but over time, if I get good feedback, I&rsquo;ll try to turn to publishing as a full-time job. I plan on writing about ecology, tech, society, traveling,  politics and fiction. If you like hastags, #SolarPunk, #VanLife, #DIY, #dWeb&hellip;</p>
+<p>I&rsquo;m writing in French and English, maybe even in Esperanto one day !</p>
+<p>Most of the articles and general structure of the blog&rsquo;s source is found <a href="http://git.n07070.xyz/n07070/Blog-Articles">in my git server</a> ! Feel free to correct things or propose articles and such !</p>
+<h2 id="who-am-i-">Who am I ?</h2>
+<p>I&rsquo;m a student in his twenties. I&rsquo;m trying to figure out life. If you have any thing to say to me, or would just like to tchat, hit me up at <a href="mailto:contact@n07070.xyz">this email</a> !</p>
+<h2 id="projects-and-code">Projects and code</h2>
+<p>I try to keep my git up-to-date, but for now, I&rsquo;m mainly migrating bit by bit from Microsoft&rsquo;s Github.</p>
+<ul>
+<li><a href="http://git.n07070.xyz">git.n07070.xyz - code projects</a></li>
+<li><a href="https://projects.n07070.xyz/">Other projects</a></li>
+</ul>
+<h2 id="how-to-follow-this-blog">How to follow this blog</h2>
+<p>You can follow this blog with :</p>
+<ul>
+<li><a href="https://n07070.xyz/index.xml">RSS</a></li>
+<li><a href="http://@Octet_Press@bots.tinysubversions.com">ActivityPub</a></li>
+<li>Or by coming every two weeks. I won&rsquo;t post more than that&hellip; for now.</li>
+</ul>
+<h2 id="how-you-can-help">How you can help</h2>
+<p>Writing is time-consuming, and sadly I need to work. Each euro you give me is a step ahead ! If you wonder how I&rsquo;m gonna use your money, feel free to shoot an email at me !</p>
+<p>I accept donations via Liberapay for now, but if you prefer another way, I&rsquo;m sure I can set it up for you. Just ask me !</p>
+<!-- raw HTML omitted -->
+<p><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/about-me/cover.jpg b/public/about-me/cover.jpg
new file mode 100644
index 0000000..a07e30b
Binary files /dev/null and b/public/about-me/cover.jpg differ
diff --git a/public/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg b/public/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f6437fd
Binary files /dev/null and b/public/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/about-me/index.html b/public/about-me/index.html
new file mode 100644
index 0000000..eeeaf76
--- /dev/null
+++ b/public/about-me/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>About me &middot; The Octet Press</title>
+  <meta name="description" content="Who am I ?" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">About me</h1>
+          <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg">
+          <img src="/about-me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p><img src="me.jpg" alt=""></p>
+<h2 id="what-is-this-blog-about-">What is this blog about ?</h2>
+<p>For the moment it&rsquo;s mostly some articles I wrote, but over time, if I get good feedback, I&rsquo;ll try to turn to publishing as a full-time job. I plan on writing about ecology, tech, society, traveling,  politics and fiction. If you like hastags, #SolarPunk, #VanLife, #DIY, #dWeb&hellip;</p>
+<p>I&rsquo;m writing in French and English, maybe even in Esperanto one day !</p>
+<p>Most of the articles and general structure of the blog&rsquo;s source is found <a href="http://git.n07070.xyz/n07070/Blog-Articles">in my git server</a> ! Feel free to correct things or propose articles and such !</p>
+<h2 id="who-am-i-">Who am I ?</h2>
+<p>I&rsquo;m a student in his twenties. I&rsquo;m trying to figure out life. If you have any thing to say to me, or would just like to tchat, hit me up at <a href="mailto:contact@n07070.xyz">this email</a> !</p>
+<h2 id="projects-and-code">Projects and code</h2>
+<p>I try to keep my git up-to-date, but for now, I&rsquo;m mainly migrating bit by bit from Microsoft&rsquo;s Github.</p>
+<ul>
+<li><a href="http://git.n07070.xyz">git.n07070.xyz - code projects</a></li>
+<li><a href="https://projects.n07070.xyz/">Other projects</a></li>
+</ul>
+<h2 id="how-to-follow-this-blog">How to follow this blog</h2>
+<p>You can follow this blog with :</p>
+<ul>
+<li><a href="https://n07070.xyz/index.xml">RSS</a></li>
+<li><a href="http://@Octet_Press@bots.tinysubversions.com">ActivityPub</a></li>
+<li>Or by coming every two weeks. I won&rsquo;t post more than that&hellip; for now.</li>
+</ul>
+<h2 id="how-you-can-help">How you can help</h2>
+<p>Writing is time-consuming, and sadly I need to work. Each euro you give me is a step ahead ! If you wonder how I&rsquo;m gonna use your money, feel free to shoot an email at me !</p>
+<p>I accept donations via Liberapay for now, but if you prefer another way, I&rsquo;m sure I can set it up for you. Just ask me !</p>
+<!-- raw HTML omitted -->
+<p><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --><!-- raw HTML omitted --></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/about-me/index.xml b/public/about-me/index.xml
new file mode 100644
index 0000000..faa3b20
--- /dev/null
+++ b/public/about-me/index.xml
@@ -0,0 +1,14 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>About Mes - The Octet Press</title>
+    <link>/about-me/</link>
+    <description>Recent content in About Mes on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Wed, 02 Jan 2019 22:25:20 +0000</lastBuildDate>
+    
+        <atom:link href="/about-me/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/about-me/page/1/index.html b/public/about-me/page/1/index.html
new file mode 100644
index 0000000..9b2090d
--- /dev/null
+++ b/public/about-me/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/about-me/</title><link rel="canonical" href="/about-me/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/about-me/" /></head></html>
\ No newline at end of file
diff --git a/public/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg b/public/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg
new file mode 100644
index 0000000..eac4831
Binary files /dev/null and b/public/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg differ
diff --git a/public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg b/public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..55d92b3
Binary files /dev/null and b/public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg b/public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..55d92b3
Binary files /dev/null and b/public/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/a-case-for-the-importance-of-multiples-identites/index.html b/public/articles/a-case-for-the-importance-of-multiples-identites/index.html
new file mode 100644
index 0000000..dfae3f8
--- /dev/null
+++ b/public/articles/a-case-for-the-importance-of-multiples-identites/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>A case for the importance of multiple identities in the fediverse. &middot; The Octet Press</title>
+  <meta name="description" content="Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">A case for the importance of multiple identities in the fediverse.</h1>
+          <p class="post-date">Posted <time datetime="2019-07-01">Jul 1, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p>That&rsquo;s quite a long title, but I think the topic is pretty nice, and thus deserves a nice title. That&rsquo;s how it is, I guess ?</p>
+<p>Anyway, you may ask, what are you talking about ?</p>
+<p>Well, if you don&rsquo;t know what the fediverse is, it&rsquo;s&hellip; well, it&rsquo;s complicated. At the origin, it&rsquo;s a protocol that makes <a href="https://en.wikipedia.org/wiki/Federation_(information_technology)">federation</a> between websites possible. As of there, things started getting out of hand when people started making things with it. The W3C doesn&rsquo;t <strong>recommend</strong> that !</p>
+<p>It was new ! It was exciting ! The first projects that started using ActivityPub where raising a lot of questions&hellip; It&rsquo;s interesting, because the protocol made a lot of people tag along, and from different horizons that are starting to converge. But let&rsquo;s discuss <a href="http://search.disroot.org/?q=protocol%20politics%20information%20technology&amp;categories=general">protocol politics</a> another time&hellip;</p>
+<p>You see, people where wondering how to do things <strong>the right way</strong>. It&rsquo;s not the first time, but this new protocol is supposed to bring an end to the <a href="https://en.wikipedia.org/wiki/Big_Four_tech_companies">GAFAM</a>. By making it possible for two different websites to communicate and exchange information in real-time, there was little reason for a social network, for example, to exist under only one URL.</p>
+<p>It was like email, but for social networks. And much, much more&hellip;</p>
+<p>I know, we&rsquo;re getting sidetracked&hellip; I hear you from here saying what&rsquo;s the link between email and identity ?</p>
+<p>Email is a bit like your id card, but on the web, don&rsquo;t you find ? You log in with it, not your name.</p>
+<p>And social networks have changed the way we communicate with the world. It&rsquo;s the book of the 21th century. And, as each book you can write might be different, we, as our own, have multiples identities. I like tech, but I&rsquo;m also a gardener, and I dabble in politics. When I speak to people about art, my identity is linked to it.</p>
+<p>On the fediverse, we have access to a very large crowd, and small, more personal spaces. As in life.</p>
+<p>Some people have been asking hard questions about identity. Some would like your online ID to be tied to your official identity. I think it&rsquo;s a really bad ideal.</p>
+<p>If we want our networks to ressemble us, and make it possible for us to express as who we are, then it is important for us to be able to create, delete, update and multiplicate our identities online.</p>
+<hr>
+<p><strong>This article is a small reflexion about federated identities. If you want to talk more about it with me, you can always <a href="https://n07070.xyz/post/about-me/about-me/">shoot me an email or message !</a></strong></p>
+<p><strong>&ldquo;Dinnertime&rdquo; by <a href="https://www.flickr.com/photos/70937820@N00/5203710178">jabberwocky381</a> is licensed under CC BY-SA 2.0</strong></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/cool-links/june/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/cool-links/june/cover.jpg">
+      <img src="/articles/cool-links/june/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Cool links of June</h2>
+    <p class="card-text">June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-06-30 630:00">Jun 30, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #English #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/april/cover.jpg b/public/articles/cool-links/april/cover.jpg
new file mode 100644
index 0000000..34ab5d7
Binary files /dev/null and b/public/articles/cool-links/april/cover.jpg differ
diff --git a/public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f4851cb
Binary files /dev/null and b/public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..f4851cb
Binary files /dev/null and b/public/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/april/index.html b/public/articles/cool-links/april/index.html
new file mode 100644
index 0000000..8ec2d82
--- /dev/null
+++ b/public/articles/cool-links/april/index.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Cool links of April &middot; The Octet Press</title>
+  <meta name="description" content="Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... " />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Cool links of April</h1>
+          <p class="post-date">Posted <time datetime="2019-05-03">May 3, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <h1 id="cool-links-of-april">Cool links of April</h1>
+<p>Ho ho ho, this month the link stack is short. I didn&rsquo;t have much time to read, and most importantly I&rsquo;m finishing my studies for the year, which means I have examens to care about. Pfff&hellip; Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles.</p>
+<h2 id="the-chinese-burnerhttpslogicmagio07-the-chinese-burner"><a href="https://logicmag.io/07-the-chinese-burner/">The Chinese Burner</a></h2>
+<p>Each year, the great festival of Burning Man takes place in the desert, in the so-called USA. Each year, people from all around the worl come to celebrate a lifestyle of freedom, drugs, sex and new or alternative ways of thinking. Also, they burn stuff. And recently, chineses people have started to come to Burning man. For most of them, they work in startups and are rich. This article is a tale of the clash of cultures and how the OG burners and the Chineses newbies lived together. Also, the picture of the chineses tents seem to come straight out of a sci-fi story.</p>
+<h2 id="tech-is-heroinehttpstiny-giant-bookscomentry1htmlentryidrecgcpfuofuesupry"><a href="https://tiny-giant-books.com/Entry1.html?EntryId:recgcpfuOFUesUpRy">Tech is Heroine</a></h2>
+<p>We&rsquo;re not gonna solve the problems of tech with more tech. And, each tech we add to our lives has consequences that we don&rsquo;t see right away. But already today, we are starting to ask ourselves why some people feel so lonely in front of a portal to the whole world. This article does a comparison between the heroïne crisis and the tech influcence in our life.</p>
+<h2 id="the-healing-power-of-gardenshttpswwwnytimescom20190418opinionsundayoliver-sacks-gardenshtml"><a href="https://www.nytimes.com/2019/04/18/opinion/sunday/oliver-sacks-gardens.html">The healing power of gardens</a></h2>
+<p><img src="garden-healing.jpg" alt=""></p>
+<p>When you wonder through a garden, you feel the daily stress fade away. Your mind opens to more peaceful thoughts, and for some people it even has a direct consequence on there well-being. This article is written by a doctor who helps neuroatypical people, and they talk about the way gardens heal, some time more than medication, people with neurological problems.</p>
+<h2 id="the-south-bronxhttpwwwmartinebarratcomsouth-bronx"><a href="http://www.martinebarrat.com/south-bronx">The South Bronx</a></h2>
+<p>A collection of pictures from the Bronx in the 1970?. The contrast between the Bronx and Manhattan is stunning ! Also, the pictures are very nice.</p>
+<h2 id="just-switch-to-linux-is-the-losers-gamehttpsboilingsteamcomthe-switching-nonsense"><a href="https://boilingsteam.com/the-switching-nonsense/">“Just Switch to Linux” Is The Loser’s Game</a></h2>
+<p>A new way to think about how to get people to switch to Linux.</p>
+<h2 id="security-flaws-in-wpa3-protocol-let-attackers-hack-wifi-passwordhttpsthehackernewscom201904wpa3-hack-wifi-passwordhtml"><a href="https://thehackernews.com/2019/04/wpa3-hack-wifi-password.html">Security Flaws in WPA3 Protocol Let Attackers Hack WiFi Password</a></h2>
+<p>I&rsquo;ve never seen WPA3 in the wild, but even before that, it&rsquo;s already borked ! What a nice time to live. I hope the people working in infosec have good hearts. In practice, it won&rsquo;t really have an effect on your router, cause theses attacks are non-trivial and can be patched.</p>
+<h2 id="the-state-of-mobile-messaginghttpsframabinorgp2356b67717c54803"><a href="https://framabin.org/p/?2356b67717c54803">The state of mobile messaging</a></h2>
+<p>For the moment, it&rsquo;s far from perfect. I just hope Matrix goes somewhere.</p>
+<p>Edit : The link is broken, if somebody has the key to decrypt it, send it over to me !</p>
+<h2 id="its-not-play-if-youre-making-money-how-instagram-and-youtube-disrupted-child-labor-laws-httpswwwtheguardiancommedia2019apr24its-not-play-if-youre-making-money-how-instagram-and-youtube-disrupted-child-labor-laws"><a href="https://www.theguardian.com/media/2019/apr/24/its-not-play-if-youre-making-money-how-instagram-and-youtube-disrupted-child-labor-laws">&lsquo;It&rsquo;s not play if you&rsquo;re making money&rsquo;: how Instagram and YouTube disrupted child labor laws </a></h2>
+<p>When you&rsquo;re 5 years old, does having an instagram acccount, that makes your parents millions, is work ?</p>
+<hr>
+<h1 id="les-liens-cool-du-mois-davril">Les Liens cool du mois d&rsquo;avril</h1>
+<p>Ce mois-ci, beaucoup d&rsquo;analyse politique de l&rsquo;actualité. En même temps, vu le climat politique en France en ce moment, c&rsquo;est normal on va dire. Quelques liens aussi sur la technologie, et notamment une nouvelle qui est passée presque inapercue, à propos des écrans de pub dans le métro. Y&rsquo;a pas grand choses, mais les partiels m&rsquo;appellent.</p>
+<h2 id="les-ong-néolibérales-et-la-corruption-de-la-société-civilehttppartage-lecom201902les-ong-des-institutions-neoliberales-par-ana-minski"><a href="http://partage-le.com/2019/02/les-ong-des-institutions-neoliberales-par-ana-minski/">Les ONG néolibérales et la corruption de la société civile</a></h2>
+<p>Une ONG c&rsquo;est pas forcément un moyen de lutter contre le capitalisme. Des fois, c&rsquo;est même le contraire.</p>
+<h2 id="les-travailleurs-damazon-écoutent-ce-que-vous-dites-à-alexa-son-assistant-vocal-intelligenthttpswwwdeveloppezcomactu255604les-travailleurs-d-amazon-ecoutent-ce-que-vous-dites-a-alexa-son-assistant-vocal-intelligent-et-en-parlent-dans-un-forum-de-discussion-interne"><a href="https://www.developpez.com/actu/255604/Les-travailleurs-d-Amazon-ecoutent-ce-que-vous-dites-a-Alexa-son-assistant-vocal-intelligent-et-en-parlent-dans-un-forum-de-discussion-interne">Les travailleurs d&rsquo;Amazon écoutent ce que vous dites à Alexa, son assistant vocal intelligent.</a></h2>
+<p>Qui aurait cru que un micro connecté à internet toute la journée serait une bonne idée ?</p>
+<h2 id="quand-léconomie-circulaire-ne-tourne-pas-rondhttpskoriislatefrbizconsommation-vinted-vetements-recyclage-ecologie-economie-circulaire-fast-fashion"><a href="https://korii.slate.fr/biz/consommation-vinted-vetements-recyclage-ecologie-economie-circulaire-fast-fashion">Quand l&rsquo;économie circulaire ne tourne pas rond</a></h2>
+<p>Vous savez, cette nouvelle économie dite &lsquo;circulaire&rsquo; qui serait censé réduire la consommation tout en permettant d&rsquo;être plus respectueux de la nature, etc&hellip; hé bah c&rsquo;est pas ouf en vrai. Déjà, Uber, à la base c&rsquo;était partager sa caisse et arrondir ses fins de mois. Vinted, à la base, c&rsquo;était vider ses placards. En vrai, c&rsquo;est plutot permettre aux accro à la consommation de vêtement de revendre leurs achats. Pareil avec Too Good To Go, à la base c&rsquo;est manger ce que les restaurant ont pas vendu ( même si ça devrait être gratuit ! ), mais maintenant c&rsquo;est plus une promo éternelle dans les restaurant etc..</p>
+<h2 id="et-si-lavenir-du-féminisme-était-dans-la-techhttpwwwbarbieturixcom20190402et-si-lavenir-du-feminisme-etait-dans-la-tech"><a href="http://www.barbieturix.com/2019/04/02/et-si-lavenir-du-feminisme-etait-dans-la-tech/">Et si l&rsquo;avenir du féminisme était dans la tech</a></h2>
+<p>Tech et féminisme, quoi de neuf ?</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/cool-links/march/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/cool-links/march/cover.jpg">
+      <img src="/articles/cool-links/march/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Cool links of March</h2>
+    <p class="card-text">This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-04-02 42:00">Apr 2, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #English #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/febuary/cover.jpg b/public/articles/cool-links/febuary/cover.jpg
new file mode 100644
index 0000000..f78f4c6
Binary files /dev/null and b/public/articles/cool-links/febuary/cover.jpg differ
diff --git a/public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..79c709e
Binary files /dev/null and b/public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..79c709e
Binary files /dev/null and b/public/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/febuary/index.html b/public/articles/cool-links/febuary/index.html
new file mode 100644
index 0000000..4d3e42b
--- /dev/null
+++ b/public/articles/cool-links/febuary/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Cool links of Febuary &middot; The Octet Press</title>
+  <meta name="description" content="Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Cool links of Febuary</h1>
+          <p class="post-date">Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p>In this month&rsquo;s cool links, I&rsquo;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
+<h2 id="how-cuban-agriculture-went-from-industrial-to-sustainablehttpswwwyoutubecomwatchvtz0tovrhf5y-and-what-cuban-can-teach-the-world-about-organic-farminghttpswwwyoutubecomwatchv8msnxtmc1-e"><a href="https://www.youtube.com/watch?v=TZ0tovrhf5Y">How Cuban agriculture went from industrial to sustainable</a> and <a href="https://www.youtube.com/watch?v=8MsnXTMC1-E">What Cuban can teach the world about organic farming</a></h2>
+<p>After the fall of the Soviet Union in 1991, Cuban couldn&rsquo;t even have an industrial agriculture. So, after a special periode, out of necessity, most of the food is now grown on a small scale. Havana grows 90% of it&rsquo;s own food.</p>
+<h2 id="autocrypthttpsautocryptorg"><a href="https://autocrypt.org/">autocrypt</a></h2>
+<p>A new standard to make email encryption easiers. Just in time for email&rsquo;s death ?</p>
+<h2 id="saudi-arabia-runs-a-huge-sinister-online-database-of-women-that-men-use-to-track-them-and-stop-them-from-running-awayhttpswwwbusinessinsidercomabsher-saudi-website-men-control-women-stop-escape-2019-1irt"><a href="https://www.businessinsider.com/absher-saudi-website-men-control-women-stop-escape-2019-1?IR=T">Saudi Arabia runs a huge, sinister online database of women that men use to track them and stop them from running away</a></h2>
+<p>This shit is so fucked up on so many levels. It&rsquo;s the perfect cyber-dystopian control system. It&rsquo;s been like that for years, and even considering cutural differences that might make it hard for me to understand the more complexe social aspects, as one woman said in the article : it&rsquo;s bullshit.</p>
+<h2 id="nothings-wrong-with-facebook-apple-or-google-httpsaral20190111i-was-wrong-about-google-and-facebook-theres-nothing-wrong-with-them-so-say-we-all"><a href="https://ar.al/2019/01/11/i-was-wrong-about-google-and-facebook-theres-nothing-wrong-with-them-so-say-we-all/">Nothing&rsquo;s wrong with Facebook, Apple or Google !</a></h2>
+<p>When contradictions arise, you need to take a deep breath, and think for a second who is your ennemy and who is your friend.</p>
+<h2 id="facebook-can-track-you-from-dust-on-your-webcamhttpsgizmodocomfacebook-knows-how-to-track-you-using-the-dust-on-your-1821030620"><a href="https://gizmodo.com/facebook-knows-how-to-track-you-using-the-dust-on-your-1821030620">Facebook can track you from dust on your webcam</a></h2>
+<p>Nothing a small bit of tape can&rsquo;t fix. Let&rsquo;s say it&rsquo;s still a bit scary.</p>
+<h2 id="find-out-teapots-on-the-internet-with-this-weird-trick-httpstoolsietforghtmlrfc2324section-232"><a href="https://tools.ietf.org/html/rfc2324#section-2.3.2">Find out teapots on the internet with this weird trick !</a></h2>
+<p>418 I&rsquo;m a teapot. 🍵</p>
+<h2 id="downloading-adware-on-a-mac-because-of-imageshttpsblogconfiantcomconfiant-malwarebytes-uncover-steganography-based-ad-payload-that-drops-shlayer-trojan-on-mac-cd31e885c202gid45d6616ed0"><a href="https://blog.confiant.com/confiant-malwarebytes-uncover-steganography-based-ad-payload-that-drops-shlayer-trojan-on-mac-cd31e885c202?gi=d45d6616ed0">Downloading adware on a Mac because of images</a></h2>
+<p>When even simple images aren&rsquo;t safe&hellip;</p>
+<h2 id="men-toohttpsmediumcomsfardme-n-too-b371a573d9ff"><a href="https://medium.com/@sfard/me-n-too-b371a573d9ff">Men too</a></h2>
+<p>&ldquo;The me-too movement is an all-too-necessary crusade to expose the hidden prevalence of sexual assault and the men, particularly those in positions of authority, who abuse and intimidate non-consenting women.</p>
+<p>Unfortunately public discourse has not advanced far beyond revelations of celebrity offenders and surface-level slogans as opposed to a constructive conversation about root causes, the complexities of consent, and a culture that seems to condone male sexual violence. The occasional public shaming might be cathartic but it is only a first step towards a solution. And in an environment with zero tolerance for dissent, men feel alienated from the conversation and so destructive male attitudes retreat to silence instead of being challenged.&rdquo;</p>
+<h2 id="lina-iris-viktorhttpswwwlinaviktorcompainting"><a href="https://www.linaviktor.com/painting/">Lina Iris Viktor</a></h2>
+<p>Black, gold and art come together. Mostly paintings, with a slight Solarpunk vibe.</p>
+<h2 id="how-radix-trees-made-blocking-ips-5000-times-fasterhttpsblogsqreeniodemystifying-radix-trees"><a href="https://blog.sqreen.io/demystifying-radix-trees/">How Radix trees made blocking IPs 5000 times faster</a></h2>
+<p>&ldquo;To most people, what you learn during a CS degree doesn’t help much in your day to day job. That being said, you sometimes run in a problem which could have been an example used by a CS professor when introducing some core notions. This is one such instance, in regard to data structures.&rdquo;</p>
+<h2 id="medic-a-rust-cli-that-checks-the-passwords-of-a-keepass-databasehttpssts10githubio20190201medichtml"><a href="https://sts10.github.io/2019/02/01/medic.html">Medic: A Rust CLI that checks the passwords of a KeePass database</a></h2>
+<p>&ldquo;A Rust CLI that provides a variety of ways to check the &ldquo;health&rdquo; of a given KeePass database, including checking passwords against the Have I Been Pwned password list.&rdquo;</p>
+<h2 id="a-flower-growing-in-outer-space">A flower growing in outer-space.</h2>
+<p><img src="space-flower.jpg" alt="A picture of a flower abord the International Space Station"></p>
+<h2 id="how-atlanta-is-turning-ex-cons-into-urban-farmershttpswwwpoliticocommagazinestory20181206food-policy-incarceration-young-people-atlanta-222758"><a href="https://www.politico.com/magazine/story/2018/12/06/food-policy-incarceration-young-people-atlanta-222758">How Atlanta Is Turning Ex-Cons Into Urban Farmers</a></h2>
+<p>“I was so used to seeing death that I didn’t know how it’d feel to see something grow,” Trent said. “To see plants grow full of life, from something I control, it’s probably the best feeling in the world.”</p>
+<h2 id="serverhaunthttpswwwserverhuntercomsearch23a-5db-01a"><a href="https://www.serverhunter.com/?search=23A-5DB-01A">ServerHaunt</a></h2>
+<p>Cheap 0.30€ servers and more&hellip; Note : I am not sponsored in any way.</p>
+<h2 id="being-a-facebook-moderator-fucks-you-uphttpswwwthevergecom201922518229714cognizant-facebook-content-moderator-interviews-trauma-working-conditions-arizona"><a href="https://www.theverge.com/2019/2/25/18229714/cognizant-facebook-content-moderator-interviews-trauma-working-conditions-arizona">Being a Facebook moderator fucks you up.</a></h2>
+<p>Warning : this article talks a lot about mental trauma, death, traumatic behiavor, and more horrible things you might experience while browsing the internet.</p>
+<h2 id="why-you-should-really-let-nature-do-its-thing-in-your-backyardhttpwwwelegantcodingcom201803reimagining-suburban-yard-to-reversehtmlm1"><a href="http://www.elegantcoding.com/2018/03/reimagining-suburban-yard-to-reverse.html?m=1">Why you should really let nature do it&rsquo;s thing in your backyard</a></h2>
+<p>&ldquo;I wanted to share some things that I learned from growing native plants in my yard. This will be about what I learned about nature and some discoveries about how we might rethink the idea of the suburban yard from an alternate land management perspective.&rdquo;</p>
+<h3 id="liens-en-français">Liens en Français</h3>
+<h2 id="ric-and-rollhttpswwwyoutubecomwatchv0dxwwrorrgc"><a href="https://www.youtube.com/watch?v=0DXwWRORrGc">Ric and Roll</a></h2>
+<p>C&rsquo;est quoi le RIC ? Est-ce qu&rsquo;un référundum va forcément être utilisé pour manipuler les masses ? Une petite vidéo d&rsquo;Usul.</p>
+<h2 id="pas-de-google-home-mercihttpsframablogorg20190118allergie-au-google-home"><a href="https://framablog.org/2019/01/18/allergie-au-google-home/">Pas de Google Home merci</a></h2>
+<p>Est-ce que tu rentrerait chez quelqu&rsquo;un qui as un assistant vocal ? Une petite BD sur la question et ses implications.</p>
+<h2 id="lutte-de-classes-en-france-en-2019httpswwwmonde-diplomatiquefr201902halimi59568"><a href="https://www.monde-diplomatique.fr/2019/02/HALIMI/59568">Lutte de classes en France en 2019</a></h2>
+<p>&ldquo;[···] la journaliste d’un quotidien proche du patronat, L’Opinion, révèle sur un plateau de télévision à quel point la bourrasque a soufflé fort : « Tous les grands groupes vont distribuer des primes, parce qu’ils ont vraiment eu peur à un moment d’avoir leurs têtes sur des piques. Ah oui, les grandes entreprises, quand il y avait le samedi terrible, là, avec toutes les dégradations, ils avaient appelé le patron du Medef [Mouvement des entreprises de France], Geoffroy Roux de Bézieux, en lui disant : “Tu lâches tout ! Tu lâches tout, parce que sinon…” Ils se sentaient menacés, physiquement. »&rdquo;</p>
+<h2 id="la-migration-des-grues-cendrées-au-jour-le-jourhttpschampagne-ardennelpofrgrue-cendreemigration-et-hivernagela-migration-des-grues-cendrees-au-jour-le-jourprettyphoto24"><a href="https://champagne-ardenne.lpo.fr/grue-cendree/migration-et-hivernage/la-migration-des-grues-cendrees-au-jour-le-jour#prettyPhoto/24/">La migration des grues cendrées au jour le jour.</a></h2>
+<p>Le saviez-vous ? Les grues cendrées migrent en automne et au printemps, et traversent de fait la France en ce moment. La LPO observe ces déplacements et les cartographies, pour que vous sachiez quand lever le nez et être alerte pour les protéger si elles passent dans nos régions.</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/cool-links/january/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/cool-links/january/cover.jpg">
+      <img src="/articles/cool-links/january/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Cool links of January</h2>
+    <p class="card-text">Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-01-28 128:00">Jan 28, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #English #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/january/cover.jpg b/public/articles/cool-links/january/cover.jpg
new file mode 100644
index 0000000..a2835ce
Binary files /dev/null and b/public/articles/cool-links/january/cover.jpg differ
diff --git a/public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f9f4041
Binary files /dev/null and b/public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..eeff497
Binary files /dev/null and b/public/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/january/index.html b/public/articles/cool-links/january/index.html
new file mode 100644
index 0000000..fd25b9f
--- /dev/null
+++ b/public/articles/cool-links/january/index.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Cool links of January &middot; The Octet Press</title>
+  <meta name="description" content="Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Cool links of January</h1>
+          <p class="post-date">Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <h1 id="cool-links-of-january">Cool links of January</h1>
+<p>Finding and sharing links is what made the success of the internet. But recently, I&rsquo;ve been finding it harder to find such links, and as I am not on most social media, sharing it is even harder. When you spend your time scrolling a timeline or another, you won&rsquo;t see most of what your friends are sharing. I&rsquo;ll try to make a post like this one at the end of each month with the cool links I found on the internet. They might be article, projects I want to share and more. I you have any cool links to share, feel free to send them over to me <a href="https://n07070.xyz/post/about-me/">via email or Mastodon</a></p>
+<h2 id="prismohttpsprismonews"><a href="https://prismo.news/">Prismo</a></h2>
+<p>Prismo is a <strong>soon</strong> federated link-sharing plateform. It works very much like HackerNews or JournalDuHacker, but can exchange links with otherplateform. Think a federated reddit, maybe ?</p>
+<h2 id="post-work--a-world-without-jobshttpswwwtheguardiancomnews2018jan19post-work-the-radical-idea-of-a-world-without-jobs"><a href="https://www.theguardian.com/news/2018/jan/19/post-work-the-radical-idea-of-a-world-without-jobs">Post-Work : a world without jobs</a></h2>
+<p>The Guardian, 2018-01-19</p>
+<p>Work is everywhere, but it&rsquo;s not supposed to be like that. They are other ways to see our lives in this world, even if it means changing a few things in our society. A lot of questions are raised : does post work mean less money ? Less luxury ? Or more ? Do we even know how to live without work ? The article is quite long, but goes in depth with a lot of references.</p>
+<h2 id="how-period-tracking-apps-are-monetizing-womens-private-health-data-httpswwwbloombergcomnewsarticles2019-01-24how-period-tracking-apps-are-monetizing-women-s-extremely-personal-data"><a href="https://www.bloomberg.com/news/articles/2019-01-24/how-period-tracking-apps-are-monetizing-women-s-extremely-personal-data">How period tracking apps are monetizing women&rsquo;s private health data </a></h2>
+<p>Bloomberg, 2019-01-24</p>
+<p>More and more women are using apps to track there health data, and menstruation. But theses apps are also using this data to present ads, or sell products. What consequences does it have ? How do women think of it ?</p>
+<h2 id="greenskinhttpbjoernkarmanndkgreenskin"><a href="http://bjoernkarmann.dk/greenskin">Greenskin</a></h2>
+<p>&ldquo;Assuming that one car has a surface area of about 5 square meter there are circa 35 square kilometre of sheet metal driving around. That&rsquo;s enough to cover the entire inner city of Stuttgart or half of Hollywood or 3.500 football fields in metal. Imagine this area would be covered by green space!&rdquo;</p>
+<h2 id="knitting-one-row-a-day-to-record-the-temperatureshttpsmastodonsocialfranciecashman101358890439111089"><a href="https://mastodon.social/@franciecashman/101358890439111089">Knitting one row a day to record the temperatures</a></h2>
+<p>&ldquo;So I cast off my 2018 temperature blanket on Jan 1st and I am so pleased with how it turned out. I knit one garter stitch row every day for 365 days based on the daily high temp for my city. It was a very rewarding project.&rdquo;</p>
+<h2 id="de-lusage-dinternet-des-familles-modesteshttpwwwinternetactunet20180921linternet-des-familles-modestes-les-usages-sont-ils-les-memes-du-haut-au-bas-de-lechelle-sociale"><a href="http://www.internetactu.net/2018/09/21/linternet-des-familles-modestes-les-usages-sont-ils-les-memes-du-haut-au-bas-de-lechelle-sociale/">De l&rsquo;usage d’internet des familles modestes</a></h2>
+<p>Internetactu, 2018-09-21</p>
+<p>Comment les familles modestes utilisent-elles internet ? Comment sont-elles équipées ? Quel culture ont-elle vis-à-vis de cet outil ? Une analyse sociologique qui apporte un petit éclairage sur la façon dont l&rsquo;usage d&rsquo;internet change en fonction de la classe sociale.</p>
+<h2 id="toying-with-barcodeshttpshooktubecomwatchvqt_gwl1drhc"><a href="https://hooktube.com/watch?v=qT_gwl1drhc">Toying with barcodes</a></h2>
+<p>Do you know how barcodes, thoses that we see everyday, work ? Did you know that you could hop on a plane thanks to a inkjet printer and a bit of time ? This video of DEFCON16 is a great introduction to security and how fucked up it is in our world.</p>
+<h2 id="how-late-capitalism-manufactured-k-pop-and-destroyed-the-idols-httpswwwyoutubecomwatchvj8lxorztuwy"><a href="https://www.youtube.com/watch?v=J8LxORztUWY">How Late Capitalism manufactured K-Pop (and destroyed the idols) </a></h2>
+<p>The K-pop culture started in the 90s, with TV, well after western Pop. It was also born in the korean context, where liberalism and opposition to communism lead by a dictatorship shaped it&rsquo;s futur. But, soon after, it transformed into much more than just a music genre. It&rsquo;s now a manufactured culture for a whole country.</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover.jpg">
+      <img src="/articles/un-mastodon-dans-le-cyber-espace/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Un Mastodon dans le cyber-espace</h2>
+    <p class="card-text">On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-01-02 12:00">Jan 2, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/july/cover.jpg b/public/articles/cool-links/july/cover.jpg
new file mode 100644
index 0000000..5ccdc61
Binary files /dev/null and b/public/articles/cool-links/july/cover.jpg differ
diff --git a/public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..7bb7ca6
Binary files /dev/null and b/public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..7bb7ca6
Binary files /dev/null and b/public/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/july/index.html b/public/articles/cool-links/july/index.html
new file mode 100644
index 0000000..279cba2
--- /dev/null
+++ b/public/articles/cool-links/july/index.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Cool links of July &middot; The Octet Press</title>
+  <meta name="description" content="Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Cool links of July</h1>
+          <p class="post-date">Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <h1 id="cool-links-of-july">Cool links of July</h1>
+<h2 id="become-a-van-dweller-for-amazonhttpswwwthevergecom201971020687434amazon-sellers-nomad-merchants-products-malls-walmart"><a href="https://www.theverge.com/2019/7/10/20687434/amazon-sellers-nomad-merchants-products-malls-walmart">Become a Van Dweller, for Amazon.</a></h2>
+<p>I&rsquo;ve wanted to go live on the road for quite some time now, but I&rsquo;m reading more and more articles about people living on the road not by choice, but by obligation. More and more people in the US live in vans, by it in California where living is too costly, or across the country. Some of theses people found a very odd job : buy stuff in superstores, and selling it for a profit on Amazon. Live in your van, and Bezos might reward you if you find the right <strong>stuff</strong>.</p>
+<h2 id="nazi-punks-fuck-off---from-the-fediverse-httpswwwthevergecom201971220691957mastodon-decentralized-social-network-gab-migration-fediverse-app-blocking"><a href="https://www.theverge.com/2019/7/12/20691957/mastodon-decentralized-social-network-gab-migration-fediverse-app-blocking">Nazi Punks fuck off - from the fediverse !</a></h2>
+<p>Decentralized networks are resistant to censorship, but that also means that when nazis come along, they are also immune&hellip; Or are they ? If the community resists them, they might not be censord, just isolated. Is that enough ?</p>
+<h2 id="why-would-you-implement-a-browser-in-the-browser-to-browse-what-you-could-browse-with-a-browser-httpscartersandeduodecimatechnologyjavascript-page-navigation"><a href="https://carter.sande.duodecima.technology/javascript-page-navigation/">Why would you implement a browser in the browser to browse what you could browse with a browser ?</a></h2>
+<p>A love story between Javascript developpers who need to prove something and slowness, all of it taking place in your very own browser.</p>
+<hr>
+<h1 id="les-liens-cool-du-mois-de-juillet">Les Liens cool du mois de Juillet</h1>
+<h2 id="la-fraude-fiscale-révolutionnairehttpsreporterrenetni-capitalisme-ni-etat-la-cooperative-integrale-s-epanouit-a-barcelone"><a href="https://reporterre.net/Ni-capitalisme-ni-Etat-la-Cooperative-integrale-s-epanouit-a-Barcelone">La fraude fiscale révolutionnaire</a></h2>
+<p>En catalogne, ne payer d&rsquo;impôt, c&rsquo;est pas seulement un truc des grosses entreprises capitalistes. C&rsquo;est aussi ce qui permet, entre autres, à la coopérative intégrale de préparer, selon elle, la révolution.</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg">
+      <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">A case for the importance of multiple identities in the fediverse.</h2>
+    <p class="card-text">Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-07-01 71:00">Jul 1, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #English 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/june/cover.jpg b/public/articles/cool-links/june/cover.jpg
new file mode 100644
index 0000000..16d64fd
Binary files /dev/null and b/public/articles/cool-links/june/cover.jpg differ
diff --git a/public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..1456e7b
Binary files /dev/null and b/public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..1456e7b
Binary files /dev/null and b/public/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/june/index.html b/public/articles/cool-links/june/index.html
new file mode 100644
index 0000000..895fbfc
--- /dev/null
+++ b/public/articles/cool-links/june/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Cool links of June &middot; The Octet Press</title>
+  <meta name="description" content="June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Cool links of June</h1>
+          <p class="post-date">Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <h1 id="cool-links-of-june">Cool links of June</h1>
+<h2 id="the-limitation-of-androids-encryptionhttpsblogcryptographyengineeringcom20161124android-n-encryption"><a href="https://blog.cryptographyengineering.com/2016/11/24/android-n-encryption/">The limitation of Android&rsquo;s encryption.</a></h2>
+<p>Android devices have a filesystem encryption, which means that it&rsquo;s possible for you to access parts of the filesystem. It also relies on the devs getting the encryption right, as the apps have to do there own cryptographic configuration. What could go wrong ?</p>
+<h2 id="building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-scorehttpswwwmatuzoatblogbuilding-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score"><a href="https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/">Building the most inaccessible site possible with a perfect Lighthouse score</a></h2>
+<p>Google provides a tool to test how accessible websites are. But it&rsquo;s far from perfect, and with a few tricks, you can get a perfect score while making the website totally unusable.</p>
+<h2 id="animated-knotshttpswwwanimatedknotscomcomplete-knot-list"><a href="https://www.animatedknots.com/complete-knot-list">Animated knots</a></h2>
+<p>A list of knots, and animated insctructions on how to do them.</p>
+<hr>
+<h1 id="les-liens-cool-du-mois-de-juin">Les Liens cool du mois de Juin</h1>
+<h2 id="qui-aurait-cru-que-confier-la-configuration-et-lentretien-de-tes-serveurs-à-une-puissance-étrangère-ferait-quelle-tespionne--httpswwwlemondefrafriquearticle20180126a-addis-abeba-le-siege-de-l-union-africaine-espionne-par-les-chinois_5247521_3212html"><a href="https://www.lemonde.fr/afrique/article/2018/01/26/a-addis-abeba-le-siege-de-l-union-africaine-espionne-par-les-chinois_5247521_3212.html">Qui aurait cru que confier la configuration et l&rsquo;entretien de tes serveurs à une puissance étrangère ferait qu&rsquo;elle t&rsquo;espionne ? </a></h2>
+<p>C&rsquo;est ce qu&rsquo;a découvert l&rsquo;Union Africaine. En analysant les logs de ses serveurs, des ingénieurs africains ont découvert que l&rsquo;intégralité des données étaient téléversé vers un serveur à Shangaï. Et un gros merci à la Chine d&rsquo;avoir construit le siège de l&rsquo;UA. Ils ont aussi découvert que le bâtiment était truffé de micros&hellip; <a href="https://mobile.twitter.com/msuiche/status/957153050845687808">Source</a></p>
+<h2 id="land-and-freedomhttpswwwartetvfrvideos087366-000-aland-and-freedom"><a href="https://www.arte.tv/fr/videos/087366-000-A/land-and-freedom/">Land and Freedom</a></h2>
+<p>&ldquo;La guerre d’Espagne vue à travers l’histoire d’un militant antifranquiste que sa petite-fille enterre à Liverpool. Ken Loach s’empare avec brio d’une révolution sans frontières, peu contée au cinéma, entre espoirs et désillusions.&rdquo;</p>
+<hr>
+<p>&ldquo;Link&rdquo; by Dunechaser is licensed with CC BY-NC-SA 2.0. To view a copy of this license, visit <a href="https://creativecommons.org/licenses/by-nc-sa/2.0/">https://creativecommons.org/licenses/by-nc-sa/2.0/</a></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/cool-links/may/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/cool-links/may/cover.jpg">
+      <img src="/articles/cool-links/may/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Cool links of May</h2>
+    <p class="card-text">Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-06-03 63:00">Jun 3, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #English #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/march/cover.jpg b/public/articles/cool-links/march/cover.jpg
new file mode 100644
index 0000000..a2835ce
Binary files /dev/null and b/public/articles/cool-links/march/cover.jpg differ
diff --git a/public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f9f4041
Binary files /dev/null and b/public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..eeff497
Binary files /dev/null and b/public/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/march/index.html b/public/articles/cool-links/march/index.html
new file mode 100644
index 0000000..e25a0de
--- /dev/null
+++ b/public/articles/cool-links/march/index.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Cool links of March &middot; The Octet Press</title>
+  <meta name="description" content="This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Cool links of March</h1>
+          <p class="post-date">Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <h1 id="cool-links-of-march">Cool links of march</h1>
+<p>This month had it&rsquo;s share of problems : my two computers broke down a few days apart, and because I forgot to backup my writings, I&rsquo;ve lost most of the links I saved for the past days. Thankfully, I have a lot more in reserve, so this month will be light, and more links will be published next month. There is, as always, a fair shaire of links about tech. I&rsquo;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&rsquo;t mean I agree a 100% with what&rsquo;s written there. Have a good read !</p>
+<h2 id="httpsgithubcomshazowssh-chatssh-chat"><a href="SSH-chat">https://github.com/shazow/ssh-chat</a></h2>
+<p>Ever wanted to have a tchat server that you can connect to with SSH ? Well now you can.</p>
+<h2 id="python-3-cheatsheethttpspersolimsifrpointalpythonmemento"><a href="https://perso.limsi.fr/pointal/python:memento">Python 3 CheatSheet</a></h2>
+<p>Everything you need to know when coding in Python 3.</p>
+<h2 id="free-books-on-linuxhttpswwwlinuxjournalcombooks"><a href="https://www.linuxjournal.com/books">Free books on Linux</a></h2>
+<p>Books about anything and everything you need to know about Linux ! From SSH to Machine Learning, you&rsquo;ll have access to a load of knowledge.</p>
+<h2 id="the-pacman-rosettahttpswikiarchlinuxorgindexphppacman_rosetta"><a href="https://wiki.archlinux.org/index.php/Pacman_Rosetta">The Pacman Rosetta</a></h2>
+<p>As I said in introduction, my computers broke down. On my laptop, I had been using Ubuntu for the past 4 years, with virtually no problems, until my SSD failed.. I installed a new SSD, and decided it was time to move to something new, and installed Manjaro Linux. One of the things I was worried about was learning the Pacman package manager. I had read about people breaking theire system with updates. Thankfully, the archlinux wiki is a gold mine, and has a page where all the usual apt commands and translated to pacman commands ! Nice !</p>
+<h2 id="entrering-the-static-webhttpsstaticadventuresnetlibreblogentering-the-static-web"><a href="https://staticadventures.netlib.re/blog/entering-the-static-web/">Entrering the static web</a></h2>
+<p>Why does Wordpress have a security flaw every other month ? Why do we use so much energy to power the internet ? Is there another way ?</p>
+<p>Well, yes ! And this website is part of it : it&rsquo;s a static website. Changes only happen when a new post is published. Otherwise, it&rsquo;s just a bunch of HTML files hosted by a very small computer.</p>
+<p>The linked article explores briefly the history of publishing on the internet and gives a overlook of how things are changing to old, proved and efficient tech.</p>
+<h2 id="ts--dont-loose-track-of-time-or-kisshttpslinuxcommandoblogspotcom201903ts-epitome-of-unix-philosophyhtml"><a href="https://linuxcommando.blogspot.com/2019/03/ts-epitome-of-unix-philosophy.html?">ts : don&rsquo;t loose track of time or KISS</a></h2>
+<p>A nice little command to append the time to a command in your Linux terminal. It&rsquo;s very KISS ( Keep It Simple Stupid ).</p>
+<h2 id="raspberrypi-motor-library-in-pythonhttpsgithubcomgavinlyonsreporpimotorlib"><a href="https://github.com/gavinlyonsrepo/RpiMotorLib">RaspberryPi Motor Library in Python</a></h2>
+<p>A python library to control the most popular motors and servors with your raspberry pi.</p>
+<h2 id="making-a-homebrew-video-game-consolehttpsinternalregistergithubio20190314homebrew-consolehtml"><a href="https://internalregister.github.io/2019/03/14/Homebrew-Console.html">Making a Homebrew video game console</a></h2>
+<p>When you&rsquo;re nostalgic of the old video games you played as a kid, sometimes the only solution is to build one yourself. That&rsquo;s what Sérgio Vieira did, build the sound system, the logic, the motherboard and even writing a full game for the console ! The article is rich in details, with links to help you make your own !</p>
+<p>Warning : spaghetty wires, jumper cable hell !</p>
+<h2 id="building-the-digitally-gated-community-the-case-of-nextdoorhttpsojslibraryqueensucaindexphpsurveillance-and-societyarticleview12927"><a href="https://ojs.library.queensu.ca/index.php/surveillance-and-society/article/view/12927">Building the Digitally Gated Community: The Case of Nextdoor</a></h2>
+<p>&ldquo;The neighborhood is a historic and contemporary site of the assertion of white racial and economic domination, particularly over Black people. Although there is strong evidence that whites continue to prefer racially segregated neighborhoods, fifty years of fair housing jurisprudence has made it more difficult to openly bar non-white residents. Among the many strategies used to protect white domination of residential space is the coordinated surveillance and policing of non-white people. In this paper, I show how Nextdoor, a neighborhood-based social network, has become an important platform for the surveillance and policing of race in residential space, enabling the creation of what I call digitally gated communities.&rdquo;</p>
+<h2 id="inmates-in-finland-are-training-ai-as-part-of-prison-laborhttpswwwthevergecom201932818285572prison-labor-finland-artificial-intelligence-data-tagging-vainu"><a href="https://www.theverge.com/2019/3/28/18285572/prison-labor-finland-artificial-intelligence-data-tagging-vainu">Inmates in Finland are training AI as part of prison labor</a></h2>
+<p>AI doesn&rsquo;t mean anything without the work of people who train it. And most of the time, that work is boring, badly paid and done by people who live in very though conditions. Talk about a revolution&hellip;</p>
+<h2 id="the-thinkpad-x210-is-the-best-computer-you-can-gethttpsgeoffgreerfm20190304thinkpad-x210"><a href="https://geoff.greer.fm/2019/03/04/thinkpad-x210/">The thinkpad X210 is the best computer you can get</a></h2>
+<p>Done by a small group of enthousiasts, the Thinkpad X210 is modular, powerfull and durable. &ldquo;Linux worked out of the box.&rdquo;, &ldquo;Battery life has increased significantly. I now get 6 hours with the flush battery and 10 hours with the extended battery.&rdquo;, &ldquo;The fan only turns on if I’m doing something intensive like compiling go or scrolling in Slack.&rdquo;.</p>
+<h2 id="pay-for-your-emailshttpsjlelseblogthoughts2019email-providers"><a href="https://jlelse.blog/thoughts/2019/email-providers/">Pay for your emails</a></h2>
+<p>If it&rsquo;s free, you&rsquo;re the product : it&rsquo;s true for emails too. But, even by paying for your emails, you have little control over what happens to them. One solution to that is self-hosting, I&rsquo;ll write about that one day.</p>
+<h2 id="make-linux-fast-againhttpsmake-linux-fast-againcom"><a href="https://make-linux-fast-again.com/">Make Linux Fast Again</a></h2>
+<p>&ldquo;Just expose yourself to very serious security risks.&rdquo;</p>
+<h2 id="librefoxhttpsgithubcomintikalibrefox"><a href="https://github.com/intika/Librefox">LibreFox</a></h2>
+<p>Make firefox respect your privacy. Lately, Mozilla has been integrating more and more services in the browser, even tho it might not be what you&rsquo;re looking for in a browser. Keeping it simple is becoming hard, but this project&rsquo;s aim is to make it easy.</p>
+<h2 id="every-network-tool-in-linux">Every network tool in Linux</h2>
+<p><img src="https://wizardzines.com/images/networking-tools-poster.png" alt=""></p>
+<h2 id="start-your-own-civilisation-with-this-cool-cdhttpswikiopensourceecologyorgwikicivilization_starter_kit_dvd_v001"><a href="https://wiki.opensourceecology.org/wiki/Civilization_Starter_Kit_DVD_v0.01">Start your own civilisation with this cool CD</a></h2>
+<p>Open-source tools, machines and technics to kick-start your civilisation.</p>
+<h2 id="ernest-illms-instagramhttpswwwinstagramcomernestillm"><a href="https://www.instagram.com/ernestillm/">Ernest Illm&rsquo;s Instagram</a></h2>
+<p>A nice graph artist&rsquo;s instagram page.</p>
+<hr>
+<h1 id="les-liens-cool-du-mois-de-mars">Les Liens cool du mois de mars</h1>
+<p>Ce mois-ci, beaucoup d&rsquo;analyse politique de l&rsquo;actualité. En même temps, vu le climat politique en France en ce moment, c&rsquo;est normal on va dire. Quelques liens aussi sur la technologie, et notamment une nouvelle qui est passée presque inapercue, à propos des écrans de pub dans le métro.</p>
+<h2 id="no-g0gle-francehttpsno-googleframawikiactionsfrance"><a href="https://no-google.frama.wiki/actions:france">No G0°gle France</a></h2>
+<p>Un wiki qui recense tout pleins d&rsquo;actions, de documentations et de liens du groupe No G0°gle France.</p>
+<h2 id="airbnb-dans-votre-quartier--ça-donne-quoi-httpsparisvsbnbfrscraper"><a href="https://parisvsbnb.fr/scraper/">AirBnB dans votre quartier : ça donne quoi ?</a></h2>
+<p>Un petit outil qui permet d&rsquo;avoir une idée précise de la présence d&rsquo;AirBnB dans votre ville, grâce à la récolte des données sur leur site web de façon automatisée. Vous pouvez ensuite les trier, les classer, etc&hellip;</p>
+<h2 id="le-traité-de-lisbonne-autorise-à-tuer-des--émeutiers-httpsmobileagoravoxfractualiteseuropearticlele-traite-de-lisbonne-autorise-a-62526"><a href="https://mobile.agoravox.fr/actualites/europe/article/le-traite-de-lisbonne-autorise-a-62526">Le traité de Lisbonne autorise à tuer des « émeutiers »</a></h2>
+<p>On se doute que les états font rarement des excuses quand il s&rsquo;agit de tuer des citoyens révoltés, mais le fait que ça soit inscrit dans la loi, qui leur donne un semblant de légitimité, est troublant.</p>
+<h2 id="transition-écologique-et-numérique-main-dans-la-mainhttpsinformationtv5mondecominfopeut-faire-converger-la-transition-energetique-et-la-transition-numerique-291612"><a href="https://information.tv5monde.com/info/peut-faire-converger-la-transition-energetique-et-la-transition-numerique-291612">Transition écologique et numérique main dans la main</a></h2>
+<p>Un institue à publié ce rapport qui traite du lien entre la transition écologique et la transition numérique au sein de la société. Mention spécial aux CHATONS, à la <a href="https://fnd.net">FDN</a> et aux solutions <a href="https://solar.lowtechmagazine.com/">low-tech</a></p>
+<h2 id="la-voiture-autonome-ne-viendra-pas-toute-seulehttpswwwlesechosfrindustrie-servicesautomobilepremiers-coups-de-frein-sur-la-voiture-autonome-1003606xtorcs1-26"><a href="https://www.lesechos.fr/industrie-services/automobile/premiers-coups-de-frein-sur-la-voiture-autonome-1003606#xtor=CS1-26">La voiture autonome ne viendra pas toute seule</a></h2>
+<p>« Compte tenu du coût additionnel de la technologie, le coût de la voiture devient tel que celui qui peut se la payer n&rsquo;est de toutes les façons pas derrière le volant, mais plutôt sur la banquette arrière… »</p>
+<h2 id="guide-de-protection-numériquehttpsnothing2hideorgfr20190402notre-guide-de-protection-numerique"><a href="https://nothing2hide.org/fr/2019/04/02/notre-guide-de-protection-numerique/">Guide de protection numérique</a></h2>
+<h2 id="les-écrans-de-pub-traquent-vos-smartphonehttpswwwfrandroidcomculture-tech577876_dans-le-metro-ces-ecrans-de-publicites-traquent-vos-smartphones"><a href="https://www.frandroid.com/culture-tech/577876_dans-le-metro-ces-ecrans-de-publicites-traquent-vos-smartphones">Les écrans de pub traquent vos smartphone.</a></h2>
+<p>Dans le métro, à Paris, tout vos trajets sont maintenant traqué par les écrans de pub. N&rsquo;oubliez pas de désactiver le wifi et le bluetooth avant de prendre le métro. Vous pouvez vous enlever des listes avec un marteau et un peu d&rsquo;essence, ou en (suivant ce lien)[https://retency.com/stats/manual_optout.html]</p>
+<h2 id="lexécutif-au-défi-dun-mouvement-social-disparate-et--perlé-httpswwwla-croixcomfrancelexecutif-defi-dun-mouvement-social-disparate-perle-2019-03-17-1201009429"><a href="https://www.la-croix.com/France/Lexecutif-defi-dun-mouvement-social-disparate-perle-2019-03-17-1201009429">L’exécutif au défi d’un mouvement social disparate et « perlé »</a></h2>
+<p>Après un samedi de manifestations et de violences, des syndicats appellent à de nouvelles mobilisations pour le pouvoir d’achat, mardi 19 mars. Emmanuel Macron, qui avait repris pied grâce au grand débat, semble à nouveau subir les événements.</p>
+<h2 id="permaculture-et-logiciels-libreshttpsframablogorg20190227permaculture-et-logiciels-libres"><a href="https://framablog.org/2019/02/27/permaculture-et-logiciels-libres/">Permaculture et logiciels libres</a></h2>
+<p>&ldquo;Vous ne voyez pas le rapport ? Eh bien eux, si. La petite association allemande qui anime le projet Permaculture Commons a de modestes ambitions :  changer le monde.&rdquo;</p>
+<h2 id="le-web-indé-en-deuilhttpsnota-beneorgle-web-inde-en-deuil"><a href="https://nota-bene.org/Le-Web-inde-en-deuil">Le web indé en deuil</a></h2>
+<p>Pierre Lazuly est mort. C’est comme ça, que veux-tu. Cela dit, ce qu&rsquo;il a fait, c&rsquo;est beau. Ce qu&rsquo;il pensait aussi.</p>
+<hr>
+<p>&ldquo;Beijing 2&rdquo; by Jonathan Kos-Read is licensed with CC BY-ND 2.0. To view a copy of this license, visit <a href="https://creativecommons.org/licenses/by-nd/2.0/">https://creativecommons.org/licenses/by-nd/2.0/</a></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/zapatista-oventik-petite-ecole/cover.jpg">
+      <img src="/articles/zapatista-oventik-petite-ecole/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</h2>
+    <p class="card-text">Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-03-11 311:00">Mar 11, 2019</time>
+      </p>
+
+      
+        <p>
+        #Politique #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/may/cover.jpg b/public/articles/cool-links/may/cover.jpg
new file mode 100644
index 0000000..3e48536
Binary files /dev/null and b/public/articles/cool-links/may/cover.jpg differ
diff --git a/public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..932983a
Binary files /dev/null and b/public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..3529be7
Binary files /dev/null and b/public/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/may/index.html b/public/articles/cool-links/may/index.html
new file mode 100644
index 0000000..4c7600b
--- /dev/null
+++ b/public/articles/cool-links/may/index.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Cool links of May &middot; The Octet Press</title>
+  <meta name="description" content="Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Cool links of May</h1>
+          <p class="post-date">Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <h1 id="cool-links-of-may">Cool links of May</h1>
+<h2 id="degrowth-is-utopian-and-thats-a-good-thinghttpunevenearthorg201904degrowth-is-utopian-and-thats-a-good-thing"><a href="http://unevenearth.org/2019/04/degrowth-is-utopian-and-thats-a-good-thing/">Degrowth is utopian, and that’s a good thing</a></h2>
+<p>Some people might argue that degrowth, in the economic sens, is utopian. That word is being used as a synomim to &ldquo;impossible&rdquo;. But, if you look at a definition of the word utopian, it might also mean &ldquo;what has not been done, yet.&rdquo;. And that&rsquo;s a good thing : it means that we don&rsquo;t know if it will fail or succed. But what we know for sure, is that growth is failling us. So, it&rsquo;s utopian, and it&rsquo;s a good thing.</p>
+<h2 id="one-in-four-drivers-in-the-us-is-being-tracked-while-drivinghttpswwwbloombergcomnewsarticles2019-04-29insurers-know-exactly-how-often-american-drivers-touch-their-phones"><a href="https://www.bloomberg.com/news/articles/2019-04-29/insurers-know-exactly-how-often-american-drivers-touch-their-phones">One in four drivers in the US is being tracked while driving</a></h2>
+<p>&ldquo;The reason for all this data is that at least one in five U.S. auto insurance policies now offers a potential discount if the customer consents to a vehicle monitor. &quot;</p>
+<h2 id="pubcast-or-the-new-rsshttpspubcastpub"><a href="https://pubcast.pub/">Pubcast or the new RSS</a></h2>
+<p>Pubcast is an open-source, experimental replacement for RSS built on ActivityPub. The nice thing about it, it&rsquo;s that it&rsquo;s federated ! Which means you can boost some podcast you liked and share it with your friends. Also, it&rsquo;s a two-way protocol, so feel free to like it !</p>
+<p>Now, it&rsquo;s still very early and I don&rsquo;t see the difference between pubcast and a standar Pleroma or Mastodon account but I guess it&rsquo;s underway and we&rsquo;ll see soon enough.</p>
+<h2 id="forgefedhttpsnotabugorgpeersforgefed"><a href="https://notabug.org/peers/forgefed">ForgeFed</a></h2>
+<p>A work in progress project that aims to federate forges, aka git repos. It would be greate to be able to have an account on one git repo and star, comment, open issues on any other forge that&rsquo;s part of the federation. The end of github&rsquo;s dominance maybe ?</p>
+<h2 id="a-manifesto-for-opting-out-of-an-internet-dominated-worldhttpswwwnytimescom20190430booksreviewjenny-odell-how-to-do-nothinghtml"><a href="https://www.nytimes.com/2019/04/30/books/review/jenny-odell-how-to-do-nothing.html">A Manifesto for Opting Out of an Internet-Dominated World</a></h2>
+<p>Presents a book that reflects on the way Internet has now become omincious, and how we can get out of the internet.</p>
+<h2 id="facial-recognition-is-wrong-96-of-the-time-but-that-wont-stop-it-from-being-usedhttpswwwindependentcouknewsukhome-newsfacial-recognition-london-inaccurate-met-police-trials-a8898946html"><a href="https://www.independent.co.uk/news/uk/home-news/facial-recognition-london-inaccurate-met-police-trials-a8898946.html">Facial recognition is wrong 96% of the time. But that won&rsquo;t stop it from being used&hellip;</a></h2>
+<p>Even if it&rsquo;s very wrong, video facial recognition is still being used. When the algorithms are secret, but the results grant authority to institutions, you end up being locked up even if you&rsquo;re innoncent, because a camera thought you where somewhere you where not.</p>
+<h2 id="foursquare-never-forgetshttpswwwwiredcomstoryyou-may-have-forgotten-foursquare-it-didnt-forget-you"><a href="https://www.wired.com/story/you-may-have-forgotten-foursquare-it-didnt-forget-you/">Foursquare never forgets</a></h2>
+<p>The most intesresting part of this article is the game they talk about at in the first part of the article. It makes you realise the extent of the data they collected, and the power they have thanks to it.</p>
+<h2 id="survival-and-camping-links-httpswwwarenaultimapecamplife-camping-basic-survival-bug-out-backpacking-and-bushcraft"><a href="https://www.are.na/ultimape/camplife-camping-basic-survival-bug-out-backpacking-and-bushcraft">Survival and camping links </a></h2>
+<p>A collection of links and web pages around camping, and survivalism.</p>
+<h2 id="borneo-soundshttpacousticssafeprojectnet06001012684"><a href="http://acoustics.safeproject.net/06:00/10/12684">Borneo sounds</a></h2>
+<p>The sounds of the forest of borneo. A good way to travel a bit, and to check on the last wild animals of the island.</p>
+<h2 id="make-your-own-radio-station-with-a-raspberry-pihttpsgithubcomchristophejacquetpifmrds"><a href="https://github.com/ChristopheJacquet/PiFmRds">Make your own radio station with a Raspberry Pi</a></h2>
+<p>If you ever wanted to make your own radio station, it&rsquo;s now easier than ever ! You just need a Raspberry Pi and this repo. You can even display the name of the music currently playing on the radio players, like the big stations.</p>
+<h2 id="taming-the-pifm-transmitter-ie-making-it-actually-usablehttpnaichnetwordpressindexphptaming-the-pifm-transmitter-part-2"><a href="http://naich.net/wordpress/index.php/taming-the-pifm-transmitter-part-2/">Taming the PiFM transmitter i.e making it actually usable.</a></h2>
+<p>The link above wouldn&rsquo;t be complet without a good explanation of <strong>how</strong> to make the antenna and make sure the radio waves are well transmitted.</p>
+<h2 id="peermapshttpspeermapsorg"><a href="https://peermaps.org/">Peermaps</a></h2>
+<p>A project that aims to decentralise mapping. It&rsquo;s still very early in developpement, so it&rsquo;s time to give a hand !</p>
+<h2 id="katzenposthttpskatzenpostmixnetworksorg"><a href="https://katzenpost.mixnetworks.org/">Katzenpost</a></h2>
+<p>“An especially problematic excision of the political is the marginalization within the cryptographic community of the secure-messaging problem, an instance of which was the problem addressed by David Chaum. Secure-messaging is the most fundamental privacy problem in cryptography: <em>how can parties communicate in such a way that nobody knows who said what.</em> More than a decade after the problem was introduced, Rackoff and Simon would comment on the near-absence of attention being paid to the it.” (Phillip Rogaway, The Moral Character of Cryptographic Work)</p>
+<h2 id="we-need-to-save-the-spirit-of-fosshttpswwwlinuxjournalcomcontentwe-need-save-what-made-linux-and-foss-possible"><a href="https://www.linuxjournal.com/content/we-need-save-what-made-linux-and-foss-possible">We need to save the spirit of FOSS</a></h2>
+<p>&ldquo;If we take freedom and openness for granted, we&rsquo;ll lose both. That&rsquo;s already happening, and we need to fight back. The question is how.&rdquo;</p>
+<hr>
+<h1 id="les-liens-cool-du-mois-de-mai">Les Liens cool du mois de Mai</h1>
+<h2 id="et-si-on-fermait-tous-les-data-centers-httpmaisouvalewebfron-fermait-data-centers"><a href="http://maisouvaleweb.fr/on-fermait-data-centers/">Et si on fermait tous les data centers ?</a></h2>
+<p>Bah le monde se porterait mieux. Mais surtout, comment ferait-on ?</p>
+<h2 id="facebook-ma-rendu-injoignablehttpsploumnetfacebook-ma-rendu-injoignable"><a href="https://ploum.net/facebook-ma-rendu-injoignable/">Facebook m&rsquo;a rendu injoignable</a></h2>
+<p>Le mythe premier de facebook, c&rsquo;est que tout le monde est dessus, et le deuxième mythe c&rsquo;est que tout le monde est joignable sur facebook. Or, quand on confit ses moyens de communications à une entreprise privée qui ne répond devant rien ni personne, on peut se retrouver avec quelques soucis, dont on se rend compte des années après&hellip;</p>
+<h2 id="coup-de-gueule-sur-le-régime-françaishttpigorbaboufrla-france-sombre-dans-la-dictature"><a href="http://igorbabou.fr/la-france-sombre-dans-la-dictature/">Coup de gueule sur le régime français</a></h2>
+<p>Dans quelques années, on se rendra compte à quel point le régime français est autoritaire et coule doucement vers un régime dictatorial avec une couche de peinture démocratique.</p>
+<h2 id="comment-le-capitalisme-avale-notre-vie-privéehttpswwwcourrierinternationalcomarticlesurveillance-comment-le-capitalisme-avale-notre-vie-privee"><a href="https://www.courrierinternational.com/article/surveillance-comment-le-capitalisme-avale-notre-vie-privee">Comment le capitalisme avale notre vie privée</a></h2>
+<p>Tout ce que l&rsquo;on produit peut et va être commodifié par le capitalisme. Le soucis, c&rsquo;est que notre vie doit pouvoir rester privé pour que l&rsquo;on ne soit pas forcé ou influencé dans nos décisions sans notre consentement. Mais quand l&rsquo;économie glisse progressivement vers une surveillance tout azimut, comment est-ce encore possible ? Et quels sont les implications politiques d&rsquo;une telle évolution ?</p>
+<h2 id="microsoft-3-linuxhttpssebsauvagenetlinkskyburq"><a href="https://sebsauvage.net/links/?kyBUrQ">Microsoft &lt;/3 Linux</a></h2>
+<p>Microsoft aime Linux, askip. Mais en réalité, c&rsquo;est surtout un bon moyen de co-opter les logiciels libre pour s&rsquo;en assurer le contrôle.</p>
+<h2 id="les-trottoirs-mouvant-de-parishttpsparisianfieldscom20120205astounding-moving-electrical-sidewalk"><a href="https://parisianfields.com/2012/02/05/astounding-moving-electrical-sidewalk/">Les trottoirs mouvant de Paris</a></h2>
+<p>Avant les trotinettes électriques, les trottoirs de Paris bougaient tout seul. Oui, vous avez bien lut, des trottoires qui se déplacent.</p>
+<hr>
+<p>&ldquo;Skrivare&rdquo; by Häll, Peter / Tekniska museet is licensed with CC BY 4.0. To view a copy of this license, visit <a href="https://creativecommons.org/licenses/by/4.0/">https://creativecommons.org/licenses/by/4.0/</a></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/cool-links/april/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/cool-links/april/cover.jpg">
+      <img src="/articles/cool-links/april/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Cool links of April</h2>
+    <p class="card-text">Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-05-03 53:00">May 3, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #English #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/cool-links/september/cover.jpg b/public/articles/cool-links/september/cover.jpg
new file mode 100644
index 0000000..8b33238
Binary files /dev/null and b/public/articles/cool-links/september/cover.jpg differ
diff --git a/public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg b/public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..e923514
Binary files /dev/null and b/public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg b/public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..e923514
Binary files /dev/null and b/public/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/cool-links/september/index.html b/public/articles/cool-links/september/index.html
new file mode 100644
index 0000000..bfcdfc5
--- /dev/null
+++ b/public/articles/cool-links/september/index.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Les liens nouveaux du mois de septembre. &middot; The Octet Press</title>
+  <meta name="description" content="Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... " />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Les liens nouveaux du mois de septembre.</h1>
+          <p class="post-date">Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p>Ce mois-ci, c&rsquo;est la rentrée. Et avec la rentrée, quelques changements sont à l&rsquo;ordre du jour&hellip; Déjà, ce blog sera plus personnel, disons que c&rsquo;est le journal que j&rsquo;aimerai écrire. J&rsquo;écris pour mes amis, pour mon futur moi, et le bot moyen.</p>
+<p>Déjà, je me suis bien rendu compte que ça servait pas à grand chose de tenir un blog et d&rsquo;essayer de faire de ce blog un réseau social. Si je veux participer à la construction d&rsquo;un internet un peu plus chouette, c&rsquo;est pas solo que je vais faire une grande différence, même si j&rsquo;ai toujours dans l&rsquo;idée de le connecter à DAT, de le faire tourner sur un ensemble de panneaux solaires, et de lui donner une adresse en .onion.</p>
+<p>Ensuite, je pense que je vais arrêter de vouloir poster régulièrement. Si tu veux suivre ce qu&rsquo;il se passe dans ce coin de l&rsquo;internet, mais que t&rsquo;a pas envie de revenir souvent, et qu&rsquo;en plus y&rsquo;a rien, je te conseille de t&rsquo;intéresser à <a href="http://www.whatisrss.com/">RSS</a> ! Encore une chose à régler : mettre tout le contenu de chacun des articles dans le flux RSS.</p>
+<p>Tout ça pour dire que c&rsquo;est loin d&rsquo;être mort. Je vais quand même finir l&rsquo;année des Cool-links, mais vu que j&rsquo;ai un entourage plus francophone, je vais essayer de mettre en avant les contenus francophones. On y va :</p>
+<h2 id="calendrier-des-légumes-locaux-de-saisonshttpswwwgreenpeacefrguetteurcalendrierseptembre"><a href="https://www.greenpeace.fr/guetteur/calendrier/#septembre">Calendrier des légumes locaux de saisons</a></h2>
+<p>Les gens de chez Greenpeace ont fait un tableau sympa qui peut aider à savoir quoi acheter, et quand. À joindre à ce calendrier est celui des semis et de quoi faire pousser quand. D&rsquo;ailleurs, conseil : les appartements c&rsquo;est des serres formidables si on a un peu de place et de lumière.</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/cool-links/july/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/cool-links/july/cover.jpg">
+      <img src="/articles/cool-links/july/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Cool links of July</h2>
+    <p class="card-text">Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2020-07-30 730:00">Jul 30, 2020</time>
+      </p>
+
+      
+        <p>
+        #Blog #English #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/hello-world/cover.jpg b/public/articles/hello-world/cover.jpg
new file mode 100644
index 0000000..94b4a4d
Binary files /dev/null and b/public/articles/hello-world/cover.jpg differ
diff --git a/public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg b/public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..faeec18
Binary files /dev/null and b/public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg b/public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..faeec18
Binary files /dev/null and b/public/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/hello-world/index.html b/public/articles/hello-world/index.html
new file mode 100644
index 0000000..3e37602
--- /dev/null
+++ b/public/articles/hello-world/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Hello World &middot; The Octet Press</title>
+  <meta name="description" content="I guess this is an obligatory first post ?" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post ">
+        <header class="post-header">
+          <h1 class="post-title">Hello World</h1>
+          <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p>Hello, world !</p>
+<p>This blog, dubbed the octet press, is gonna be my personnal space in the web to post my toughts and share what I found on the web.</p>
+<p>I might write in French or English.</p>
+<p>This page is going to be updated in the futur, so keep an eye on it.</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/index.html b/public/articles/index.html
new file mode 100644
index 0000000..ac613bb
--- /dev/null
+++ b/public/articles/index.html
@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Articles &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/articles/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Les liens nouveaux du mois de septembre.</h2>
+    <p class="card-text">Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of July</h2>
+    <p class="card-text">Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">A case for the importance of multiple identities in the fediverse.</h2>
+    <p class="card-text">Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-07-01">Jul 1, 2019</time></p>
+      <p>#Blog #English </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of June</h2>
+    <p class="card-text">June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of May</h2>
+    <p class="card-text">Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of April</h2>
+    <p class="card-text">Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-05-03">May 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of March</h2>
+    <p class="card-text">This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</h2>
+    <p class="card-text">Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
+      <p>#Politique #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of Febuary</h2>
+    <p class="card-text">Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of January</h2>
+    <p class="card-text">Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    <nav class="pagination-nav side-padding">
+      
+      <a href="/articles/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a>
+    </nav>
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/index.xml b/public/articles/index.xml
new file mode 100644
index 0000000..2aac9aa
--- /dev/null
+++ b/public/articles/index.xml
@@ -0,0 +1,84 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Articles - The Octet Press</title>
+    <link>/articles/</link>
+    <description>Recent content in Articles on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/articles/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Les liens nouveaux du mois de septembre.</title>
+      <link>/articles/cool-links/september/</link>
+      <pubDate>Tue, 01 Sep 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/september/</guid>
+      <description>Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... </description>
+    </item><item>
+      <title>Cool links of July</title>
+      <link>/articles/cool-links/july/</link>
+      <pubDate>Thu, 30 Jul 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/july/</guid>
+      <description>Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</description>
+    </item><item>
+      <title>A case for the importance of multiple identities in the fediverse.</title>
+      <link>/articles/a-case-for-the-importance-of-multiples-identites/</link>
+      <pubDate>Mon, 01 Jul 2019 00:00:01 +0000</pubDate>
+      
+      <guid>/articles/a-case-for-the-importance-of-multiples-identites/</guid>
+      <description>Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</description>
+    </item><item>
+      <title>Cool links of June</title>
+      <link>/articles/cool-links/june/</link>
+      <pubDate>Sun, 30 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/june/</guid>
+      <description>June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</description>
+    </item><item>
+      <title>Cool links of May</title>
+      <link>/articles/cool-links/may/</link>
+      <pubDate>Mon, 03 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/may/</guid>
+      <description>Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</description>
+    </item><item>
+      <title>Cool links of April</title>
+      <link>/articles/cool-links/april/</link>
+      <pubDate>Fri, 03 May 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/april/</guid>
+      <description>Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </description>
+    </item><item>
+      <title>Cool links of March</title>
+      <link>/articles/cool-links/march/</link>
+      <pubDate>Tue, 02 Apr 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/march/</guid>
+      <description>This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</description>
+    </item><item>
+      <title>D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</title>
+      <link>/articles/zapatista-oventik-petite-ecole/</link>
+      <pubDate>Mon, 11 Mar 2019 20:00:00 +0000</pubDate>
+      
+      <guid>/articles/zapatista-oventik-petite-ecole/</guid>
+      <description>Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</description>
+    </item><item>
+      <title>Cool links of Febuary</title>
+      <link>/articles/cool-links/febuary/</link>
+      <pubDate>Thu, 28 Feb 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/febuary/</guid>
+      <description>Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</description>
+    </item><item>
+      <title>Cool links of January</title>
+      <link>/articles/cool-links/january/</link>
+      <pubDate>Mon, 28 Jan 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/january/</guid>
+      <description>Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/articles/page/1/index.html b/public/articles/page/1/index.html
new file mode 100644
index 0000000..e75b0c0
--- /dev/null
+++ b/public/articles/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/articles/</title><link rel="canonical" href="/articles/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/articles/" /></head></html>
\ No newline at end of file
diff --git a/public/articles/page/2/index.html b/public/articles/page/2/index.html
new file mode 100644
index 0000000..a39271e
--- /dev/null
+++ b/public/articles/page/2/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Articles &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/articles/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Un Mastodon dans le cyber-espace</h2>
+    <p class="card-text">On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Hello World</h2>
+    <p class="card-text">I guess this is an obligatory first post ?</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+      <p>#English </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    <nav class="pagination-nav side-padding">
+      <a href="/articles/" class="pagination-newer pagination-text">&lt; Newer Posts</a>
+      
+    </nav>
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/page/2/index.xml b/public/articles/page/2/index.xml
new file mode 100644
index 0000000..75d439c
--- /dev/null
+++ b/public/articles/page/2/index.xml
@@ -0,0 +1,28 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Articles - The Octet Press</title>
+    <link>/articles/</link>
+    <description>Recent content in Articles on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/articles/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Un Mastodon dans le cyber-espace</title>
+      <link>/articles/un-mastodon-dans-le-cyber-espace/</link>
+      <pubDate>Wed, 02 Jan 2019 21:00:00 +0000</pubDate>
+      
+      <guid>/articles/un-mastodon-dans-le-cyber-espace/</guid>
+      <description>On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</description>
+    </item><item>
+      <title>Hello World</title>
+      <link>/articles/hello-world/</link>
+      <pubDate>Wed, 02 Jan 2019 00:00:00 +0000</pubDate>
+      
+      <guid>/articles/hello-world/</guid>
+      <description>I guess this is an obligatory first post ?</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/articles/un-mastodon-dans-le-cyber-espace/cover.jpg b/public/articles/un-mastodon-dans-le-cyber-espace/cover.jpg
new file mode 100644
index 0000000..ec28567
Binary files /dev/null and b/public/articles/un-mastodon-dans-le-cyber-espace/cover.jpg differ
diff --git a/public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg b/public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..901bb66
Binary files /dev/null and b/public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg b/public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..901bb66
Binary files /dev/null and b/public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/un-mastodon-dans-le-cyber-espace/index.html b/public/articles/un-mastodon-dans-le-cyber-espace/index.html
new file mode 100644
index 0000000..9fed6a7
--- /dev/null
+++ b/public/articles/un-mastodon-dans-le-cyber-espace/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Un Mastodon dans le cyber-espace &middot; The Octet Press</title>
+  <meta name="description" content="On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Un Mastodon dans le cyber-espace</h1>
+          <p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p>On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&rsquo;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. D&rsquo;une part, l&rsquo;introduction d&rsquo;un algorithme qui affiche les tweet sans tenir compte de l&rsquo;ordre chronologique a confu des utilisateurices et enervé beaucoup de monde. D&rsquo;autre part, étant une entreprise privée, Twitter Inc. est forcé de faire de plus en plus d&rsquo;argent grâce à un service qui est gratuit, et utilise donc la publicité, qui devient de plus en plus invasive.</p>
+<p>Et comme si ce n&rsquo;était pas assez, dernièrement, le CEO, @jack, à été vivement critiqué pour avoir refusé de bannir un Youtuber complotiste et proche des mouvences fascistes américaines car selon lui, &ldquo;Il n&rsquo;avait brisé aucune règle.&rdquo;, même s&rsquo;il s&rsquo;est fait connaître en harcelant des victimes de terrorisme. Harcèlement qui est devenu un problème majeur pour beaucoup sur Twitter et ce, plus encore pour des femmes, des minorités et des personnalités LGBT.</p>
+<p>Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&rsquo;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</p>
+<p>Annoncé le 31 mars 2017, il allie une interface simple avec des fonctionnalitées qui manquaient cruellement à Twitter, et compte désormais 2 milions d&rsquo;utilisateurices, voir plus.</p>
+<p>Basé sur le principe du microblogging, il est cependant différent de son homologue en de nombreux points. Tout d&rsquo;abord, ne dite pas tweet mais toot. On ne toot pas en 280 caractères mais en 500, ce qui permet des conversations bien plus intéressantes. Autre différence majeur, il existe 3 &ldquo;flux&rdquo; différents. Comme sur le site à l&rsquo;oiseau bleue, on voit les toots des personnes que l&rsquo;on suit, mais il existe également deux autres flux : le flux locale et le flux fédéré. Pour comprendre leurs intérêt il faut capter comment Mastodon fonctionne.</p>
+<p>Il faut déjà savoir que Mastodon n&rsquo;est géré par une entreprise. C&rsquo;est un réseau social basé sur un logiciel libre et gratuit, que tout le monde peut utiliser ou modifier. Ainsi, chacun·ne peut installer son propre serveur Mastodon, appelé une instance. Il n&rsquo;existe pas d&rsquo;entreprise derrière le logiciel, donc le développement est à 100% financé participativement par ses utilisateurices. Pas de pub donc, pas de profilage, pas d&rsquo;espionnage.</p>
+<p>Ainsi, chaque instance sera modéré à sa manière et donc chaque instance aura sa propose communauté. Mais ce qui est le plus important, c&rsquo;est que chaque instance peut se connecter aux autres et n&rsquo;est donc pas isolée ! Un peu comme l&rsquo;email, ou <a href="mailto:machin@rocketmail.com">machin@rocketmail.com</a> pourra parler à <a href="mailto:truc@club-internet.fr">truc@club-internet.fr</a>, sur Mastodon, @eugen@mastodon.social pourra parler à @mcmoots@sunbeam.city.</p>
+<p>On retrouvera donc, sur le flux fédéré tout les toots des utilisateurices dont les instances sont connectés à la vôtre, et sur le flux local les toots des utilisateurices de votre instance uniquement.</p>
+<p>On est libre de choisir son instance, et il n&rsquo;y a pas besoin de savoir gérer un serveur pour ça : de nombreuses instances sont ouvertes au publique ! Je vous conseille de commencer par une instance générale, comme <a href="https://mamot.fr">mamot.fr</a> ou <a href="https://todon.nl">todon.nl</a>.</p>
+<p>Mastodon fait lui-même parti d&rsquo;un réseau plus large, le Fediverse, connecté grâce au protocol ActivityPub, qui regroupe des alternatives à Instagram ou Youtube, comme Pixelfed ou PeerTube. On peut tout à fait suivre un compte sur une instance Pixelfed avec son compte Mastodon par exemple. Ou commenter une vidéo Peertube depuis son compte Pleroma ( un autre réseau de microblogging ).</p>
+<p>Eugen Rochko, le développeur principal de Mastodon, indique avoir appris des erreurs de Twitter, et a donc introduit des fonctionnalités qui manquaient, comme pouvoir editer un toot, le marquer comme sensible, ajouteur un avertissement de contenue ( Content Warning ), ou encore filtrer de manière plus efficace les comptes que l&rsquo;on ne souhaite pas voir.</p>
+<p>Il existe également une plétor d&rsquo;applications pour Mastodon, comme Tusky pour Android ou Amaroq pour iOS, à l&rsquo;heure ou Twitter essaye de se débarasser des applications tierces.</p>
+<p>Mastodon est loin d&rsquo;avoir la taille de Twitter, mais c&rsquo;est justement ce qui fait son charme. Si Twitter est cette grande place publique où tout le monde gueule le plus fort possible, Mastodon est un ensemble de petits squares reliés par des ruelles avec des cafés, où l&rsquo;on passe du bon temps avec ses ami·es.</p>
+<p>Vous pouvez dès aujourd&rsquo;hui essayer Mastodon en choissisant votre instance sur JoinMastodon.org !</p>
+<p>Mots clé : #Mastodon #Decentralisation #Web3.0 #dWeb #ActivityPub #Microblogging #Fédération</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/hello-world/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/hello-world/cover.jpg">
+      <img src="/articles/hello-world/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Hello World</h2>
+    <p class="card-text">I guess this is an obligatory first post ?</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-01-02 12:00">Jan 2, 2019</time>
+      </p>
+
+      
+        <p>
+        #English 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/zapatista-oventik-petite-ecole/cover.jpg b/public/articles/zapatista-oventik-petite-ecole/cover.jpg
new file mode 100644
index 0000000..6afd780
Binary files /dev/null and b/public/articles/zapatista-oventik-petite-ecole/cover.jpg differ
diff --git a/public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg b/public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..9703ce5
Binary files /dev/null and b/public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg b/public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..9703ce5
Binary files /dev/null and b/public/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/articles/zapatista-oventik-petite-ecole/index.html b/public/articles/zapatista-oventik-petite-ecole/index.html
new file mode 100644
index 0000000..c193a26
--- /dev/null
+++ b/public/articles/zapatista-oventik-petite-ecole/index.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance. &middot; The Octet Press</title>
+  <meta name="description" content="Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)..." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</h1>
+          <p class="post-date">Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg">
+          <img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p><em>Par Kristin Bricker, CIP Americas, 5 septembre 2013, traduit par N07070</em></p>
+<p>Lors de ma première nuit durant la visite de la <em>Petite École Zapatiste</em>, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&rsquo;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&rsquo;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&rsquo;eau locaux, et toutes autres questions n&rsquo;ayant rien à voir avec
+l&rsquo;Armée Zapatiste de Libération National (EZLN).</p>
+<p><img src="zapatista-youth-fists.jpg" alt="De jeunes indigènes Zapatistes levant leurs poingts en l&rsquo;air"></p>
+<p>Le mari de mon guide a poliment répondu à nos questions mondaines. Puis, il a dit : « Écoutez, nous sommes clandestins depuis 1983, quand l&rsquo;organisation venait de se former. Nous marchions des heures durant la nuit pour organiser d&rsquo;autres villes, toujours la nuit pour éviter d&rsquo;éveiller la suspicion des propriétaires de plantation, et nous allions dans le maquis pour nous entraîner. Ma femme a risqué sa vie en marchant la nuit dans le maquis pour amener des sacs de tostadas aux camps pour que les insurgés aient de la nourriture durant leur entraînement. Maintenant, avez-vous d&rsquo;autres questions ? »</p>
+<p>Mes camarades de classe et moi-même nous sommes regardé, nos yeux semblant dire « Oh, c&rsquo;est ainsi que ça se passera à la <strong>Petite École Zapatiste</strong> ».</p>
+<p>Nos questions commencèrent ensuite à être plus sérieuses, et nos guides ainsi que leurs voisins répondirent avec enthousiasme à chacune d&rsquo;elle. Histoire de mettre les choses au clair.</p>
+<p>Les Zapatistes ont pris la décision d&rsquo;ouvrir leurs maisons à leurs sympathisants de longue date et de leur apprendre leur passé, présent, erreurs, victoires et avancées pour plusieurs raisons. Durant la <em>Petite École</em>, les Zapatistes ont répété qu&rsquo;ils espéraient que leurs partisans pouvaient apprendre de leurs expériences.</p>
+<p>« L’autogestion&hellip; est possible. Nous y sommes parvenus avec quelques compañeros et compañeras, pourquoi pas avec des centaines ou des millions ? » a demandé une Zapatiste d&rsquo;Oventik. « Nous espérons que vous nous direz si nos pratiques, nos expériences avec l&rsquo;autogestion vous seront  utiles d&rsquo;une manière ou d&rsquo;une autre ».</p>
+<p>« Beaucoup de gens pensent que ce que nous faisons, notre forme de gouvernance, est une utopie, un rêve » dit un autre Zapatiste d&rsquo;Oventik. « Pour nous Zapatistes, c&rsquo;est une réalité car nous le réalisons&hellip; chaque jour, à travers une pratique quotidienne depuis 19 ans. Et c&rsquo;est pour cela que nous pensons que si nous nous unissons avec des millions de Mexicains, nous pouvons former notre propre manière de gouverner ». (En opposions au gouvernement actuel, ndt)</p>
+<p><img src="zapatista-oventic-mural-1.jpg" alt="Mural Zapatiste"></p>
+<p>Il y a plusieurs années, un Zapatiste m&rsquo;a dit qu&rsquo;ils apprenaient souvent plus de leurs erreurs que de leurs victoires. Dans cet esprit, le curriculum de la <em>Petite École</em> inclut des discussions brutalement honnêtes sur les erreurs commises par les Zapatistes au cours des années. Par exemple, les livres scolaires incluent une discussion franche sur la disparition de la coopérative de café Mut Vitz en 2007. Bien que la fermeture soudaine et inexpliqué de la coopérative fut ressentie jusqu&rsquo;aux États-Unis et en Europe, où les torréfacteurs se sont soudainement trouvés sans une source de café zapatiste, les Zapatistes n&rsquo;avaient pas expliqué les raisons de la chute de Mut Vitz jusqu’à présent.</p>
+<p><img src="zapatista-sign.jpg" alt="Mural à Oventik, Chiapas."></p>
+<p>Dans les livres scolaires de la Petite École, Roque, un ancien membre de la coopérative et membre actuel du Conseil Autonome Municipal de San Juan, d&rsquo;Oventik, révèle que la mauvaise gestion et la corruption sont les raisons de la chute de Mut Vitz. La coopérative avait engagé un consultant extérieur qui, pour des raisons inconnues aux autres membres de la coopérative, n&rsquo;avait pas correctement déclaré les actifs au Trésor publique mexicain, ce qui a permis au gouvernement de saisir le compte en banque de la coopérative. Alors que Mut Vitz faisait l’objet d’un audit interne pour déterminer quelle somme d’argent non comptabilisée les membres de la coopérative avaient mis de côté pour payer les producteurs de café à crédit, attendant la vente de leur produit, le Conseil du Bon Gouvernement d&rsquo;Oventik découvrit que les membres du conseil d&rsquo;administration de Mut Vitz volaient de l&rsquo;argent de la coopérative. Le Conseil émit un ordre d&rsquo;arrestation contre les parties concernées et saisit leurs biens pour compenser l&rsquo;argent volé.</p>
+<p>Les Zapatistes espéraient aussi utiliser leur Petite École pour mettre au clair le statut de leur Mouvement. Ils lisent la presse, et ils ont dit aux étudiants qu&rsquo;ils savaient que les médias dominants annonçaient que le mouvement zapatiste était en fin de vie, qu&rsquo;il avait rendu les armes, que le Subcomandante Marcos était mort d&rsquo;un cancer des poumons ou qu’il avait été viré, que la Comandancia (Les leaders Zapatistes) rencontrait le « mauvais » gouvernement en secret et en acceptait des millions de pesos, et que les Zapatistes étaient des communistes refoulés, parmi d&rsquo;autres accusations infondées.</p>
+<p>De plus, les Zapatistes ont admis qu&rsquo;il y avait eu des traîtres, des compañeros qui avaient quitté l&rsquo;organisation et collaboré avec le gouvernement. Comme l&rsquo;a dit un militant européen à la fin de la Petite École, « Je pense qu&rsquo;ils ont réalisé qu&rsquo;ils en étaient à un point où les services secrets en savaient plus sur le mode de fonctionnement du gouvernement zapatiste que les camarades de la société civile les ayant soutenu, et ont donc décidé de nous montrer ce qu&rsquo;ils faisaient ».</p>
+<p>Après tout, le gouvernement civil zapatiste, non clandestin, et les indigènes non zapatistes utilisent quotidiennement les cliniques, lesystème judiciaire, les transports publics, et d&rsquo;autres services qu&rsquo;il semblait impossible d&rsquo;obtenir du gouvernement mexicain. En plus,n&rsquo;importe quel non-Zapatiste – que ça soit le « mauvais » gouvernement ou n&rsquo;importe quelle organisation zapatiste - qui veut développer une infrastructure qui passe à travers le territoire zapatiste (électricité ou routes, par exemple) doit négocier avec le « bon » gouvernement zapatiste et donc en comprendre le fonctionnement. Avec la Petite École, les Zapatistes ont officiellement et pour qu&rsquo;il en soit prit note, expliqué comment leur gouvernement fonctionne exactement.</p>
+<p>Peut-être que l&rsquo;un des plus grand bénéfices de la Petite École eut lieu durant sont organisation. Les quatre livres scolaires de la Petite École, <em>Gouvernement Autonome, Partie I et II</em>, <em>La participation des femmes dans le Gouvernement Autonome</em> et <em>Résistance Autonome</em>, ainsi que les deux DVD accompagnant ces livres, furent créés par les Zapatistes eux-mêmes. Ces manuels sont le résultat des cinq <em>Caracoles</em> zapatistes (Les nœuds du gouvernement Zapatiste), au fil des voyages entrepris entre les régions pour récolter les témoignages et interviewer leurs camarades à propos de leur autogestion.</p>
+<p>L&rsquo;approche du bas vers le haut du gouvernement zapatiste veut dire que chacun de ces <em>Caracoles</em> opère sous les mêmes principes de base et vers les mêmes buts, mais que leurs opérations au jour le jour diffèrent parfois singulièrement. Par exemple, chaque <em>Caracol</em> se compose d&rsquo;un <em>Conseil du Bon Gouvernement</em>, la plus haute autorité de la région. Toutefois, chaque Conseil des Caracoles est organisé différemment. Une proportion importante des questions posées par les Zapatistes à leurs camarades dans la portion des manuels sur les interviews gravitait autour de leurs expériences, échecs et succès.</p>
+<p>Par exemple, un membre du Conseil d&rsquo;Oventik demande à un ancien membre du Conseil de Morelia : « Est-ce que les douze membres du Conseil [de Morelia] sont capables de faire tout leur travail ? Parce qu’à Caracol II, nous sommes 28 et nous nous sentons parfois surmenés ». La réponse du Zapatiste de Morelia fut de reconnaître qu&rsquo;ils se sentaient eux aussi surmenés et qu&rsquo;ils avaient besoin de restructuration, sans pour autant être capables de proposer mieux jusqu’à aujourd&rsquo;hui.</p>
+<p>Quand les Zapatistes prirent les armes au Chiapas le 1er Janvier 1994, ils désiraient leur liberté et leur autonomie. « Mais nous n&rsquo;avions pas de guide ou de plan pour nous indiquer quoi faire », m’expliqua unpromoteur d&rsquo;éducation zapatiste. « Pour nous, c&rsquo;était d&rsquo;abord la pratique, ensuite la théorie ».</p>
+<p>Tandis qu&rsquo;une partie de l’EZLN faisait fuir de leurs plantations les riches propriétaires terriens de la campagne du Chiapas durant l&rsquo;aube de la journée de l&rsquo;an, d&rsquo;autres contingents prirent sept villes majeurs de l’État. « Tout ce que nous avions accompli fut possible grâce à nos armes, qui ouvrirent le chemin sur lequel nous marchons aujourd&rsquo;hui » explique un Zapatiste d&rsquo;Oventik dans un DVD de la Petite École. « [Depuis lors], chacune de nos réalisations, nous l&rsquo;avons concrétisée sans tirer un coup de feu ».</p>
+<p>Immédiatement après le soulèvement, les Zapatistes mirent en place un gouvernement autonome au niveau des villes. Chaque cité nomma ses autorités locales et forma une assemblée. « Mais vu que nous étions en guerre, nous perdions sans arrêt des autorités locales » explique Lorena, un promoteur/ organisateur ?? de santé publique de San Pedro de Michoacan dans La Realidad. « Il y avais du chaos dans les communautés ». Comme mesure de prévention, le commandement militaire de l’EZLN dût  entrer en piste et endosser des rôles que les autorités civiles n&rsquo;étaient pas capable d&rsquo;assumer durant le chaos de la guerre.</p>
+<p>Le commandement militaire tint des consultations avec les autorités civiles, et d’un commun accord, mit en place des municipalités autonomes dans le but d’établir l&rsquo;ordre et un gouvernement civil dans les territoires rebelles. En décembre 1994, les Zapatistes inaugurèrent 38 municipalités autonomes dans un nombre inconnu de villes. Chaque municipalité avait son propre conseil nommé par les villes, ce qui permit une meilleur coordination entre les villes et une plus grande organisation formelle et des affaires civiles.</p>
+<p><img src="zapatista-patrol.jpg" alt="Une patrouille de combattants zapatiste dans la forêt du Chiapas.">
+Une patrouille de combattants zapatiste dans la forêt du Chiapas.</p>
+<p>Alors que des militants solidaires arrivaient en territoire zapatiste pour apporter leur soutien financier et faire don de leur travail, le commandement de l’EZLN réalisa que certaines municipalités recevaient plus de soutien que d&rsquo;autres, plus isolées. « Suivant l’ordre du [Commandant], le conseil municipal se réunit et commença à superviser l&rsquo;avancement des municipalités, combien de soutien chacune recevait, et quels projets étaient réalisés » m&rsquo;expliqua Dorotea, un ancien membre du Conseil du Bon Gouvernement de La Realidad.</p>
+<p>En 1997, les Zapatistes formalisèrent les assemblés municipales en créant l&rsquo;Association des Municipalités Autonomes formée de représentants de chaque municipalité. « Avec l&rsquo;association des municipalités, des tâches et du travail de la santé, de l&rsquo;éducation, et du commerce furent supervisées », se rappelle Doroteo. « Durant ce temps, un entrepôt de biens secs fut crée &hellip; dans l&rsquo;idée d&rsquo;apporter un soutien [économique] aux travailleurs à pleins temps de l’hôpital [zapatiste] de San José del Rio ».</p>
+<p>Durant la création de l&rsquo;Association des Municipalités Autonomes, les Zapatistes redistribuèrent formellement les terres qui avaient été saisies durant le soulèvement de 1994. Les sans-terres zapatistes partirent de leurs communautés de naissance pour s&rsquo;installer sur les terres récupérées, qu&rsquo;ils pouvaient finalement appeler la leur, réalisant la maxime du héros Emiliano Zapata : « La Terre à ceux qui la travaillent ! »</p>
+<p>En 2003, les Zapatistes ont inauguré le troisième niveau de leur gouvernement autonome, les cinq Conseils Du Bon Gouvernement, situé à La Realidad, Oventik, La Garrucha, Morelia et Roberto Barrios. Néanmoins, l’organisation de plus haut niveau de gouvernement ne veut pas dire que les Zapatistes s&rsquo;éloignent d&rsquo;une démocratie directe à travers des assemblés locales. Au contraire, toutes les propositions doivent être approuvées par les assemblées des villes.</p>
+<p>Les propositions émanent des assemblées des villes et remontent dans les différents niveaux du gouvernement autonome si elles concernent plus que la ville de laquelle elles proviennent. Chaque proposition passe par le conseil municipal, qui transmet ensuite les propositions approuvées au Conseil du Bon Gouvernement, qui à son tour les faits suivre à son Commandement, qui va ensuite renvoyer la proposition dans les cinq conseils du Bon Gouvernement. Une fois avalisées, ces propositions sont retournées aux conseils municipaux, qui les relaient aux différentes villes pour consultation et mise en œuvre.</p>
+<p>Le Commandement peut aussi élaborer ses propres propositions et les transmettre aux trois niveaux du gouvernement citoyen pour consultation et mise en œuvre. De fait, même si les Conseils du Bon Gouvernement sont les plus hautes autorités du gouvernement autonome, ils n&rsquo;ont aucune autorité pour créer des lois. Les conseils sont cantonnés à leurs deux rôles principaux : coordonner et promouvoir le travail dans leurs régions, imposer et effectuer l&rsquo;application des lois et des mandats zapatistes qui ont été approuvés par le peuple.</p>
+<p>Parce que les Zapatistes ont construit leur gouvernement de bas en haut, que les individus se sont organisés dans des assemblés de communautés, qui sont à leur tour organisées en conseils municipaux, qui, eux, sont sous-jacents aux cinq conseils du Bon Gouvernement, chaque Caracol est différent. Tous travaille à l’application des principes zapatistes : La terre, un toit, la santé, l&rsquo;éducation, le travail, la nourriture, la justice, la démocratie, la culture, l&rsquo;indépendance, la liberté et la paix. Toutefois, les progrès réalisés par les Zapatistes dans la mise en œuvre  de ces principes varient d’un Caracol à l’autre. Certains Caracoles, tel celui de La Garrucha, ont des projets économiques collectifs comme des boutiques ou l’élevage de bovins pour financer les activités politiques dans chacun des trois niveaux de gouvernement; d&rsquo;autres Caracoles, comme celui d&rsquo;Oventik, ont seulement des projets économiques collectifs dans certaines de leurs villes.</p>
+<p>Globalement, les méthodes et le succès de l&rsquo;application du Droit Révolutionnaire Des Femmes varient. Morelia, par exemple, rencontre des difficultés quant à la promotion de la participation des femmes dans les plus hauts niveaux du gouvernement autonome. Toutefois, Morelia est unique parmi les Caracoles parce que sa Commission d&rsquo;Honneur et de Justice (l&rsquo;équivalent du système de justice) a un plan spécial pour les affaires en lien avec les viols, qui vise à réduit la victimisation des femmes et les encourage à dénoncer leurs agressions.</p>
+<p>Beaucoup ont parlé des récentes mobilisations zapatistes, telle celle du 21 Décembre 2012, la marche silencieuse et la création de la Petite École, comme d&rsquo;une résurgence zapatiste. La Petite École mit une chose en avant : ce n&rsquo;était pas une résurgence, parce que les Zapatistes n&rsquo;avaient jamais disparu. Durant la petite école, les étudiants ont appris de la création, qui semble sans fin, de nouvelles coopératives, des expériences zapatistes dans la gouvernance collective, en amélioration constante, et comment les donations de leurs sympathisants ont été investies dans un stock de vivres et des entrepôts pour qu&rsquo;ils puissent payer des dividendes qui servirons sur le long terme à payer le budget des hôpitaux et des cliniques.</p>
+<p>La leçon du jour de la Petite École est claire : si les Zapatistes ne parlent pas à la presse, ne faites pas l&rsquo;erreur de penser que c&rsquo;est parce qu&rsquo;ils sont en perte de vitesse ou qu&rsquo;ils disparaissent&hellip; Ils sont simplement en train de travailler très dur pour l&rsquo;avancement de leur autonomie, et n&rsquo;ont pas le temps d&rsquo;entendre les critiques de leurs ennemis.</p>
+<p>Après tout, leur succès se mesure en avancées et non pas en rhétorique. Comme l&rsquo;a dit un Zapatiste à la fin de la Petite École à Oventik, « Nous démontrons au mauvais gouvernement que nous ne voulons pas de lui, n&rsquo;en n&rsquo;avons pas besoin, et qu&rsquo;il n&rsquo;est pas nécessaire pour que nous puissions subvenir à nous-même ».</p>
+<p>Kristin Bricker est une journaliste mexicaine . Elle contribue au Programme américain CIP.</p>
+<p><a href="https://web.archive.org/web/20131021180940/http://www.cipamericas.org/archives/10606">Source Originale (Via Web Archive)</a></p>
+<p><strong>Photo de couverture par <a href="https://www.flickr.com/photos/theklan/">Theklan</a></strong></p>
+<p><strong>Article publié à l&rsquo;origine sur <a href="https://warriorpublications.wordpress.com/2013/09/20/practice-first-then-theory-the-zapatista-little-school-shares-lessons-learned-during-19-years-of-self-governance/">Warrior Publications en
+anglais</a>.</strong></p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+      <a  href="/articles/cool-links/febuary/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <p class="card-img-overlay">Next Article</p>
+    <picture>
+      
+      <source srcset="/articles/cool-links/febuary/cover.jpg">
+      <img src="/articles/cool-links/febuary/cover.jpg" class="card-img" >
+    </picture>
+  </div>
+  
+  <article class="card-body">
+    <h2 class="card-title">Cool links of Febuary</h2>
+    <p class="card-text">Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
+    <div class="card-subtext muted-text">
+      <p>
+          Posted <time datetime="2019-02-28 228:00">Feb 28, 2019</time>
+      </p>
+
+      
+        <p>
+        #Blog #English #Français 
+        </p>
+    
+
+    </div>
+
+    <p class="card-subtext muted-text">This is the next article in the same categorie</p>
+
+
+  </article>
+</a>
+
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg b/public/articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg
new file mode 100644
index 0000000..d77a82b
Binary files /dev/null and b/public/articles/zapatista-oventik-petite-ecole/zapatista-oventic-mural-1.jpg differ
diff --git a/public/articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg b/public/articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg
new file mode 100644
index 0000000..d27e1a0
Binary files /dev/null and b/public/articles/zapatista-oventik-petite-ecole/zapatista-patrol.jpg differ
diff --git a/public/articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg b/public/articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg
new file mode 100644
index 0000000..1e17435
Binary files /dev/null and b/public/articles/zapatista-oventik-petite-ecole/zapatista-sign.jpg differ
diff --git a/public/articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg b/public/articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg
new file mode 100644
index 0000000..204c7fd
Binary files /dev/null and b/public/articles/zapatista-oventik-petite-ecole/zapatista-youth-fists.jpg differ
diff --git a/public/categories/blog/index.html b/public/categories/blog/index.html
new file mode 100644
index 0000000..20e3355
--- /dev/null
+++ b/public/categories/blog/index.html
@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Blog &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/categories/blog/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Les liens nouveaux du mois de septembre.</h2>
+    <p class="card-text">Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of July</h2>
+    <p class="card-text">Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">A case for the importance of multiple identities in the fediverse.</h2>
+    <p class="card-text">Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-07-01">Jul 1, 2019</time></p>
+      <p>#Blog #English </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of June</h2>
+    <p class="card-text">June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of May</h2>
+    <p class="card-text">Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of April</h2>
+    <p class="card-text">Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-05-03">May 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of March</h2>
+    <p class="card-text">This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of Febuary</h2>
+    <p class="card-text">Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of January</h2>
+    <p class="card-text">Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/stories/across-town/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg">
+      <img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Across Town</h2>
+    <p class="card-text">As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-03">Jan 3, 2019</time></p>
+      <p>#English #Blog </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    <nav class="pagination-nav side-padding">
+      
+      <a href="/categories/blog/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a>
+    </nav>
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/categories/blog/index.xml b/public/categories/blog/index.xml
new file mode 100644
index 0000000..6ba15a4
--- /dev/null
+++ b/public/categories/blog/index.xml
@@ -0,0 +1,84 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Blog - The Octet Press</title>
+    <link>/categories/blog/</link>
+    <description>Recent content in Blog on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/categories/blog/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Les liens nouveaux du mois de septembre.</title>
+      <link>/articles/cool-links/september/</link>
+      <pubDate>Tue, 01 Sep 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/september/</guid>
+      <description>Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... </description>
+    </item><item>
+      <title>Cool links of July</title>
+      <link>/articles/cool-links/july/</link>
+      <pubDate>Thu, 30 Jul 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/july/</guid>
+      <description>Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</description>
+    </item><item>
+      <title>A case for the importance of multiple identities in the fediverse.</title>
+      <link>/articles/a-case-for-the-importance-of-multiples-identites/</link>
+      <pubDate>Mon, 01 Jul 2019 00:00:01 +0000</pubDate>
+      
+      <guid>/articles/a-case-for-the-importance-of-multiples-identites/</guid>
+      <description>Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</description>
+    </item><item>
+      <title>Cool links of June</title>
+      <link>/articles/cool-links/june/</link>
+      <pubDate>Sun, 30 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/june/</guid>
+      <description>June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</description>
+    </item><item>
+      <title>Cool links of May</title>
+      <link>/articles/cool-links/may/</link>
+      <pubDate>Mon, 03 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/may/</guid>
+      <description>Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</description>
+    </item><item>
+      <title>Cool links of April</title>
+      <link>/articles/cool-links/april/</link>
+      <pubDate>Fri, 03 May 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/april/</guid>
+      <description>Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </description>
+    </item><item>
+      <title>Cool links of March</title>
+      <link>/articles/cool-links/march/</link>
+      <pubDate>Tue, 02 Apr 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/march/</guid>
+      <description>This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</description>
+    </item><item>
+      <title>Cool links of Febuary</title>
+      <link>/articles/cool-links/febuary/</link>
+      <pubDate>Thu, 28 Feb 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/febuary/</guid>
+      <description>Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</description>
+    </item><item>
+      <title>Cool links of January</title>
+      <link>/articles/cool-links/january/</link>
+      <pubDate>Mon, 28 Jan 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/january/</guid>
+      <description>Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</description>
+    </item><item>
+      <title>Across Town</title>
+      <link>/stories/across-town/</link>
+      <pubDate>Thu, 03 Jan 2019 18:27:07 +0000</pubDate>
+      
+      <guid>/stories/across-town/</guid>
+      <description>As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/blog/page/1/index.html b/public/categories/blog/page/1/index.html
new file mode 100644
index 0000000..859cae7
--- /dev/null
+++ b/public/categories/blog/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/categories/blog/</title><link rel="canonical" href="/categories/blog/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/categories/blog/" /></head></html>
\ No newline at end of file
diff --git a/public/categories/blog/page/2/index.html b/public/categories/blog/page/2/index.html
new file mode 100644
index 0000000..8c99860
--- /dev/null
+++ b/public/categories/blog/page/2/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Blog &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/categories/blog/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Un Mastodon dans le cyber-espace</h2>
+    <p class="card-text">On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    <nav class="pagination-nav side-padding">
+      <a href="/categories/blog/" class="pagination-newer pagination-text">&lt; Newer Posts</a>
+      
+    </nav>
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/categories/blog/page/2/index.xml b/public/categories/blog/page/2/index.xml
new file mode 100644
index 0000000..1e92967
--- /dev/null
+++ b/public/categories/blog/page/2/index.xml
@@ -0,0 +1,21 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Blog - The Octet Press</title>
+    <link>/categories/blog/</link>
+    <description>Recent content in Blog on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/categories/blog/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Un Mastodon dans le cyber-espace</title>
+      <link>/articles/un-mastodon-dans-le-cyber-espace/</link>
+      <pubDate>Wed, 02 Jan 2019 21:00:00 +0000</pubDate>
+      
+      <guid>/articles/un-mastodon-dans-le-cyber-espace/</guid>
+      <description>On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/english/index.html b/public/categories/english/index.html
new file mode 100644
index 0000000..1e9d74d
--- /dev/null
+++ b/public/categories/english/index.html
@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>English &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/categories/english/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of July</h2>
+    <p class="card-text">Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">A case for the importance of multiple identities in the fediverse.</h2>
+    <p class="card-text">Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-07-01">Jul 1, 2019</time></p>
+      <p>#Blog #English </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of June</h2>
+    <p class="card-text">June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of May</h2>
+    <p class="card-text">Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of April</h2>
+    <p class="card-text">Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-05-03">May 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of March</h2>
+    <p class="card-text">This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of Febuary</h2>
+    <p class="card-text">Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of January</h2>
+    <p class="card-text">Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/stories/across-town/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg">
+      <img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Across Town</h2>
+    <p class="card-text">As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-03">Jan 3, 2019</time></p>
+      <p>#English #Blog </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Hello World</h2>
+    <p class="card-text">I guess this is an obligatory first post ?</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+      <p>#English </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/categories/english/index.xml b/public/categories/english/index.xml
new file mode 100644
index 0000000..d8526c0
--- /dev/null
+++ b/public/categories/english/index.xml
@@ -0,0 +1,84 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>English - The Octet Press</title>
+    <link>/categories/english/</link>
+    <description>Recent content in English on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Thu, 30 Jul 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/categories/english/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Cool links of July</title>
+      <link>/articles/cool-links/july/</link>
+      <pubDate>Thu, 30 Jul 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/july/</guid>
+      <description>Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</description>
+    </item><item>
+      <title>A case for the importance of multiple identities in the fediverse.</title>
+      <link>/articles/a-case-for-the-importance-of-multiples-identites/</link>
+      <pubDate>Mon, 01 Jul 2019 00:00:01 +0000</pubDate>
+      
+      <guid>/articles/a-case-for-the-importance-of-multiples-identites/</guid>
+      <description>Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</description>
+    </item><item>
+      <title>Cool links of June</title>
+      <link>/articles/cool-links/june/</link>
+      <pubDate>Sun, 30 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/june/</guid>
+      <description>June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</description>
+    </item><item>
+      <title>Cool links of May</title>
+      <link>/articles/cool-links/may/</link>
+      <pubDate>Mon, 03 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/may/</guid>
+      <description>Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</description>
+    </item><item>
+      <title>Cool links of April</title>
+      <link>/articles/cool-links/april/</link>
+      <pubDate>Fri, 03 May 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/april/</guid>
+      <description>Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </description>
+    </item><item>
+      <title>Cool links of March</title>
+      <link>/articles/cool-links/march/</link>
+      <pubDate>Tue, 02 Apr 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/march/</guid>
+      <description>This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</description>
+    </item><item>
+      <title>Cool links of Febuary</title>
+      <link>/articles/cool-links/febuary/</link>
+      <pubDate>Thu, 28 Feb 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/febuary/</guid>
+      <description>Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</description>
+    </item><item>
+      <title>Cool links of January</title>
+      <link>/articles/cool-links/january/</link>
+      <pubDate>Mon, 28 Jan 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/january/</guid>
+      <description>Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</description>
+    </item><item>
+      <title>Across Town</title>
+      <link>/stories/across-town/</link>
+      <pubDate>Thu, 03 Jan 2019 18:27:07 +0000</pubDate>
+      
+      <guid>/stories/across-town/</guid>
+      <description>As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</description>
+    </item><item>
+      <title>Hello World</title>
+      <link>/articles/hello-world/</link>
+      <pubDate>Wed, 02 Jan 2019 00:00:00 +0000</pubDate>
+      
+      <guid>/articles/hello-world/</guid>
+      <description>I guess this is an obligatory first post ?</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/english/page/1/index.html b/public/categories/english/page/1/index.html
new file mode 100644
index 0000000..3bcf7d9
--- /dev/null
+++ b/public/categories/english/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/categories/english/</title><link rel="canonical" href="/categories/english/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/categories/english/" /></head></html>
\ No newline at end of file
diff --git a/public/categories/français/index.html b/public/categories/français/index.html
new file mode 100644
index 0000000..d693a1c
--- /dev/null
+++ b/public/categories/français/index.html
@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Français &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/categories/fran%C3%A7ais/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Les liens nouveaux du mois de septembre.</h2>
+    <p class="card-text">Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of July</h2>
+    <p class="card-text">Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of June</h2>
+    <p class="card-text">June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of May</h2>
+    <p class="card-text">Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of April</h2>
+    <p class="card-text">Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-05-03">May 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of March</h2>
+    <p class="card-text">This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</h2>
+    <p class="card-text">Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
+      <p>#Politique #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of Febuary</h2>
+    <p class="card-text">Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of January</h2>
+    <p class="card-text">Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Un Mastodon dans le cyber-espace</h2>
+    <p class="card-text">On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/categories/français/index.xml b/public/categories/français/index.xml
new file mode 100644
index 0000000..c9210a5
--- /dev/null
+++ b/public/categories/français/index.xml
@@ -0,0 +1,84 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Français - The Octet Press</title>
+    <link>/categories/fran%C3%A7ais/</link>
+    <description>Recent content in Français on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/categories/fran%C3%A7ais/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Les liens nouveaux du mois de septembre.</title>
+      <link>/articles/cool-links/september/</link>
+      <pubDate>Tue, 01 Sep 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/september/</guid>
+      <description>Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... </description>
+    </item><item>
+      <title>Cool links of July</title>
+      <link>/articles/cool-links/july/</link>
+      <pubDate>Thu, 30 Jul 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/july/</guid>
+      <description>Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</description>
+    </item><item>
+      <title>Cool links of June</title>
+      <link>/articles/cool-links/june/</link>
+      <pubDate>Sun, 30 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/june/</guid>
+      <description>June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</description>
+    </item><item>
+      <title>Cool links of May</title>
+      <link>/articles/cool-links/may/</link>
+      <pubDate>Mon, 03 Jun 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/may/</guid>
+      <description>Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</description>
+    </item><item>
+      <title>Cool links of April</title>
+      <link>/articles/cool-links/april/</link>
+      <pubDate>Fri, 03 May 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/april/</guid>
+      <description>Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </description>
+    </item><item>
+      <title>Cool links of March</title>
+      <link>/articles/cool-links/march/</link>
+      <pubDate>Tue, 02 Apr 2019 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/cool-links/march/</guid>
+      <description>This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</description>
+    </item><item>
+      <title>D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</title>
+      <link>/articles/zapatista-oventik-petite-ecole/</link>
+      <pubDate>Mon, 11 Mar 2019 20:00:00 +0000</pubDate>
+      
+      <guid>/articles/zapatista-oventik-petite-ecole/</guid>
+      <description>Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</description>
+    </item><item>
+      <title>Cool links of Febuary</title>
+      <link>/articles/cool-links/febuary/</link>
+      <pubDate>Thu, 28 Feb 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/febuary/</guid>
+      <description>Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</description>
+    </item><item>
+      <title>Cool links of January</title>
+      <link>/articles/cool-links/january/</link>
+      <pubDate>Mon, 28 Jan 2019 08:25:20 +0000</pubDate>
+      
+      <guid>/articles/cool-links/january/</guid>
+      <description>Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</description>
+    </item><item>
+      <title>Un Mastodon dans le cyber-espace</title>
+      <link>/articles/un-mastodon-dans-le-cyber-espace/</link>
+      <pubDate>Wed, 02 Jan 2019 21:00:00 +0000</pubDate>
+      
+      <guid>/articles/un-mastodon-dans-le-cyber-espace/</guid>
+      <description>On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/français/page/1/index.html b/public/categories/français/page/1/index.html
new file mode 100644
index 0000000..a89fd2a
--- /dev/null
+++ b/public/categories/français/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/categories/fran%C3%A7ais/</title><link rel="canonical" href="/categories/fran%C3%A7ais/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/categories/fran%C3%A7ais/" /></head></html>
\ No newline at end of file
diff --git a/public/categories/index.html b/public/categories/index.html
new file mode 100644
index 0000000..8181443
--- /dev/null
+++ b/public/categories/index.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Categories &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/categories/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/categories/blog/" class="card blog-card" rel="bookmark" >
+  
+  <article class="card-body">
+    <h2 class="card-title">Blog</h2>
+    <p class="card-text"></p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
+      
+    </div>
+  </article>
+</a>
+<a
+  href="/categories/fran%C3%A7ais/" class="card blog-card" rel="bookmark" >
+  
+  <article class="card-body">
+    <h2 class="card-title">Français</h2>
+    <p class="card-text"></p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
+      
+    </div>
+  </article>
+</a>
+<a
+  href="/categories/english/" class="card blog-card" rel="bookmark" >
+  
+  <article class="card-body">
+    <h2 class="card-title">English</h2>
+    <p class="card-text"></p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
+      
+    </div>
+  </article>
+</a>
+<a
+  href="/categories/politique/" class="card blog-card" rel="bookmark" >
+  
+  <article class="card-body">
+    <h2 class="card-title">Politique</h2>
+    <p class="card-text"></p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
+      
+    </div>
+  </article>
+</a>
+
+    </main>
+    
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/categories/index.xml b/public/categories/index.xml
new file mode 100644
index 0000000..d1093c7
--- /dev/null
+++ b/public/categories/index.xml
@@ -0,0 +1,42 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Categories - The Octet Press</title>
+    <link>/categories/</link>
+    <description>Recent content in Categories on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Blog</title>
+      <link>/categories/blog/</link>
+      <pubDate>Tue, 01 Sep 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/categories/blog/</guid>
+      <description></description>
+    </item><item>
+      <title>Français</title>
+      <link>/categories/fran%C3%A7ais/</link>
+      <pubDate>Tue, 01 Sep 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/categories/fran%C3%A7ais/</guid>
+      <description></description>
+    </item><item>
+      <title>English</title>
+      <link>/categories/english/</link>
+      <pubDate>Thu, 30 Jul 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/categories/english/</guid>
+      <description></description>
+    </item><item>
+      <title>Politique</title>
+      <link>/categories/politique/</link>
+      <pubDate>Mon, 11 Mar 2019 20:00:00 +0000</pubDate>
+      
+      <guid>/categories/politique/</guid>
+      <description></description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/page/1/index.html b/public/categories/page/1/index.html
new file mode 100644
index 0000000..f587a06
--- /dev/null
+++ b/public/categories/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/categories/</title><link rel="canonical" href="/categories/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/categories/" /></head></html>
\ No newline at end of file
diff --git a/public/categories/politique/index.html b/public/categories/politique/index.html
new file mode 100644
index 0000000..11ed424
--- /dev/null
+++ b/public/categories/politique/index.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Politique &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/categories/politique/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</h2>
+    <p class="card-text">Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
+      <p>#Politique #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/categories/politique/index.xml b/public/categories/politique/index.xml
new file mode 100644
index 0000000..48861b8
--- /dev/null
+++ b/public/categories/politique/index.xml
@@ -0,0 +1,21 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Politique - The Octet Press</title>
+    <link>/categories/politique/</link>
+    <description>Recent content in Politique on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Mon, 11 Mar 2019 20:00:00 +0000</lastBuildDate>
+    
+        <atom:link href="/categories/politique/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</title>
+      <link>/articles/zapatista-oventik-petite-ecole/</link>
+      <pubDate>Mon, 11 Mar 2019 20:00:00 +0000</pubDate>
+      
+      <guid>/articles/zapatista-oventik-petite-ecole/</guid>
+      <description>Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/categories/politique/page/1/index.html b/public/categories/politique/page/1/index.html
new file mode 100644
index 0000000..e10c780
--- /dev/null
+++ b/public/categories/politique/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/categories/politique/</title><link rel="canonical" href="/categories/politique/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/categories/politique/" /></head></html>
\ No newline at end of file
diff --git a/public/css/concated.min.css b/public/css/concated.min.css
new file mode 100644
index 0000000..2e5c278
--- /dev/null
+++ b/public/css/concated.min.css
@@ -0,0 +1 @@
+/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.color-primary-0{color:#6b6b6b}.color-primary-1{color:#c9c8c8}.color-primary-2{color:#999}.color-primary-3{color:#343434}.color-primary-4{color:#040303}.bg-color-0{background-color:#6b6b6b}.bg-color-1{background-color:#c9c8c8}.bg-color-2{background-color:#999}.bg-color-3{background-color:#343434}.bg-color-4{background-color:#040303}body{font-family:Avenir,HelveticaNeue-Light,helvetica neue light,helvetica neue,Helvetica,Arial,lucida grande,sans-serif;color:#454545;font-size:1.1em;background-size:22px 22px;margin:0;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;word-break:break-word}} p { margin: 1.5em 0; } .home-header { min-height: 26rem; max-width: 50rem; margin: 0 -1.2rem -5rem -1.2rem; padding: 1.2rem; display: flex; flex-direction: column; z-index: -1; color: white; background-position: center; background-size: cover; } .home-faceshot-card { align-self: center; padding: 0.5rem; margin-bottom: 3rem; max-width: 17rem; width: 100%; background-color: white; border-radius: 1.2rem; box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .home-faceshot { margin: 0; border-radius: 0.8rem; } .home-blob-text-container { margin: 2em 0; max-width: 30rem; line-height: 1.5; } .home-blob-title{ font-size: 1.5em; font-weight: normal; margin: 0; } .home-blob-text{ margin: 0.5em 0 0 0; font-size: 1.1em; } .nav-bar { max-width: 60rem; padding: 0.4em 0; justify-content: space-between; align-items: center; } .nav-header { margin: 0; padding: 0.4em; font-size: 1.4em; } .nav-text { font-weight: normal; text-decoration: none; z-index: 105; color: black; font-weight: bolder; font-size: 3rem; } .menu-container { align-content: space-between; } #menu { list-style: none; } #menu li{ list-style: none; font-weight: bold; display: inline; padding: 0 1em 1em 0; margin-top: 0.4em; display: inline-grid; } .post { margin: 0 0 1em 0; line-height: 1.9; } .post-header { margin: 0 0 1.5em 0; } .post-title { font-size: 1.8em; font-weight: 500; line-height: 1.2; margin: 0 0 0.4em 0; font-family: serif; } .post-date { display: block; color: #7a7b7c; font-size: 0.7em; margin: 0; } .post-figure { margin: 1.5em 0; } .dropcase>p:first-of-type::first-letter { float: left; font-size: 3em; line-height: 1; margin: 0.08em 0.15em -0.4em 0; } .content { background-color: white; padding: 2em 0; margin-bottom: 3rem; margin-top: 1em; width: 100%; max-width: 50rem; z-index: 2; transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .list-header { margin: 1em; text-align: center; } .list-header-title { margin: 0.1em 0 0.1em 0; font-size: 2em; text-transform: uppercase; } .list-header-subtext { font-weight: normal; font-size: 1.5em; line-height: 1.6; margin: 0; } .list-header-content { margin: 5em 0; line-height: 1.6em; } .card-container { max-width: 48rem; } .card { display: block; margin: 3rem 0; box-sizing: border-box; background-color: white; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .home-card { padding: 0.8em; font-size: 2em; font-weight: bold; text-align: center; color: white; background-position: center center; object-fit: cover; } .blog-card { display: flex; flex-direction: column; align-items: stretch; border-style: solid; } .bc-next { margin-top: 0; } .card-img-container { position: relative; margin: 0.5rem; } .card-img { border-radius: 0.8rem; margin: 0 0 -0.7em 0; max-height: 10em; object-fit: cover; } .card-img-overlay { border-radius: 0.8rem 0.8rem 0 0; position: absolute; top: 0; font-size: 1.27em; text-align: center; padding: 0.77em 0; width: 100%; box-sizing: border-box; margin: 0; color: white; background-color: rgba(0,0,0,0.4); z-index: 5; } .card-body { margin: 1.3em 1.5em; line-height: 1.6; } .card-title { margin: 0; color: black; font-size: 1.3em; font-weight: 500; font-family: serif; } .card-text { margin: 1em 0; } .card-subtext { display: flex; flex-direction: row; justify-content: flex-start; font-size: 0.8em; } .card-subtext>p { margin: 0; } .card-subtext>p+p { margin-left: 1em; padding-left: 1em; word-spacing: 0.5em; border-left: thin solid #7a7b7c; } .end-nav { width: 100%; max-width: 48rem; z-index: 2; } .pagination-nav { margin: 2em 0; width: 100%; max-width: 47rem; } .pagination-newer { float:left; } .pagination-older { float: right; } .button { padding: 0.5em 0.6em; background-color: #FFF; text-decoration: none; border-radius: 0.3rem; transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .button:hover { box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12),0 0.05rem 0.1rem rgba(0,0,0,0.24); transform: scale(0.97); } .button:active { transform: scale(1); } .side-gutter { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } .side-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .side-text-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .small-pic { display: block; margin-top: 1.5em; } .small-img { width: unset; max-width: 100%; margin: 0 auto 1.5em auto; } .muted-text { color: #8E8E8E; } .katex-display { margin: 1.5em 0; overflow-x: auto; overflow-y: hidden; } #disqus_thread { margin-top: 5em; } .no-scroll { overflow: hidden; position: fixed; } .clear { clear: both; } h1,h2,h3,h4,h5,h6 { margin: 1.5em 0 -0.5em 0; clear: both; } img { display: block; width: 100%; height: auto; margin: 1.5em 0; } blockquote { border-left: 0.3em solid #D1D1D1; margin: 1.5em 0.8em; padding: .5em 0.5em; font-style: italic; } blockquote p { display: inline; } ul,ol { padding-left: 1.6em; } li ul,li ol { padding-left: 1em; } li>p { margin: 0; } code { font-size: 1.1rem; font-family: monospace; padding: .2em .5em; line-height: 1.5; border-radius: 0.3rem; background-color: #f5f6f7; } pre>code { margin: 1.5em 0; display: block; padding: 0.5em; word-break: normal; overflow-x: auto; color: black; } .highlight>pre { background-color: unset !important; } hr { border: 0; border-bottom: thin solid #D1D1D1; margin: 3em 0; clear: both; } a { color: #454545; } table { color: #141823; border-collapse: collapse; border-spacing: 0; margin: 1.5em 0; } td,th { padding: 0.5em 1em; border: thin solid #D1D1D1 } tr:nth-child(even) td { background: #f5f6f7; } footer { height: 17rem; max-width: 50rem; width: 100%; margin-top: -10rem; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: flex-end; color: white; background-position: 40% 0%; background-size: 50rem; } .footer-link { margin: 1rem 0; } .footer-icon { max-width: 3.2rem; margin: 0; } @media only screen and (min-width: 40.063em) { body{font-size:1.15rem}.home-header{flex-direction:row;align-items:flex-start}.home-blob-text-container{margin:4rem 2rem 4rem 6rem;flex-shrink:10}.home-faceshot-card{align-self:unset}.nav-bar{padding:.8em 0;background-color:#fff;z-index:auto}.nav-header{margin:0;font-size:1.4em;background-color:#fff}.nav-text{font-weight:400;text-decoration:none;z-index:105;color:#000;font-weight:bolder;font-size:3rem;background-color:#fff}.list-header-title{font-weight:400;font-size:4.2em}.blog-card{flex-direction:row;align-items:stretch}.card-img{margin:0;max-height:unset;height:100%;width:16em}.card-img-overlay{border-radius:.8rem .8rem 0 0}.card-body{margin:1.3em 1.7em}.card-title{font-size:1.3em}.card-text{font-size:.9em;margin:.8em 0 1.2em}.card-subtext{font-size:.7em;margin-bottom:.7em}.content{}.post{margin:1em 1.8em 2em}.post-title{font-size:2em}.button{border-radius:.2rem}.smartfloat-right{float:right;margin:0 0 1.5em 1.5em}.smartfloat-left{float:left;margin:0 1.5em 1.5em 0}code{border-radius:.2rem}}
\ No newline at end of file
diff --git a/public/css/katex.css b/public/css/katex.css
new file mode 100644
index 0000000..2c86e72
--- /dev/null
+++ b/public/css/katex.css
@@ -0,0 +1,1035 @@
+/* stylelint-disable font-family-no-missing-generic-family-keyword */
+@font-face {
+  font-family: 'KaTeX_AMS';
+  src: url(../fonts/KaTeX_AMS-Regular.woff2) format('woff2'), url(../fonts/KaTeX_AMS-Regular.woff) format('woff'), url(../fonts/KaTeX_AMS-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Caligraphic';
+  src: url(../fonts/KaTeX_Caligraphic-Bold.woff2) format('woff2'), url(../fonts/KaTeX_Caligraphic-Bold.woff) format('woff'), url(../fonts/KaTeX_Caligraphic-Bold.ttf) format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Caligraphic';
+  src: url(../fonts/KaTeX_Caligraphic-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Caligraphic-Regular.woff) format('woff'), url(../fonts/KaTeX_Caligraphic-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Fraktur';
+  src: url(../fonts/KaTeX_Fraktur-Bold.woff2) format('woff2'), url(../fonts/KaTeX_Fraktur-Bold.woff) format('woff'), url(../fonts/KaTeX_Fraktur-Bold.ttf) format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Fraktur';
+  src: url(../fonts/KaTeX_Fraktur-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Fraktur-Regular.woff) format('woff'), url(../fonts/KaTeX_Fraktur-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Main';
+  src: url(../fonts/KaTeX_Main-Bold.woff2) format('woff2'), url(../fonts/KaTeX_Main-Bold.woff) format('woff'), url(../fonts/KaTeX_Main-Bold.ttf) format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Main';
+  src: url(../fonts/KaTeX_Main-BoldItalic.woff2) format('woff2'), url(../fonts/KaTeX_Main-BoldItalic.woff) format('woff'), url(../fonts/KaTeX_Main-BoldItalic.ttf) format('truetype');
+  font-weight: bold;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'KaTeX_Main';
+  src: url(../fonts/KaTeX_Main-Italic.woff2) format('woff2'), url(../fonts/KaTeX_Main-Italic.woff) format('woff'), url(../fonts/KaTeX_Main-Italic.ttf) format('truetype');
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'KaTeX_Main';
+  src: url(../fonts/KaTeX_Main-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Main-Regular.woff) format('woff'), url(../fonts/KaTeX_Main-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Math';
+  src: url(../fonts/KaTeX_Math-BoldItalic.woff2) format('woff2'), url(../fonts/KaTeX_Math-BoldItalic.woff) format('woff'), url(../fonts/KaTeX_Math-BoldItalic.ttf) format('truetype');
+  font-weight: bold;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'KaTeX_Math';
+  src: url(../fonts/KaTeX_Math-Italic.woff2) format('woff2'), url(../fonts/KaTeX_Math-Italic.woff) format('woff'), url(../fonts/KaTeX_Math-Italic.ttf) format('truetype');
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'KaTeX_SansSerif';
+  src: url(../fonts/KaTeX_SansSerif-Bold.woff2) format('woff2'), url(../fonts/KaTeX_SansSerif-Bold.woff) format('woff'), url(../fonts/KaTeX_SansSerif-Bold.ttf) format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_SansSerif';
+  src: url(../fonts/KaTeX_SansSerif-Italic.woff2) format('woff2'), url(../fonts/KaTeX_SansSerif-Italic.woff) format('woff'), url(../fonts/KaTeX_SansSerif-Italic.ttf) format('truetype');
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'KaTeX_SansSerif';
+  src: url(../fonts/KaTeX_SansSerif-Regular.woff2) format('woff2'), url(../fonts/KaTeX_SansSerif-Regular.woff) format('woff'), url(../fonts/KaTeX_SansSerif-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Script';
+  src: url(../fonts/KaTeX_Script-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Script-Regular.woff) format('woff'), url(../fonts/KaTeX_Script-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Size1';
+  src: url(../fonts/KaTeX_Size1-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Size1-Regular.woff) format('woff'), url(../fonts/KaTeX_Size1-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Size2';
+  src: url(../fonts/KaTeX_Size2-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Size2-Regular.woff) format('woff'), url(../fonts/KaTeX_Size2-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Size3';
+  src: url(../fonts/KaTeX_Size3-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Size3-Regular.woff) format('woff'), url(../fonts/KaTeX_Size3-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Size4';
+  src: url(../fonts/KaTeX_Size4-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Size4-Regular.woff) format('woff'), url(../fonts/KaTeX_Size4-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'KaTeX_Typewriter';
+  src: url(../fonts/KaTeX_Typewriter-Regular.woff2) format('woff2'), url(../fonts/KaTeX_Typewriter-Regular.woff) format('woff'), url(../fonts/KaTeX_Typewriter-Regular.ttf) format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+.katex {
+  font: normal 1.21em KaTeX_Main, Times New Roman, serif;
+  line-height: 1.2;
+  text-indent: 0;
+  text-rendering: auto;
+  border-color: currentColor;
+}
+.katex * {
+  -ms-high-contrast-adjust: none !important;
+}
+.katex .katex-version::after {
+  content: "0.12.0";
+}
+.katex .katex-mathml {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  padding: 0;
+  border: 0;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+}
+.katex .katex-html {
+  /* \newline is an empty block at top level, between .base elements */
+}
+.katex .katex-html > .newline {
+  display: block;
+}
+.katex .base {
+  position: relative;
+  display: inline-block;
+  white-space: nowrap;
+  width: min-content;
+}
+.katex .strut {
+  display: inline-block;
+}
+.katex .textbf {
+  font-weight: bold;
+}
+.katex .textit {
+  font-style: italic;
+}
+.katex .textrm {
+  font-family: KaTeX_Main;
+}
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
+}
+.katex .texttt {
+  font-family: KaTeX_Typewriter;
+}
+.katex .mathnormal {
+  font-family: KaTeX_Math;
+  font-style: italic;
+}
+.katex .mathit {
+  font-family: KaTeX_Main;
+  font-style: italic;
+}
+.katex .mathrm {
+  font-style: normal;
+}
+.katex .mathbf {
+  font-family: KaTeX_Main;
+  font-weight: bold;
+}
+.katex .boldsymbol {
+  font-family: KaTeX_Math;
+  font-weight: bold;
+  font-style: italic;
+}
+.katex .amsrm {
+  font-family: KaTeX_AMS;
+}
+.katex .mathbb,
+.katex .textbb {
+  font-family: KaTeX_AMS;
+}
+.katex .mathcal {
+  font-family: KaTeX_Caligraphic;
+}
+.katex .mathfrak,
+.katex .textfrak {
+  font-family: KaTeX_Fraktur;
+}
+.katex .mathtt {
+  font-family: KaTeX_Typewriter;
+}
+.katex .mathscr,
+.katex .textscr {
+  font-family: KaTeX_Script;
+}
+.katex .mathsf,
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
+}
+.katex .mathboldsf,
+.katex .textboldsf {
+  font-family: KaTeX_SansSerif;
+  font-weight: bold;
+}
+.katex .mathitsf,
+.katex .textitsf {
+  font-family: KaTeX_SansSerif;
+  font-style: italic;
+}
+.katex .mainrm {
+  font-family: KaTeX_Main;
+  font-style: normal;
+}
+.katex .vlist-t {
+  display: inline-table;
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+.katex .vlist-r {
+  display: table-row;
+}
+.katex .vlist {
+  display: table-cell;
+  vertical-align: bottom;
+  position: relative;
+}
+.katex .vlist > span {
+  display: block;
+  height: 0;
+  position: relative;
+}
+.katex .vlist > span > span {
+  display: inline-block;
+}
+.katex .vlist > span > .pstrut {
+  overflow: hidden;
+  width: 0;
+}
+.katex .vlist-t2 {
+  margin-right: -2px;
+}
+.katex .vlist-s {
+  display: table-cell;
+  vertical-align: bottom;
+  font-size: 1px;
+  width: 2px;
+  min-width: 2px;
+}
+.katex .vbox {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  align-items: baseline;
+}
+.katex .hbox {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  width: 100%;
+}
+.katex .thinbox {
+  display: inline-flex;
+  flex-direction: row;
+  width: 0;
+  max-width: 0;
+}
+.katex .msupsub {
+  text-align: left;
+}
+.katex .mfrac > span > span {
+  text-align: center;
+}
+.katex .mfrac .frac-line {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: solid;
+}
+.katex .mfrac .frac-line,
+.katex .overline .overline-line,
+.katex .underline .underline-line,
+.katex .hline,
+.katex .hdashline,
+.katex .rule {
+  min-height: 1px;
+}
+.katex .mspace {
+  display: inline-block;
+}
+.katex .llap,
+.katex .rlap,
+.katex .clap {
+  width: 0;
+  position: relative;
+}
+.katex .llap > .inner,
+.katex .rlap > .inner,
+.katex .clap > .inner {
+  position: absolute;
+}
+.katex .llap > .fix,
+.katex .rlap > .fix,
+.katex .clap > .fix {
+  display: inline-block;
+}
+.katex .llap > .inner {
+  right: 0;
+}
+.katex .rlap > .inner,
+.katex .clap > .inner {
+  left: 0;
+}
+.katex .clap > .inner > span {
+  margin-left: -50%;
+  margin-right: 50%;
+}
+.katex .rule {
+  display: inline-block;
+  border: solid 0;
+  position: relative;
+}
+.katex .overline .overline-line,
+.katex .underline .underline-line,
+.katex .hline {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: solid;
+}
+.katex .hdashline {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: dashed;
+}
+.katex .sqrt > .root {
+  margin-left: 0.27777778em;
+  margin-right: -0.55555556em;
+}
+.katex .sizing.reset-size1.size1,
+.katex .../fontsize-ensurer.reset-size1.size1 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size1.size2,
+.katex .../fontsize-ensurer.reset-size1.size2 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size1.size3,
+.katex .../fontsize-ensurer.reset-size1.size3 {
+  font-size: 1.4em;
+}
+.katex .sizing.reset-size1.size4,
+.katex .../fontsize-ensurer.reset-size1.size4 {
+  font-size: 1.6em;
+}
+.katex .sizing.reset-size1.size5,
+.katex .../fontsize-ensurer.reset-size1.size5 {
+  font-size: 1.8em;
+}
+.katex .sizing.reset-size1.size6,
+.katex .../fontsize-ensurer.reset-size1.size6 {
+  font-size: 2em;
+}
+.katex .sizing.reset-size1.size7,
+.katex .../fontsize-ensurer.reset-size1.size7 {
+  font-size: 2.4em;
+}
+.katex .sizing.reset-size1.size8,
+.katex .../fontsize-ensurer.reset-size1.size8 {
+  font-size: 2.88em;
+}
+.katex .sizing.reset-size1.size9,
+.katex .../fontsize-ensurer.reset-size1.size9 {
+  font-size: 3.456em;
+}
+.katex .sizing.reset-size1.size10,
+.katex .../fontsize-ensurer.reset-size1.size10 {
+  font-size: 4.148em;
+}
+.katex .sizing.reset-size1.size11,
+.katex .../fontsize-ensurer.reset-size1.size11 {
+  font-size: 4.976em;
+}
+.katex .sizing.reset-size2.size1,
+.katex .../fontsize-ensurer.reset-size2.size1 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size2.size2,
+.katex .../fontsize-ensurer.reset-size2.size2 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size2.size3,
+.katex .../fontsize-ensurer.reset-size2.size3 {
+  font-size: 1.16666667em;
+}
+.katex .sizing.reset-size2.size4,
+.katex .../fontsize-ensurer.reset-size2.size4 {
+  font-size: 1.33333333em;
+}
+.katex .sizing.reset-size2.size5,
+.katex .../fontsize-ensurer.reset-size2.size5 {
+  font-size: 1.5em;
+}
+.katex .sizing.reset-size2.size6,
+.katex .../fontsize-ensurer.reset-size2.size6 {
+  font-size: 1.66666667em;
+}
+.katex .sizing.reset-size2.size7,
+.katex .../fontsize-ensurer.reset-size2.size7 {
+  font-size: 2em;
+}
+.katex .sizing.reset-size2.size8,
+.katex .../fontsize-ensurer.reset-size2.size8 {
+  font-size: 2.4em;
+}
+.katex .sizing.reset-size2.size9,
+.katex .../fontsize-ensurer.reset-size2.size9 {
+  font-size: 2.88em;
+}
+.katex .sizing.reset-size2.size10,
+.katex .../fontsize-ensurer.reset-size2.size10 {
+  font-size: 3.45666667em;
+}
+.katex .sizing.reset-size2.size11,
+.katex .../fontsize-ensurer.reset-size2.size11 {
+  font-size: 4.14666667em;
+}
+.katex .sizing.reset-size3.size1,
+.katex .../fontsize-ensurer.reset-size3.size1 {
+  font-size: 0.71428571em;
+}
+.katex .sizing.reset-size3.size2,
+.katex .../fontsize-ensurer.reset-size3.size2 {
+  font-size: 0.85714286em;
+}
+.katex .sizing.reset-size3.size3,
+.katex .../fontsize-ensurer.reset-size3.size3 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size3.size4,
+.katex .../fontsize-ensurer.reset-size3.size4 {
+  font-size: 1.14285714em;
+}
+.katex .sizing.reset-size3.size5,
+.katex .../fontsize-ensurer.reset-size3.size5 {
+  font-size: 1.28571429em;
+}
+.katex .sizing.reset-size3.size6,
+.katex .../fontsize-ensurer.reset-size3.size6 {
+  font-size: 1.42857143em;
+}
+.katex .sizing.reset-size3.size7,
+.katex .../fontsize-ensurer.reset-size3.size7 {
+  font-size: 1.71428571em;
+}
+.katex .sizing.reset-size3.size8,
+.katex .../fontsize-ensurer.reset-size3.size8 {
+  font-size: 2.05714286em;
+}
+.katex .sizing.reset-size3.size9,
+.katex .../fontsize-ensurer.reset-size3.size9 {
+  font-size: 2.46857143em;
+}
+.katex .sizing.reset-size3.size10,
+.katex .../fontsize-ensurer.reset-size3.size10 {
+  font-size: 2.96285714em;
+}
+.katex .sizing.reset-size3.size11,
+.katex .../fontsize-ensurer.reset-size3.size11 {
+  font-size: 3.55428571em;
+}
+.katex .sizing.reset-size4.size1,
+.katex .../fontsize-ensurer.reset-size4.size1 {
+  font-size: 0.625em;
+}
+.katex .sizing.reset-size4.size2,
+.katex .../fontsize-ensurer.reset-size4.size2 {
+  font-size: 0.75em;
+}
+.katex .sizing.reset-size4.size3,
+.katex .../fontsize-ensurer.reset-size4.size3 {
+  font-size: 0.875em;
+}
+.katex .sizing.reset-size4.size4,
+.katex .../fontsize-ensurer.reset-size4.size4 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size4.size5,
+.katex .../fontsize-ensurer.reset-size4.size5 {
+  font-size: 1.125em;
+}
+.katex .sizing.reset-size4.size6,
+.katex .../fontsize-ensurer.reset-size4.size6 {
+  font-size: 1.25em;
+}
+.katex .sizing.reset-size4.size7,
+.katex .../fontsize-ensurer.reset-size4.size7 {
+  font-size: 1.5em;
+}
+.katex .sizing.reset-size4.size8,
+.katex .../fontsize-ensurer.reset-size4.size8 {
+  font-size: 1.8em;
+}
+.katex .sizing.reset-size4.size9,
+.katex .../fontsize-ensurer.reset-size4.size9 {
+  font-size: 2.16em;
+}
+.katex .sizing.reset-size4.size10,
+.katex .../fontsize-ensurer.reset-size4.size10 {
+  font-size: 2.5925em;
+}
+.katex .sizing.reset-size4.size11,
+.katex .../fontsize-ensurer.reset-size4.size11 {
+  font-size: 3.11em;
+}
+.katex .sizing.reset-size5.size1,
+.katex .../fontsize-ensurer.reset-size5.size1 {
+  font-size: 0.55555556em;
+}
+.katex .sizing.reset-size5.size2,
+.katex .../fontsize-ensurer.reset-size5.size2 {
+  font-size: 0.66666667em;
+}
+.katex .sizing.reset-size5.size3,
+.katex .../fontsize-ensurer.reset-size5.size3 {
+  font-size: 0.77777778em;
+}
+.katex .sizing.reset-size5.size4,
+.katex .../fontsize-ensurer.reset-size5.size4 {
+  font-size: 0.88888889em;
+}
+.katex .sizing.reset-size5.size5,
+.katex .../fontsize-ensurer.reset-size5.size5 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size5.size6,
+.katex .../fontsize-ensurer.reset-size5.size6 {
+  font-size: 1.11111111em;
+}
+.katex .sizing.reset-size5.size7,
+.katex .../fontsize-ensurer.reset-size5.size7 {
+  font-size: 1.33333333em;
+}
+.katex .sizing.reset-size5.size8,
+.katex .../fontsize-ensurer.reset-size5.size8 {
+  font-size: 1.6em;
+}
+.katex .sizing.reset-size5.size9,
+.katex .../fontsize-ensurer.reset-size5.size9 {
+  font-size: 1.92em;
+}
+.katex .sizing.reset-size5.size10,
+.katex .../fontsize-ensurer.reset-size5.size10 {
+  font-size: 2.30444444em;
+}
+.katex .sizing.reset-size5.size11,
+.katex .../fontsize-ensurer.reset-size5.size11 {
+  font-size: 2.76444444em;
+}
+.katex .sizing.reset-size6.size1,
+.katex .../fontsize-ensurer.reset-size6.size1 {
+  font-size: 0.5em;
+}
+.katex .sizing.reset-size6.size2,
+.katex .../fontsize-ensurer.reset-size6.size2 {
+  font-size: 0.6em;
+}
+.katex .sizing.reset-size6.size3,
+.katex .../fontsize-ensurer.reset-size6.size3 {
+  font-size: 0.7em;
+}
+.katex .sizing.reset-size6.size4,
+.katex .../fontsize-ensurer.reset-size6.size4 {
+  font-size: 0.8em;
+}
+.katex .sizing.reset-size6.size5,
+.katex .../fontsize-ensurer.reset-size6.size5 {
+  font-size: 0.9em;
+}
+.katex .sizing.reset-size6.size6,
+.katex .../fontsize-ensurer.reset-size6.size6 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size6.size7,
+.katex .../fontsize-ensurer.reset-size6.size7 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size6.size8,
+.katex .../fontsize-ensurer.reset-size6.size8 {
+  font-size: 1.44em;
+}
+.katex .sizing.reset-size6.size9,
+.katex .../fontsize-ensurer.reset-size6.size9 {
+  font-size: 1.728em;
+}
+.katex .sizing.reset-size6.size10,
+.katex .../fontsize-ensurer.reset-size6.size10 {
+  font-size: 2.074em;
+}
+.katex .sizing.reset-size6.size11,
+.katex .../fontsize-ensurer.reset-size6.size11 {
+  font-size: 2.488em;
+}
+.katex .sizing.reset-size7.size1,
+.katex .../fontsize-ensurer.reset-size7.size1 {
+  font-size: 0.41666667em;
+}
+.katex .sizing.reset-size7.size2,
+.katex .../fontsize-ensurer.reset-size7.size2 {
+  font-size: 0.5em;
+}
+.katex .sizing.reset-size7.size3,
+.katex .../fontsize-ensurer.reset-size7.size3 {
+  font-size: 0.58333333em;
+}
+.katex .sizing.reset-size7.size4,
+.katex .../fontsize-ensurer.reset-size7.size4 {
+  font-size: 0.66666667em;
+}
+.katex .sizing.reset-size7.size5,
+.katex .../fontsize-ensurer.reset-size7.size5 {
+  font-size: 0.75em;
+}
+.katex .sizing.reset-size7.size6,
+.katex .../fontsize-ensurer.reset-size7.size6 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size7.size7,
+.katex .../fontsize-ensurer.reset-size7.size7 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size7.size8,
+.katex .../fontsize-ensurer.reset-size7.size8 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size7.size9,
+.katex .../fontsize-ensurer.reset-size7.size9 {
+  font-size: 1.44em;
+}
+.katex .sizing.reset-size7.size10,
+.katex .../fontsize-ensurer.reset-size7.size10 {
+  font-size: 1.72833333em;
+}
+.katex .sizing.reset-size7.size11,
+.katex .../fontsize-ensurer.reset-size7.size11 {
+  font-size: 2.07333333em;
+}
+.katex .sizing.reset-size8.size1,
+.katex .../fontsize-ensurer.reset-size8.size1 {
+  font-size: 0.34722222em;
+}
+.katex .sizing.reset-size8.size2,
+.katex .../fontsize-ensurer.reset-size8.size2 {
+  font-size: 0.41666667em;
+}
+.katex .sizing.reset-size8.size3,
+.katex .../fontsize-ensurer.reset-size8.size3 {
+  font-size: 0.48611111em;
+}
+.katex .sizing.reset-size8.size4,
+.katex .../fontsize-ensurer.reset-size8.size4 {
+  font-size: 0.55555556em;
+}
+.katex .sizing.reset-size8.size5,
+.katex .../fontsize-ensurer.reset-size8.size5 {
+  font-size: 0.625em;
+}
+.katex .sizing.reset-size8.size6,
+.katex .../fontsize-ensurer.reset-size8.size6 {
+  font-size: 0.69444444em;
+}
+.katex .sizing.reset-size8.size7,
+.katex .../fontsize-ensurer.reset-size8.size7 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size8.size8,
+.katex .../fontsize-ensurer.reset-size8.size8 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size8.size9,
+.katex .../fontsize-ensurer.reset-size8.size9 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size8.size10,
+.katex .../fontsize-ensurer.reset-size8.size10 {
+  font-size: 1.44027778em;
+}
+.katex .sizing.reset-size8.size11,
+.katex .../fontsize-ensurer.reset-size8.size11 {
+  font-size: 1.72777778em;
+}
+.katex .sizing.reset-size9.size1,
+.katex .../fontsize-ensurer.reset-size9.size1 {
+  font-size: 0.28935185em;
+}
+.katex .sizing.reset-size9.size2,
+.katex .../fontsize-ensurer.reset-size9.size2 {
+  font-size: 0.34722222em;
+}
+.katex .sizing.reset-size9.size3,
+.katex .../fontsize-ensurer.reset-size9.size3 {
+  font-size: 0.40509259em;
+}
+.katex .sizing.reset-size9.size4,
+.katex .../fontsize-ensurer.reset-size9.size4 {
+  font-size: 0.46296296em;
+}
+.katex .sizing.reset-size9.size5,
+.katex .../fontsize-ensurer.reset-size9.size5 {
+  font-size: 0.52083333em;
+}
+.katex .sizing.reset-size9.size6,
+.katex .../fontsize-ensurer.reset-size9.size6 {
+  font-size: 0.5787037em;
+}
+.katex .sizing.reset-size9.size7,
+.katex .../fontsize-ensurer.reset-size9.size7 {
+  font-size: 0.69444444em;
+}
+.katex .sizing.reset-size9.size8,
+.katex .../fontsize-ensurer.reset-size9.size8 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size9.size9,
+.katex .../fontsize-ensurer.reset-size9.size9 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size9.size10,
+.katex .../fontsize-ensurer.reset-size9.size10 {
+  font-size: 1.20023148em;
+}
+.katex .sizing.reset-size9.size11,
+.katex .../fontsize-ensurer.reset-size9.size11 {
+  font-size: 1.43981481em;
+}
+.katex .sizing.reset-size10.size1,
+.katex .../fontsize-ensurer.reset-size10.size1 {
+  font-size: 0.24108004em;
+}
+.katex .sizing.reset-size10.size2,
+.katex .../fontsize-ensurer.reset-size10.size2 {
+  font-size: 0.28929605em;
+}
+.katex .sizing.reset-size10.size3,
+.katex .../fontsize-ensurer.reset-size10.size3 {
+  font-size: 0.33751205em;
+}
+.katex .sizing.reset-size10.size4,
+.katex .../fontsize-ensurer.reset-size10.size4 {
+  font-size: 0.38572806em;
+}
+.katex .sizing.reset-size10.size5,
+.katex .../fontsize-ensurer.reset-size10.size5 {
+  font-size: 0.43394407em;
+}
+.katex .sizing.reset-size10.size6,
+.katex .../fontsize-ensurer.reset-size10.size6 {
+  font-size: 0.48216008em;
+}
+.katex .sizing.reset-size10.size7,
+.katex .../fontsize-ensurer.reset-size10.size7 {
+  font-size: 0.57859209em;
+}
+.katex .sizing.reset-size10.size8,
+.katex .../fontsize-ensurer.reset-size10.size8 {
+  font-size: 0.69431051em;
+}
+.katex .sizing.reset-size10.size9,
+.katex .../fontsize-ensurer.reset-size10.size9 {
+  font-size: 0.83317261em;
+}
+.katex .sizing.reset-size10.size10,
+.katex .../fontsize-ensurer.reset-size10.size10 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size10.size11,
+.katex .../fontsize-ensurer.reset-size10.size11 {
+  font-size: 1.19961427em;
+}
+.katex .sizing.reset-size11.size1,
+.katex .../fontsize-ensurer.reset-size11.size1 {
+  font-size: 0.20096463em;
+}
+.katex .sizing.reset-size11.size2,
+.katex .../fontsize-ensurer.reset-size11.size2 {
+  font-size: 0.24115756em;
+}
+.katex .sizing.reset-size11.size3,
+.katex .../fontsize-ensurer.reset-size11.size3 {
+  font-size: 0.28135048em;
+}
+.katex .sizing.reset-size11.size4,
+.katex .../fontsize-ensurer.reset-size11.size4 {
+  font-size: 0.32154341em;
+}
+.katex .sizing.reset-size11.size5,
+.katex .../fontsize-ensurer.reset-size11.size5 {
+  font-size: 0.36173633em;
+}
+.katex .sizing.reset-size11.size6,
+.katex .../fontsize-ensurer.reset-size11.size6 {
+  font-size: 0.40192926em;
+}
+.katex .sizing.reset-size11.size7,
+.katex .../fontsize-ensurer.reset-size11.size7 {
+  font-size: 0.48231511em;
+}
+.katex .sizing.reset-size11.size8,
+.katex .../fontsize-ensurer.reset-size11.size8 {
+  font-size: 0.57877814em;
+}
+.katex .sizing.reset-size11.size9,
+.katex .../fontsize-ensurer.reset-size11.size9 {
+  font-size: 0.69453376em;
+}
+.katex .sizing.reset-size11.size10,
+.katex .../fontsize-ensurer.reset-size11.size10 {
+  font-size: 0.83360129em;
+}
+.katex .sizing.reset-size11.size11,
+.katex .../fontsize-ensurer.reset-size11.size11 {
+  font-size: 1em;
+}
+.katex .delimsizing.size1 {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.size2 {
+  font-family: KaTeX_Size2;
+}
+.katex .delimsizing.size3 {
+  font-family: KaTeX_Size3;
+}
+.katex .delimsizing.size4 {
+  font-family: KaTeX_Size4;
+}
+.katex .delimsizing.mult .delim-size1 > span {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.mult .delim-size4 > span {
+  font-family: KaTeX_Size4;
+}
+.katex .nulldelimiter {
+  display: inline-block;
+  width: 0.12em;
+}
+.katex .delimcenter {
+  position: relative;
+}
+.katex .op-symbol {
+  position: relative;
+}
+.katex .op-symbol.small-op {
+  font-family: KaTeX_Size1;
+}
+.katex .op-symbol.large-op {
+  font-family: KaTeX_Size2;
+}
+.katex .op-limits > .vlist-t {
+  text-align: center;
+}
+.katex .accent > .vlist-t {
+  text-align: center;
+}
+.katex .accent .accent-body {
+  position: relative;
+}
+.katex .accent .accent-body:not(.accent-full) {
+  width: 0;
+}
+.katex .overlay {
+  display: block;
+}
+.katex .mtable .vertical-separator {
+  display: inline-block;
+  min-width: 1px;
+}
+.katex .mtable .arraycolsep {
+  display: inline-block;
+}
+.katex .mtable .col-align-c > .vlist-t {
+  text-align: center;
+}
+.katex .mtable .col-align-l > .vlist-t {
+  text-align: left;
+}
+.katex .mtable .col-align-r > .vlist-t {
+  text-align: right;
+}
+.katex .svg-align {
+  text-align: left;
+}
+.katex svg {
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: inherit;
+  fill: currentColor;
+  stroke: currentColor;
+  fill-rule: nonzero;
+  fill-opacity: 1;
+  stroke-width: 1;
+  stroke-linecap: butt;
+  stroke-linejoin: miter;
+  stroke-miterlimit: 4;
+  stroke-dasharray: none;
+  stroke-dashoffset: 0;
+  stroke-opacity: 1;
+}
+.katex svg path {
+  stroke: none;
+}
+.katex img {
+  border-style: none;
+  min-width: 0;
+  min-height: 0;
+  max-width: none;
+  max-height: none;
+}
+.katex .stretchy {
+  width: 100%;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+.katex .stretchy::before,
+.katex .stretchy::after {
+  content: "";
+}
+.katex .hide-tail {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.katex .halfarrow-left {
+  position: absolute;
+  left: 0;
+  width: 50.2%;
+  overflow: hidden;
+}
+.katex .halfarrow-right {
+  position: absolute;
+  right: 0;
+  width: 50.2%;
+  overflow: hidden;
+}
+.katex .brace-left {
+  position: absolute;
+  left: 0;
+  width: 25.1%;
+  overflow: hidden;
+}
+.katex .brace-center {
+  position: absolute;
+  left: 25%;
+  width: 50%;
+  overflow: hidden;
+}
+.katex .brace-right {
+  position: absolute;
+  right: 0;
+  width: 25.1%;
+  overflow: hidden;
+}
+.katex .x-arrow-pad {
+  padding: 0 0.5em;
+}
+.katex .x-arrow,
+.katex .mover,
+.katex .munder {
+  text-align: center;
+}
+.katex .boxpad {
+  padding: 0 0.3em 0 0.3em;
+}
+.katex .fbox,
+.katex .fcolorbox {
+  box-sizing: border-box;
+  border: 0.04em solid;
+}
+.katex .cancel-pad {
+  padding: 0 0.2em 0 0.2em;
+}
+.katex .cancel-lap {
+  margin-left: -0.2em;
+  margin-right: -0.2em;
+}
+.katex .sout {
+  border-bottom-style: solid;
+  border-bottom-width: 0.08em;
+}
+.katex-display {
+  display: block;
+  margin: 1em 0;
+  text-align: center;
+}
+.katex-display > .katex {
+  display: block;
+  text-align: center;
+  white-space: nowrap;
+}
+.katex-display > .katex > .katex-html {
+  display: block;
+  position: relative;
+}
+.katex-display > .katex > .katex-html > .tag {
+  position: absolute;
+  right: 0;
+}
+.katex-display.leqno > .katex > .katex-html > .tag {
+  left: 0;
+  right: auto;
+}
+.katex-display.fleqn > .katex {
+  text-align: left;
+  padding-left: 2em;
+}
+
diff --git a/public/fonts/KaTeX_AMS-Regular.ttf b/public/fonts/KaTeX_AMS-Regular.ttf
new file mode 100644
index 0000000..737cf8e
Binary files /dev/null and b/public/fonts/KaTeX_AMS-Regular.ttf differ
diff --git a/public/fonts/KaTeX_AMS-Regular.woff b/public/fonts/KaTeX_AMS-Regular.woff
new file mode 100644
index 0000000..38378bf
Binary files /dev/null and b/public/fonts/KaTeX_AMS-Regular.woff differ
diff --git a/public/fonts/KaTeX_AMS-Regular.woff2 b/public/fonts/KaTeX_AMS-Regular.woff2
new file mode 100644
index 0000000..a4d1ba6
Binary files /dev/null and b/public/fonts/KaTeX_AMS-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Caligraphic-Bold.ttf b/public/fonts/KaTeX_Caligraphic-Bold.ttf
new file mode 100644
index 0000000..04d28ab
Binary files /dev/null and b/public/fonts/KaTeX_Caligraphic-Bold.ttf differ
diff --git a/public/fonts/KaTeX_Caligraphic-Bold.woff b/public/fonts/KaTeX_Caligraphic-Bold.woff
new file mode 100644
index 0000000..a01ce90
Binary files /dev/null and b/public/fonts/KaTeX_Caligraphic-Bold.woff differ
diff --git a/public/fonts/KaTeX_Caligraphic-Bold.woff2 b/public/fonts/KaTeX_Caligraphic-Bold.woff2
new file mode 100644
index 0000000..3792727
Binary files /dev/null and b/public/fonts/KaTeX_Caligraphic-Bold.woff2 differ
diff --git a/public/fonts/KaTeX_Caligraphic-Regular.ttf b/public/fonts/KaTeX_Caligraphic-Regular.ttf
new file mode 100644
index 0000000..b2ce555
Binary files /dev/null and b/public/fonts/KaTeX_Caligraphic-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Caligraphic-Regular.woff b/public/fonts/KaTeX_Caligraphic-Regular.woff
new file mode 100644
index 0000000..bc169b7
Binary files /dev/null and b/public/fonts/KaTeX_Caligraphic-Regular.woff differ
diff --git a/public/fonts/KaTeX_Caligraphic-Regular.woff2 b/public/fonts/KaTeX_Caligraphic-Regular.woff2
new file mode 100644
index 0000000..f1e38bb
Binary files /dev/null and b/public/fonts/KaTeX_Caligraphic-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Fraktur-Bold.ttf b/public/fonts/KaTeX_Fraktur-Bold.ttf
new file mode 100644
index 0000000..c42d169
Binary files /dev/null and b/public/fonts/KaTeX_Fraktur-Bold.ttf differ
diff --git a/public/fonts/KaTeX_Fraktur-Bold.woff b/public/fonts/KaTeX_Fraktur-Bold.woff
new file mode 100644
index 0000000..f30b54b
Binary files /dev/null and b/public/fonts/KaTeX_Fraktur-Bold.woff differ
diff --git a/public/fonts/KaTeX_Fraktur-Bold.woff2 b/public/fonts/KaTeX_Fraktur-Bold.woff2
new file mode 100644
index 0000000..b7a8359
Binary files /dev/null and b/public/fonts/KaTeX_Fraktur-Bold.woff2 differ
diff --git a/public/fonts/KaTeX_Fraktur-Regular.ttf b/public/fonts/KaTeX_Fraktur-Regular.ttf
new file mode 100644
index 0000000..4133228
Binary files /dev/null and b/public/fonts/KaTeX_Fraktur-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Fraktur-Regular.woff b/public/fonts/KaTeX_Fraktur-Regular.woff
new file mode 100644
index 0000000..5af51de
Binary files /dev/null and b/public/fonts/KaTeX_Fraktur-Regular.woff differ
diff --git a/public/fonts/KaTeX_Fraktur-Regular.woff2 b/public/fonts/KaTeX_Fraktur-Regular.woff2
new file mode 100644
index 0000000..3874f93
Binary files /dev/null and b/public/fonts/KaTeX_Fraktur-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Main-Bold.ttf b/public/fonts/KaTeX_Main-Bold.ttf
new file mode 100644
index 0000000..14390e0
Binary files /dev/null and b/public/fonts/KaTeX_Main-Bold.ttf differ
diff --git a/public/fonts/KaTeX_Main-Bold.woff b/public/fonts/KaTeX_Main-Bold.woff
new file mode 100644
index 0000000..33b4199
Binary files /dev/null and b/public/fonts/KaTeX_Main-Bold.woff differ
diff --git a/public/fonts/KaTeX_Main-Bold.woff2 b/public/fonts/KaTeX_Main-Bold.woff2
new file mode 100644
index 0000000..f9b71cb
Binary files /dev/null and b/public/fonts/KaTeX_Main-Bold.woff2 differ
diff --git a/public/fonts/KaTeX_Main-BoldItalic.ttf b/public/fonts/KaTeX_Main-BoldItalic.ttf
new file mode 100644
index 0000000..ad0761f
Binary files /dev/null and b/public/fonts/KaTeX_Main-BoldItalic.ttf differ
diff --git a/public/fonts/KaTeX_Main-BoldItalic.woff b/public/fonts/KaTeX_Main-BoldItalic.woff
new file mode 100644
index 0000000..115af4f
Binary files /dev/null and b/public/fonts/KaTeX_Main-BoldItalic.woff differ
diff --git a/public/fonts/KaTeX_Main-BoldItalic.woff2 b/public/fonts/KaTeX_Main-BoldItalic.woff2
new file mode 100644
index 0000000..5c500c2
Binary files /dev/null and b/public/fonts/KaTeX_Main-BoldItalic.woff2 differ
diff --git a/public/fonts/KaTeX_Main-Italic.ttf b/public/fonts/KaTeX_Main-Italic.ttf
new file mode 100644
index 0000000..fc8625c
Binary files /dev/null and b/public/fonts/KaTeX_Main-Italic.ttf differ
diff --git a/public/fonts/KaTeX_Main-Italic.woff b/public/fonts/KaTeX_Main-Italic.woff
new file mode 100644
index 0000000..2d3087a
Binary files /dev/null and b/public/fonts/KaTeX_Main-Italic.woff differ
diff --git a/public/fonts/KaTeX_Main-Italic.woff2 b/public/fonts/KaTeX_Main-Italic.woff2
new file mode 100644
index 0000000..08510d8
Binary files /dev/null and b/public/fonts/KaTeX_Main-Italic.woff2 differ
diff --git a/public/fonts/KaTeX_Main-Regular.ttf b/public/fonts/KaTeX_Main-Regular.ttf
new file mode 100644
index 0000000..5115a04
Binary files /dev/null and b/public/fonts/KaTeX_Main-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Main-Regular.woff b/public/fonts/KaTeX_Main-Regular.woff
new file mode 100644
index 0000000..42b74ab
Binary files /dev/null and b/public/fonts/KaTeX_Main-Regular.woff differ
diff --git a/public/fonts/KaTeX_Main-Regular.woff2 b/public/fonts/KaTeX_Main-Regular.woff2
new file mode 100644
index 0000000..18647fa
Binary files /dev/null and b/public/fonts/KaTeX_Main-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Math-BoldItalic.ttf b/public/fonts/KaTeX_Math-BoldItalic.ttf
new file mode 100644
index 0000000..326b523
Binary files /dev/null and b/public/fonts/KaTeX_Math-BoldItalic.ttf differ
diff --git a/public/fonts/KaTeX_Math-BoldItalic.woff b/public/fonts/KaTeX_Math-BoldItalic.woff
new file mode 100644
index 0000000..5b4041a
Binary files /dev/null and b/public/fonts/KaTeX_Math-BoldItalic.woff differ
diff --git a/public/fonts/KaTeX_Math-BoldItalic.woff2 b/public/fonts/KaTeX_Math-BoldItalic.woff2
new file mode 100644
index 0000000..ba55276
Binary files /dev/null and b/public/fonts/KaTeX_Math-BoldItalic.woff2 differ
diff --git a/public/fonts/KaTeX_Math-Italic.ttf b/public/fonts/KaTeX_Math-Italic.ttf
new file mode 100644
index 0000000..f148fce
Binary files /dev/null and b/public/fonts/KaTeX_Math-Italic.ttf differ
diff --git a/public/fonts/KaTeX_Math-Italic.woff b/public/fonts/KaTeX_Math-Italic.woff
new file mode 100644
index 0000000..31d0038
Binary files /dev/null and b/public/fonts/KaTeX_Math-Italic.woff differ
diff --git a/public/fonts/KaTeX_Math-Italic.woff2 b/public/fonts/KaTeX_Math-Italic.woff2
new file mode 100644
index 0000000..9871ab6
Binary files /dev/null and b/public/fonts/KaTeX_Math-Italic.woff2 differ
diff --git a/public/fonts/KaTeX_SansSerif-Bold.ttf b/public/fonts/KaTeX_SansSerif-Bold.ttf
new file mode 100644
index 0000000..dce35c8
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Bold.ttf differ
diff --git a/public/fonts/KaTeX_SansSerif-Bold.woff b/public/fonts/KaTeX_SansSerif-Bold.woff
new file mode 100644
index 0000000..992cb3d
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Bold.woff differ
diff --git a/public/fonts/KaTeX_SansSerif-Bold.woff2 b/public/fonts/KaTeX_SansSerif-Bold.woff2
new file mode 100644
index 0000000..6dd1038
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Bold.woff2 differ
diff --git a/public/fonts/KaTeX_SansSerif-Italic.ttf b/public/fonts/KaTeX_SansSerif-Italic.ttf
new file mode 100644
index 0000000..a3eb86c
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Italic.ttf differ
diff --git a/public/fonts/KaTeX_SansSerif-Italic.woff b/public/fonts/KaTeX_SansSerif-Italic.woff
new file mode 100644
index 0000000..f4fa252
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Italic.woff differ
diff --git a/public/fonts/KaTeX_SansSerif-Italic.woff2 b/public/fonts/KaTeX_SansSerif-Italic.woff2
new file mode 100644
index 0000000..9f2501a
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Italic.woff2 differ
diff --git a/public/fonts/KaTeX_SansSerif-Regular.ttf b/public/fonts/KaTeX_SansSerif-Regular.ttf
new file mode 100644
index 0000000..3be73ce
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Regular.ttf differ
diff --git a/public/fonts/KaTeX_SansSerif-Regular.woff b/public/fonts/KaTeX_SansSerif-Regular.woff
new file mode 100644
index 0000000..ec283f4
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Regular.woff differ
diff --git a/public/fonts/KaTeX_SansSerif-Regular.woff2 b/public/fonts/KaTeX_SansSerif-Regular.woff2
new file mode 100644
index 0000000..e46094f
Binary files /dev/null and b/public/fonts/KaTeX_SansSerif-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Script-Regular.ttf b/public/fonts/KaTeX_Script-Regular.ttf
new file mode 100644
index 0000000..40c8a99
Binary files /dev/null and b/public/fonts/KaTeX_Script-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Script-Regular.woff b/public/fonts/KaTeX_Script-Regular.woff
new file mode 100644
index 0000000..4eafae7
Binary files /dev/null and b/public/fonts/KaTeX_Script-Regular.woff differ
diff --git a/public/fonts/KaTeX_Script-Regular.woff2 b/public/fonts/KaTeX_Script-Regular.woff2
new file mode 100644
index 0000000..69b1754
Binary files /dev/null and b/public/fonts/KaTeX_Script-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Size1-Regular.ttf b/public/fonts/KaTeX_Size1-Regular.ttf
new file mode 100644
index 0000000..f0aff83
Binary files /dev/null and b/public/fonts/KaTeX_Size1-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Size1-Regular.woff b/public/fonts/KaTeX_Size1-Regular.woff
new file mode 100644
index 0000000..0358ee4
Binary files /dev/null and b/public/fonts/KaTeX_Size1-Regular.woff differ
diff --git a/public/fonts/KaTeX_Size1-Regular.woff2 b/public/fonts/KaTeX_Size1-Regular.woff2
new file mode 100644
index 0000000..f951ed0
Binary files /dev/null and b/public/fonts/KaTeX_Size1-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Size2-Regular.ttf b/public/fonts/KaTeX_Size2-Regular.ttf
new file mode 100644
index 0000000..4f72f16
Binary files /dev/null and b/public/fonts/KaTeX_Size2-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Size2-Regular.woff b/public/fonts/KaTeX_Size2-Regular.woff
new file mode 100644
index 0000000..8a053d2
Binary files /dev/null and b/public/fonts/KaTeX_Size2-Regular.woff differ
diff --git a/public/fonts/KaTeX_Size2-Regular.woff2 b/public/fonts/KaTeX_Size2-Regular.woff2
new file mode 100644
index 0000000..181d962
Binary files /dev/null and b/public/fonts/KaTeX_Size2-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Size3-Regular.ttf b/public/fonts/KaTeX_Size3-Regular.ttf
new file mode 100644
index 0000000..56d2dc6
Binary files /dev/null and b/public/fonts/KaTeX_Size3-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Size3-Regular.woff b/public/fonts/KaTeX_Size3-Regular.woff
new file mode 100644
index 0000000..0ec99ad
Binary files /dev/null and b/public/fonts/KaTeX_Size3-Regular.woff differ
diff --git a/public/fonts/KaTeX_Size3-Regular.woff2 b/public/fonts/KaTeX_Size3-Regular.woff2
new file mode 100644
index 0000000..c2985cd
Binary files /dev/null and b/public/fonts/KaTeX_Size3-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Size4-Regular.ttf b/public/fonts/KaTeX_Size4-Regular.ttf
new file mode 100644
index 0000000..baf0209
Binary files /dev/null and b/public/fonts/KaTeX_Size4-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Size4-Regular.woff b/public/fonts/KaTeX_Size4-Regular.woff
new file mode 100644
index 0000000..ff67319
Binary files /dev/null and b/public/fonts/KaTeX_Size4-Regular.woff differ
diff --git a/public/fonts/KaTeX_Size4-Regular.woff2 b/public/fonts/KaTeX_Size4-Regular.woff2
new file mode 100644
index 0000000..a4e810d
Binary files /dev/null and b/public/fonts/KaTeX_Size4-Regular.woff2 differ
diff --git a/public/fonts/KaTeX_Typewriter-Regular.ttf b/public/fonts/KaTeX_Typewriter-Regular.ttf
new file mode 100644
index 0000000..e66c218
Binary files /dev/null and b/public/fonts/KaTeX_Typewriter-Regular.ttf differ
diff --git a/public/fonts/KaTeX_Typewriter-Regular.woff b/public/fonts/KaTeX_Typewriter-Regular.woff
new file mode 100644
index 0000000..c66d149
Binary files /dev/null and b/public/fonts/KaTeX_Typewriter-Regular.woff differ
diff --git a/public/fonts/KaTeX_Typewriter-Regular.woff2 b/public/fonts/KaTeX_Typewriter-Regular.woff2
new file mode 100644
index 0000000..e5bf2ce
Binary files /dev/null and b/public/fonts/KaTeX_Typewriter-Regular.woff2 differ
diff --git a/public/fonts/LatoLatin-Black.eot b/public/fonts/LatoLatin-Black.eot
new file mode 100644
index 0000000..d41103b
Binary files /dev/null and b/public/fonts/LatoLatin-Black.eot differ
diff --git a/public/fonts/LatoLatin-Black.ttf b/public/fonts/LatoLatin-Black.ttf
new file mode 100644
index 0000000..45c55e4
Binary files /dev/null and b/public/fonts/LatoLatin-Black.ttf differ
diff --git a/public/fonts/LatoLatin-Black.woff b/public/fonts/LatoLatin-Black.woff
new file mode 100644
index 0000000..d1e2579
Binary files /dev/null and b/public/fonts/LatoLatin-Black.woff differ
diff --git a/public/fonts/LatoLatin-Black.woff2 b/public/fonts/LatoLatin-Black.woff2
new file mode 100644
index 0000000..4127b4d
Binary files /dev/null and b/public/fonts/LatoLatin-Black.woff2 differ
diff --git a/public/fonts/LatoLatin-BlackItalic.eot b/public/fonts/LatoLatin-BlackItalic.eot
new file mode 100644
index 0000000..74ea622
Binary files /dev/null and b/public/fonts/LatoLatin-BlackItalic.eot differ
diff --git a/public/fonts/LatoLatin-BlackItalic.ttf b/public/fonts/LatoLatin-BlackItalic.ttf
new file mode 100644
index 0000000..76563c2
Binary files /dev/null and b/public/fonts/LatoLatin-BlackItalic.ttf differ
diff --git a/public/fonts/LatoLatin-BlackItalic.woff b/public/fonts/LatoLatin-BlackItalic.woff
new file mode 100644
index 0000000..142c1c9
Binary files /dev/null and b/public/fonts/LatoLatin-BlackItalic.woff differ
diff --git a/public/fonts/LatoLatin-BlackItalic.woff2 b/public/fonts/LatoLatin-BlackItalic.woff2
new file mode 100644
index 0000000..e9862e6
Binary files /dev/null and b/public/fonts/LatoLatin-BlackItalic.woff2 differ
diff --git a/public/fonts/LatoLatin-Bold.eot b/public/fonts/LatoLatin-Bold.eot
new file mode 100644
index 0000000..d90b47b
Binary files /dev/null and b/public/fonts/LatoLatin-Bold.eot differ
diff --git a/public/fonts/LatoLatin-Bold.ttf b/public/fonts/LatoLatin-Bold.ttf
new file mode 100644
index 0000000..c598c24
Binary files /dev/null and b/public/fonts/LatoLatin-Bold.ttf differ
diff --git a/public/fonts/LatoLatin-Bold.woff b/public/fonts/LatoLatin-Bold.woff
new file mode 100644
index 0000000..cdfcbe0
Binary files /dev/null and b/public/fonts/LatoLatin-Bold.woff differ
diff --git a/public/fonts/LatoLatin-Bold.woff2 b/public/fonts/LatoLatin-Bold.woff2
new file mode 100644
index 0000000..2615c85
Binary files /dev/null and b/public/fonts/LatoLatin-Bold.woff2 differ
diff --git a/public/fonts/LatoLatin-BoldItalic.eot b/public/fonts/LatoLatin-BoldItalic.eot
new file mode 100644
index 0000000..17216ef
Binary files /dev/null and b/public/fonts/LatoLatin-BoldItalic.eot differ
diff --git a/public/fonts/LatoLatin-BoldItalic.ttf b/public/fonts/LatoLatin-BoldItalic.ttf
new file mode 100644
index 0000000..c1f225a
Binary files /dev/null and b/public/fonts/LatoLatin-BoldItalic.ttf differ
diff --git a/public/fonts/LatoLatin-BoldItalic.woff b/public/fonts/LatoLatin-BoldItalic.woff
new file mode 100644
index 0000000..3e683fe
Binary files /dev/null and b/public/fonts/LatoLatin-BoldItalic.woff differ
diff --git a/public/fonts/LatoLatin-BoldItalic.woff2 b/public/fonts/LatoLatin-BoldItalic.woff2
new file mode 100644
index 0000000..f7bace1
Binary files /dev/null and b/public/fonts/LatoLatin-BoldItalic.woff2 differ
diff --git a/public/fonts/LatoLatin-Hairline.eot b/public/fonts/LatoLatin-Hairline.eot
new file mode 100644
index 0000000..6fcd8a5
Binary files /dev/null and b/public/fonts/LatoLatin-Hairline.eot differ
diff --git a/public/fonts/LatoLatin-Hairline.ttf b/public/fonts/LatoLatin-Hairline.ttf
new file mode 100644
index 0000000..5984ab0
Binary files /dev/null and b/public/fonts/LatoLatin-Hairline.ttf differ
diff --git a/public/fonts/LatoLatin-Hairline.woff b/public/fonts/LatoLatin-Hairline.woff
new file mode 100644
index 0000000..5392604
Binary files /dev/null and b/public/fonts/LatoLatin-Hairline.woff differ
diff --git a/public/fonts/LatoLatin-Hairline.woff2 b/public/fonts/LatoLatin-Hairline.woff2
new file mode 100644
index 0000000..820ac0f
Binary files /dev/null and b/public/fonts/LatoLatin-Hairline.woff2 differ
diff --git a/public/fonts/LatoLatin-HairlineItalic.eot b/public/fonts/LatoLatin-HairlineItalic.eot
new file mode 100644
index 0000000..bd696e2
Binary files /dev/null and b/public/fonts/LatoLatin-HairlineItalic.eot differ
diff --git a/public/fonts/LatoLatin-HairlineItalic.ttf b/public/fonts/LatoLatin-HairlineItalic.ttf
new file mode 100644
index 0000000..d7d8753
Binary files /dev/null and b/public/fonts/LatoLatin-HairlineItalic.ttf differ
diff --git a/public/fonts/LatoLatin-HairlineItalic.woff b/public/fonts/LatoLatin-HairlineItalic.woff
new file mode 100644
index 0000000..bcb96fd
Binary files /dev/null and b/public/fonts/LatoLatin-HairlineItalic.woff differ
diff --git a/public/fonts/LatoLatin-HairlineItalic.woff2 b/public/fonts/LatoLatin-HairlineItalic.woff2
new file mode 100644
index 0000000..69fa81d
Binary files /dev/null and b/public/fonts/LatoLatin-HairlineItalic.woff2 differ
diff --git a/public/fonts/LatoLatin-Heavy.eot b/public/fonts/LatoLatin-Heavy.eot
new file mode 100644
index 0000000..d4a5e44
Binary files /dev/null and b/public/fonts/LatoLatin-Heavy.eot differ
diff --git a/public/fonts/LatoLatin-Heavy.ttf b/public/fonts/LatoLatin-Heavy.ttf
new file mode 100644
index 0000000..6d97505
Binary files /dev/null and b/public/fonts/LatoLatin-Heavy.ttf differ
diff --git a/public/fonts/LatoLatin-Heavy.woff b/public/fonts/LatoLatin-Heavy.woff
new file mode 100644
index 0000000..82e5027
Binary files /dev/null and b/public/fonts/LatoLatin-Heavy.woff differ
diff --git a/public/fonts/LatoLatin-Heavy.woff2 b/public/fonts/LatoLatin-Heavy.woff2
new file mode 100644
index 0000000..24bc6fa
Binary files /dev/null and b/public/fonts/LatoLatin-Heavy.woff2 differ
diff --git a/public/fonts/LatoLatin-HeavyItalic.eot b/public/fonts/LatoLatin-HeavyItalic.eot
new file mode 100644
index 0000000..6ffd2b5
Binary files /dev/null and b/public/fonts/LatoLatin-HeavyItalic.eot differ
diff --git a/public/fonts/LatoLatin-HeavyItalic.ttf b/public/fonts/LatoLatin-HeavyItalic.ttf
new file mode 100644
index 0000000..4f91d03
Binary files /dev/null and b/public/fonts/LatoLatin-HeavyItalic.ttf differ
diff --git a/public/fonts/LatoLatin-HeavyItalic.woff b/public/fonts/LatoLatin-HeavyItalic.woff
new file mode 100644
index 0000000..d588f6f
Binary files /dev/null and b/public/fonts/LatoLatin-HeavyItalic.woff differ
diff --git a/public/fonts/LatoLatin-HeavyItalic.woff2 b/public/fonts/LatoLatin-HeavyItalic.woff2
new file mode 100644
index 0000000..0a95552
Binary files /dev/null and b/public/fonts/LatoLatin-HeavyItalic.woff2 differ
diff --git a/public/fonts/LatoLatin-Italic.eot b/public/fonts/LatoLatin-Italic.eot
new file mode 100644
index 0000000..403b9a5
Binary files /dev/null and b/public/fonts/LatoLatin-Italic.eot differ
diff --git a/public/fonts/LatoLatin-Italic.ttf b/public/fonts/LatoLatin-Italic.ttf
new file mode 100644
index 0000000..c61fc07
Binary files /dev/null and b/public/fonts/LatoLatin-Italic.ttf differ
diff --git a/public/fonts/LatoLatin-Italic.woff b/public/fonts/LatoLatin-Italic.woff
new file mode 100644
index 0000000..d8cf84c
Binary files /dev/null and b/public/fonts/LatoLatin-Italic.woff differ
diff --git a/public/fonts/LatoLatin-Italic.woff2 b/public/fonts/LatoLatin-Italic.woff2
new file mode 100644
index 0000000..aaa5a35
Binary files /dev/null and b/public/fonts/LatoLatin-Italic.woff2 differ
diff --git a/public/fonts/LatoLatin-Light.eot b/public/fonts/LatoLatin-Light.eot
new file mode 100644
index 0000000..865537d
Binary files /dev/null and b/public/fonts/LatoLatin-Light.eot differ
diff --git a/public/fonts/LatoLatin-Light.ttf b/public/fonts/LatoLatin-Light.ttf
new file mode 100644
index 0000000..6af1b85
Binary files /dev/null and b/public/fonts/LatoLatin-Light.ttf differ
diff --git a/public/fonts/LatoLatin-Light.woff b/public/fonts/LatoLatin-Light.woff
new file mode 100644
index 0000000..e7d4278
Binary files /dev/null and b/public/fonts/LatoLatin-Light.woff differ
diff --git a/public/fonts/LatoLatin-Light.woff2 b/public/fonts/LatoLatin-Light.woff2
new file mode 100644
index 0000000..b6d0288
Binary files /dev/null and b/public/fonts/LatoLatin-Light.woff2 differ
diff --git a/public/fonts/LatoLatin-LightItalic.eot b/public/fonts/LatoLatin-LightItalic.eot
new file mode 100644
index 0000000..52ee50c
Binary files /dev/null and b/public/fonts/LatoLatin-LightItalic.eot differ
diff --git a/public/fonts/LatoLatin-LightItalic.ttf b/public/fonts/LatoLatin-LightItalic.ttf
new file mode 100644
index 0000000..b881036
Binary files /dev/null and b/public/fonts/LatoLatin-LightItalic.ttf differ
diff --git a/public/fonts/LatoLatin-LightItalic.woff b/public/fonts/LatoLatin-LightItalic.woff
new file mode 100644
index 0000000..bb72fd2
Binary files /dev/null and b/public/fonts/LatoLatin-LightItalic.woff differ
diff --git a/public/fonts/LatoLatin-LightItalic.woff2 b/public/fonts/LatoLatin-LightItalic.woff2
new file mode 100644
index 0000000..fc21432
Binary files /dev/null and b/public/fonts/LatoLatin-LightItalic.woff2 differ
diff --git a/public/fonts/LatoLatin-Medium.eot b/public/fonts/LatoLatin-Medium.eot
new file mode 100644
index 0000000..34041da
Binary files /dev/null and b/public/fonts/LatoLatin-Medium.eot differ
diff --git a/public/fonts/LatoLatin-Medium.ttf b/public/fonts/LatoLatin-Medium.ttf
new file mode 100644
index 0000000..7ebafb4
Binary files /dev/null and b/public/fonts/LatoLatin-Medium.ttf differ
diff --git a/public/fonts/LatoLatin-Medium.woff b/public/fonts/LatoLatin-Medium.woff
new file mode 100644
index 0000000..a430a4f
Binary files /dev/null and b/public/fonts/LatoLatin-Medium.woff differ
diff --git a/public/fonts/LatoLatin-Medium.woff2 b/public/fonts/LatoLatin-Medium.woff2
new file mode 100644
index 0000000..20251fe
Binary files /dev/null and b/public/fonts/LatoLatin-Medium.woff2 differ
diff --git a/public/fonts/LatoLatin-MediumItalic.eot b/public/fonts/LatoLatin-MediumItalic.eot
new file mode 100644
index 0000000..2f87d5c
Binary files /dev/null and b/public/fonts/LatoLatin-MediumItalic.eot differ
diff --git a/public/fonts/LatoLatin-MediumItalic.ttf b/public/fonts/LatoLatin-MediumItalic.ttf
new file mode 100644
index 0000000..6f929df
Binary files /dev/null and b/public/fonts/LatoLatin-MediumItalic.ttf differ
diff --git a/public/fonts/LatoLatin-MediumItalic.woff b/public/fonts/LatoLatin-MediumItalic.woff
new file mode 100644
index 0000000..ab7bbc8
Binary files /dev/null and b/public/fonts/LatoLatin-MediumItalic.woff differ
diff --git a/public/fonts/LatoLatin-MediumItalic.woff2 b/public/fonts/LatoLatin-MediumItalic.woff2
new file mode 100644
index 0000000..1a3a3f1
Binary files /dev/null and b/public/fonts/LatoLatin-MediumItalic.woff2 differ
diff --git a/public/fonts/LatoLatin-Regular.eot b/public/fonts/LatoLatin-Regular.eot
new file mode 100644
index 0000000..96a9035
Binary files /dev/null and b/public/fonts/LatoLatin-Regular.eot differ
diff --git a/public/fonts/LatoLatin-Regular.ttf b/public/fonts/LatoLatin-Regular.ttf
new file mode 100644
index 0000000..bcc5778
Binary files /dev/null and b/public/fonts/LatoLatin-Regular.ttf differ
diff --git a/public/fonts/LatoLatin-Regular.woff b/public/fonts/LatoLatin-Regular.woff
new file mode 100644
index 0000000..bf73a6d
Binary files /dev/null and b/public/fonts/LatoLatin-Regular.woff differ
diff --git a/public/fonts/LatoLatin-Regular.woff2 b/public/fonts/LatoLatin-Regular.woff2
new file mode 100644
index 0000000..a4d084b
Binary files /dev/null and b/public/fonts/LatoLatin-Regular.woff2 differ
diff --git a/public/fonts/LatoLatin-Semibold.eot b/public/fonts/LatoLatin-Semibold.eot
new file mode 100644
index 0000000..e97f7b5
Binary files /dev/null and b/public/fonts/LatoLatin-Semibold.eot differ
diff --git a/public/fonts/LatoLatin-Semibold.ttf b/public/fonts/LatoLatin-Semibold.ttf
new file mode 100644
index 0000000..b9481d1
Binary files /dev/null and b/public/fonts/LatoLatin-Semibold.ttf differ
diff --git a/public/fonts/LatoLatin-Semibold.woff b/public/fonts/LatoLatin-Semibold.woff
new file mode 100644
index 0000000..5e22897
Binary files /dev/null and b/public/fonts/LatoLatin-Semibold.woff differ
diff --git a/public/fonts/LatoLatin-Semibold.woff2 b/public/fonts/LatoLatin-Semibold.woff2
new file mode 100644
index 0000000..1861c24
Binary files /dev/null and b/public/fonts/LatoLatin-Semibold.woff2 differ
diff --git a/public/fonts/LatoLatin-SemiboldItalic.eot b/public/fonts/LatoLatin-SemiboldItalic.eot
new file mode 100644
index 0000000..4918fbf
Binary files /dev/null and b/public/fonts/LatoLatin-SemiboldItalic.eot differ
diff --git a/public/fonts/LatoLatin-SemiboldItalic.ttf b/public/fonts/LatoLatin-SemiboldItalic.ttf
new file mode 100644
index 0000000..d715514
Binary files /dev/null and b/public/fonts/LatoLatin-SemiboldItalic.ttf differ
diff --git a/public/fonts/LatoLatin-SemiboldItalic.woff b/public/fonts/LatoLatin-SemiboldItalic.woff
new file mode 100644
index 0000000..ae27f2f
Binary files /dev/null and b/public/fonts/LatoLatin-SemiboldItalic.woff differ
diff --git a/public/fonts/LatoLatin-SemiboldItalic.woff2 b/public/fonts/LatoLatin-SemiboldItalic.woff2
new file mode 100644
index 0000000..da18241
Binary files /dev/null and b/public/fonts/LatoLatin-SemiboldItalic.woff2 differ
diff --git a/public/fonts/LatoLatin-Thin.eot b/public/fonts/LatoLatin-Thin.eot
new file mode 100644
index 0000000..2e9ac8d
Binary files /dev/null and b/public/fonts/LatoLatin-Thin.eot differ
diff --git a/public/fonts/LatoLatin-Thin.ttf b/public/fonts/LatoLatin-Thin.ttf
new file mode 100644
index 0000000..7752047
Binary files /dev/null and b/public/fonts/LatoLatin-Thin.ttf differ
diff --git a/public/fonts/LatoLatin-Thin.woff b/public/fonts/LatoLatin-Thin.woff
new file mode 100644
index 0000000..431e4a7
Binary files /dev/null and b/public/fonts/LatoLatin-Thin.woff differ
diff --git a/public/fonts/LatoLatin-Thin.woff2 b/public/fonts/LatoLatin-Thin.woff2
new file mode 100644
index 0000000..3f0cc90
Binary files /dev/null and b/public/fonts/LatoLatin-Thin.woff2 differ
diff --git a/public/fonts/LatoLatin-ThinItalic.eot b/public/fonts/LatoLatin-ThinItalic.eot
new file mode 100644
index 0000000..01a762e
Binary files /dev/null and b/public/fonts/LatoLatin-ThinItalic.eot differ
diff --git a/public/fonts/LatoLatin-ThinItalic.ttf b/public/fonts/LatoLatin-ThinItalic.ttf
new file mode 100644
index 0000000..34f99ba
Binary files /dev/null and b/public/fonts/LatoLatin-ThinItalic.ttf differ
diff --git a/public/fonts/LatoLatin-ThinItalic.woff b/public/fonts/LatoLatin-ThinItalic.woff
new file mode 100644
index 0000000..72902b4
Binary files /dev/null and b/public/fonts/LatoLatin-ThinItalic.woff differ
diff --git a/public/fonts/LatoLatin-ThinItalic.woff2 b/public/fonts/LatoLatin-ThinItalic.woff2
new file mode 100644
index 0000000..caafd60
Binary files /dev/null and b/public/fonts/LatoLatin-ThinItalic.woff2 differ
diff --git a/public/img/across-town/across-town.jpg b/public/img/across-town/across-town.jpg
new file mode 100644
index 0000000..7a0237e
Binary files /dev/null and b/public/img/across-town/across-town.jpg differ
diff --git a/public/img/across-town/gardening.jpg b/public/img/across-town/gardening.jpg
new file mode 100644
index 0000000..c864709
Binary files /dev/null and b/public/img/across-town/gardening.jpg differ
diff --git a/public/img/across-town/hydro.jpg b/public/img/across-town/hydro.jpg
new file mode 100644
index 0000000..6b2ff8a
Binary files /dev/null and b/public/img/across-town/hydro.jpg differ
diff --git a/public/img/across-town/market.jpg b/public/img/across-town/market.jpg
new file mode 100644
index 0000000..691862f
Binary files /dev/null and b/public/img/across-town/market.jpg differ
diff --git a/public/img/cool-links/cool_links.jpg b/public/img/cool-links/cool_links.jpg
new file mode 100644
index 0000000..a2835ce
Binary files /dev/null and b/public/img/cool-links/cool_links.jpg differ
diff --git a/public/img/cool-links/space-flower.jpg b/public/img/cool-links/space-flower.jpg
new file mode 100644
index 0000000..f78f4c6
Binary files /dev/null and b/public/img/cool-links/space-flower.jpg differ
diff --git a/public/img/cover.jpg b/public/img/cover.jpg
new file mode 100644
index 0000000..eac4831
Binary files /dev/null and b/public/img/cover.jpg differ
diff --git a/public/img/home-blob-flip.svg b/public/img/home-blob-flip.svg
new file mode 100644
index 0000000..f066296
--- /dev/null
+++ b/public/img/home-blob-flip.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063.882" height="599.449" viewBox="0 0 1063.882 599.449">
+  <defs>
+    <filter id="Path_3" x="0" y="0" width="1063.882" height="599.449" filterUnits="userSpaceOnUse">
+      <feOffset dy="5" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7.5" result="blur"/>
+      <feFlood flood-opacity="0.251"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Path_6" x="61.201" y="85.157" width="864.12" height="505.297" filterUnits="userSpaceOnUse">
+      <feOffset dy="5" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7.5" result="blur-2"/>
+      <feFlood flood-opacity="0.251"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="cool-background" transform="translate(22.5 17.5)">
+    <path id="Path_1" data-name="Path 1" d="M727.865,81.108q-27.1-60.347,10.248-75.669C775.461-9.884,864.267-16.013,901.388-49.251s150.3-7.543,169.659,49.5,54.209,144.974-129.57,144.974q-183.78,0-213.612-64.118Z" transform="translate(-481.865 376.242)" fill="#fffa72"/>
+    <g transform="matrix(1, 0, 0, 1, -22.5, -17.5)" filter="url(#Path_3)">
+      <path id="Path_3-2" data-name="Path 3" d="M343.971,269.935q8.609-159.92,128-200.524c119.392-40.6,362.9-56.846,505.563-144.927S1385.888-95.5,1361.159,55.669s-49.551,384.18-536.564,384.18q-487.018,0-480.622-169.914Z" transform="translate(-321.39 132.1)" fill="#2a2a84"/>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, -22.5, -17.5)" filter="url(#Path_6)">
+      <path id="Path_6-2" data-name="Path 6" d="M442.65,218.437Q429.712,85.673,523.73,51.964C617.749,18.255,817.863,4.771,925.24-68.353S1261.74-84.947,1260.2,40.555,1267.311,359.5,863,359.5q-404.317,0-420.347-141.06Z" transform="translate(-357.38 203.46)" fill="#6fc97d"/>
+    </g>
+  </g>
+</svg>
diff --git a/public/img/home-blob.svg b/public/img/home-blob.svg
new file mode 100644
index 0000000..f6d83eb
--- /dev/null
+++ b/public/img/home-blob.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063.882" height="599.449" viewBox="0 0 1063.882 599.449">
+  <defs>
+    <filter id="Path_3" x="0" y="0" width="1063.882" height="599.449" filterUnits="userSpaceOnUse">
+      <feOffset dy="5" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7.5" result="blur"/>
+      <feFlood flood-opacity="0.251"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Path_6" x="61.201" y="8.995" width="864.12" height="505.297" filterUnits="userSpaceOnUse">
+      <feOffset dy="5" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="7.5" result="blur-2"/>
+      <feFlood flood-opacity="0.251"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="cool-background" transform="translate(-309.407 133.702)">
+    <path id="Path_1" data-name="Path 1" d="M727.865.118q-27.1,60.347,10.248,75.669c37.348,15.322,126.154,21.451,163.275,54.689s150.3,7.543,169.659-49.5S1125.256-64,941.478-64Q757.7-64,727.866.118Z" transform="translate(-149.958 -19.221)" fill="#fffa72"/>
+    <g transform="matrix(1, 0, 0, 1, 309.41, -133.7)" filter="url(#Path_3)">
+      <path id="Path_3-2" data-name="Path 3" d="M343.971,55.314q8.609,159.92,128,200.524c119.392,40.6,362.9,56.846,505.563,144.927s408.353,19.988,383.624-131.185S1311.607-114.6,824.594-114.6q-487.018,0-480.622,169.914Z" transform="translate(-321.39 132.1)" fill="#2a2a84"/>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 309.41, -133.7)" filter="url(#Path_6)">
+      <path id="Path_6-2" data-name="Path 6" d="M442.65,40.26q-12.938,132.764,81.08,166.473c94.019,33.709,294.133,47.193,401.51,120.317s336.5,16.594,334.956-108.908S1267.311-100.8,863-100.8q-404.317,0-420.347,141.06Z" transform="translate(-357.38 127.29)" fill="#6fc97d"/>
+    </g>
+  </g>
+</svg>
diff --git a/public/img/me.jpg b/public/img/me.jpg
new file mode 100644
index 0000000..a07e30b
Binary files /dev/null and b/public/img/me.jpg differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..fabafd5
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+	<meta name="generator" content="Hugo 0.79.0" />
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>The Octet Press</title>
+  <meta name="description" content="Hi, I&#39;m n07070. This is my blog and homepage, where I post articles, art, code, links and more." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+
+    <main class="card-container side-gutter">
+      <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+      
+      
+      
+      
+      
+      
+      <a
+  href="/articles/cool-links/september/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/september/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Les liens nouveaux du mois de septembre.</h2>
+    <p class="card-text">Ce mois-ci, c&#39;est la rentrée. Et avec la rentrée, quelques changements sont à l&#39;ordre du jour... Déjà, ce blog sera beaucoup plus personnel, disons que c&#39;est le journal que j&#39;aimerai écrire. J&#39;écris pour mes amis, pour mon futur moi, et le bot moyen... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-09-01">Sep 1, 2020</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of July</h2>
+    <p class="card-text">Summer has come, and with it, a pile of old links that I wanted to read for a long time now ! Also, I&#39;ve been getting into writing more, so expect a lot more articles on diverses things soon !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2020-07-30">Jul 30, 2020</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">A case for the importance of multiple identities in the fediverse.</h2>
+    <p class="card-text">Let&#39;s discuss an important subject : multiple identities. Do you have severale email addresses ? Did you already present yourself under another name ? And, on the web, did you already try to make yourself anonymous ? With the new Fediverse network, multiple identities are the building blocks of the network, but it may cause some confusion. Some people also thing the network shouldn&#39;t allow it or work in a different way.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-07-01">Jul 1, 2019</time></p>
+      <p>#Blog #English </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of June</h2>
+    <p class="card-text">June is once a year, but there is a lot in reserve for next month. It&#39;s easier to read I guess ? We&#39;ll be talking knots, android and web accessibility.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-30">Jun 30, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of May</h2>
+    <p class="card-text">Some links about computers, but also about degrowth, Paris in the 20th century, ainsi que des billets d&#39;humeurs d&#39;autres blogs.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-06-03">Jun 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of April</h2>
+    <p class="card-text">Ho ho ho, this month the link stack is short. I didn&#39;t have much time to read, and most importantly I&#39;m finishing my studies for the year, which means I have examens to care about. Pfff... Anyway, I really recommend reading the Chinese Burner article and the Healing power of gardens. I loved thoses articles, it made me travel for a bit... </p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-05-03">May 3, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of March</h2>
+    <p class="card-text">This month, there is, as always, a fair shaire of links about tech. I&#39;ve shared a few links that helped me fix my problems, and some political articles I read and find interesting, but it doesn&#39;t mean I agree a 100% with what&#39;s written there. Have a good read !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-04-02">Apr 2, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/zapatista-oventik-petite-ecole/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">D&#39;abord la pratique, et ensuite la théorie : Les leçons de la Petite École Zapatiste, après 20 ans d&#39;existance.</h2>
+    <p class="card-text">Lors de ma première nuit durant la visite de la *Petite École Zapatiste*, mon guide et son mari ont demandé si mes étudiants avaient des questions. Mes étudiants et moi-même avions déjà eu l&#39;expérience de travailler avec les Zapatistes, nous nous sommes donc poliment limités aux questions sûres, généralement posées lors de la visite d&#39;un territoire rebelle : des questions sur les provisions, les récoltes, les points d&#39;eau locaux, et toutes autres questions n&#39;ayant rien à voir avec l&#39;Armée Zapatiste de Libération National (EZLN)...</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-03-11">Mar 11, 2019</time></p>
+      <p>#Politique #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of Febuary</h2>
+    <p class="card-text">Ce mois-ci, une sélection de liens en français ! And, of course, the majority of links are still in english ! In this month&#39;s cool links, I&#39;ll share a lot of content around agriculture, plants, and Solarpunk !</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-02-28">Feb 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Cool links of January</h2>
+    <p class="card-text">Finding and sharing links is what made the success of the internet. But recently, I&#39;ve been finding it harder to find such links. I&#39;ll try to make a post like this one at the end of each month with the cool links I found on the internet.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-28">Jan 28, 2019</time></p>
+      <p>#Blog #English #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    <nav class="pagination-nav side-padding">
+      
+      <a href="/page/2/" class="pagination-older pagination-text">Older Posts &gt;</a>
+    </nav>
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/index.xml b/public/index.xml
new file mode 100644
index 0000000..b7a4ec3
--- /dev/null
+++ b/public/index.xml
@@ -0,0 +1,28 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>The Octet Press</title>
+    <link>/</link>
+    <description>Recent content on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Tue, 01 Sep 2020 13:37:42 +0000</lastBuildDate>
+    
+        <atom:link href="/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Articles</title>
+      <link>/articles/</link>
+      <pubDate>Tue, 01 Sep 2020 13:37:42 +0000</pubDate>
+      
+      <guid>/articles/</guid>
+      <description></description>
+    </item><item>
+      <title>Stories</title>
+      <link>/stories/</link>
+      <pubDate>Thu, 03 Jan 2019 18:27:07 +0000</pubDate>
+      
+      <guid>/stories/</guid>
+      <description></description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/js/auto-render.js b/public/js/auto-render.js
new file mode 100644
index 0000000..d594434
--- /dev/null
+++ b/public/js/auto-render.js
@@ -0,0 +1,350 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("katex"));
+	else if(typeof define === 'function' && define.amd)
+		define(["katex"], factory);
+	else if(typeof exports === 'object')
+		exports["renderMathInElement"] = factory(require("katex"));
+	else
+		root["renderMathInElement"] = factory(root["katex"]);
+})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: external "katex"
+var external_katex_ = __webpack_require__(0);
+var external_katex_default = /*#__PURE__*/__webpack_require__.n(external_katex_);
+
+// CONCATENATED MODULE: ./contrib/auto-render/splitAtDelimiters.js
+/* eslint no-constant-condition:0 */
+var findEndOfMath = function findEndOfMath(delimiter, text, startIndex) {
+  // Adapted from
+  // https://github.com/Khan/perseus/blob/master/src/perseus-markdown.jsx
+  var index = startIndex;
+  var braceLevel = 0;
+  var delimLength = delimiter.length;
+
+  while (index < text.length) {
+    var character = text[index];
+
+    if (braceLevel <= 0 && text.slice(index, index + delimLength) === delimiter) {
+      return index;
+    } else if (character === "\\") {
+      index++;
+    } else if (character === "{") {
+      braceLevel++;
+    } else if (character === "}") {
+      braceLevel--;
+    }
+
+    index++;
+  }
+
+  return -1;
+};
+
+var splitAtDelimiters = function splitAtDelimiters(startData, leftDelim, rightDelim, display) {
+  var finalData = [];
+
+  for (var i = 0; i < startData.length; i++) {
+    if (startData[i].type === "text") {
+      var text = startData[i].data;
+      var lookingForLeft = true;
+      var currIndex = 0;
+      var nextIndex = void 0;
+      nextIndex = text.indexOf(leftDelim);
+
+      if (nextIndex !== -1) {
+        currIndex = nextIndex;
+        finalData.push({
+          type: "text",
+          data: text.slice(0, currIndex)
+        });
+        lookingForLeft = false;
+      }
+
+      while (true) {
+        if (lookingForLeft) {
+          nextIndex = text.indexOf(leftDelim, currIndex);
+
+          if (nextIndex === -1) {
+            break;
+          }
+
+          finalData.push({
+            type: "text",
+            data: text.slice(currIndex, nextIndex)
+          });
+          currIndex = nextIndex;
+        } else {
+          nextIndex = findEndOfMath(rightDelim, text, currIndex + leftDelim.length);
+
+          if (nextIndex === -1) {
+            break;
+          }
+
+          finalData.push({
+            type: "math",
+            data: text.slice(currIndex + leftDelim.length, nextIndex),
+            rawData: text.slice(currIndex, nextIndex + rightDelim.length),
+            display: display
+          });
+          currIndex = nextIndex + rightDelim.length;
+        }
+
+        lookingForLeft = !lookingForLeft;
+      }
+
+      finalData.push({
+        type: "text",
+        data: text.slice(currIndex)
+      });
+    } else {
+      finalData.push(startData[i]);
+    }
+  }
+
+  return finalData;
+};
+
+/* harmony default export */ var auto_render_splitAtDelimiters = (splitAtDelimiters);
+// CONCATENATED MODULE: ./contrib/auto-render/auto-render.js
+/* eslint no-console:0 */
+
+
+
+var auto_render_splitWithDelimiters = function splitWithDelimiters(text, delimiters) {
+  var data = [{
+    type: "text",
+    data: text
+  }];
+
+  for (var i = 0; i < delimiters.length; i++) {
+    var delimiter = delimiters[i];
+    data = auto_render_splitAtDelimiters(data, delimiter.left, delimiter.right, delimiter.display || false);
+  }
+
+  return data;
+};
+/* Note: optionsCopy is mutated by this method. If it is ever exposed in the
+ * API, we should copy it before mutating.
+ */
+
+
+var auto_render_renderMathInText = function renderMathInText(text, optionsCopy) {
+  var data = auto_render_splitWithDelimiters(text, optionsCopy.delimiters);
+
+  if (data.length === 1 && data[0].type === 'text') {
+    // There is no formula in the text.
+    // Let's return null which means there is no need to replace
+    // the current text node with a new one.
+    return null;
+  }
+
+  var fragment = document.createDocumentFragment();
+
+  for (var i = 0; i < data.length; i++) {
+    if (data[i].type === "text") {
+      fragment.appendChild(document.createTextNode(data[i].data));
+    } else {
+      var span = document.createElement("span");
+      var math = data[i].data; // Override any display mode defined in the settings with that
+      // defined by the text itself
+
+      optionsCopy.displayMode = data[i].display;
+
+      try {
+        if (optionsCopy.preProcess) {
+          math = optionsCopy.preProcess(math);
+        }
+
+        external_katex_default.a.render(math, span, optionsCopy);
+      } catch (e) {
+        if (!(e instanceof external_katex_default.a.ParseError)) {
+          throw e;
+        }
+
+        optionsCopy.errorCallback("KaTeX auto-render: Failed to parse `" + data[i].data + "` with ", e);
+        fragment.appendChild(document.createTextNode(data[i].rawData));
+        continue;
+      }
+
+      fragment.appendChild(span);
+    }
+  }
+
+  return fragment;
+};
+
+var renderElem = function renderElem(elem, optionsCopy) {
+  for (var i = 0; i < elem.childNodes.length; i++) {
+    var childNode = elem.childNodes[i];
+
+    if (childNode.nodeType === 3) {
+      // Text node
+      var frag = auto_render_renderMathInText(childNode.textContent, optionsCopy);
+
+      if (frag) {
+        i += frag.childNodes.length - 1;
+        elem.replaceChild(frag, childNode);
+      }
+    } else if (childNode.nodeType === 1) {
+      (function () {
+        // Element node
+        var className = ' ' + childNode.className + ' ';
+        var shouldRender = optionsCopy.ignoredTags.indexOf(childNode.nodeName.toLowerCase()) === -1 && optionsCopy.ignoredClasses.every(function (x) {
+          return className.indexOf(' ' + x + ' ') === -1;
+        });
+
+        if (shouldRender) {
+          renderElem(childNode, optionsCopy);
+        }
+      })();
+    } // Otherwise, it's something else, and ignore it.
+
+  }
+};
+
+var renderMathInElement = function renderMathInElement(elem, options) {
+  if (!elem) {
+    throw new Error("No element provided to render");
+  }
+
+  var optionsCopy = {}; // Object.assign(optionsCopy, option)
+
+  for (var option in options) {
+    if (options.hasOwnProperty(option)) {
+      optionsCopy[option] = options[option];
+    }
+  } // default options
+
+
+  optionsCopy.delimiters = optionsCopy.delimiters || [{
+    left: "$$",
+    right: "$$",
+    display: true
+  }, {
+    left: "\\(",
+    right: "\\)",
+    display: false
+  }, // LaTeX uses $…$, but it ruins the display of normal `$` in text:
+  // {left: "$", right: "$", display: false},
+  //  \[…\] must come last in this array. Otherwise, renderMathInElement
+  //  will search for \[ before it searches for $$ or  \(
+  // That makes it susceptible to finding a \\[0.3em] row delimiter and
+  // treating it as if it were the start of a KaTeX math zone.
+  {
+    left: "\\[",
+    right: "\\]",
+    display: true
+  }];
+  optionsCopy.ignoredTags = optionsCopy.ignoredTags || ["script", "noscript", "style", "textarea", "pre", "code", "option"];
+  optionsCopy.ignoredClasses = optionsCopy.ignoredClasses || [];
+  optionsCopy.errorCallback = optionsCopy.errorCallback || console.error; // Enable sharing of global macros defined via `\gdef` between different
+  // math elements within a single call to `renderMathInElement`.
+
+  optionsCopy.macros = optionsCopy.macros || {};
+  renderElem(elem, optionsCopy);
+};
+
+/* harmony default export */ var auto_render = __webpack_exports__["default"] = (renderMathInElement);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/public/js/core.min.js b/public/js/core.min.js
new file mode 100644
index 0000000..e69de29
diff --git a/public/js/katex.js b/public/js/katex.js
new file mode 100644
index 0000000..37fb0fa
--- /dev/null
+++ b/public/js/katex.js
@@ -0,0 +1,17308 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["katex"] = factory();
+	else
+		root["katex"] = factory();
+})((typeof self !== 'undefined' ? self : this), function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./src/katex.less
+var katex = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/SourceLocation.js
+/**
+ * Lexing or parsing positional information for error reporting.
+ * This object is immutable.
+ */
+var SourceLocation =
+/*#__PURE__*/
+function () {
+  // The + prefix indicates that these fields aren't writeable
+  // Lexer holding the input string.
+  // Start offset, zero-based inclusive.
+  // End offset, zero-based exclusive.
+  function SourceLocation(lexer, start, end) {
+    this.lexer = void 0;
+    this.start = void 0;
+    this.end = void 0;
+    this.lexer = lexer;
+    this.start = start;
+    this.end = end;
+  }
+  /**
+   * Merges two `SourceLocation`s from location providers, given they are
+   * provided in order of appearance.
+   * - Returns the first one's location if only the first is provided.
+   * - Returns a merged range of the first and the last if both are provided
+   *   and their lexers match.
+   * - Otherwise, returns null.
+   */
+
+
+  SourceLocation.range = function range(first, second) {
+    if (!second) {
+      return first && first.loc;
+    } else if (!first || !first.loc || !second.loc || first.loc.lexer !== second.loc.lexer) {
+      return null;
+    } else {
+      return new SourceLocation(first.loc.lexer, first.loc.start, second.loc.end);
+    }
+  };
+
+  return SourceLocation;
+}();
+
+
+// CONCATENATED MODULE: ./src/Token.js
+
+/**
+ * Interface required to break circular dependency between Token, Lexer, and
+ * ParseError.
+ */
+
+/**
+ * The resulting token returned from `lex`.
+ *
+ * It consists of the token text plus some position information.
+ * The position information is essentially a range in an input string,
+ * but instead of referencing the bare input string, we refer to the lexer.
+ * That way it is possible to attach extra metadata to the input string,
+ * like for example a file name or similar.
+ *
+ * The position information is optional, so it is OK to construct synthetic
+ * tokens if appropriate. Not providing available position information may
+ * lead to degraded error reporting, though.
+ */
+var Token_Token =
+/*#__PURE__*/
+function () {
+  // don't expand the token
+  // used in \noexpand
+  function Token(text, // the text of this token
+  loc) {
+    this.text = void 0;
+    this.loc = void 0;
+    this.noexpand = void 0;
+    this.treatAsRelax = void 0;
+    this.text = text;
+    this.loc = loc;
+  }
+  /**
+   * Given a pair of tokens (this and endToken), compute a `Token` encompassing
+   * the whole input range enclosed by these two.
+   */
+
+
+  var _proto = Token.prototype;
+
+  _proto.range = function range(endToken, // last token of the range, inclusive
+  text) // the text of the newly constructed token
+  {
+    return new Token(text, SourceLocation.range(this, endToken));
+  };
+
+  return Token;
+}();
+// CONCATENATED MODULE: ./src/ParseError.js
+
+
+/**
+ * This is the ParseError class, which is the main error thrown by KaTeX
+ * functions when something has gone wrong. This is used to distinguish internal
+ * errors from errors in the expression that the user provided.
+ *
+ * If possible, a caller should provide a Token or ParseNode with information
+ * about where in the source string the problem occurred.
+ */
+var ParseError = // Error position based on passed-in Token or ParseNode.
+function ParseError(message, // The error message
+token) // An object providing position information
+{
+  this.position = void 0;
+  var error = "KaTeX parse error: " + message;
+  var start;
+  var loc = token && token.loc;
+
+  if (loc && loc.start <= loc.end) {
+    // If we have the input and a position, make the error a bit fancier
+    // Get the input
+    var input = loc.lexer.input; // Prepend some information
+
+    start = loc.start;
+    var end = loc.end;
+
+    if (start === input.length) {
+      error += " at end of input: ";
+    } else {
+      error += " at position " + (start + 1) + ": ";
+    } // Underline token in question using combining underscores
+
+
+    var underlined = input.slice(start, end).replace(/[^]/g, "$&\u0332"); // Extract some context from the input and add it to the error
+
+    var left;
+
+    if (start > 15) {
+      left = "…" + input.slice(start - 15, start);
+    } else {
+      left = input.slice(0, start);
+    }
+
+    var right;
+
+    if (end + 15 < input.length) {
+      right = input.slice(end, end + 15) + "…";
+    } else {
+      right = input.slice(end);
+    }
+
+    error += left + underlined + right;
+  } // Some hackery to make ParseError a prototype of Error
+  // See http://stackoverflow.com/a/8460753
+
+
+  var self = new Error(error);
+  self.name = "ParseError"; // $FlowFixMe
+
+  self.__proto__ = ParseError.prototype; // $FlowFixMe
+
+  self.position = start;
+  return self;
+}; // $FlowFixMe More hackery
+
+
+ParseError.prototype.__proto__ = Error.prototype;
+/* harmony default export */ var src_ParseError = (ParseError);
+// CONCATENATED MODULE: ./src/utils.js
+/**
+ * This file contains a list of utility functions which are useful in other
+ * files.
+ */
+
+/**
+ * Return whether an element is contained in a list
+ */
+var contains = function contains(list, elem) {
+  return list.indexOf(elem) !== -1;
+};
+/**
+ * Provide a default value if a setting is undefined
+ * NOTE: Couldn't use `T` as the output type due to facebook/flow#5022.
+ */
+
+
+var deflt = function deflt(setting, defaultIfUndefined) {
+  return setting === undefined ? defaultIfUndefined : setting;
+}; // hyphenate and escape adapted from Facebook's React under Apache 2 license
+
+
+var uppercase = /([A-Z])/g;
+
+var hyphenate = function hyphenate(str) {
+  return str.replace(uppercase, "-$1").toLowerCase();
+};
+
+var ESCAPE_LOOKUP = {
+  "&": "&amp;",
+  ">": "&gt;",
+  "<": "&lt;",
+  "\"": "&quot;",
+  "'": "&#x27;"
+};
+var ESCAPE_REGEX = /[&><"']/g;
+/**
+ * Escapes text to prevent scripting attacks.
+ */
+
+function utils_escape(text) {
+  return String(text).replace(ESCAPE_REGEX, function (match) {
+    return ESCAPE_LOOKUP[match];
+  });
+}
+/**
+ * Sometimes we want to pull out the innermost element of a group. In most
+ * cases, this will just be the group itself, but when ordgroups and colors have
+ * a single element, we want to pull that out.
+ */
+
+
+var getBaseElem = function getBaseElem(group) {
+  if (group.type === "ordgroup") {
+    if (group.body.length === 1) {
+      return getBaseElem(group.body[0]);
+    } else {
+      return group;
+    }
+  } else if (group.type === "color") {
+    if (group.body.length === 1) {
+      return getBaseElem(group.body[0]);
+    } else {
+      return group;
+    }
+  } else if (group.type === "font") {
+    return getBaseElem(group.body);
+  } else {
+    return group;
+  }
+};
+/**
+ * TeXbook algorithms often reference "character boxes", which are simply groups
+ * with a single character in them. To decide if something is a character box,
+ * we find its innermost group, and see if it is a single character.
+ */
+
+
+var utils_isCharacterBox = function isCharacterBox(group) {
+  var baseElem = getBaseElem(group); // These are all they types of groups which hold single characters
+
+  return baseElem.type === "mathord" || baseElem.type === "textord" || baseElem.type === "atom";
+};
+
+var assert = function assert(value) {
+  if (!value) {
+    throw new Error('Expected non-null, but got ' + String(value));
+  }
+
+  return value;
+};
+/**
+ * Return the protocol of a URL, or "_relative" if the URL does not specify a
+ * protocol (and thus is relative).
+ */
+
+var protocolFromUrl = function protocolFromUrl(url) {
+  var protocol = /^\s*([^\\/#]*?)(?::|&#0*58|&#x0*3a)/i.exec(url);
+  return protocol != null ? protocol[1] : "_relative";
+};
+/* harmony default export */ var utils = ({
+  contains: contains,
+  deflt: deflt,
+  escape: utils_escape,
+  hyphenate: hyphenate,
+  getBaseElem: getBaseElem,
+  isCharacterBox: utils_isCharacterBox,
+  protocolFromUrl: protocolFromUrl
+});
+// CONCATENATED MODULE: ./src/Settings.js
+/* eslint no-console:0 */
+
+/**
+ * This is a module for storing settings passed into KaTeX. It correctly handles
+ * default settings.
+ */
+
+
+
+
+/**
+ * The main Settings object
+ *
+ * The current options stored are:
+ *  - displayMode: Whether the expression should be typeset as inline math
+ *                 (false, the default), meaning that the math starts in
+ *                 \textstyle and is placed in an inline-block); or as display
+ *                 math (true), meaning that the math starts in \displaystyle
+ *                 and is placed in a block with vertical margin.
+ */
+var Settings_Settings =
+/*#__PURE__*/
+function () {
+  function Settings(options) {
+    this.displayMode = void 0;
+    this.output = void 0;
+    this.leqno = void 0;
+    this.fleqn = void 0;
+    this.throwOnError = void 0;
+    this.errorColor = void 0;
+    this.macros = void 0;
+    this.minRuleThickness = void 0;
+    this.colorIsTextColor = void 0;
+    this.strict = void 0;
+    this.trust = void 0;
+    this.maxSize = void 0;
+    this.maxExpand = void 0;
+    this.globalGroup = void 0;
+    // allow null options
+    options = options || {};
+    this.displayMode = utils.deflt(options.displayMode, false);
+    this.output = utils.deflt(options.output, "htmlAndMathml");
+    this.leqno = utils.deflt(options.leqno, false);
+    this.fleqn = utils.deflt(options.fleqn, false);
+    this.throwOnError = utils.deflt(options.throwOnError, true);
+    this.errorColor = utils.deflt(options.errorColor, "#cc0000");
+    this.macros = options.macros || {};
+    this.minRuleThickness = Math.max(0, utils.deflt(options.minRuleThickness, 0));
+    this.colorIsTextColor = utils.deflt(options.colorIsTextColor, false);
+    this.strict = utils.deflt(options.strict, "warn");
+    this.trust = utils.deflt(options.trust, false);
+    this.maxSize = Math.max(0, utils.deflt(options.maxSize, Infinity));
+    this.maxExpand = Math.max(0, utils.deflt(options.maxExpand, 1000));
+    this.globalGroup = utils.deflt(options.globalGroup, false);
+  }
+  /**
+   * Report nonstrict (non-LaTeX-compatible) input.
+   * Can safely not be called if `this.strict` is false in JavaScript.
+   */
+
+
+  var _proto = Settings.prototype;
+
+  _proto.reportNonstrict = function reportNonstrict(errorCode, errorMsg, token) {
+    var strict = this.strict;
+
+    if (typeof strict === "function") {
+      // Allow return value of strict function to be boolean or string
+      // (or null/undefined, meaning no further processing).
+      strict = strict(errorCode, errorMsg, token);
+    }
+
+    if (!strict || strict === "ignore") {
+      return;
+    } else if (strict === true || strict === "error") {
+      throw new src_ParseError("LaTeX-incompatible input and strict mode is set to 'error': " + (errorMsg + " [" + errorCode + "]"), token);
+    } else if (strict === "warn") {
+      typeof console !== "undefined" && console.warn("LaTeX-incompatible input and strict mode is set to 'warn': " + (errorMsg + " [" + errorCode + "]"));
+    } else {
+      // won't happen in type-safe code
+      typeof console !== "undefined" && console.warn("LaTeX-incompatible input and strict mode is set to " + ("unrecognized '" + strict + "': " + errorMsg + " [" + errorCode + "]"));
+    }
+  }
+  /**
+   * Check whether to apply strict (LaTeX-adhering) behavior for unusual
+   * input (like `\\`).  Unlike `nonstrict`, will not throw an error;
+   * instead, "error" translates to a return value of `true`, while "ignore"
+   * translates to a return value of `false`.  May still print a warning:
+   * "warn" prints a warning and returns `false`.
+   * This is for the second category of `errorCode`s listed in the README.
+   */
+  ;
+
+  _proto.useStrictBehavior = function useStrictBehavior(errorCode, errorMsg, token) {
+    var strict = this.strict;
+
+    if (typeof strict === "function") {
+      // Allow return value of strict function to be boolean or string
+      // (or null/undefined, meaning no further processing).
+      // But catch any exceptions thrown by function, treating them
+      // like "error".
+      try {
+        strict = strict(errorCode, errorMsg, token);
+      } catch (error) {
+        strict = "error";
+      }
+    }
+
+    if (!strict || strict === "ignore") {
+      return false;
+    } else if (strict === true || strict === "error") {
+      return true;
+    } else if (strict === "warn") {
+      typeof console !== "undefined" && console.warn("LaTeX-incompatible input and strict mode is set to 'warn': " + (errorMsg + " [" + errorCode + "]"));
+      return false;
+    } else {
+      // won't happen in type-safe code
+      typeof console !== "undefined" && console.warn("LaTeX-incompatible input and strict mode is set to " + ("unrecognized '" + strict + "': " + errorMsg + " [" + errorCode + "]"));
+      return false;
+    }
+  }
+  /**
+   * Check whether to test potentially dangerous input, and return
+   * `true` (trusted) or `false` (untrusted).  The sole argument `context`
+   * should be an object with `command` field specifying the relevant LaTeX
+   * command (as a string starting with `\`), and any other arguments, etc.
+   * If `context` has a `url` field, a `protocol` field will automatically
+   * get added by this function (changing the specified object).
+   */
+  ;
+
+  _proto.isTrusted = function isTrusted(context) {
+    if (context.url && !context.protocol) {
+      context.protocol = utils.protocolFromUrl(context.url);
+    }
+
+    var trust = typeof this.trust === "function" ? this.trust(context) : this.trust;
+    return Boolean(trust);
+  };
+
+  return Settings;
+}();
+
+
+// CONCATENATED MODULE: ./src/Style.js
+/**
+ * This file contains information and classes for the various kinds of styles
+ * used in TeX. It provides a generic `Style` class, which holds information
+ * about a specific style. It then provides instances of all the different kinds
+ * of styles possible, and provides functions to move between them and get
+ * information about them.
+ */
+
+/**
+ * The main style class. Contains a unique id for the style, a size (which is
+ * the same for cramped and uncramped version of a style), and a cramped flag.
+ */
+var Style =
+/*#__PURE__*/
+function () {
+  function Style(id, size, cramped) {
+    this.id = void 0;
+    this.size = void 0;
+    this.cramped = void 0;
+    this.id = id;
+    this.size = size;
+    this.cramped = cramped;
+  }
+  /**
+   * Get the style of a superscript given a base in the current style.
+   */
+
+
+  var _proto = Style.prototype;
+
+  _proto.sup = function sup() {
+    return Style_styles[_sup[this.id]];
+  }
+  /**
+   * Get the style of a subscript given a base in the current style.
+   */
+  ;
+
+  _proto.sub = function sub() {
+    return Style_styles[_sub[this.id]];
+  }
+  /**
+   * Get the style of a fraction numerator given the fraction in the current
+   * style.
+   */
+  ;
+
+  _proto.fracNum = function fracNum() {
+    return Style_styles[_fracNum[this.id]];
+  }
+  /**
+   * Get the style of a fraction denominator given the fraction in the current
+   * style.
+   */
+  ;
+
+  _proto.fracDen = function fracDen() {
+    return Style_styles[_fracDen[this.id]];
+  }
+  /**
+   * Get the cramped version of a style (in particular, cramping a cramped style
+   * doesn't change the style).
+   */
+  ;
+
+  _proto.cramp = function cramp() {
+    return Style_styles[_cramp[this.id]];
+  }
+  /**
+   * Get a text or display version of this style.
+   */
+  ;
+
+  _proto.text = function text() {
+    return Style_styles[_text[this.id]];
+  }
+  /**
+   * Return true if this style is tightly spaced (scriptstyle/scriptscriptstyle)
+   */
+  ;
+
+  _proto.isTight = function isTight() {
+    return this.size >= 2;
+  };
+
+  return Style;
+}(); // Export an interface for type checking, but don't expose the implementation.
+// This way, no more styles can be generated.
+
+
+// IDs of the different styles
+var D = 0;
+var Dc = 1;
+var T = 2;
+var Tc = 3;
+var S = 4;
+var Sc = 5;
+var SS = 6;
+var SSc = 7; // Instances of the different styles
+
+var Style_styles = [new Style(D, 0, false), new Style(Dc, 0, true), new Style(T, 1, false), new Style(Tc, 1, true), new Style(S, 2, false), new Style(Sc, 2, true), new Style(SS, 3, false), new Style(SSc, 3, true)]; // Lookup tables for switching from one style to another
+
+var _sup = [S, Sc, S, Sc, SS, SSc, SS, SSc];
+var _sub = [Sc, Sc, Sc, Sc, SSc, SSc, SSc, SSc];
+var _fracNum = [T, Tc, S, Sc, SS, SSc, SS, SSc];
+var _fracDen = [Tc, Tc, Sc, Sc, SSc, SSc, SSc, SSc];
+var _cramp = [Dc, Dc, Tc, Tc, Sc, Sc, SSc, SSc];
+var _text = [D, Dc, T, Tc, T, Tc, T, Tc]; // We only export some of the styles.
+
+/* harmony default export */ var src_Style = ({
+  DISPLAY: Style_styles[D],
+  TEXT: Style_styles[T],
+  SCRIPT: Style_styles[S],
+  SCRIPTSCRIPT: Style_styles[SS]
+});
+// CONCATENATED MODULE: ./src/unicodeScripts.js
+/*
+ * This file defines the Unicode scripts and script families that we
+ * support. To add new scripts or families, just add a new entry to the
+ * scriptData array below. Adding scripts to the scriptData array allows
+ * characters from that script to appear in \text{} environments.
+ */
+
+/**
+ * Each script or script family has a name and an array of blocks.
+ * Each block is an array of two numbers which specify the start and
+ * end points (inclusive) of a block of Unicode codepoints.
+ */
+
+/**
+ * Unicode block data for the families of scripts we support in \text{}.
+ * Scripts only need to appear here if they do not have font metrics.
+ */
+var scriptData = [{
+  // Latin characters beyond the Latin-1 characters we have metrics for.
+  // Needed for Czech, Hungarian and Turkish text, for example.
+  name: 'latin',
+  blocks: [[0x0100, 0x024f], // Latin Extended-A and Latin Extended-B
+  [0x0300, 0x036f]]
+}, {
+  // The Cyrillic script used by Russian and related languages.
+  // A Cyrillic subset used to be supported as explicitly defined
+  // symbols in symbols.js
+  name: 'cyrillic',
+  blocks: [[0x0400, 0x04ff]]
+}, {
+  // The Brahmic scripts of South and Southeast Asia
+  // Devanagari (0900–097F)
+  // Bengali (0980–09FF)
+  // Gurmukhi (0A00–0A7F)
+  // Gujarati (0A80–0AFF)
+  // Oriya (0B00–0B7F)
+  // Tamil (0B80–0BFF)
+  // Telugu (0C00–0C7F)
+  // Kannada (0C80–0CFF)
+  // Malayalam (0D00–0D7F)
+  // Sinhala (0D80–0DFF)
+  // Thai (0E00–0E7F)
+  // Lao (0E80–0EFF)
+  // Tibetan (0F00–0FFF)
+  // Myanmar (1000–109F)
+  name: 'brahmic',
+  blocks: [[0x0900, 0x109F]]
+}, {
+  name: 'georgian',
+  blocks: [[0x10A0, 0x10ff]]
+}, {
+  // Chinese and Japanese.
+  // The "k" in cjk is for Korean, but we've separated Korean out
+  name: "cjk",
+  blocks: [[0x3000, 0x30FF], // CJK symbols and punctuation, Hiragana, Katakana
+  [0x4E00, 0x9FAF], // CJK ideograms
+  [0xFF00, 0xFF60]]
+}, {
+  // Korean
+  name: 'hangul',
+  blocks: [[0xAC00, 0xD7AF]]
+}];
+/**
+ * Given a codepoint, return the name of the script or script family
+ * it is from, or null if it is not part of a known block
+ */
+
+function scriptFromCodepoint(codepoint) {
+  for (var i = 0; i < scriptData.length; i++) {
+    var script = scriptData[i];
+
+    for (var _i = 0; _i < script.blocks.length; _i++) {
+      var block = script.blocks[_i];
+
+      if (codepoint >= block[0] && codepoint <= block[1]) {
+        return script.name;
+      }
+    }
+  }
+
+  return null;
+}
+/**
+ * A flattened version of all the supported blocks in a single array.
+ * This is an optimization to make supportedCodepoint() fast.
+ */
+
+var allBlocks = [];
+scriptData.forEach(function (s) {
+  return s.blocks.forEach(function (b) {
+    return allBlocks.push.apply(allBlocks, b);
+  });
+});
+/**
+ * Given a codepoint, return true if it falls within one of the
+ * scripts or script families defined above and false otherwise.
+ *
+ * Micro benchmarks shows that this is faster than
+ * /[\u3000-\u30FF\u4E00-\u9FAF\uFF00-\uFF60\uAC00-\uD7AF\u0900-\u109F]/.test()
+ * in Firefox, Chrome and Node.
+ */
+
+function supportedCodepoint(codepoint) {
+  for (var i = 0; i < allBlocks.length; i += 2) {
+    if (codepoint >= allBlocks[i] && codepoint <= allBlocks[i + 1]) {
+      return true;
+    }
+  }
+
+  return false;
+}
+// CONCATENATED MODULE: ./src/svgGeometry.js
+/**
+ * This file provides support to domTree.js and delimiter.js.
+ * It's a storehouse of path geometry for SVG images.
+ */
+// In all paths below, the viewBox-to-em scale is 1000:1.
+var hLinePad = 80; // padding above a sqrt viniculum. Prevents image cropping.
+// The viniculum of a \sqrt can be made thicker by a KaTeX rendering option.
+// Think of variable extraViniculum as two detours in the SVG path.
+// The detour begins at the lower left of the area labeled extraViniculum below.
+// The detour proceeds one extraViniculum distance up and slightly to the right,
+// displacing the radiused corner between surd and viniculum. The radius is
+// traversed as usual, then the detour resumes. It goes right, to the end of
+// the very long viniculumn, then down one extraViniculum distance,
+// after which it resumes regular path geometry for the radical.
+
+/*                                                  viniculum
+                                                   /
+         /▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒←extraViniculum
+        / █████████████████████←0.04em (40 unit) std viniculum thickness
+       / /
+      / /
+     / /\
+    / / surd
+*/
+
+var sqrtMain = function sqrtMain(extraViniculum, hLinePad) {
+  // sqrtMain path geometry is from glyph U221A in the font KaTeX Main
+  return "M95," + (622 + extraViniculum + hLinePad) + "\nc-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14\nc0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54\nc44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10\ns173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429\nc69,-144,104.5,-217.7,106.5,-221\nl" + extraViniculum / 2.075 + " -" + extraViniculum + "\nc5.3,-9.3,12,-14,20,-14\nH400000v" + (40 + extraViniculum) + "H845.2724\ns-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7\nc-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z\nM" + (834 + extraViniculum) + " " + hLinePad + "h400000v" + (40 + extraViniculum) + "h-400000z";
+};
+
+var sqrtSize1 = function sqrtSize1(extraViniculum, hLinePad) {
+  // size1 is from glyph U221A in the font KaTeX_Size1-Regular
+  return "M263," + (601 + extraViniculum + hLinePad) + "c0.7,0,18,39.7,52,119\nc34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120\nc340,-704.7,510.7,-1060.3,512,-1067\nl" + extraViniculum / 2.084 + " -" + extraViniculum + "\nc4.7,-7.3,11,-11,19,-11\nH40000v" + (40 + extraViniculum) + "H1012.3\ns-271.3,567,-271.3,567c-38.7,80.7,-84,175,-136,283c-52,108,-89.167,185.3,-111.5,232\nc-22.3,46.7,-33.8,70.3,-34.5,71c-4.7,4.7,-12.3,7,-23,7s-12,-1,-12,-1\ns-109,-253,-109,-253c-72.7,-168,-109.3,-252,-110,-252c-10.7,8,-22,16.7,-34,26\nc-22,17.3,-33.3,26,-34,26s-26,-26,-26,-26s76,-59,76,-59s76,-60,76,-60z\nM" + (1001 + extraViniculum) + " " + hLinePad + "h400000v" + (40 + extraViniculum) + "h-400000z";
+};
+
+var sqrtSize2 = function sqrtSize2(extraViniculum, hLinePad) {
+  // size2 is from glyph U221A in the font KaTeX_Size2-Regular
+  return "M983 " + (10 + extraViniculum + hLinePad) + "\nl" + extraViniculum / 3.13 + " -" + extraViniculum + "\nc4,-6.7,10,-10,18,-10 H400000v" + (40 + extraViniculum) + "\nH1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7\ns-12,0,-12,0c-1.3,-3.3,-3.7,-11.7,-7,-25c-35.3,-125.3,-106.7,-373.3,-214,-744\nc-10,12,-21,25,-33,39s-32,39,-32,39c-6,-5.3,-15,-14,-27,-26s25,-30,25,-30\nc26.7,-32.7,52,-63,76,-91s52,-60,52,-60s208,722,208,722\nc56,-175.3,126.3,-397.3,211,-666c84.7,-268.7,153.8,-488.2,207.5,-658.5\nc53.7,-170.3,84.5,-266.8,92.5,-289.5z\nM" + (1001 + extraViniculum) + " " + hLinePad + "h400000v" + (40 + extraViniculum) + "h-400000z";
+};
+
+var sqrtSize3 = function sqrtSize3(extraViniculum, hLinePad) {
+  // size3 is from glyph U221A in the font KaTeX_Size3-Regular
+  return "M424," + (2398 + extraViniculum + hLinePad) + "\nc-1.3,-0.7,-38.5,-172,-111.5,-514c-73,-342,-109.8,-513.3,-110.5,-514\nc0,-2,-10.7,14.3,-32,49c-4.7,7.3,-9.8,15.7,-15.5,25c-5.7,9.3,-9.8,16,-12.5,20\ns-5,7,-5,7c-4,-3.3,-8.3,-7.7,-13,-13s-13,-13,-13,-13s76,-122,76,-122s77,-121,77,-121\ns209,968,209,968c0,-2,84.7,-361.7,254,-1079c169.3,-717.3,254.7,-1077.7,256,-1081\nl" + extraViniculum / 4.223 + " -" + extraViniculum + "c4,-6.7,10,-10,18,-10 H400000\nv" + (40 + extraViniculum) + "H1014.6\ns-87.3,378.7,-272.6,1166c-185.3,787.3,-279.3,1182.3,-282,1185\nc-2,6,-10,9,-24,9\nc-8,0,-12,-0.7,-12,-2z M" + (1001 + extraViniculum) + " " + hLinePad + "\nh400000v" + (40 + extraViniculum) + "h-400000z";
+};
+
+var sqrtSize4 = function sqrtSize4(extraViniculum, hLinePad) {
+  // size4 is from glyph U221A in the font KaTeX_Size4-Regular
+  return "M473," + (2713 + extraViniculum + hLinePad) + "\nc339.3,-1799.3,509.3,-2700,510,-2702 l" + extraViniculum / 5.298 + " -" + extraViniculum + "\nc3.3,-7.3,9.3,-11,18,-11 H400000v" + (40 + extraViniculum) + "H1017.7\ns-90.5,478,-276.2,1466c-185.7,988,-279.5,1483,-281.5,1485c-2,6,-10,9,-24,9\nc-8,0,-12,-0.7,-12,-2c0,-1.3,-5.3,-32,-16,-92c-50.7,-293.3,-119.7,-693.3,-207,-1200\nc0,-1.3,-5.3,8.7,-16,30c-10.7,21.3,-21.3,42.7,-32,64s-16,33,-16,33s-26,-26,-26,-26\ns76,-153,76,-153s77,-151,77,-151c0.7,0.7,35.7,202,105,604c67.3,400.7,102,602.7,104,\n606zM" + (1001 + extraViniculum) + " " + hLinePad + "h400000v" + (40 + extraViniculum) + "H1017.7z";
+};
+
+var sqrtTall = function sqrtTall(extraViniculum, hLinePad, viewBoxHeight) {
+  // sqrtTall is from glyph U23B7 in the font KaTeX_Size4-Regular
+  // One path edge has a variable length. It runs vertically from the viniculumn
+  // to a point near (14 units) the bottom of the surd. The viniculum
+  // is normally 40 units thick. So the length of the line in question is:
+  var vertSegment = viewBoxHeight - 54 - hLinePad - extraViniculum;
+  return "M702 " + (extraViniculum + hLinePad) + "H400000" + (40 + extraViniculum) + "\nH742v" + vertSegment + "l-4 4-4 4c-.667.7 -2 1.5-4 2.5s-4.167 1.833-6.5 2.5-5.5 1-9.5 1\nh-12l-28-84c-16.667-52-96.667 -294.333-240-727l-212 -643 -85 170\nc-4-3.333-8.333-7.667-13 -13l-13-13l77-155 77-156c66 199.333 139 419.667\n219 661 l218 661zM702 " + hLinePad + "H400000v" + (40 + extraViniculum) + "H742z";
+};
+
+var sqrtPath = function sqrtPath(size, extraViniculum, viewBoxHeight) {
+  extraViniculum = 1000 * extraViniculum; // Convert from document ems to viewBox.
+
+  var path = "";
+
+  switch (size) {
+    case "sqrtMain":
+      path = sqrtMain(extraViniculum, hLinePad);
+      break;
+
+    case "sqrtSize1":
+      path = sqrtSize1(extraViniculum, hLinePad);
+      break;
+
+    case "sqrtSize2":
+      path = sqrtSize2(extraViniculum, hLinePad);
+      break;
+
+    case "sqrtSize3":
+      path = sqrtSize3(extraViniculum, hLinePad);
+      break;
+
+    case "sqrtSize4":
+      path = sqrtSize4(extraViniculum, hLinePad);
+      break;
+
+    case "sqrtTall":
+      path = sqrtTall(extraViniculum, hLinePad, viewBoxHeight);
+  }
+
+  return path;
+};
+var svgGeometry_path = {
+  // Two paths that cover gaps in built-up parentheses.
+  leftParenInner: "M291 0 H417 V300 H291 z",
+  rightParenInner: "M457 0 H583 V300 H457 z",
+  // The doubleleftarrow geometry is from glyph U+21D0 in the font KaTeX Main
+  doubleleftarrow: "M262 157\nl10-10c34-36 62.7-77 86-123 3.3-8 5-13.3 5-16 0-5.3-6.7-8-20-8-7.3\n 0-12.2.5-14.5 1.5-2.3 1-4.8 4.5-7.5 10.5-49.3 97.3-121.7 169.3-217 216-28\n 14-57.3 25-88 33-6.7 2-11 3.8-13 5.5-2 1.7-3 4.2-3 7.5s1 5.8 3 7.5\nc2 1.7 6.3 3.5 13 5.5 68 17.3 128.2 47.8 180.5 91.5 52.3 43.7 93.8 96.2 124.5\n 157.5 9.3 8 15.3 12.3 18 13h6c12-.7 18-4 18-10 0-2-1.7-7-5-15-23.3-46-52-87\n-86-123l-10-10h399738v-40H218c328 0 0 0 0 0l-10-8c-26.7-20-65.7-43-117-69 2.7\n-2 6-3.7 10-5 36.7-16 72.3-37.3 107-64l10-8h399782v-40z\nm8 0v40h399730v-40zm0 194v40h399730v-40z",
+  // doublerightarrow is from glyph U+21D2 in font KaTeX Main
+  doublerightarrow: "M399738 392l\n-10 10c-34 36-62.7 77-86 123-3.3 8-5 13.3-5 16 0 5.3 6.7 8 20 8 7.3 0 12.2-.5\n 14.5-1.5 2.3-1 4.8-4.5 7.5-10.5 49.3-97.3 121.7-169.3 217-216 28-14 57.3-25 88\n-33 6.7-2 11-3.8 13-5.5 2-1.7 3-4.2 3-7.5s-1-5.8-3-7.5c-2-1.7-6.3-3.5-13-5.5-68\n-17.3-128.2-47.8-180.5-91.5-52.3-43.7-93.8-96.2-124.5-157.5-9.3-8-15.3-12.3-18\n-13h-6c-12 .7-18 4-18 10 0 2 1.7 7 5 15 23.3 46 52 87 86 123l10 10H0v40h399782\nc-328 0 0 0 0 0l10 8c26.7 20 65.7 43 117 69-2.7 2-6 3.7-10 5-36.7 16-72.3 37.3\n-107 64l-10 8H0v40zM0 157v40h399730v-40zm0 194v40h399730v-40z",
+  // leftarrow is from glyph U+2190 in font KaTeX Main
+  leftarrow: "M400000 241H110l3-3c68.7-52.7 113.7-120\n 135-202 4-14.7 6-23 6-25 0-7.3-7-11-21-11-8 0-13.2.8-15.5 2.5-2.3 1.7-4.2 5.8\n-5.5 12.5-1.3 4.7-2.7 10.3-4 17-12 48.7-34.8 92-68.5 130S65.3 228.3 18 247\nc-10 4-16 7.7-18 11 0 8.7 6 14.3 18 17 47.3 18.7 87.8 47 121.5 85S196 441.3 208\n 490c.7 2 1.3 5 2 9s1.2 6.7 1.5 8c.3 1.3 1 3.3 2 6s2.2 4.5 3.5 5.5c1.3 1 3.3\n 1.8 6 2.5s6 1 10 1c14 0 21-3.7 21-11 0-2-2-10.3-6-25-20-79.3-65-146.7-135-202\n l-3-3h399890zM100 241v40h399900v-40z",
+  // overbrace is from glyphs U+23A9/23A8/23A7 in font KaTeX_Size4-Regular
+  leftbrace: "M6 548l-6-6v-35l6-11c56-104 135.3-181.3 238-232 57.3-28.7 117\n-45 179-50h399577v120H403c-43.3 7-81 15-113 26-100.7 33-179.7 91-237 174-2.7\n 5-6 9-10 13-.7 1-7.3 1-20 1H6z",
+  leftbraceunder: "M0 6l6-6h17c12.688 0 19.313.3 20 1 4 4 7.313 8.3 10 13\n 35.313 51.3 80.813 93.8 136.5 127.5 55.688 33.7 117.188 55.8 184.5 66.5.688\n 0 2 .3 4 1 18.688 2.7 76 4.3 172 5h399450v120H429l-6-1c-124.688-8-235-61.7\n-331-161C60.687 138.7 32.312 99.3 7 54L0 41V6z",
+  // overgroup is from the MnSymbol package (public domain)
+  leftgroup: "M400000 80\nH435C64 80 168.3 229.4 21 260c-5.9 1.2-18 0-18 0-2 0-3-1-3-3v-38C76 61 257 0\n 435 0h399565z",
+  leftgroupunder: "M400000 262\nH435C64 262 168.3 112.6 21 82c-5.9-1.2-18 0-18 0-2 0-3 1-3 3v38c76 158 257 219\n 435 219h399565z",
+  // Harpoons are from glyph U+21BD in font KaTeX Main
+  leftharpoon: "M0 267c.7 5.3 3 10 7 14h399993v-40H93c3.3\n-3.3 10.2-9.5 20.5-18.5s17.8-15.8 22.5-20.5c50.7-52 88-110.3 112-175 4-11.3 5\n-18.3 3-21-1.3-4-7.3-6-18-6-8 0-13 .7-15 2s-4.7 6.7-8 16c-42 98.7-107.3 174.7\n-196 228-6.7 4.7-10.7 8-12 10-1.3 2-2 5.7-2 11zm100-26v40h399900v-40z",
+  leftharpoonplus: "M0 267c.7 5.3 3 10 7 14h399993v-40H93c3.3-3.3 10.2-9.5\n 20.5-18.5s17.8-15.8 22.5-20.5c50.7-52 88-110.3 112-175 4-11.3 5-18.3 3-21-1.3\n-4-7.3-6-18-6-8 0-13 .7-15 2s-4.7 6.7-8 16c-42 98.7-107.3 174.7-196 228-6.7 4.7\n-10.7 8-12 10-1.3 2-2 5.7-2 11zm100-26v40h399900v-40zM0 435v40h400000v-40z\nm0 0v40h400000v-40z",
+  leftharpoondown: "M7 241c-4 4-6.333 8.667-7 14 0 5.333.667 9 2 11s5.333\n 5.333 12 10c90.667 54 156 130 196 228 3.333 10.667 6.333 16.333 9 17 2 .667 5\n 1 9 1h5c10.667 0 16.667-2 18-6 2-2.667 1-9.667-3-21-32-87.333-82.667-157.667\n-152-211l-3-3h399907v-40zM93 281 H400000 v-40L7 241z",
+  leftharpoondownplus: "M7 435c-4 4-6.3 8.7-7 14 0 5.3.7 9 2 11s5.3 5.3 12\n 10c90.7 54 156 130 196 228 3.3 10.7 6.3 16.3 9 17 2 .7 5 1 9 1h5c10.7 0 16.7\n-2 18-6 2-2.7 1-9.7-3-21-32-87.3-82.7-157.7-152-211l-3-3h399907v-40H7zm93 0\nv40h399900v-40zM0 241v40h399900v-40zm0 0v40h399900v-40z",
+  // hook is from glyph U+21A9 in font KaTeX Main
+  lefthook: "M400000 281 H103s-33-11.2-61-33.5S0 197.3 0 164s14.2-61.2 42.5\n-83.5C70.8 58.2 104 47 142 47 c16.7 0 25 6.7 25 20 0 12-8.7 18.7-26 20-40 3.3\n-68.7 15.7-86 37-10 12-15 25.3-15 40 0 22.7 9.8 40.7 29.5 54 19.7 13.3 43.5 21\n 71.5 23h399859zM103 281v-40h399897v40z",
+  leftlinesegment: "M40 281 V428 H0 V94 H40 V241 H400000 v40z\nM40 281 V428 H0 V94 H40 V241 H400000 v40z",
+  leftmapsto: "M40 281 V448H0V74H40V241H400000v40z\nM40 281 V448H0V74H40V241H400000v40z",
+  // tofrom is from glyph U+21C4 in font KaTeX AMS Regular
+  leftToFrom: "M0 147h400000v40H0zm0 214c68 40 115.7 95.7 143 167h22c15.3 0 23\n-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69-70-101l-7-8h399905v-40H95l7-8\nc28.7-32 52-65.7 70-101 10.7-23.3 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 265.3\n 68 321 0 361zm0-174v-40h399900v40zm100 154v40h399900v-40z",
+  longequal: "M0 50 h400000 v40H0z m0 194h40000v40H0z\nM0 50 h400000 v40H0z m0 194h40000v40H0z",
+  midbrace: "M200428 334\nc-100.7-8.3-195.3-44-280-108-55.3-42-101.7-93-139-153l-9-14c-2.7 4-5.7 8.7-9 14\n-53.3 86.7-123.7 153-211 199-66.7 36-137.3 56.3-212 62H0V214h199568c178.3-11.7\n 311.7-78.3 403-201 6-8 9.7-12 11-12 .7-.7 6.7-1 18-1s17.3.3 18 1c1.3 0 5 4 11\n 12 44.7 59.3 101.3 106.3 170 141s145.3 54.3 229 60h199572v120z",
+  midbraceunder: "M199572 214\nc100.7 8.3 195.3 44 280 108 55.3 42 101.7 93 139 153l9 14c2.7-4 5.7-8.7 9-14\n 53.3-86.7 123.7-153 211-199 66.7-36 137.3-56.3 212-62h199568v120H200432c-178.3\n 11.7-311.7 78.3-403 201-6 8-9.7 12-11 12-.7.7-6.7 1-18 1s-17.3-.3-18-1c-1.3 0\n-5-4-11-12-44.7-59.3-101.3-106.3-170-141s-145.3-54.3-229-60H0V214z",
+  oiintSize1: "M512.6 71.6c272.6 0 320.3 106.8 320.3 178.2 0 70.8-47.7 177.6\n-320.3 177.6S193.1 320.6 193.1 249.8c0-71.4 46.9-178.2 319.5-178.2z\nm368.1 178.2c0-86.4-60.9-215.4-368.1-215.4-306.4 0-367.3 129-367.3 215.4 0 85.8\n60.9 214.8 367.3 214.8 307.2 0 368.1-129 368.1-214.8z",
+  oiintSize2: "M757.8 100.1c384.7 0 451.1 137.6 451.1 230 0 91.3-66.4 228.8\n-451.1 228.8-386.3 0-452.7-137.5-452.7-228.8 0-92.4 66.4-230 452.7-230z\nm502.4 230c0-111.2-82.4-277.2-502.4-277.2s-504 166-504 277.2\nc0 110 84 276 504 276s502.4-166 502.4-276z",
+  oiiintSize1: "M681.4 71.6c408.9 0 480.5 106.8 480.5 178.2 0 70.8-71.6 177.6\n-480.5 177.6S202.1 320.6 202.1 249.8c0-71.4 70.5-178.2 479.3-178.2z\nm525.8 178.2c0-86.4-86.8-215.4-525.7-215.4-437.9 0-524.7 129-524.7 215.4 0\n85.8 86.8 214.8 524.7 214.8 438.9 0 525.7-129 525.7-214.8z",
+  oiiintSize2: "M1021.2 53c603.6 0 707.8 165.8 707.8 277.2 0 110-104.2 275.8\n-707.8 275.8-606 0-710.2-165.8-710.2-275.8C311 218.8 415.2 53 1021.2 53z\nm770.4 277.1c0-131.2-126.4-327.6-770.5-327.6S248.4 198.9 248.4 330.1\nc0 130 128.8 326.4 772.7 326.4s770.5-196.4 770.5-326.4z",
+  rightarrow: "M0 241v40h399891c-47.3 35.3-84 78-110 128\n-16.7 32-27.7 63.7-33 95 0 1.3-.2 2.7-.5 4-.3 1.3-.5 2.3-.5 3 0 7.3 6.7 11 20\n 11 8 0 13.2-.8 15.5-2.5 2.3-1.7 4.2-5.5 5.5-11.5 2-13.3 5.7-27 11-41 14.7-44.7\n 39-84.5 73-119.5s73.7-60.2 119-75.5c6-2 9-5.7 9-11s-3-9-9-11c-45.3-15.3-85\n-40.5-119-75.5s-58.3-74.8-73-119.5c-4.7-14-8.3-27.3-11-40-1.3-6.7-3.2-10.8-5.5\n-12.5-2.3-1.7-7.5-2.5-15.5-2.5-14 0-21 3.7-21 11 0 2 2 10.3 6 25 20.7 83.3 67\n 151.7 139 205zm0 0v40h399900v-40z",
+  rightbrace: "M400000 542l\n-6 6h-17c-12.7 0-19.3-.3-20-1-4-4-7.3-8.3-10-13-35.3-51.3-80.8-93.8-136.5-127.5\ns-117.2-55.8-184.5-66.5c-.7 0-2-.3-4-1-18.7-2.7-76-4.3-172-5H0V214h399571l6 1\nc124.7 8 235 61.7 331 161 31.3 33.3 59.7 72.7 85 118l7 13v35z",
+  rightbraceunder: "M399994 0l6 6v35l-6 11c-56 104-135.3 181.3-238 232-57.3\n 28.7-117 45-179 50H-300V214h399897c43.3-7 81-15 113-26 100.7-33 179.7-91 237\n-174 2.7-5 6-9 10-13 .7-1 7.3-1 20-1h17z",
+  rightgroup: "M0 80h399565c371 0 266.7 149.4 414 180 5.9 1.2 18 0 18 0 2 0\n 3-1 3-3v-38c-76-158-257-219-435-219H0z",
+  rightgroupunder: "M0 262h399565c371 0 266.7-149.4 414-180 5.9-1.2 18 0 18\n 0 2 0 3 1 3 3v38c-76 158-257 219-435 219H0z",
+  rightharpoon: "M0 241v40h399993c4.7-4.7 7-9.3 7-14 0-9.3\n-3.7-15.3-11-18-92.7-56.7-159-133.7-199-231-3.3-9.3-6-14.7-8-16-2-1.3-7-2-15-2\n-10.7 0-16.7 2-18 6-2 2.7-1 9.7 3 21 15.3 42 36.7 81.8 64 119.5 27.3 37.7 58\n 69.2 92 94.5zm0 0v40h399900v-40z",
+  rightharpoonplus: "M0 241v40h399993c4.7-4.7 7-9.3 7-14 0-9.3-3.7-15.3-11\n-18-92.7-56.7-159-133.7-199-231-3.3-9.3-6-14.7-8-16-2-1.3-7-2-15-2-10.7 0-16.7\n 2-18 6-2 2.7-1 9.7 3 21 15.3 42 36.7 81.8 64 119.5 27.3 37.7 58 69.2 92 94.5z\nm0 0v40h399900v-40z m100 194v40h399900v-40zm0 0v40h399900v-40z",
+  rightharpoondown: "M399747 511c0 7.3 6.7 11 20 11 8 0 13-.8 15-2.5s4.7-6.8\n 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3 8.5-5.8 9.5\n-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3-64.7 57-92 95\n-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 241v40h399900v-40z",
+  rightharpoondownplus: "M399747 705c0 7.3 6.7 11 20 11 8 0 13-.8\n 15-2.5s4.7-6.8 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3\n 8.5-5.8 9.5-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3\n-64.7 57-92 95-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 435v40h399900v-40z\nm0-194v40h400000v-40zm0 0v40h400000v-40z",
+  righthook: "M399859 241c-764 0 0 0 0 0 40-3.3 68.7-15.7 86-37 10-12 15-25.3\n 15-40 0-22.7-9.8-40.7-29.5-54-19.7-13.3-43.5-21-71.5-23-17.3-1.3-26-8-26-20 0\n-13.3 8.7-20 26-20 38 0 71 11.2 99 33.5 0 0 7 5.6 21 16.7 14 11.2 21 33.5 21\n 66.8s-14 61.2-42 83.5c-28 22.3-61 33.5-99 33.5L0 241z M0 281v-40h399859v40z",
+  rightlinesegment: "M399960 241 V94 h40 V428 h-40 V281 H0 v-40z\nM399960 241 V94 h40 V428 h-40 V281 H0 v-40z",
+  rightToFrom: "M400000 167c-70.7-42-118-97.7-142-167h-23c-15.3 0-23 .3-23\n 1 0 1.3 5.3 13.7 16 37 18 35.3 41.3 69 70 101l7 8H0v40h399905l-7 8c-28.7 32\n-52 65.7-70 101-10.7 23.3-16 35.7-16 37 0 .7 7.7 1 23 1h23c24-69.3 71.3-125 142\n-167z M100 147v40h399900v-40zM0 341v40h399900v-40z",
+  // twoheadleftarrow is from glyph U+219E in font KaTeX AMS Regular
+  twoheadleftarrow: "M0 167c68 40\n 115.7 95.7 143 167h22c15.3 0 23-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69\n-70-101l-7-8h125l9 7c50.7 39.3 85 86 103 140h46c0-4.7-6.3-18.7-19-42-18-35.3\n-40-67.3-66-96l-9-9h399716v-40H284l9-9c26-28.7 48-60.7 66-96 12.7-23.333 19\n-37.333 19-42h-46c-18 54-52.3 100.7-103 140l-9 7H95l7-8c28.7-32 52-65.7 70-101\n 10.7-23.333 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 71.3 68 127 0 167z",
+  twoheadrightarrow: "M400000 167\nc-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3\n 41.3 69 70 101l7 8h-125l-9-7c-50.7-39.3-85-86-103-140h-46c0 4.7 6.3 18.7 19 42\n 18 35.3 40 67.3 66 96l9 9H0v40h399716l-9 9c-26 28.7-48 60.7-66 96-12.7 23.333\n-19 37.333-19 42h46c18-54 52.3-100.7 103-140l9-7h125l-7 8c-28.7 32-52 65.7-70\n 101-10.7 23.333-16 35.7-16 37 0 .7 7.7 1 23 1h22c27.3-71.3 75-127 143-167z",
+  // tilde1 is a modified version of a glyph from the MnSymbol package
+  tilde1: "M200 55.538c-77 0-168 73.953-177 73.953-3 0-7\n-2.175-9-5.437L2 97c-1-2-2-4-2-6 0-4 2-7 5-9l20-12C116 12 171 0 207 0c86 0\n 114 68 191 68 78 0 168-68 177-68 4 0 7 2 9 5l12 19c1 2.175 2 4.35 2 6.525 0\n 4.35-2 7.613-5 9.788l-19 13.05c-92 63.077-116.937 75.308-183 76.128\n-68.267.847-113-73.952-191-73.952z",
+  // ditto tilde2, tilde3, & tilde4
+  tilde2: "M344 55.266c-142 0-300.638 81.316-311.5 86.418\n-8.01 3.762-22.5 10.91-23.5 5.562L1 120c-1-2-1-3-1-4 0-5 3-9 8-10l18.4-9C160.9\n 31.9 283 0 358 0c148 0 188 122 331 122s314-97 326-97c4 0 8 2 10 7l7 21.114\nc1 2.14 1 3.21 1 4.28 0 5.347-3 9.626-7 10.696l-22.3 12.622C852.6 158.372 751\n 181.476 676 181.476c-149 0-189-126.21-332-126.21z",
+  tilde3: "M786 59C457 59 32 175.242 13 175.242c-6 0-10-3.457\n-11-10.37L.15 138c-1-7 3-12 10-13l19.2-6.4C378.4 40.7 634.3 0 804.3 0c337 0\n 411.8 157 746.8 157 328 0 754-112 773-112 5 0 10 3 11 9l1 14.075c1 8.066-.697\n 16.595-6.697 17.492l-21.052 7.31c-367.9 98.146-609.15 122.696-778.15 122.696\n -338 0-409-156.573-744-156.573z",
+  tilde4: "M786 58C457 58 32 177.487 13 177.487c-6 0-10-3.345\n-11-10.035L.15 143c-1-7 3-12 10-13l22-6.7C381.2 35 637.15 0 807.15 0c337 0 409\n 177 744 177 328 0 754-127 773-127 5 0 10 3 11 9l1 14.794c1 7.805-3 13.38-9\n 14.495l-20.7 5.574c-366.85 99.79-607.3 139.372-776.3 139.372-338 0-409\n -175.236-744-175.236z",
+  // vec is from glyph U+20D7 in font KaTeX Main
+  vec: "M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5\n3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11\n10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63\n-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1\n-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59\nH213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359\nc-16-25.333-24-45-24-59z",
+  // widehat1 is a modified version of a glyph from the MnSymbol package
+  widehat1: "M529 0h5l519 115c5 1 9 5 9 10 0 1-1 2-1 3l-4 22\nc-1 5-5 9-11 9h-2L532 67 19 159h-2c-5 0-9-4-11-9l-5-22c-1-6 2-12 8-13z",
+  // ditto widehat2, widehat3, & widehat4
+  widehat2: "M1181 0h2l1171 176c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 220h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",
+  widehat3: "M1181 0h2l1171 236c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 280h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",
+  widehat4: "M1181 0h2l1171 296c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 340h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",
+  // widecheck paths are all inverted versions of widehat
+  widecheck1: "M529,159h5l519,-115c5,-1,9,-5,9,-10c0,-1,-1,-2,-1,-3l-4,-22c-1,\n-5,-5,-9,-11,-9h-2l-512,92l-513,-92h-2c-5,0,-9,4,-11,9l-5,22c-1,6,2,12,8,13z",
+  widecheck2: "M1181,220h2l1171,-176c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,153l-1167,-153h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",
+  widecheck3: "M1181,280h2l1171,-236c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,213l-1167,-213h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",
+  widecheck4: "M1181,340h2l1171,-296c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,273l-1167,-273h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",
+  // The next ten paths support reaction arrows from the mhchem package.
+  // Arrows for \ce{<-->} are offset from xAxis by 0.22ex, per mhchem in LaTeX
+  // baraboveleftarrow is mostly from from glyph U+2190 in font KaTeX Main
+  baraboveleftarrow: "M400000 620h-399890l3 -3c68.7 -52.7 113.7 -120 135 -202\nc4 -14.7 6 -23 6 -25c0 -7.3 -7 -11 -21 -11c-8 0 -13.2 0.8 -15.5 2.5\nc-2.3 1.7 -4.2 5.8 -5.5 12.5c-1.3 4.7 -2.7 10.3 -4 17c-12 48.7 -34.8 92 -68.5 130\ns-74.2 66.3 -121.5 85c-10 4 -16 7.7 -18 11c0 8.7 6 14.3 18 17c47.3 18.7 87.8 47\n121.5 85s56.5 81.3 68.5 130c0.7 2 1.3 5 2 9s1.2 6.7 1.5 8c0.3 1.3 1 3.3 2 6\ns2.2 4.5 3.5 5.5c1.3 1 3.3 1.8 6 2.5s6 1 10 1c14 0 21 -3.7 21 -11\nc0 -2 -2 -10.3 -6 -25c-20 -79.3 -65 -146.7 -135 -202l-3 -3h399890z\nM100 620v40h399900v-40z M0 241v40h399900v-40zM0 241v40h399900v-40z",
+  // rightarrowabovebar is mostly from glyph U+2192, KaTeX Main
+  rightarrowabovebar: "M0 241v40h399891c-47.3 35.3-84 78-110 128-16.7 32\n-27.7 63.7-33 95 0 1.3-.2 2.7-.5 4-.3 1.3-.5 2.3-.5 3 0 7.3 6.7 11 20 11 8 0\n13.2-.8 15.5-2.5 2.3-1.7 4.2-5.5 5.5-11.5 2-13.3 5.7-27 11-41 14.7-44.7 39\n-84.5 73-119.5s73.7-60.2 119-75.5c6-2 9-5.7 9-11s-3-9-9-11c-45.3-15.3-85-40.5\n-119-75.5s-58.3-74.8-73-119.5c-4.7-14-8.3-27.3-11-40-1.3-6.7-3.2-10.8-5.5\n-12.5-2.3-1.7-7.5-2.5-15.5-2.5-14 0-21 3.7-21 11 0 2 2 10.3 6 25 20.7 83.3 67\n151.7 139 205zm96 379h399894v40H0zm0 0h399904v40H0z",
+  // The short left harpoon has 0.5em (i.e. 500 units) kern on the left end.
+  // Ref from mhchem.sty: \rlap{\raisebox{-.22ex}{$\kern0.5em
+  baraboveshortleftharpoon: "M507,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17\nc2,0.7,5,1,9,1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21\nc-32,-87.3,-82.7,-157.7,-152,-211c0,0,-3,-3,-3,-3l399351,0l0,-40\nc-398570,0,-399437,0,-399437,0z M593 435 v40 H399500 v-40z\nM0 281 v-40 H399908 v40z M0 281 v-40 H399908 v40z",
+  rightharpoonaboveshortbar: "M0,241 l0,40c399126,0,399993,0,399993,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM0 241 v40 H399908 v-40z M0 475 v-40 H399500 v40z M0 475 v-40 H399500 v40z",
+  shortbaraboveleftharpoon: "M7,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17c2,0.7,5,1,9,\n1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21c-32,-87.3,-82.7,-157.7,\n-152,-211c0,0,-3,-3,-3,-3l399907,0l0,-40c-399126,0,-399993,0,-399993,0z\nM93 435 v40 H400000 v-40z M500 241 v40 H400000 v-40z M500 241 v40 H400000 v-40z",
+  shortrightharpoonabovebar: "M53,241l0,40c398570,0,399437,0,399437,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM500 241 v40 H399408 v-40z M500 435 v40 H400000 v-40z"
+};
+// CONCATENATED MODULE: ./src/tree.js
+
+
+/**
+ * This node represents a document fragment, which contains elements, but when
+ * placed into the DOM doesn't have any representation itself. It only contains
+ * children and doesn't have any DOM node properties.
+ */
+var tree_DocumentFragment =
+/*#__PURE__*/
+function () {
+  // HtmlDomNode
+  // Never used; needed for satisfying interface.
+  function DocumentFragment(children) {
+    this.children = void 0;
+    this.classes = void 0;
+    this.height = void 0;
+    this.depth = void 0;
+    this.maxFontSize = void 0;
+    this.style = void 0;
+    this.children = children;
+    this.classes = [];
+    this.height = 0;
+    this.depth = 0;
+    this.maxFontSize = 0;
+    this.style = {};
+  }
+
+  var _proto = DocumentFragment.prototype;
+
+  _proto.hasClass = function hasClass(className) {
+    return utils.contains(this.classes, className);
+  }
+  /** Convert the fragment into a node. */
+  ;
+
+  _proto.toNode = function toNode() {
+    var frag = document.createDocumentFragment();
+
+    for (var i = 0; i < this.children.length; i++) {
+      frag.appendChild(this.children[i].toNode());
+    }
+
+    return frag;
+  }
+  /** Convert the fragment into HTML markup. */
+  ;
+
+  _proto.toMarkup = function toMarkup() {
+    var markup = ""; // Simply concatenate the markup for the children together.
+
+    for (var i = 0; i < this.children.length; i++) {
+      markup += this.children[i].toMarkup();
+    }
+
+    return markup;
+  }
+  /**
+   * Converts the math node into a string, similar to innerText. Applies to
+   * MathDomNode's only.
+   */
+  ;
+
+  _proto.toText = function toText() {
+    // To avoid this, we would subclass documentFragment separately for
+    // MathML, but polyfills for subclassing is expensive per PR 1469.
+    // $FlowFixMe: Only works for ChildType = MathDomNode.
+    var toText = function toText(child) {
+      return child.toText();
+    };
+
+    return this.children.map(toText).join("");
+  };
+
+  return DocumentFragment;
+}();
+// CONCATENATED MODULE: ./src/domTree.js
+/**
+ * These objects store the data about the DOM nodes we create, as well as some
+ * extra data. They can then be transformed into real DOM nodes with the
+ * `toNode` function or HTML markup using `toMarkup`. They are useful for both
+ * storing extra properties on the nodes, as well as providing a way to easily
+ * work with the DOM.
+ *
+ * Similar functions for working with MathML nodes exist in mathMLTree.js.
+ *
+ * TODO: refactor `span` and `anchor` into common superclass when
+ * target environments support class inheritance
+ */
+
+
+
+
+
+/**
+ * Create an HTML className based on a list of classes. In addition to joining
+ * with spaces, we also remove empty classes.
+ */
+var createClass = function createClass(classes) {
+  return classes.filter(function (cls) {
+    return cls;
+  }).join(" ");
+};
+
+var initNode = function initNode(classes, options, style) {
+  this.classes = classes || [];
+  this.attributes = {};
+  this.height = 0;
+  this.depth = 0;
+  this.maxFontSize = 0;
+  this.style = style || {};
+
+  if (options) {
+    if (options.style.isTight()) {
+      this.classes.push("mtight");
+    }
+
+    var color = options.getColor();
+
+    if (color) {
+      this.style.color = color;
+    }
+  }
+};
+/**
+ * Convert into an HTML node
+ */
+
+
+var _toNode = function toNode(tagName) {
+  var node = document.createElement(tagName); // Apply the class
+
+  node.className = createClass(this.classes); // Apply inline styles
+
+  for (var style in this.style) {
+    if (this.style.hasOwnProperty(style)) {
+      // $FlowFixMe Flow doesn't seem to understand span.style's type.
+      node.style[style] = this.style[style];
+    }
+  } // Apply attributes
+
+
+  for (var attr in this.attributes) {
+    if (this.attributes.hasOwnProperty(attr)) {
+      node.setAttribute(attr, this.attributes[attr]);
+    }
+  } // Append the children, also as HTML nodes
+
+
+  for (var i = 0; i < this.children.length; i++) {
+    node.appendChild(this.children[i].toNode());
+  }
+
+  return node;
+};
+/**
+ * Convert into an HTML markup string
+ */
+
+
+var _toMarkup = function toMarkup(tagName) {
+  var markup = "<" + tagName; // Add the class
+
+  if (this.classes.length) {
+    markup += " class=\"" + utils.escape(createClass(this.classes)) + "\"";
+  }
+
+  var styles = ""; // Add the styles, after hyphenation
+
+  for (var style in this.style) {
+    if (this.style.hasOwnProperty(style)) {
+      styles += utils.hyphenate(style) + ":" + this.style[style] + ";";
+    }
+  }
+
+  if (styles) {
+    markup += " style=\"" + utils.escape(styles) + "\"";
+  } // Add the attributes
+
+
+  for (var attr in this.attributes) {
+    if (this.attributes.hasOwnProperty(attr)) {
+      markup += " " + attr + "=\"" + utils.escape(this.attributes[attr]) + "\"";
+    }
+  }
+
+  markup += ">"; // Add the markup of the children, also as markup
+
+  for (var i = 0; i < this.children.length; i++) {
+    markup += this.children[i].toMarkup();
+  }
+
+  markup += "</" + tagName + ">";
+  return markup;
+}; // Making the type below exact with all optional fields doesn't work due to
+// - https://github.com/facebook/flow/issues/4582
+// - https://github.com/facebook/flow/issues/5688
+// However, since *all* fields are optional, $Shape<> works as suggested in 5688
+// above.
+// This type does not include all CSS properties. Additional properties should
+// be added as needed.
+
+
+/**
+ * This node represents a span node, with a className, a list of children, and
+ * an inline style. It also contains information about its height, depth, and
+ * maxFontSize.
+ *
+ * Represents two types with different uses: SvgSpan to wrap an SVG and DomSpan
+ * otherwise. This typesafety is important when HTML builders access a span's
+ * children.
+ */
+var domTree_Span =
+/*#__PURE__*/
+function () {
+  function Span(classes, children, options, style) {
+    this.children = void 0;
+    this.attributes = void 0;
+    this.classes = void 0;
+    this.height = void 0;
+    this.depth = void 0;
+    this.width = void 0;
+    this.maxFontSize = void 0;
+    this.style = void 0;
+    initNode.call(this, classes, options, style);
+    this.children = children || [];
+  }
+  /**
+   * Sets an arbitrary attribute on the span. Warning: use this wisely. Not
+   * all browsers support attributes the same, and having too many custom
+   * attributes is probably bad.
+   */
+
+
+  var _proto = Span.prototype;
+
+  _proto.setAttribute = function setAttribute(attribute, value) {
+    this.attributes[attribute] = value;
+  };
+
+  _proto.hasClass = function hasClass(className) {
+    return utils.contains(this.classes, className);
+  };
+
+  _proto.toNode = function toNode() {
+    return _toNode.call(this, "span");
+  };
+
+  _proto.toMarkup = function toMarkup() {
+    return _toMarkup.call(this, "span");
+  };
+
+  return Span;
+}();
+/**
+ * This node represents an anchor (<a>) element with a hyperlink.  See `span`
+ * for further details.
+ */
+
+var domTree_Anchor =
+/*#__PURE__*/
+function () {
+  function Anchor(href, classes, children, options) {
+    this.children = void 0;
+    this.attributes = void 0;
+    this.classes = void 0;
+    this.height = void 0;
+    this.depth = void 0;
+    this.maxFontSize = void 0;
+    this.style = void 0;
+    initNode.call(this, classes, options);
+    this.children = children || [];
+    this.setAttribute('href', href);
+  }
+
+  var _proto2 = Anchor.prototype;
+
+  _proto2.setAttribute = function setAttribute(attribute, value) {
+    this.attributes[attribute] = value;
+  };
+
+  _proto2.hasClass = function hasClass(className) {
+    return utils.contains(this.classes, className);
+  };
+
+  _proto2.toNode = function toNode() {
+    return _toNode.call(this, "a");
+  };
+
+  _proto2.toMarkup = function toMarkup() {
+    return _toMarkup.call(this, "a");
+  };
+
+  return Anchor;
+}();
+/**
+ * This node represents an image embed (<img>) element.
+ */
+
+var domTree_Img =
+/*#__PURE__*/
+function () {
+  function Img(src, alt, style) {
+    this.src = void 0;
+    this.alt = void 0;
+    this.classes = void 0;
+    this.height = void 0;
+    this.depth = void 0;
+    this.maxFontSize = void 0;
+    this.style = void 0;
+    this.alt = alt;
+    this.src = src;
+    this.classes = ["mord"];
+    this.style = style;
+  }
+
+  var _proto3 = Img.prototype;
+
+  _proto3.hasClass = function hasClass(className) {
+    return utils.contains(this.classes, className);
+  };
+
+  _proto3.toNode = function toNode() {
+    var node = document.createElement("img");
+    node.src = this.src;
+    node.alt = this.alt;
+    node.className = "mord"; // Apply inline styles
+
+    for (var style in this.style) {
+      if (this.style.hasOwnProperty(style)) {
+        // $FlowFixMe
+        node.style[style] = this.style[style];
+      }
+    }
+
+    return node;
+  };
+
+  _proto3.toMarkup = function toMarkup() {
+    var markup = "<img  src='" + this.src + " 'alt='" + this.alt + "' "; // Add the styles, after hyphenation
+
+    var styles = "";
+
+    for (var style in this.style) {
+      if (this.style.hasOwnProperty(style)) {
+        styles += utils.hyphenate(style) + ":" + this.style[style] + ";";
+      }
+    }
+
+    if (styles) {
+      markup += " style=\"" + utils.escape(styles) + "\"";
+    }
+
+    markup += "'/>";
+    return markup;
+  };
+
+  return Img;
+}();
+var iCombinations = {
+  'î': "\u0131\u0302",
+  'ï': "\u0131\u0308",
+  'í': "\u0131\u0301",
+  // 'ī': '\u0131\u0304', // enable when we add Extended Latin
+  'ì': "\u0131\u0300"
+};
+/**
+ * A symbol node contains information about a single symbol. It either renders
+ * to a single text node, or a span with a single text node in it, depending on
+ * whether it has CSS classes, styles, or needs italic correction.
+ */
+
+var domTree_SymbolNode =
+/*#__PURE__*/
+function () {
+  function SymbolNode(text, height, depth, italic, skew, width, classes, style) {
+    this.text = void 0;
+    this.height = void 0;
+    this.depth = void 0;
+    this.italic = void 0;
+    this.skew = void 0;
+    this.width = void 0;
+    this.maxFontSize = void 0;
+    this.classes = void 0;
+    this.style = void 0;
+    this.text = text;
+    this.height = height || 0;
+    this.depth = depth || 0;
+    this.italic = italic || 0;
+    this.skew = skew || 0;
+    this.width = width || 0;
+    this.classes = classes || [];
+    this.style = style || {};
+    this.maxFontSize = 0; // Mark text from non-Latin scripts with specific classes so that we
+    // can specify which fonts to use.  This allows us to render these
+    // characters with a serif font in situations where the browser would
+    // either default to a sans serif or render a placeholder character.
+    // We use CSS class names like cjk_fallback, hangul_fallback and
+    // brahmic_fallback. See ./unicodeScripts.js for the set of possible
+    // script names
+
+    var script = scriptFromCodepoint(this.text.charCodeAt(0));
+
+    if (script) {
+      this.classes.push(script + "_fallback");
+    }
+
+    if (/[îïíì]/.test(this.text)) {
+      // add ī when we add Extended Latin
+      this.text = iCombinations[this.text];
+    }
+  }
+
+  var _proto4 = SymbolNode.prototype;
+
+  _proto4.hasClass = function hasClass(className) {
+    return utils.contains(this.classes, className);
+  }
+  /**
+   * Creates a text node or span from a symbol node. Note that a span is only
+   * created if it is needed.
+   */
+  ;
+
+  _proto4.toNode = function toNode() {
+    var node = document.createTextNode(this.text);
+    var span = null;
+
+    if (this.italic > 0) {
+      span = document.createElement("span");
+      span.style.marginRight = this.italic + "em";
+    }
+
+    if (this.classes.length > 0) {
+      span = span || document.createElement("span");
+      span.className = createClass(this.classes);
+    }
+
+    for (var style in this.style) {
+      if (this.style.hasOwnProperty(style)) {
+        span = span || document.createElement("span"); // $FlowFixMe Flow doesn't seem to understand span.style's type.
+
+        span.style[style] = this.style[style];
+      }
+    }
+
+    if (span) {
+      span.appendChild(node);
+      return span;
+    } else {
+      return node;
+    }
+  }
+  /**
+   * Creates markup for a symbol node.
+   */
+  ;
+
+  _proto4.toMarkup = function toMarkup() {
+    // TODO(alpert): More duplication than I'd like from
+    // span.prototype.toMarkup and symbolNode.prototype.toNode...
+    var needsSpan = false;
+    var markup = "<span";
+
+    if (this.classes.length) {
+      needsSpan = true;
+      markup += " class=\"";
+      markup += utils.escape(createClass(this.classes));
+      markup += "\"";
+    }
+
+    var styles = "";
+
+    if (this.italic > 0) {
+      styles += "margin-right:" + this.italic + "em;";
+    }
+
+    for (var style in this.style) {
+      if (this.style.hasOwnProperty(style)) {
+        styles += utils.hyphenate(style) + ":" + this.style[style] + ";";
+      }
+    }
+
+    if (styles) {
+      needsSpan = true;
+      markup += " style=\"" + utils.escape(styles) + "\"";
+    }
+
+    var escaped = utils.escape(this.text);
+
+    if (needsSpan) {
+      markup += ">";
+      markup += escaped;
+      markup += "</span>";
+      return markup;
+    } else {
+      return escaped;
+    }
+  };
+
+  return SymbolNode;
+}();
+/**
+ * SVG nodes are used to render stretchy wide elements.
+ */
+
+var SvgNode =
+/*#__PURE__*/
+function () {
+  function SvgNode(children, attributes) {
+    this.children = void 0;
+    this.attributes = void 0;
+    this.children = children || [];
+    this.attributes = attributes || {};
+  }
+
+  var _proto5 = SvgNode.prototype;
+
+  _proto5.toNode = function toNode() {
+    var svgNS = "http://www.w3.org/2000/svg";
+    var node = document.createElementNS(svgNS, "svg"); // Apply attributes
+
+    for (var attr in this.attributes) {
+      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
+        node.setAttribute(attr, this.attributes[attr]);
+      }
+    }
+
+    for (var i = 0; i < this.children.length; i++) {
+      node.appendChild(this.children[i].toNode());
+    }
+
+    return node;
+  };
+
+  _proto5.toMarkup = function toMarkup() {
+    var markup = "<svg"; // Apply attributes
+
+    for (var attr in this.attributes) {
+      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
+        markup += " " + attr + "='" + this.attributes[attr] + "'";
+      }
+    }
+
+    markup += ">";
+
+    for (var i = 0; i < this.children.length; i++) {
+      markup += this.children[i].toMarkup();
+    }
+
+    markup += "</svg>";
+    return markup;
+  };
+
+  return SvgNode;
+}();
+var domTree_PathNode =
+/*#__PURE__*/
+function () {
+  function PathNode(pathName, alternate) {
+    this.pathName = void 0;
+    this.alternate = void 0;
+    this.pathName = pathName;
+    this.alternate = alternate; // Used only for \sqrt
+  }
+
+  var _proto6 = PathNode.prototype;
+
+  _proto6.toNode = function toNode() {
+    var svgNS = "http://www.w3.org/2000/svg";
+    var node = document.createElementNS(svgNS, "path");
+
+    if (this.alternate) {
+      node.setAttribute("d", this.alternate);
+    } else {
+      node.setAttribute("d", svgGeometry_path[this.pathName]);
+    }
+
+    return node;
+  };
+
+  _proto6.toMarkup = function toMarkup() {
+    if (this.alternate) {
+      return "<path d='" + this.alternate + "'/>";
+    } else {
+      return "<path d='" + svgGeometry_path[this.pathName] + "'/>";
+    }
+  };
+
+  return PathNode;
+}();
+var LineNode =
+/*#__PURE__*/
+function () {
+  function LineNode(attributes) {
+    this.attributes = void 0;
+    this.attributes = attributes || {};
+  }
+
+  var _proto7 = LineNode.prototype;
+
+  _proto7.toNode = function toNode() {
+    var svgNS = "http://www.w3.org/2000/svg";
+    var node = document.createElementNS(svgNS, "line"); // Apply attributes
+
+    for (var attr in this.attributes) {
+      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
+        node.setAttribute(attr, this.attributes[attr]);
+      }
+    }
+
+    return node;
+  };
+
+  _proto7.toMarkup = function toMarkup() {
+    var markup = "<line";
+
+    for (var attr in this.attributes) {
+      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
+        markup += " " + attr + "='" + this.attributes[attr] + "'";
+      }
+    }
+
+    markup += "/>";
+    return markup;
+  };
+
+  return LineNode;
+}();
+function assertSymbolDomNode(group) {
+  if (group instanceof domTree_SymbolNode) {
+    return group;
+  } else {
+    throw new Error("Expected symbolNode but got " + String(group) + ".");
+  }
+}
+function assertSpan(group) {
+  if (group instanceof domTree_Span) {
+    return group;
+  } else {
+    throw new Error("Expected span<HtmlDomNode> but got " + String(group) + ".");
+  }
+}
+// CONCATENATED MODULE: ./submodules/katex-fonts/fontMetricsData.js
+// This file is GENERATED by buildMetrics.sh. DO NOT MODIFY.
+/* harmony default export */ var fontMetricsData = ({
+  "AMS-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "65": [0, 0.68889, 0, 0, 0.72222],
+    "66": [0, 0.68889, 0, 0, 0.66667],
+    "67": [0, 0.68889, 0, 0, 0.72222],
+    "68": [0, 0.68889, 0, 0, 0.72222],
+    "69": [0, 0.68889, 0, 0, 0.66667],
+    "70": [0, 0.68889, 0, 0, 0.61111],
+    "71": [0, 0.68889, 0, 0, 0.77778],
+    "72": [0, 0.68889, 0, 0, 0.77778],
+    "73": [0, 0.68889, 0, 0, 0.38889],
+    "74": [0.16667, 0.68889, 0, 0, 0.5],
+    "75": [0, 0.68889, 0, 0, 0.77778],
+    "76": [0, 0.68889, 0, 0, 0.66667],
+    "77": [0, 0.68889, 0, 0, 0.94445],
+    "78": [0, 0.68889, 0, 0, 0.72222],
+    "79": [0.16667, 0.68889, 0, 0, 0.77778],
+    "80": [0, 0.68889, 0, 0, 0.61111],
+    "81": [0.16667, 0.68889, 0, 0, 0.77778],
+    "82": [0, 0.68889, 0, 0, 0.72222],
+    "83": [0, 0.68889, 0, 0, 0.55556],
+    "84": [0, 0.68889, 0, 0, 0.66667],
+    "85": [0, 0.68889, 0, 0, 0.72222],
+    "86": [0, 0.68889, 0, 0, 0.72222],
+    "87": [0, 0.68889, 0, 0, 1.0],
+    "88": [0, 0.68889, 0, 0, 0.72222],
+    "89": [0, 0.68889, 0, 0, 0.72222],
+    "90": [0, 0.68889, 0, 0, 0.66667],
+    "107": [0, 0.68889, 0, 0, 0.55556],
+    "160": [0, 0, 0, 0, 0.25],
+    "165": [0, 0.675, 0.025, 0, 0.75],
+    "174": [0.15559, 0.69224, 0, 0, 0.94666],
+    "240": [0, 0.68889, 0, 0, 0.55556],
+    "295": [0, 0.68889, 0, 0, 0.54028],
+    "710": [0, 0.825, 0, 0, 2.33334],
+    "732": [0, 0.9, 0, 0, 2.33334],
+    "770": [0, 0.825, 0, 0, 2.33334],
+    "771": [0, 0.9, 0, 0, 2.33334],
+    "989": [0.08167, 0.58167, 0, 0, 0.77778],
+    "1008": [0, 0.43056, 0.04028, 0, 0.66667],
+    "8245": [0, 0.54986, 0, 0, 0.275],
+    "8463": [0, 0.68889, 0, 0, 0.54028],
+    "8487": [0, 0.68889, 0, 0, 0.72222],
+    "8498": [0, 0.68889, 0, 0, 0.55556],
+    "8502": [0, 0.68889, 0, 0, 0.66667],
+    "8503": [0, 0.68889, 0, 0, 0.44445],
+    "8504": [0, 0.68889, 0, 0, 0.66667],
+    "8513": [0, 0.68889, 0, 0, 0.63889],
+    "8592": [-0.03598, 0.46402, 0, 0, 0.5],
+    "8594": [-0.03598, 0.46402, 0, 0, 0.5],
+    "8602": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8603": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8606": [0.01354, 0.52239, 0, 0, 1.0],
+    "8608": [0.01354, 0.52239, 0, 0, 1.0],
+    "8610": [0.01354, 0.52239, 0, 0, 1.11111],
+    "8611": [0.01354, 0.52239, 0, 0, 1.11111],
+    "8619": [0, 0.54986, 0, 0, 1.0],
+    "8620": [0, 0.54986, 0, 0, 1.0],
+    "8621": [-0.13313, 0.37788, 0, 0, 1.38889],
+    "8622": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8624": [0, 0.69224, 0, 0, 0.5],
+    "8625": [0, 0.69224, 0, 0, 0.5],
+    "8630": [0, 0.43056, 0, 0, 1.0],
+    "8631": [0, 0.43056, 0, 0, 1.0],
+    "8634": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8635": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8638": [0.19444, 0.69224, 0, 0, 0.41667],
+    "8639": [0.19444, 0.69224, 0, 0, 0.41667],
+    "8642": [0.19444, 0.69224, 0, 0, 0.41667],
+    "8643": [0.19444, 0.69224, 0, 0, 0.41667],
+    "8644": [0.1808, 0.675, 0, 0, 1.0],
+    "8646": [0.1808, 0.675, 0, 0, 1.0],
+    "8647": [0.1808, 0.675, 0, 0, 1.0],
+    "8648": [0.19444, 0.69224, 0, 0, 0.83334],
+    "8649": [0.1808, 0.675, 0, 0, 1.0],
+    "8650": [0.19444, 0.69224, 0, 0, 0.83334],
+    "8651": [0.01354, 0.52239, 0, 0, 1.0],
+    "8652": [0.01354, 0.52239, 0, 0, 1.0],
+    "8653": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8654": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8655": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8666": [0.13667, 0.63667, 0, 0, 1.0],
+    "8667": [0.13667, 0.63667, 0, 0, 1.0],
+    "8669": [-0.13313, 0.37788, 0, 0, 1.0],
+    "8672": [-0.064, 0.437, 0, 0, 1.334],
+    "8674": [-0.064, 0.437, 0, 0, 1.334],
+    "8705": [0, 0.825, 0, 0, 0.5],
+    "8708": [0, 0.68889, 0, 0, 0.55556],
+    "8709": [0.08167, 0.58167, 0, 0, 0.77778],
+    "8717": [0, 0.43056, 0, 0, 0.42917],
+    "8722": [-0.03598, 0.46402, 0, 0, 0.5],
+    "8724": [0.08198, 0.69224, 0, 0, 0.77778],
+    "8726": [0.08167, 0.58167, 0, 0, 0.77778],
+    "8733": [0, 0.69224, 0, 0, 0.77778],
+    "8736": [0, 0.69224, 0, 0, 0.72222],
+    "8737": [0, 0.69224, 0, 0, 0.72222],
+    "8738": [0.03517, 0.52239, 0, 0, 0.72222],
+    "8739": [0.08167, 0.58167, 0, 0, 0.22222],
+    "8740": [0.25142, 0.74111, 0, 0, 0.27778],
+    "8741": [0.08167, 0.58167, 0, 0, 0.38889],
+    "8742": [0.25142, 0.74111, 0, 0, 0.5],
+    "8756": [0, 0.69224, 0, 0, 0.66667],
+    "8757": [0, 0.69224, 0, 0, 0.66667],
+    "8764": [-0.13313, 0.36687, 0, 0, 0.77778],
+    "8765": [-0.13313, 0.37788, 0, 0, 0.77778],
+    "8769": [-0.13313, 0.36687, 0, 0, 0.77778],
+    "8770": [-0.03625, 0.46375, 0, 0, 0.77778],
+    "8774": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8776": [-0.01688, 0.48312, 0, 0, 0.77778],
+    "8778": [0.08167, 0.58167, 0, 0, 0.77778],
+    "8782": [0.06062, 0.54986, 0, 0, 0.77778],
+    "8783": [0.06062, 0.54986, 0, 0, 0.77778],
+    "8785": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8786": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8787": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8790": [0, 0.69224, 0, 0, 0.77778],
+    "8791": [0.22958, 0.72958, 0, 0, 0.77778],
+    "8796": [0.08198, 0.91667, 0, 0, 0.77778],
+    "8806": [0.25583, 0.75583, 0, 0, 0.77778],
+    "8807": [0.25583, 0.75583, 0, 0, 0.77778],
+    "8808": [0.25142, 0.75726, 0, 0, 0.77778],
+    "8809": [0.25142, 0.75726, 0, 0, 0.77778],
+    "8812": [0.25583, 0.75583, 0, 0, 0.5],
+    "8814": [0.20576, 0.70576, 0, 0, 0.77778],
+    "8815": [0.20576, 0.70576, 0, 0, 0.77778],
+    "8816": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8817": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8818": [0.22958, 0.72958, 0, 0, 0.77778],
+    "8819": [0.22958, 0.72958, 0, 0, 0.77778],
+    "8822": [0.1808, 0.675, 0, 0, 0.77778],
+    "8823": [0.1808, 0.675, 0, 0, 0.77778],
+    "8828": [0.13667, 0.63667, 0, 0, 0.77778],
+    "8829": [0.13667, 0.63667, 0, 0, 0.77778],
+    "8830": [0.22958, 0.72958, 0, 0, 0.77778],
+    "8831": [0.22958, 0.72958, 0, 0, 0.77778],
+    "8832": [0.20576, 0.70576, 0, 0, 0.77778],
+    "8833": [0.20576, 0.70576, 0, 0, 0.77778],
+    "8840": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8841": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8842": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8843": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8847": [0.03517, 0.54986, 0, 0, 0.77778],
+    "8848": [0.03517, 0.54986, 0, 0, 0.77778],
+    "8858": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8859": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8861": [0.08198, 0.58198, 0, 0, 0.77778],
+    "8862": [0, 0.675, 0, 0, 0.77778],
+    "8863": [0, 0.675, 0, 0, 0.77778],
+    "8864": [0, 0.675, 0, 0, 0.77778],
+    "8865": [0, 0.675, 0, 0, 0.77778],
+    "8872": [0, 0.69224, 0, 0, 0.61111],
+    "8873": [0, 0.69224, 0, 0, 0.72222],
+    "8874": [0, 0.69224, 0, 0, 0.88889],
+    "8876": [0, 0.68889, 0, 0, 0.61111],
+    "8877": [0, 0.68889, 0, 0, 0.61111],
+    "8878": [0, 0.68889, 0, 0, 0.72222],
+    "8879": [0, 0.68889, 0, 0, 0.72222],
+    "8882": [0.03517, 0.54986, 0, 0, 0.77778],
+    "8883": [0.03517, 0.54986, 0, 0, 0.77778],
+    "8884": [0.13667, 0.63667, 0, 0, 0.77778],
+    "8885": [0.13667, 0.63667, 0, 0, 0.77778],
+    "8888": [0, 0.54986, 0, 0, 1.11111],
+    "8890": [0.19444, 0.43056, 0, 0, 0.55556],
+    "8891": [0.19444, 0.69224, 0, 0, 0.61111],
+    "8892": [0.19444, 0.69224, 0, 0, 0.61111],
+    "8901": [0, 0.54986, 0, 0, 0.27778],
+    "8903": [0.08167, 0.58167, 0, 0, 0.77778],
+    "8905": [0.08167, 0.58167, 0, 0, 0.77778],
+    "8906": [0.08167, 0.58167, 0, 0, 0.77778],
+    "8907": [0, 0.69224, 0, 0, 0.77778],
+    "8908": [0, 0.69224, 0, 0, 0.77778],
+    "8909": [-0.03598, 0.46402, 0, 0, 0.77778],
+    "8910": [0, 0.54986, 0, 0, 0.76042],
+    "8911": [0, 0.54986, 0, 0, 0.76042],
+    "8912": [0.03517, 0.54986, 0, 0, 0.77778],
+    "8913": [0.03517, 0.54986, 0, 0, 0.77778],
+    "8914": [0, 0.54986, 0, 0, 0.66667],
+    "8915": [0, 0.54986, 0, 0, 0.66667],
+    "8916": [0, 0.69224, 0, 0, 0.66667],
+    "8918": [0.0391, 0.5391, 0, 0, 0.77778],
+    "8919": [0.0391, 0.5391, 0, 0, 0.77778],
+    "8920": [0.03517, 0.54986, 0, 0, 1.33334],
+    "8921": [0.03517, 0.54986, 0, 0, 1.33334],
+    "8922": [0.38569, 0.88569, 0, 0, 0.77778],
+    "8923": [0.38569, 0.88569, 0, 0, 0.77778],
+    "8926": [0.13667, 0.63667, 0, 0, 0.77778],
+    "8927": [0.13667, 0.63667, 0, 0, 0.77778],
+    "8928": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8929": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8934": [0.23222, 0.74111, 0, 0, 0.77778],
+    "8935": [0.23222, 0.74111, 0, 0, 0.77778],
+    "8936": [0.23222, 0.74111, 0, 0, 0.77778],
+    "8937": [0.23222, 0.74111, 0, 0, 0.77778],
+    "8938": [0.20576, 0.70576, 0, 0, 0.77778],
+    "8939": [0.20576, 0.70576, 0, 0, 0.77778],
+    "8940": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8941": [0.30274, 0.79383, 0, 0, 0.77778],
+    "8994": [0.19444, 0.69224, 0, 0, 0.77778],
+    "8995": [0.19444, 0.69224, 0, 0, 0.77778],
+    "9416": [0.15559, 0.69224, 0, 0, 0.90222],
+    "9484": [0, 0.69224, 0, 0, 0.5],
+    "9488": [0, 0.69224, 0, 0, 0.5],
+    "9492": [0, 0.37788, 0, 0, 0.5],
+    "9496": [0, 0.37788, 0, 0, 0.5],
+    "9585": [0.19444, 0.68889, 0, 0, 0.88889],
+    "9586": [0.19444, 0.74111, 0, 0, 0.88889],
+    "9632": [0, 0.675, 0, 0, 0.77778],
+    "9633": [0, 0.675, 0, 0, 0.77778],
+    "9650": [0, 0.54986, 0, 0, 0.72222],
+    "9651": [0, 0.54986, 0, 0, 0.72222],
+    "9654": [0.03517, 0.54986, 0, 0, 0.77778],
+    "9660": [0, 0.54986, 0, 0, 0.72222],
+    "9661": [0, 0.54986, 0, 0, 0.72222],
+    "9664": [0.03517, 0.54986, 0, 0, 0.77778],
+    "9674": [0.11111, 0.69224, 0, 0, 0.66667],
+    "9733": [0.19444, 0.69224, 0, 0, 0.94445],
+    "10003": [0, 0.69224, 0, 0, 0.83334],
+    "10016": [0, 0.69224, 0, 0, 0.83334],
+    "10731": [0.11111, 0.69224, 0, 0, 0.66667],
+    "10846": [0.19444, 0.75583, 0, 0, 0.61111],
+    "10877": [0.13667, 0.63667, 0, 0, 0.77778],
+    "10878": [0.13667, 0.63667, 0, 0, 0.77778],
+    "10885": [0.25583, 0.75583, 0, 0, 0.77778],
+    "10886": [0.25583, 0.75583, 0, 0, 0.77778],
+    "10887": [0.13597, 0.63597, 0, 0, 0.77778],
+    "10888": [0.13597, 0.63597, 0, 0, 0.77778],
+    "10889": [0.26167, 0.75726, 0, 0, 0.77778],
+    "10890": [0.26167, 0.75726, 0, 0, 0.77778],
+    "10891": [0.48256, 0.98256, 0, 0, 0.77778],
+    "10892": [0.48256, 0.98256, 0, 0, 0.77778],
+    "10901": [0.13667, 0.63667, 0, 0, 0.77778],
+    "10902": [0.13667, 0.63667, 0, 0, 0.77778],
+    "10933": [0.25142, 0.75726, 0, 0, 0.77778],
+    "10934": [0.25142, 0.75726, 0, 0, 0.77778],
+    "10935": [0.26167, 0.75726, 0, 0, 0.77778],
+    "10936": [0.26167, 0.75726, 0, 0, 0.77778],
+    "10937": [0.26167, 0.75726, 0, 0, 0.77778],
+    "10938": [0.26167, 0.75726, 0, 0, 0.77778],
+    "10949": [0.25583, 0.75583, 0, 0, 0.77778],
+    "10950": [0.25583, 0.75583, 0, 0, 0.77778],
+    "10955": [0.28481, 0.79383, 0, 0, 0.77778],
+    "10956": [0.28481, 0.79383, 0, 0, 0.77778],
+    "57350": [0.08167, 0.58167, 0, 0, 0.22222],
+    "57351": [0.08167, 0.58167, 0, 0, 0.38889],
+    "57352": [0.08167, 0.58167, 0, 0, 0.77778],
+    "57353": [0, 0.43056, 0.04028, 0, 0.66667],
+    "57356": [0.25142, 0.75726, 0, 0, 0.77778],
+    "57357": [0.25142, 0.75726, 0, 0, 0.77778],
+    "57358": [0.41951, 0.91951, 0, 0, 0.77778],
+    "57359": [0.30274, 0.79383, 0, 0, 0.77778],
+    "57360": [0.30274, 0.79383, 0, 0, 0.77778],
+    "57361": [0.41951, 0.91951, 0, 0, 0.77778],
+    "57366": [0.25142, 0.75726, 0, 0, 0.77778],
+    "57367": [0.25142, 0.75726, 0, 0, 0.77778],
+    "57368": [0.25142, 0.75726, 0, 0, 0.77778],
+    "57369": [0.25142, 0.75726, 0, 0, 0.77778],
+    "57370": [0.13597, 0.63597, 0, 0, 0.77778],
+    "57371": [0.13597, 0.63597, 0, 0, 0.77778]
+  },
+  "Caligraphic-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "65": [0, 0.68333, 0, 0.19445, 0.79847],
+    "66": [0, 0.68333, 0.03041, 0.13889, 0.65681],
+    "67": [0, 0.68333, 0.05834, 0.13889, 0.52653],
+    "68": [0, 0.68333, 0.02778, 0.08334, 0.77139],
+    "69": [0, 0.68333, 0.08944, 0.11111, 0.52778],
+    "70": [0, 0.68333, 0.09931, 0.11111, 0.71875],
+    "71": [0.09722, 0.68333, 0.0593, 0.11111, 0.59487],
+    "72": [0, 0.68333, 0.00965, 0.11111, 0.84452],
+    "73": [0, 0.68333, 0.07382, 0, 0.54452],
+    "74": [0.09722, 0.68333, 0.18472, 0.16667, 0.67778],
+    "75": [0, 0.68333, 0.01445, 0.05556, 0.76195],
+    "76": [0, 0.68333, 0, 0.13889, 0.68972],
+    "77": [0, 0.68333, 0, 0.13889, 1.2009],
+    "78": [0, 0.68333, 0.14736, 0.08334, 0.82049],
+    "79": [0, 0.68333, 0.02778, 0.11111, 0.79611],
+    "80": [0, 0.68333, 0.08222, 0.08334, 0.69556],
+    "81": [0.09722, 0.68333, 0, 0.11111, 0.81667],
+    "82": [0, 0.68333, 0, 0.08334, 0.8475],
+    "83": [0, 0.68333, 0.075, 0.13889, 0.60556],
+    "84": [0, 0.68333, 0.25417, 0, 0.54464],
+    "85": [0, 0.68333, 0.09931, 0.08334, 0.62583],
+    "86": [0, 0.68333, 0.08222, 0, 0.61278],
+    "87": [0, 0.68333, 0.08222, 0.08334, 0.98778],
+    "88": [0, 0.68333, 0.14643, 0.13889, 0.7133],
+    "89": [0.09722, 0.68333, 0.08222, 0.08334, 0.66834],
+    "90": [0, 0.68333, 0.07944, 0.13889, 0.72473],
+    "160": [0, 0, 0, 0, 0.25]
+  },
+  "Fraktur-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69141, 0, 0, 0.29574],
+    "34": [0, 0.69141, 0, 0, 0.21471],
+    "38": [0, 0.69141, 0, 0, 0.73786],
+    "39": [0, 0.69141, 0, 0, 0.21201],
+    "40": [0.24982, 0.74947, 0, 0, 0.38865],
+    "41": [0.24982, 0.74947, 0, 0, 0.38865],
+    "42": [0, 0.62119, 0, 0, 0.27764],
+    "43": [0.08319, 0.58283, 0, 0, 0.75623],
+    "44": [0, 0.10803, 0, 0, 0.27764],
+    "45": [0.08319, 0.58283, 0, 0, 0.75623],
+    "46": [0, 0.10803, 0, 0, 0.27764],
+    "47": [0.24982, 0.74947, 0, 0, 0.50181],
+    "48": [0, 0.47534, 0, 0, 0.50181],
+    "49": [0, 0.47534, 0, 0, 0.50181],
+    "50": [0, 0.47534, 0, 0, 0.50181],
+    "51": [0.18906, 0.47534, 0, 0, 0.50181],
+    "52": [0.18906, 0.47534, 0, 0, 0.50181],
+    "53": [0.18906, 0.47534, 0, 0, 0.50181],
+    "54": [0, 0.69141, 0, 0, 0.50181],
+    "55": [0.18906, 0.47534, 0, 0, 0.50181],
+    "56": [0, 0.69141, 0, 0, 0.50181],
+    "57": [0.18906, 0.47534, 0, 0, 0.50181],
+    "58": [0, 0.47534, 0, 0, 0.21606],
+    "59": [0.12604, 0.47534, 0, 0, 0.21606],
+    "61": [-0.13099, 0.36866, 0, 0, 0.75623],
+    "63": [0, 0.69141, 0, 0, 0.36245],
+    "65": [0, 0.69141, 0, 0, 0.7176],
+    "66": [0, 0.69141, 0, 0, 0.88397],
+    "67": [0, 0.69141, 0, 0, 0.61254],
+    "68": [0, 0.69141, 0, 0, 0.83158],
+    "69": [0, 0.69141, 0, 0, 0.66278],
+    "70": [0.12604, 0.69141, 0, 0, 0.61119],
+    "71": [0, 0.69141, 0, 0, 0.78539],
+    "72": [0.06302, 0.69141, 0, 0, 0.7203],
+    "73": [0, 0.69141, 0, 0, 0.55448],
+    "74": [0.12604, 0.69141, 0, 0, 0.55231],
+    "75": [0, 0.69141, 0, 0, 0.66845],
+    "76": [0, 0.69141, 0, 0, 0.66602],
+    "77": [0, 0.69141, 0, 0, 1.04953],
+    "78": [0, 0.69141, 0, 0, 0.83212],
+    "79": [0, 0.69141, 0, 0, 0.82699],
+    "80": [0.18906, 0.69141, 0, 0, 0.82753],
+    "81": [0.03781, 0.69141, 0, 0, 0.82699],
+    "82": [0, 0.69141, 0, 0, 0.82807],
+    "83": [0, 0.69141, 0, 0, 0.82861],
+    "84": [0, 0.69141, 0, 0, 0.66899],
+    "85": [0, 0.69141, 0, 0, 0.64576],
+    "86": [0, 0.69141, 0, 0, 0.83131],
+    "87": [0, 0.69141, 0, 0, 1.04602],
+    "88": [0, 0.69141, 0, 0, 0.71922],
+    "89": [0.18906, 0.69141, 0, 0, 0.83293],
+    "90": [0.12604, 0.69141, 0, 0, 0.60201],
+    "91": [0.24982, 0.74947, 0, 0, 0.27764],
+    "93": [0.24982, 0.74947, 0, 0, 0.27764],
+    "94": [0, 0.69141, 0, 0, 0.49965],
+    "97": [0, 0.47534, 0, 0, 0.50046],
+    "98": [0, 0.69141, 0, 0, 0.51315],
+    "99": [0, 0.47534, 0, 0, 0.38946],
+    "100": [0, 0.62119, 0, 0, 0.49857],
+    "101": [0, 0.47534, 0, 0, 0.40053],
+    "102": [0.18906, 0.69141, 0, 0, 0.32626],
+    "103": [0.18906, 0.47534, 0, 0, 0.5037],
+    "104": [0.18906, 0.69141, 0, 0, 0.52126],
+    "105": [0, 0.69141, 0, 0, 0.27899],
+    "106": [0, 0.69141, 0, 0, 0.28088],
+    "107": [0, 0.69141, 0, 0, 0.38946],
+    "108": [0, 0.69141, 0, 0, 0.27953],
+    "109": [0, 0.47534, 0, 0, 0.76676],
+    "110": [0, 0.47534, 0, 0, 0.52666],
+    "111": [0, 0.47534, 0, 0, 0.48885],
+    "112": [0.18906, 0.52396, 0, 0, 0.50046],
+    "113": [0.18906, 0.47534, 0, 0, 0.48912],
+    "114": [0, 0.47534, 0, 0, 0.38919],
+    "115": [0, 0.47534, 0, 0, 0.44266],
+    "116": [0, 0.62119, 0, 0, 0.33301],
+    "117": [0, 0.47534, 0, 0, 0.5172],
+    "118": [0, 0.52396, 0, 0, 0.5118],
+    "119": [0, 0.52396, 0, 0, 0.77351],
+    "120": [0.18906, 0.47534, 0, 0, 0.38865],
+    "121": [0.18906, 0.47534, 0, 0, 0.49884],
+    "122": [0.18906, 0.47534, 0, 0, 0.39054],
+    "160": [0, 0, 0, 0, 0.25],
+    "8216": [0, 0.69141, 0, 0, 0.21471],
+    "8217": [0, 0.69141, 0, 0, 0.21471],
+    "58112": [0, 0.62119, 0, 0, 0.49749],
+    "58113": [0, 0.62119, 0, 0, 0.4983],
+    "58114": [0.18906, 0.69141, 0, 0, 0.33328],
+    "58115": [0.18906, 0.69141, 0, 0, 0.32923],
+    "58116": [0.18906, 0.47534, 0, 0, 0.50343],
+    "58117": [0, 0.69141, 0, 0, 0.33301],
+    "58118": [0, 0.62119, 0, 0, 0.33409],
+    "58119": [0, 0.47534, 0, 0, 0.50073]
+  },
+  "Main-Bold": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69444, 0, 0, 0.35],
+    "34": [0, 0.69444, 0, 0, 0.60278],
+    "35": [0.19444, 0.69444, 0, 0, 0.95833],
+    "36": [0.05556, 0.75, 0, 0, 0.575],
+    "37": [0.05556, 0.75, 0, 0, 0.95833],
+    "38": [0, 0.69444, 0, 0, 0.89444],
+    "39": [0, 0.69444, 0, 0, 0.31944],
+    "40": [0.25, 0.75, 0, 0, 0.44722],
+    "41": [0.25, 0.75, 0, 0, 0.44722],
+    "42": [0, 0.75, 0, 0, 0.575],
+    "43": [0.13333, 0.63333, 0, 0, 0.89444],
+    "44": [0.19444, 0.15556, 0, 0, 0.31944],
+    "45": [0, 0.44444, 0, 0, 0.38333],
+    "46": [0, 0.15556, 0, 0, 0.31944],
+    "47": [0.25, 0.75, 0, 0, 0.575],
+    "48": [0, 0.64444, 0, 0, 0.575],
+    "49": [0, 0.64444, 0, 0, 0.575],
+    "50": [0, 0.64444, 0, 0, 0.575],
+    "51": [0, 0.64444, 0, 0, 0.575],
+    "52": [0, 0.64444, 0, 0, 0.575],
+    "53": [0, 0.64444, 0, 0, 0.575],
+    "54": [0, 0.64444, 0, 0, 0.575],
+    "55": [0, 0.64444, 0, 0, 0.575],
+    "56": [0, 0.64444, 0, 0, 0.575],
+    "57": [0, 0.64444, 0, 0, 0.575],
+    "58": [0, 0.44444, 0, 0, 0.31944],
+    "59": [0.19444, 0.44444, 0, 0, 0.31944],
+    "60": [0.08556, 0.58556, 0, 0, 0.89444],
+    "61": [-0.10889, 0.39111, 0, 0, 0.89444],
+    "62": [0.08556, 0.58556, 0, 0, 0.89444],
+    "63": [0, 0.69444, 0, 0, 0.54305],
+    "64": [0, 0.69444, 0, 0, 0.89444],
+    "65": [0, 0.68611, 0, 0, 0.86944],
+    "66": [0, 0.68611, 0, 0, 0.81805],
+    "67": [0, 0.68611, 0, 0, 0.83055],
+    "68": [0, 0.68611, 0, 0, 0.88194],
+    "69": [0, 0.68611, 0, 0, 0.75555],
+    "70": [0, 0.68611, 0, 0, 0.72361],
+    "71": [0, 0.68611, 0, 0, 0.90416],
+    "72": [0, 0.68611, 0, 0, 0.9],
+    "73": [0, 0.68611, 0, 0, 0.43611],
+    "74": [0, 0.68611, 0, 0, 0.59444],
+    "75": [0, 0.68611, 0, 0, 0.90138],
+    "76": [0, 0.68611, 0, 0, 0.69166],
+    "77": [0, 0.68611, 0, 0, 1.09166],
+    "78": [0, 0.68611, 0, 0, 0.9],
+    "79": [0, 0.68611, 0, 0, 0.86388],
+    "80": [0, 0.68611, 0, 0, 0.78611],
+    "81": [0.19444, 0.68611, 0, 0, 0.86388],
+    "82": [0, 0.68611, 0, 0, 0.8625],
+    "83": [0, 0.68611, 0, 0, 0.63889],
+    "84": [0, 0.68611, 0, 0, 0.8],
+    "85": [0, 0.68611, 0, 0, 0.88472],
+    "86": [0, 0.68611, 0.01597, 0, 0.86944],
+    "87": [0, 0.68611, 0.01597, 0, 1.18888],
+    "88": [0, 0.68611, 0, 0, 0.86944],
+    "89": [0, 0.68611, 0.02875, 0, 0.86944],
+    "90": [0, 0.68611, 0, 0, 0.70277],
+    "91": [0.25, 0.75, 0, 0, 0.31944],
+    "92": [0.25, 0.75, 0, 0, 0.575],
+    "93": [0.25, 0.75, 0, 0, 0.31944],
+    "94": [0, 0.69444, 0, 0, 0.575],
+    "95": [0.31, 0.13444, 0.03194, 0, 0.575],
+    "97": [0, 0.44444, 0, 0, 0.55902],
+    "98": [0, 0.69444, 0, 0, 0.63889],
+    "99": [0, 0.44444, 0, 0, 0.51111],
+    "100": [0, 0.69444, 0, 0, 0.63889],
+    "101": [0, 0.44444, 0, 0, 0.52708],
+    "102": [0, 0.69444, 0.10903, 0, 0.35139],
+    "103": [0.19444, 0.44444, 0.01597, 0, 0.575],
+    "104": [0, 0.69444, 0, 0, 0.63889],
+    "105": [0, 0.69444, 0, 0, 0.31944],
+    "106": [0.19444, 0.69444, 0, 0, 0.35139],
+    "107": [0, 0.69444, 0, 0, 0.60694],
+    "108": [0, 0.69444, 0, 0, 0.31944],
+    "109": [0, 0.44444, 0, 0, 0.95833],
+    "110": [0, 0.44444, 0, 0, 0.63889],
+    "111": [0, 0.44444, 0, 0, 0.575],
+    "112": [0.19444, 0.44444, 0, 0, 0.63889],
+    "113": [0.19444, 0.44444, 0, 0, 0.60694],
+    "114": [0, 0.44444, 0, 0, 0.47361],
+    "115": [0, 0.44444, 0, 0, 0.45361],
+    "116": [0, 0.63492, 0, 0, 0.44722],
+    "117": [0, 0.44444, 0, 0, 0.63889],
+    "118": [0, 0.44444, 0.01597, 0, 0.60694],
+    "119": [0, 0.44444, 0.01597, 0, 0.83055],
+    "120": [0, 0.44444, 0, 0, 0.60694],
+    "121": [0.19444, 0.44444, 0.01597, 0, 0.60694],
+    "122": [0, 0.44444, 0, 0, 0.51111],
+    "123": [0.25, 0.75, 0, 0, 0.575],
+    "124": [0.25, 0.75, 0, 0, 0.31944],
+    "125": [0.25, 0.75, 0, 0, 0.575],
+    "126": [0.35, 0.34444, 0, 0, 0.575],
+    "160": [0, 0, 0, 0, 0.25],
+    "163": [0, 0.69444, 0, 0, 0.86853],
+    "168": [0, 0.69444, 0, 0, 0.575],
+    "172": [0, 0.44444, 0, 0, 0.76666],
+    "176": [0, 0.69444, 0, 0, 0.86944],
+    "177": [0.13333, 0.63333, 0, 0, 0.89444],
+    "184": [0.17014, 0, 0, 0, 0.51111],
+    "198": [0, 0.68611, 0, 0, 1.04166],
+    "215": [0.13333, 0.63333, 0, 0, 0.89444],
+    "216": [0.04861, 0.73472, 0, 0, 0.89444],
+    "223": [0, 0.69444, 0, 0, 0.59722],
+    "230": [0, 0.44444, 0, 0, 0.83055],
+    "247": [0.13333, 0.63333, 0, 0, 0.89444],
+    "248": [0.09722, 0.54167, 0, 0, 0.575],
+    "305": [0, 0.44444, 0, 0, 0.31944],
+    "338": [0, 0.68611, 0, 0, 1.16944],
+    "339": [0, 0.44444, 0, 0, 0.89444],
+    "567": [0.19444, 0.44444, 0, 0, 0.35139],
+    "710": [0, 0.69444, 0, 0, 0.575],
+    "711": [0, 0.63194, 0, 0, 0.575],
+    "713": [0, 0.59611, 0, 0, 0.575],
+    "714": [0, 0.69444, 0, 0, 0.575],
+    "715": [0, 0.69444, 0, 0, 0.575],
+    "728": [0, 0.69444, 0, 0, 0.575],
+    "729": [0, 0.69444, 0, 0, 0.31944],
+    "730": [0, 0.69444, 0, 0, 0.86944],
+    "732": [0, 0.69444, 0, 0, 0.575],
+    "733": [0, 0.69444, 0, 0, 0.575],
+    "915": [0, 0.68611, 0, 0, 0.69166],
+    "916": [0, 0.68611, 0, 0, 0.95833],
+    "920": [0, 0.68611, 0, 0, 0.89444],
+    "923": [0, 0.68611, 0, 0, 0.80555],
+    "926": [0, 0.68611, 0, 0, 0.76666],
+    "928": [0, 0.68611, 0, 0, 0.9],
+    "931": [0, 0.68611, 0, 0, 0.83055],
+    "933": [0, 0.68611, 0, 0, 0.89444],
+    "934": [0, 0.68611, 0, 0, 0.83055],
+    "936": [0, 0.68611, 0, 0, 0.89444],
+    "937": [0, 0.68611, 0, 0, 0.83055],
+    "8211": [0, 0.44444, 0.03194, 0, 0.575],
+    "8212": [0, 0.44444, 0.03194, 0, 1.14999],
+    "8216": [0, 0.69444, 0, 0, 0.31944],
+    "8217": [0, 0.69444, 0, 0, 0.31944],
+    "8220": [0, 0.69444, 0, 0, 0.60278],
+    "8221": [0, 0.69444, 0, 0, 0.60278],
+    "8224": [0.19444, 0.69444, 0, 0, 0.51111],
+    "8225": [0.19444, 0.69444, 0, 0, 0.51111],
+    "8242": [0, 0.55556, 0, 0, 0.34444],
+    "8407": [0, 0.72444, 0.15486, 0, 0.575],
+    "8463": [0, 0.69444, 0, 0, 0.66759],
+    "8465": [0, 0.69444, 0, 0, 0.83055],
+    "8467": [0, 0.69444, 0, 0, 0.47361],
+    "8472": [0.19444, 0.44444, 0, 0, 0.74027],
+    "8476": [0, 0.69444, 0, 0, 0.83055],
+    "8501": [0, 0.69444, 0, 0, 0.70277],
+    "8592": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8593": [0.19444, 0.69444, 0, 0, 0.575],
+    "8594": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8595": [0.19444, 0.69444, 0, 0, 0.575],
+    "8596": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8597": [0.25, 0.75, 0, 0, 0.575],
+    "8598": [0.19444, 0.69444, 0, 0, 1.14999],
+    "8599": [0.19444, 0.69444, 0, 0, 1.14999],
+    "8600": [0.19444, 0.69444, 0, 0, 1.14999],
+    "8601": [0.19444, 0.69444, 0, 0, 1.14999],
+    "8636": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8637": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8640": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8641": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8656": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8657": [0.19444, 0.69444, 0, 0, 0.70277],
+    "8658": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8659": [0.19444, 0.69444, 0, 0, 0.70277],
+    "8660": [-0.10889, 0.39111, 0, 0, 1.14999],
+    "8661": [0.25, 0.75, 0, 0, 0.70277],
+    "8704": [0, 0.69444, 0, 0, 0.63889],
+    "8706": [0, 0.69444, 0.06389, 0, 0.62847],
+    "8707": [0, 0.69444, 0, 0, 0.63889],
+    "8709": [0.05556, 0.75, 0, 0, 0.575],
+    "8711": [0, 0.68611, 0, 0, 0.95833],
+    "8712": [0.08556, 0.58556, 0, 0, 0.76666],
+    "8715": [0.08556, 0.58556, 0, 0, 0.76666],
+    "8722": [0.13333, 0.63333, 0, 0, 0.89444],
+    "8723": [0.13333, 0.63333, 0, 0, 0.89444],
+    "8725": [0.25, 0.75, 0, 0, 0.575],
+    "8726": [0.25, 0.75, 0, 0, 0.575],
+    "8727": [-0.02778, 0.47222, 0, 0, 0.575],
+    "8728": [-0.02639, 0.47361, 0, 0, 0.575],
+    "8729": [-0.02639, 0.47361, 0, 0, 0.575],
+    "8730": [0.18, 0.82, 0, 0, 0.95833],
+    "8733": [0, 0.44444, 0, 0, 0.89444],
+    "8734": [0, 0.44444, 0, 0, 1.14999],
+    "8736": [0, 0.69224, 0, 0, 0.72222],
+    "8739": [0.25, 0.75, 0, 0, 0.31944],
+    "8741": [0.25, 0.75, 0, 0, 0.575],
+    "8743": [0, 0.55556, 0, 0, 0.76666],
+    "8744": [0, 0.55556, 0, 0, 0.76666],
+    "8745": [0, 0.55556, 0, 0, 0.76666],
+    "8746": [0, 0.55556, 0, 0, 0.76666],
+    "8747": [0.19444, 0.69444, 0.12778, 0, 0.56875],
+    "8764": [-0.10889, 0.39111, 0, 0, 0.89444],
+    "8768": [0.19444, 0.69444, 0, 0, 0.31944],
+    "8771": [0.00222, 0.50222, 0, 0, 0.89444],
+    "8776": [0.02444, 0.52444, 0, 0, 0.89444],
+    "8781": [0.00222, 0.50222, 0, 0, 0.89444],
+    "8801": [0.00222, 0.50222, 0, 0, 0.89444],
+    "8804": [0.19667, 0.69667, 0, 0, 0.89444],
+    "8805": [0.19667, 0.69667, 0, 0, 0.89444],
+    "8810": [0.08556, 0.58556, 0, 0, 1.14999],
+    "8811": [0.08556, 0.58556, 0, 0, 1.14999],
+    "8826": [0.08556, 0.58556, 0, 0, 0.89444],
+    "8827": [0.08556, 0.58556, 0, 0, 0.89444],
+    "8834": [0.08556, 0.58556, 0, 0, 0.89444],
+    "8835": [0.08556, 0.58556, 0, 0, 0.89444],
+    "8838": [0.19667, 0.69667, 0, 0, 0.89444],
+    "8839": [0.19667, 0.69667, 0, 0, 0.89444],
+    "8846": [0, 0.55556, 0, 0, 0.76666],
+    "8849": [0.19667, 0.69667, 0, 0, 0.89444],
+    "8850": [0.19667, 0.69667, 0, 0, 0.89444],
+    "8851": [0, 0.55556, 0, 0, 0.76666],
+    "8852": [0, 0.55556, 0, 0, 0.76666],
+    "8853": [0.13333, 0.63333, 0, 0, 0.89444],
+    "8854": [0.13333, 0.63333, 0, 0, 0.89444],
+    "8855": [0.13333, 0.63333, 0, 0, 0.89444],
+    "8856": [0.13333, 0.63333, 0, 0, 0.89444],
+    "8857": [0.13333, 0.63333, 0, 0, 0.89444],
+    "8866": [0, 0.69444, 0, 0, 0.70277],
+    "8867": [0, 0.69444, 0, 0, 0.70277],
+    "8868": [0, 0.69444, 0, 0, 0.89444],
+    "8869": [0, 0.69444, 0, 0, 0.89444],
+    "8900": [-0.02639, 0.47361, 0, 0, 0.575],
+    "8901": [-0.02639, 0.47361, 0, 0, 0.31944],
+    "8902": [-0.02778, 0.47222, 0, 0, 0.575],
+    "8968": [0.25, 0.75, 0, 0, 0.51111],
+    "8969": [0.25, 0.75, 0, 0, 0.51111],
+    "8970": [0.25, 0.75, 0, 0, 0.51111],
+    "8971": [0.25, 0.75, 0, 0, 0.51111],
+    "8994": [-0.13889, 0.36111, 0, 0, 1.14999],
+    "8995": [-0.13889, 0.36111, 0, 0, 1.14999],
+    "9651": [0.19444, 0.69444, 0, 0, 1.02222],
+    "9657": [-0.02778, 0.47222, 0, 0, 0.575],
+    "9661": [0.19444, 0.69444, 0, 0, 1.02222],
+    "9667": [-0.02778, 0.47222, 0, 0, 0.575],
+    "9711": [0.19444, 0.69444, 0, 0, 1.14999],
+    "9824": [0.12963, 0.69444, 0, 0, 0.89444],
+    "9825": [0.12963, 0.69444, 0, 0, 0.89444],
+    "9826": [0.12963, 0.69444, 0, 0, 0.89444],
+    "9827": [0.12963, 0.69444, 0, 0, 0.89444],
+    "9837": [0, 0.75, 0, 0, 0.44722],
+    "9838": [0.19444, 0.69444, 0, 0, 0.44722],
+    "9839": [0.19444, 0.69444, 0, 0, 0.44722],
+    "10216": [0.25, 0.75, 0, 0, 0.44722],
+    "10217": [0.25, 0.75, 0, 0, 0.44722],
+    "10815": [0, 0.68611, 0, 0, 0.9],
+    "10927": [0.19667, 0.69667, 0, 0, 0.89444],
+    "10928": [0.19667, 0.69667, 0, 0, 0.89444],
+    "57376": [0.19444, 0.69444, 0, 0, 0]
+  },
+  "Main-BoldItalic": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69444, 0.11417, 0, 0.38611],
+    "34": [0, 0.69444, 0.07939, 0, 0.62055],
+    "35": [0.19444, 0.69444, 0.06833, 0, 0.94444],
+    "37": [0.05556, 0.75, 0.12861, 0, 0.94444],
+    "38": [0, 0.69444, 0.08528, 0, 0.88555],
+    "39": [0, 0.69444, 0.12945, 0, 0.35555],
+    "40": [0.25, 0.75, 0.15806, 0, 0.47333],
+    "41": [0.25, 0.75, 0.03306, 0, 0.47333],
+    "42": [0, 0.75, 0.14333, 0, 0.59111],
+    "43": [0.10333, 0.60333, 0.03306, 0, 0.88555],
+    "44": [0.19444, 0.14722, 0, 0, 0.35555],
+    "45": [0, 0.44444, 0.02611, 0, 0.41444],
+    "46": [0, 0.14722, 0, 0, 0.35555],
+    "47": [0.25, 0.75, 0.15806, 0, 0.59111],
+    "48": [0, 0.64444, 0.13167, 0, 0.59111],
+    "49": [0, 0.64444, 0.13167, 0, 0.59111],
+    "50": [0, 0.64444, 0.13167, 0, 0.59111],
+    "51": [0, 0.64444, 0.13167, 0, 0.59111],
+    "52": [0.19444, 0.64444, 0.13167, 0, 0.59111],
+    "53": [0, 0.64444, 0.13167, 0, 0.59111],
+    "54": [0, 0.64444, 0.13167, 0, 0.59111],
+    "55": [0.19444, 0.64444, 0.13167, 0, 0.59111],
+    "56": [0, 0.64444, 0.13167, 0, 0.59111],
+    "57": [0, 0.64444, 0.13167, 0, 0.59111],
+    "58": [0, 0.44444, 0.06695, 0, 0.35555],
+    "59": [0.19444, 0.44444, 0.06695, 0, 0.35555],
+    "61": [-0.10889, 0.39111, 0.06833, 0, 0.88555],
+    "63": [0, 0.69444, 0.11472, 0, 0.59111],
+    "64": [0, 0.69444, 0.09208, 0, 0.88555],
+    "65": [0, 0.68611, 0, 0, 0.86555],
+    "66": [0, 0.68611, 0.0992, 0, 0.81666],
+    "67": [0, 0.68611, 0.14208, 0, 0.82666],
+    "68": [0, 0.68611, 0.09062, 0, 0.87555],
+    "69": [0, 0.68611, 0.11431, 0, 0.75666],
+    "70": [0, 0.68611, 0.12903, 0, 0.72722],
+    "71": [0, 0.68611, 0.07347, 0, 0.89527],
+    "72": [0, 0.68611, 0.17208, 0, 0.8961],
+    "73": [0, 0.68611, 0.15681, 0, 0.47166],
+    "74": [0, 0.68611, 0.145, 0, 0.61055],
+    "75": [0, 0.68611, 0.14208, 0, 0.89499],
+    "76": [0, 0.68611, 0, 0, 0.69777],
+    "77": [0, 0.68611, 0.17208, 0, 1.07277],
+    "78": [0, 0.68611, 0.17208, 0, 0.8961],
+    "79": [0, 0.68611, 0.09062, 0, 0.85499],
+    "80": [0, 0.68611, 0.0992, 0, 0.78721],
+    "81": [0.19444, 0.68611, 0.09062, 0, 0.85499],
+    "82": [0, 0.68611, 0.02559, 0, 0.85944],
+    "83": [0, 0.68611, 0.11264, 0, 0.64999],
+    "84": [0, 0.68611, 0.12903, 0, 0.7961],
+    "85": [0, 0.68611, 0.17208, 0, 0.88083],
+    "86": [0, 0.68611, 0.18625, 0, 0.86555],
+    "87": [0, 0.68611, 0.18625, 0, 1.15999],
+    "88": [0, 0.68611, 0.15681, 0, 0.86555],
+    "89": [0, 0.68611, 0.19803, 0, 0.86555],
+    "90": [0, 0.68611, 0.14208, 0, 0.70888],
+    "91": [0.25, 0.75, 0.1875, 0, 0.35611],
+    "93": [0.25, 0.75, 0.09972, 0, 0.35611],
+    "94": [0, 0.69444, 0.06709, 0, 0.59111],
+    "95": [0.31, 0.13444, 0.09811, 0, 0.59111],
+    "97": [0, 0.44444, 0.09426, 0, 0.59111],
+    "98": [0, 0.69444, 0.07861, 0, 0.53222],
+    "99": [0, 0.44444, 0.05222, 0, 0.53222],
+    "100": [0, 0.69444, 0.10861, 0, 0.59111],
+    "101": [0, 0.44444, 0.085, 0, 0.53222],
+    "102": [0.19444, 0.69444, 0.21778, 0, 0.4],
+    "103": [0.19444, 0.44444, 0.105, 0, 0.53222],
+    "104": [0, 0.69444, 0.09426, 0, 0.59111],
+    "105": [0, 0.69326, 0.11387, 0, 0.35555],
+    "106": [0.19444, 0.69326, 0.1672, 0, 0.35555],
+    "107": [0, 0.69444, 0.11111, 0, 0.53222],
+    "108": [0, 0.69444, 0.10861, 0, 0.29666],
+    "109": [0, 0.44444, 0.09426, 0, 0.94444],
+    "110": [0, 0.44444, 0.09426, 0, 0.64999],
+    "111": [0, 0.44444, 0.07861, 0, 0.59111],
+    "112": [0.19444, 0.44444, 0.07861, 0, 0.59111],
+    "113": [0.19444, 0.44444, 0.105, 0, 0.53222],
+    "114": [0, 0.44444, 0.11111, 0, 0.50167],
+    "115": [0, 0.44444, 0.08167, 0, 0.48694],
+    "116": [0, 0.63492, 0.09639, 0, 0.385],
+    "117": [0, 0.44444, 0.09426, 0, 0.62055],
+    "118": [0, 0.44444, 0.11111, 0, 0.53222],
+    "119": [0, 0.44444, 0.11111, 0, 0.76777],
+    "120": [0, 0.44444, 0.12583, 0, 0.56055],
+    "121": [0.19444, 0.44444, 0.105, 0, 0.56166],
+    "122": [0, 0.44444, 0.13889, 0, 0.49055],
+    "126": [0.35, 0.34444, 0.11472, 0, 0.59111],
+    "160": [0, 0, 0, 0, 0.25],
+    "168": [0, 0.69444, 0.11473, 0, 0.59111],
+    "176": [0, 0.69444, 0, 0, 0.94888],
+    "184": [0.17014, 0, 0, 0, 0.53222],
+    "198": [0, 0.68611, 0.11431, 0, 1.02277],
+    "216": [0.04861, 0.73472, 0.09062, 0, 0.88555],
+    "223": [0.19444, 0.69444, 0.09736, 0, 0.665],
+    "230": [0, 0.44444, 0.085, 0, 0.82666],
+    "248": [0.09722, 0.54167, 0.09458, 0, 0.59111],
+    "305": [0, 0.44444, 0.09426, 0, 0.35555],
+    "338": [0, 0.68611, 0.11431, 0, 1.14054],
+    "339": [0, 0.44444, 0.085, 0, 0.82666],
+    "567": [0.19444, 0.44444, 0.04611, 0, 0.385],
+    "710": [0, 0.69444, 0.06709, 0, 0.59111],
+    "711": [0, 0.63194, 0.08271, 0, 0.59111],
+    "713": [0, 0.59444, 0.10444, 0, 0.59111],
+    "714": [0, 0.69444, 0.08528, 0, 0.59111],
+    "715": [0, 0.69444, 0, 0, 0.59111],
+    "728": [0, 0.69444, 0.10333, 0, 0.59111],
+    "729": [0, 0.69444, 0.12945, 0, 0.35555],
+    "730": [0, 0.69444, 0, 0, 0.94888],
+    "732": [0, 0.69444, 0.11472, 0, 0.59111],
+    "733": [0, 0.69444, 0.11472, 0, 0.59111],
+    "915": [0, 0.68611, 0.12903, 0, 0.69777],
+    "916": [0, 0.68611, 0, 0, 0.94444],
+    "920": [0, 0.68611, 0.09062, 0, 0.88555],
+    "923": [0, 0.68611, 0, 0, 0.80666],
+    "926": [0, 0.68611, 0.15092, 0, 0.76777],
+    "928": [0, 0.68611, 0.17208, 0, 0.8961],
+    "931": [0, 0.68611, 0.11431, 0, 0.82666],
+    "933": [0, 0.68611, 0.10778, 0, 0.88555],
+    "934": [0, 0.68611, 0.05632, 0, 0.82666],
+    "936": [0, 0.68611, 0.10778, 0, 0.88555],
+    "937": [0, 0.68611, 0.0992, 0, 0.82666],
+    "8211": [0, 0.44444, 0.09811, 0, 0.59111],
+    "8212": [0, 0.44444, 0.09811, 0, 1.18221],
+    "8216": [0, 0.69444, 0.12945, 0, 0.35555],
+    "8217": [0, 0.69444, 0.12945, 0, 0.35555],
+    "8220": [0, 0.69444, 0.16772, 0, 0.62055],
+    "8221": [0, 0.69444, 0.07939, 0, 0.62055]
+  },
+  "Main-Italic": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69444, 0.12417, 0, 0.30667],
+    "34": [0, 0.69444, 0.06961, 0, 0.51444],
+    "35": [0.19444, 0.69444, 0.06616, 0, 0.81777],
+    "37": [0.05556, 0.75, 0.13639, 0, 0.81777],
+    "38": [0, 0.69444, 0.09694, 0, 0.76666],
+    "39": [0, 0.69444, 0.12417, 0, 0.30667],
+    "40": [0.25, 0.75, 0.16194, 0, 0.40889],
+    "41": [0.25, 0.75, 0.03694, 0, 0.40889],
+    "42": [0, 0.75, 0.14917, 0, 0.51111],
+    "43": [0.05667, 0.56167, 0.03694, 0, 0.76666],
+    "44": [0.19444, 0.10556, 0, 0, 0.30667],
+    "45": [0, 0.43056, 0.02826, 0, 0.35778],
+    "46": [0, 0.10556, 0, 0, 0.30667],
+    "47": [0.25, 0.75, 0.16194, 0, 0.51111],
+    "48": [0, 0.64444, 0.13556, 0, 0.51111],
+    "49": [0, 0.64444, 0.13556, 0, 0.51111],
+    "50": [0, 0.64444, 0.13556, 0, 0.51111],
+    "51": [0, 0.64444, 0.13556, 0, 0.51111],
+    "52": [0.19444, 0.64444, 0.13556, 0, 0.51111],
+    "53": [0, 0.64444, 0.13556, 0, 0.51111],
+    "54": [0, 0.64444, 0.13556, 0, 0.51111],
+    "55": [0.19444, 0.64444, 0.13556, 0, 0.51111],
+    "56": [0, 0.64444, 0.13556, 0, 0.51111],
+    "57": [0, 0.64444, 0.13556, 0, 0.51111],
+    "58": [0, 0.43056, 0.0582, 0, 0.30667],
+    "59": [0.19444, 0.43056, 0.0582, 0, 0.30667],
+    "61": [-0.13313, 0.36687, 0.06616, 0, 0.76666],
+    "63": [0, 0.69444, 0.1225, 0, 0.51111],
+    "64": [0, 0.69444, 0.09597, 0, 0.76666],
+    "65": [0, 0.68333, 0, 0, 0.74333],
+    "66": [0, 0.68333, 0.10257, 0, 0.70389],
+    "67": [0, 0.68333, 0.14528, 0, 0.71555],
+    "68": [0, 0.68333, 0.09403, 0, 0.755],
+    "69": [0, 0.68333, 0.12028, 0, 0.67833],
+    "70": [0, 0.68333, 0.13305, 0, 0.65277],
+    "71": [0, 0.68333, 0.08722, 0, 0.77361],
+    "72": [0, 0.68333, 0.16389, 0, 0.74333],
+    "73": [0, 0.68333, 0.15806, 0, 0.38555],
+    "74": [0, 0.68333, 0.14028, 0, 0.525],
+    "75": [0, 0.68333, 0.14528, 0, 0.76888],
+    "76": [0, 0.68333, 0, 0, 0.62722],
+    "77": [0, 0.68333, 0.16389, 0, 0.89666],
+    "78": [0, 0.68333, 0.16389, 0, 0.74333],
+    "79": [0, 0.68333, 0.09403, 0, 0.76666],
+    "80": [0, 0.68333, 0.10257, 0, 0.67833],
+    "81": [0.19444, 0.68333, 0.09403, 0, 0.76666],
+    "82": [0, 0.68333, 0.03868, 0, 0.72944],
+    "83": [0, 0.68333, 0.11972, 0, 0.56222],
+    "84": [0, 0.68333, 0.13305, 0, 0.71555],
+    "85": [0, 0.68333, 0.16389, 0, 0.74333],
+    "86": [0, 0.68333, 0.18361, 0, 0.74333],
+    "87": [0, 0.68333, 0.18361, 0, 0.99888],
+    "88": [0, 0.68333, 0.15806, 0, 0.74333],
+    "89": [0, 0.68333, 0.19383, 0, 0.74333],
+    "90": [0, 0.68333, 0.14528, 0, 0.61333],
+    "91": [0.25, 0.75, 0.1875, 0, 0.30667],
+    "93": [0.25, 0.75, 0.10528, 0, 0.30667],
+    "94": [0, 0.69444, 0.06646, 0, 0.51111],
+    "95": [0.31, 0.12056, 0.09208, 0, 0.51111],
+    "97": [0, 0.43056, 0.07671, 0, 0.51111],
+    "98": [0, 0.69444, 0.06312, 0, 0.46],
+    "99": [0, 0.43056, 0.05653, 0, 0.46],
+    "100": [0, 0.69444, 0.10333, 0, 0.51111],
+    "101": [0, 0.43056, 0.07514, 0, 0.46],
+    "102": [0.19444, 0.69444, 0.21194, 0, 0.30667],
+    "103": [0.19444, 0.43056, 0.08847, 0, 0.46],
+    "104": [0, 0.69444, 0.07671, 0, 0.51111],
+    "105": [0, 0.65536, 0.1019, 0, 0.30667],
+    "106": [0.19444, 0.65536, 0.14467, 0, 0.30667],
+    "107": [0, 0.69444, 0.10764, 0, 0.46],
+    "108": [0, 0.69444, 0.10333, 0, 0.25555],
+    "109": [0, 0.43056, 0.07671, 0, 0.81777],
+    "110": [0, 0.43056, 0.07671, 0, 0.56222],
+    "111": [0, 0.43056, 0.06312, 0, 0.51111],
+    "112": [0.19444, 0.43056, 0.06312, 0, 0.51111],
+    "113": [0.19444, 0.43056, 0.08847, 0, 0.46],
+    "114": [0, 0.43056, 0.10764, 0, 0.42166],
+    "115": [0, 0.43056, 0.08208, 0, 0.40889],
+    "116": [0, 0.61508, 0.09486, 0, 0.33222],
+    "117": [0, 0.43056, 0.07671, 0, 0.53666],
+    "118": [0, 0.43056, 0.10764, 0, 0.46],
+    "119": [0, 0.43056, 0.10764, 0, 0.66444],
+    "120": [0, 0.43056, 0.12042, 0, 0.46389],
+    "121": [0.19444, 0.43056, 0.08847, 0, 0.48555],
+    "122": [0, 0.43056, 0.12292, 0, 0.40889],
+    "126": [0.35, 0.31786, 0.11585, 0, 0.51111],
+    "160": [0, 0, 0, 0, 0.25],
+    "168": [0, 0.66786, 0.10474, 0, 0.51111],
+    "176": [0, 0.69444, 0, 0, 0.83129],
+    "184": [0.17014, 0, 0, 0, 0.46],
+    "198": [0, 0.68333, 0.12028, 0, 0.88277],
+    "216": [0.04861, 0.73194, 0.09403, 0, 0.76666],
+    "223": [0.19444, 0.69444, 0.10514, 0, 0.53666],
+    "230": [0, 0.43056, 0.07514, 0, 0.71555],
+    "248": [0.09722, 0.52778, 0.09194, 0, 0.51111],
+    "338": [0, 0.68333, 0.12028, 0, 0.98499],
+    "339": [0, 0.43056, 0.07514, 0, 0.71555],
+    "710": [0, 0.69444, 0.06646, 0, 0.51111],
+    "711": [0, 0.62847, 0.08295, 0, 0.51111],
+    "713": [0, 0.56167, 0.10333, 0, 0.51111],
+    "714": [0, 0.69444, 0.09694, 0, 0.51111],
+    "715": [0, 0.69444, 0, 0, 0.51111],
+    "728": [0, 0.69444, 0.10806, 0, 0.51111],
+    "729": [0, 0.66786, 0.11752, 0, 0.30667],
+    "730": [0, 0.69444, 0, 0, 0.83129],
+    "732": [0, 0.66786, 0.11585, 0, 0.51111],
+    "733": [0, 0.69444, 0.1225, 0, 0.51111],
+    "915": [0, 0.68333, 0.13305, 0, 0.62722],
+    "916": [0, 0.68333, 0, 0, 0.81777],
+    "920": [0, 0.68333, 0.09403, 0, 0.76666],
+    "923": [0, 0.68333, 0, 0, 0.69222],
+    "926": [0, 0.68333, 0.15294, 0, 0.66444],
+    "928": [0, 0.68333, 0.16389, 0, 0.74333],
+    "931": [0, 0.68333, 0.12028, 0, 0.71555],
+    "933": [0, 0.68333, 0.11111, 0, 0.76666],
+    "934": [0, 0.68333, 0.05986, 0, 0.71555],
+    "936": [0, 0.68333, 0.11111, 0, 0.76666],
+    "937": [0, 0.68333, 0.10257, 0, 0.71555],
+    "8211": [0, 0.43056, 0.09208, 0, 0.51111],
+    "8212": [0, 0.43056, 0.09208, 0, 1.02222],
+    "8216": [0, 0.69444, 0.12417, 0, 0.30667],
+    "8217": [0, 0.69444, 0.12417, 0, 0.30667],
+    "8220": [0, 0.69444, 0.1685, 0, 0.51444],
+    "8221": [0, 0.69444, 0.06961, 0, 0.51444],
+    "8463": [0, 0.68889, 0, 0, 0.54028]
+  },
+  "Main-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69444, 0, 0, 0.27778],
+    "34": [0, 0.69444, 0, 0, 0.5],
+    "35": [0.19444, 0.69444, 0, 0, 0.83334],
+    "36": [0.05556, 0.75, 0, 0, 0.5],
+    "37": [0.05556, 0.75, 0, 0, 0.83334],
+    "38": [0, 0.69444, 0, 0, 0.77778],
+    "39": [0, 0.69444, 0, 0, 0.27778],
+    "40": [0.25, 0.75, 0, 0, 0.38889],
+    "41": [0.25, 0.75, 0, 0, 0.38889],
+    "42": [0, 0.75, 0, 0, 0.5],
+    "43": [0.08333, 0.58333, 0, 0, 0.77778],
+    "44": [0.19444, 0.10556, 0, 0, 0.27778],
+    "45": [0, 0.43056, 0, 0, 0.33333],
+    "46": [0, 0.10556, 0, 0, 0.27778],
+    "47": [0.25, 0.75, 0, 0, 0.5],
+    "48": [0, 0.64444, 0, 0, 0.5],
+    "49": [0, 0.64444, 0, 0, 0.5],
+    "50": [0, 0.64444, 0, 0, 0.5],
+    "51": [0, 0.64444, 0, 0, 0.5],
+    "52": [0, 0.64444, 0, 0, 0.5],
+    "53": [0, 0.64444, 0, 0, 0.5],
+    "54": [0, 0.64444, 0, 0, 0.5],
+    "55": [0, 0.64444, 0, 0, 0.5],
+    "56": [0, 0.64444, 0, 0, 0.5],
+    "57": [0, 0.64444, 0, 0, 0.5],
+    "58": [0, 0.43056, 0, 0, 0.27778],
+    "59": [0.19444, 0.43056, 0, 0, 0.27778],
+    "60": [0.0391, 0.5391, 0, 0, 0.77778],
+    "61": [-0.13313, 0.36687, 0, 0, 0.77778],
+    "62": [0.0391, 0.5391, 0, 0, 0.77778],
+    "63": [0, 0.69444, 0, 0, 0.47222],
+    "64": [0, 0.69444, 0, 0, 0.77778],
+    "65": [0, 0.68333, 0, 0, 0.75],
+    "66": [0, 0.68333, 0, 0, 0.70834],
+    "67": [0, 0.68333, 0, 0, 0.72222],
+    "68": [0, 0.68333, 0, 0, 0.76389],
+    "69": [0, 0.68333, 0, 0, 0.68056],
+    "70": [0, 0.68333, 0, 0, 0.65278],
+    "71": [0, 0.68333, 0, 0, 0.78472],
+    "72": [0, 0.68333, 0, 0, 0.75],
+    "73": [0, 0.68333, 0, 0, 0.36111],
+    "74": [0, 0.68333, 0, 0, 0.51389],
+    "75": [0, 0.68333, 0, 0, 0.77778],
+    "76": [0, 0.68333, 0, 0, 0.625],
+    "77": [0, 0.68333, 0, 0, 0.91667],
+    "78": [0, 0.68333, 0, 0, 0.75],
+    "79": [0, 0.68333, 0, 0, 0.77778],
+    "80": [0, 0.68333, 0, 0, 0.68056],
+    "81": [0.19444, 0.68333, 0, 0, 0.77778],
+    "82": [0, 0.68333, 0, 0, 0.73611],
+    "83": [0, 0.68333, 0, 0, 0.55556],
+    "84": [0, 0.68333, 0, 0, 0.72222],
+    "85": [0, 0.68333, 0, 0, 0.75],
+    "86": [0, 0.68333, 0.01389, 0, 0.75],
+    "87": [0, 0.68333, 0.01389, 0, 1.02778],
+    "88": [0, 0.68333, 0, 0, 0.75],
+    "89": [0, 0.68333, 0.025, 0, 0.75],
+    "90": [0, 0.68333, 0, 0, 0.61111],
+    "91": [0.25, 0.75, 0, 0, 0.27778],
+    "92": [0.25, 0.75, 0, 0, 0.5],
+    "93": [0.25, 0.75, 0, 0, 0.27778],
+    "94": [0, 0.69444, 0, 0, 0.5],
+    "95": [0.31, 0.12056, 0.02778, 0, 0.5],
+    "97": [0, 0.43056, 0, 0, 0.5],
+    "98": [0, 0.69444, 0, 0, 0.55556],
+    "99": [0, 0.43056, 0, 0, 0.44445],
+    "100": [0, 0.69444, 0, 0, 0.55556],
+    "101": [0, 0.43056, 0, 0, 0.44445],
+    "102": [0, 0.69444, 0.07778, 0, 0.30556],
+    "103": [0.19444, 0.43056, 0.01389, 0, 0.5],
+    "104": [0, 0.69444, 0, 0, 0.55556],
+    "105": [0, 0.66786, 0, 0, 0.27778],
+    "106": [0.19444, 0.66786, 0, 0, 0.30556],
+    "107": [0, 0.69444, 0, 0, 0.52778],
+    "108": [0, 0.69444, 0, 0, 0.27778],
+    "109": [0, 0.43056, 0, 0, 0.83334],
+    "110": [0, 0.43056, 0, 0, 0.55556],
+    "111": [0, 0.43056, 0, 0, 0.5],
+    "112": [0.19444, 0.43056, 0, 0, 0.55556],
+    "113": [0.19444, 0.43056, 0, 0, 0.52778],
+    "114": [0, 0.43056, 0, 0, 0.39167],
+    "115": [0, 0.43056, 0, 0, 0.39445],
+    "116": [0, 0.61508, 0, 0, 0.38889],
+    "117": [0, 0.43056, 0, 0, 0.55556],
+    "118": [0, 0.43056, 0.01389, 0, 0.52778],
+    "119": [0, 0.43056, 0.01389, 0, 0.72222],
+    "120": [0, 0.43056, 0, 0, 0.52778],
+    "121": [0.19444, 0.43056, 0.01389, 0, 0.52778],
+    "122": [0, 0.43056, 0, 0, 0.44445],
+    "123": [0.25, 0.75, 0, 0, 0.5],
+    "124": [0.25, 0.75, 0, 0, 0.27778],
+    "125": [0.25, 0.75, 0, 0, 0.5],
+    "126": [0.35, 0.31786, 0, 0, 0.5],
+    "160": [0, 0, 0, 0, 0.25],
+    "163": [0, 0.69444, 0, 0, 0.76909],
+    "167": [0.19444, 0.69444, 0, 0, 0.44445],
+    "168": [0, 0.66786, 0, 0, 0.5],
+    "172": [0, 0.43056, 0, 0, 0.66667],
+    "176": [0, 0.69444, 0, 0, 0.75],
+    "177": [0.08333, 0.58333, 0, 0, 0.77778],
+    "182": [0.19444, 0.69444, 0, 0, 0.61111],
+    "184": [0.17014, 0, 0, 0, 0.44445],
+    "198": [0, 0.68333, 0, 0, 0.90278],
+    "215": [0.08333, 0.58333, 0, 0, 0.77778],
+    "216": [0.04861, 0.73194, 0, 0, 0.77778],
+    "223": [0, 0.69444, 0, 0, 0.5],
+    "230": [0, 0.43056, 0, 0, 0.72222],
+    "247": [0.08333, 0.58333, 0, 0, 0.77778],
+    "248": [0.09722, 0.52778, 0, 0, 0.5],
+    "305": [0, 0.43056, 0, 0, 0.27778],
+    "338": [0, 0.68333, 0, 0, 1.01389],
+    "339": [0, 0.43056, 0, 0, 0.77778],
+    "567": [0.19444, 0.43056, 0, 0, 0.30556],
+    "710": [0, 0.69444, 0, 0, 0.5],
+    "711": [0, 0.62847, 0, 0, 0.5],
+    "713": [0, 0.56778, 0, 0, 0.5],
+    "714": [0, 0.69444, 0, 0, 0.5],
+    "715": [0, 0.69444, 0, 0, 0.5],
+    "728": [0, 0.69444, 0, 0, 0.5],
+    "729": [0, 0.66786, 0, 0, 0.27778],
+    "730": [0, 0.69444, 0, 0, 0.75],
+    "732": [0, 0.66786, 0, 0, 0.5],
+    "733": [0, 0.69444, 0, 0, 0.5],
+    "915": [0, 0.68333, 0, 0, 0.625],
+    "916": [0, 0.68333, 0, 0, 0.83334],
+    "920": [0, 0.68333, 0, 0, 0.77778],
+    "923": [0, 0.68333, 0, 0, 0.69445],
+    "926": [0, 0.68333, 0, 0, 0.66667],
+    "928": [0, 0.68333, 0, 0, 0.75],
+    "931": [0, 0.68333, 0, 0, 0.72222],
+    "933": [0, 0.68333, 0, 0, 0.77778],
+    "934": [0, 0.68333, 0, 0, 0.72222],
+    "936": [0, 0.68333, 0, 0, 0.77778],
+    "937": [0, 0.68333, 0, 0, 0.72222],
+    "8211": [0, 0.43056, 0.02778, 0, 0.5],
+    "8212": [0, 0.43056, 0.02778, 0, 1.0],
+    "8216": [0, 0.69444, 0, 0, 0.27778],
+    "8217": [0, 0.69444, 0, 0, 0.27778],
+    "8220": [0, 0.69444, 0, 0, 0.5],
+    "8221": [0, 0.69444, 0, 0, 0.5],
+    "8224": [0.19444, 0.69444, 0, 0, 0.44445],
+    "8225": [0.19444, 0.69444, 0, 0, 0.44445],
+    "8230": [0, 0.12, 0, 0, 1.172],
+    "8242": [0, 0.55556, 0, 0, 0.275],
+    "8407": [0, 0.71444, 0.15382, 0, 0.5],
+    "8463": [0, 0.68889, 0, 0, 0.54028],
+    "8465": [0, 0.69444, 0, 0, 0.72222],
+    "8467": [0, 0.69444, 0, 0.11111, 0.41667],
+    "8472": [0.19444, 0.43056, 0, 0.11111, 0.63646],
+    "8476": [0, 0.69444, 0, 0, 0.72222],
+    "8501": [0, 0.69444, 0, 0, 0.61111],
+    "8592": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8593": [0.19444, 0.69444, 0, 0, 0.5],
+    "8594": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8595": [0.19444, 0.69444, 0, 0, 0.5],
+    "8596": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8597": [0.25, 0.75, 0, 0, 0.5],
+    "8598": [0.19444, 0.69444, 0, 0, 1.0],
+    "8599": [0.19444, 0.69444, 0, 0, 1.0],
+    "8600": [0.19444, 0.69444, 0, 0, 1.0],
+    "8601": [0.19444, 0.69444, 0, 0, 1.0],
+    "8614": [0.011, 0.511, 0, 0, 1.0],
+    "8617": [0.011, 0.511, 0, 0, 1.126],
+    "8618": [0.011, 0.511, 0, 0, 1.126],
+    "8636": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8637": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8640": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8641": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8652": [0.011, 0.671, 0, 0, 1.0],
+    "8656": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8657": [0.19444, 0.69444, 0, 0, 0.61111],
+    "8658": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8659": [0.19444, 0.69444, 0, 0, 0.61111],
+    "8660": [-0.13313, 0.36687, 0, 0, 1.0],
+    "8661": [0.25, 0.75, 0, 0, 0.61111],
+    "8704": [0, 0.69444, 0, 0, 0.55556],
+    "8706": [0, 0.69444, 0.05556, 0.08334, 0.5309],
+    "8707": [0, 0.69444, 0, 0, 0.55556],
+    "8709": [0.05556, 0.75, 0, 0, 0.5],
+    "8711": [0, 0.68333, 0, 0, 0.83334],
+    "8712": [0.0391, 0.5391, 0, 0, 0.66667],
+    "8715": [0.0391, 0.5391, 0, 0, 0.66667],
+    "8722": [0.08333, 0.58333, 0, 0, 0.77778],
+    "8723": [0.08333, 0.58333, 0, 0, 0.77778],
+    "8725": [0.25, 0.75, 0, 0, 0.5],
+    "8726": [0.25, 0.75, 0, 0, 0.5],
+    "8727": [-0.03472, 0.46528, 0, 0, 0.5],
+    "8728": [-0.05555, 0.44445, 0, 0, 0.5],
+    "8729": [-0.05555, 0.44445, 0, 0, 0.5],
+    "8730": [0.2, 0.8, 0, 0, 0.83334],
+    "8733": [0, 0.43056, 0, 0, 0.77778],
+    "8734": [0, 0.43056, 0, 0, 1.0],
+    "8736": [0, 0.69224, 0, 0, 0.72222],
+    "8739": [0.25, 0.75, 0, 0, 0.27778],
+    "8741": [0.25, 0.75, 0, 0, 0.5],
+    "8743": [0, 0.55556, 0, 0, 0.66667],
+    "8744": [0, 0.55556, 0, 0, 0.66667],
+    "8745": [0, 0.55556, 0, 0, 0.66667],
+    "8746": [0, 0.55556, 0, 0, 0.66667],
+    "8747": [0.19444, 0.69444, 0.11111, 0, 0.41667],
+    "8764": [-0.13313, 0.36687, 0, 0, 0.77778],
+    "8768": [0.19444, 0.69444, 0, 0, 0.27778],
+    "8771": [-0.03625, 0.46375, 0, 0, 0.77778],
+    "8773": [-0.022, 0.589, 0, 0, 1.0],
+    "8776": [-0.01688, 0.48312, 0, 0, 0.77778],
+    "8781": [-0.03625, 0.46375, 0, 0, 0.77778],
+    "8784": [-0.133, 0.67, 0, 0, 0.778],
+    "8801": [-0.03625, 0.46375, 0, 0, 0.77778],
+    "8804": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8805": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8810": [0.0391, 0.5391, 0, 0, 1.0],
+    "8811": [0.0391, 0.5391, 0, 0, 1.0],
+    "8826": [0.0391, 0.5391, 0, 0, 0.77778],
+    "8827": [0.0391, 0.5391, 0, 0, 0.77778],
+    "8834": [0.0391, 0.5391, 0, 0, 0.77778],
+    "8835": [0.0391, 0.5391, 0, 0, 0.77778],
+    "8838": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8839": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8846": [0, 0.55556, 0, 0, 0.66667],
+    "8849": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8850": [0.13597, 0.63597, 0, 0, 0.77778],
+    "8851": [0, 0.55556, 0, 0, 0.66667],
+    "8852": [0, 0.55556, 0, 0, 0.66667],
+    "8853": [0.08333, 0.58333, 0, 0, 0.77778],
+    "8854": [0.08333, 0.58333, 0, 0, 0.77778],
+    "8855": [0.08333, 0.58333, 0, 0, 0.77778],
+    "8856": [0.08333, 0.58333, 0, 0, 0.77778],
+    "8857": [0.08333, 0.58333, 0, 0, 0.77778],
+    "8866": [0, 0.69444, 0, 0, 0.61111],
+    "8867": [0, 0.69444, 0, 0, 0.61111],
+    "8868": [0, 0.69444, 0, 0, 0.77778],
+    "8869": [0, 0.69444, 0, 0, 0.77778],
+    "8872": [0.249, 0.75, 0, 0, 0.867],
+    "8900": [-0.05555, 0.44445, 0, 0, 0.5],
+    "8901": [-0.05555, 0.44445, 0, 0, 0.27778],
+    "8902": [-0.03472, 0.46528, 0, 0, 0.5],
+    "8904": [0.005, 0.505, 0, 0, 0.9],
+    "8942": [0.03, 0.9, 0, 0, 0.278],
+    "8943": [-0.19, 0.31, 0, 0, 1.172],
+    "8945": [-0.1, 0.82, 0, 0, 1.282],
+    "8968": [0.25, 0.75, 0, 0, 0.44445],
+    "8969": [0.25, 0.75, 0, 0, 0.44445],
+    "8970": [0.25, 0.75, 0, 0, 0.44445],
+    "8971": [0.25, 0.75, 0, 0, 0.44445],
+    "8994": [-0.14236, 0.35764, 0, 0, 1.0],
+    "8995": [-0.14236, 0.35764, 0, 0, 1.0],
+    "9136": [0.244, 0.744, 0, 0, 0.412],
+    "9137": [0.244, 0.744, 0, 0, 0.412],
+    "9651": [0.19444, 0.69444, 0, 0, 0.88889],
+    "9657": [-0.03472, 0.46528, 0, 0, 0.5],
+    "9661": [0.19444, 0.69444, 0, 0, 0.88889],
+    "9667": [-0.03472, 0.46528, 0, 0, 0.5],
+    "9711": [0.19444, 0.69444, 0, 0, 1.0],
+    "9824": [0.12963, 0.69444, 0, 0, 0.77778],
+    "9825": [0.12963, 0.69444, 0, 0, 0.77778],
+    "9826": [0.12963, 0.69444, 0, 0, 0.77778],
+    "9827": [0.12963, 0.69444, 0, 0, 0.77778],
+    "9837": [0, 0.75, 0, 0, 0.38889],
+    "9838": [0.19444, 0.69444, 0, 0, 0.38889],
+    "9839": [0.19444, 0.69444, 0, 0, 0.38889],
+    "10216": [0.25, 0.75, 0, 0, 0.38889],
+    "10217": [0.25, 0.75, 0, 0, 0.38889],
+    "10222": [0.244, 0.744, 0, 0, 0.412],
+    "10223": [0.244, 0.744, 0, 0, 0.412],
+    "10229": [0.011, 0.511, 0, 0, 1.609],
+    "10230": [0.011, 0.511, 0, 0, 1.638],
+    "10231": [0.011, 0.511, 0, 0, 1.859],
+    "10232": [0.024, 0.525, 0, 0, 1.609],
+    "10233": [0.024, 0.525, 0, 0, 1.638],
+    "10234": [0.024, 0.525, 0, 0, 1.858],
+    "10236": [0.011, 0.511, 0, 0, 1.638],
+    "10815": [0, 0.68333, 0, 0, 0.75],
+    "10927": [0.13597, 0.63597, 0, 0, 0.77778],
+    "10928": [0.13597, 0.63597, 0, 0, 0.77778],
+    "57376": [0.19444, 0.69444, 0, 0, 0]
+  },
+  "Math-BoldItalic": {
+    "32": [0, 0, 0, 0, 0.25],
+    "48": [0, 0.44444, 0, 0, 0.575],
+    "49": [0, 0.44444, 0, 0, 0.575],
+    "50": [0, 0.44444, 0, 0, 0.575],
+    "51": [0.19444, 0.44444, 0, 0, 0.575],
+    "52": [0.19444, 0.44444, 0, 0, 0.575],
+    "53": [0.19444, 0.44444, 0, 0, 0.575],
+    "54": [0, 0.64444, 0, 0, 0.575],
+    "55": [0.19444, 0.44444, 0, 0, 0.575],
+    "56": [0, 0.64444, 0, 0, 0.575],
+    "57": [0.19444, 0.44444, 0, 0, 0.575],
+    "65": [0, 0.68611, 0, 0, 0.86944],
+    "66": [0, 0.68611, 0.04835, 0, 0.8664],
+    "67": [0, 0.68611, 0.06979, 0, 0.81694],
+    "68": [0, 0.68611, 0.03194, 0, 0.93812],
+    "69": [0, 0.68611, 0.05451, 0, 0.81007],
+    "70": [0, 0.68611, 0.15972, 0, 0.68889],
+    "71": [0, 0.68611, 0, 0, 0.88673],
+    "72": [0, 0.68611, 0.08229, 0, 0.98229],
+    "73": [0, 0.68611, 0.07778, 0, 0.51111],
+    "74": [0, 0.68611, 0.10069, 0, 0.63125],
+    "75": [0, 0.68611, 0.06979, 0, 0.97118],
+    "76": [0, 0.68611, 0, 0, 0.75555],
+    "77": [0, 0.68611, 0.11424, 0, 1.14201],
+    "78": [0, 0.68611, 0.11424, 0, 0.95034],
+    "79": [0, 0.68611, 0.03194, 0, 0.83666],
+    "80": [0, 0.68611, 0.15972, 0, 0.72309],
+    "81": [0.19444, 0.68611, 0, 0, 0.86861],
+    "82": [0, 0.68611, 0.00421, 0, 0.87235],
+    "83": [0, 0.68611, 0.05382, 0, 0.69271],
+    "84": [0, 0.68611, 0.15972, 0, 0.63663],
+    "85": [0, 0.68611, 0.11424, 0, 0.80027],
+    "86": [0, 0.68611, 0.25555, 0, 0.67778],
+    "87": [0, 0.68611, 0.15972, 0, 1.09305],
+    "88": [0, 0.68611, 0.07778, 0, 0.94722],
+    "89": [0, 0.68611, 0.25555, 0, 0.67458],
+    "90": [0, 0.68611, 0.06979, 0, 0.77257],
+    "97": [0, 0.44444, 0, 0, 0.63287],
+    "98": [0, 0.69444, 0, 0, 0.52083],
+    "99": [0, 0.44444, 0, 0, 0.51342],
+    "100": [0, 0.69444, 0, 0, 0.60972],
+    "101": [0, 0.44444, 0, 0, 0.55361],
+    "102": [0.19444, 0.69444, 0.11042, 0, 0.56806],
+    "103": [0.19444, 0.44444, 0.03704, 0, 0.5449],
+    "104": [0, 0.69444, 0, 0, 0.66759],
+    "105": [0, 0.69326, 0, 0, 0.4048],
+    "106": [0.19444, 0.69326, 0.0622, 0, 0.47083],
+    "107": [0, 0.69444, 0.01852, 0, 0.6037],
+    "108": [0, 0.69444, 0.0088, 0, 0.34815],
+    "109": [0, 0.44444, 0, 0, 1.0324],
+    "110": [0, 0.44444, 0, 0, 0.71296],
+    "111": [0, 0.44444, 0, 0, 0.58472],
+    "112": [0.19444, 0.44444, 0, 0, 0.60092],
+    "113": [0.19444, 0.44444, 0.03704, 0, 0.54213],
+    "114": [0, 0.44444, 0.03194, 0, 0.5287],
+    "115": [0, 0.44444, 0, 0, 0.53125],
+    "116": [0, 0.63492, 0, 0, 0.41528],
+    "117": [0, 0.44444, 0, 0, 0.68102],
+    "118": [0, 0.44444, 0.03704, 0, 0.56666],
+    "119": [0, 0.44444, 0.02778, 0, 0.83148],
+    "120": [0, 0.44444, 0, 0, 0.65903],
+    "121": [0.19444, 0.44444, 0.03704, 0, 0.59028],
+    "122": [0, 0.44444, 0.04213, 0, 0.55509],
+    "160": [0, 0, 0, 0, 0.25],
+    "915": [0, 0.68611, 0.15972, 0, 0.65694],
+    "916": [0, 0.68611, 0, 0, 0.95833],
+    "920": [0, 0.68611, 0.03194, 0, 0.86722],
+    "923": [0, 0.68611, 0, 0, 0.80555],
+    "926": [0, 0.68611, 0.07458, 0, 0.84125],
+    "928": [0, 0.68611, 0.08229, 0, 0.98229],
+    "931": [0, 0.68611, 0.05451, 0, 0.88507],
+    "933": [0, 0.68611, 0.15972, 0, 0.67083],
+    "934": [0, 0.68611, 0, 0, 0.76666],
+    "936": [0, 0.68611, 0.11653, 0, 0.71402],
+    "937": [0, 0.68611, 0.04835, 0, 0.8789],
+    "945": [0, 0.44444, 0, 0, 0.76064],
+    "946": [0.19444, 0.69444, 0.03403, 0, 0.65972],
+    "947": [0.19444, 0.44444, 0.06389, 0, 0.59003],
+    "948": [0, 0.69444, 0.03819, 0, 0.52222],
+    "949": [0, 0.44444, 0, 0, 0.52882],
+    "950": [0.19444, 0.69444, 0.06215, 0, 0.50833],
+    "951": [0.19444, 0.44444, 0.03704, 0, 0.6],
+    "952": [0, 0.69444, 0.03194, 0, 0.5618],
+    "953": [0, 0.44444, 0, 0, 0.41204],
+    "954": [0, 0.44444, 0, 0, 0.66759],
+    "955": [0, 0.69444, 0, 0, 0.67083],
+    "956": [0.19444, 0.44444, 0, 0, 0.70787],
+    "957": [0, 0.44444, 0.06898, 0, 0.57685],
+    "958": [0.19444, 0.69444, 0.03021, 0, 0.50833],
+    "959": [0, 0.44444, 0, 0, 0.58472],
+    "960": [0, 0.44444, 0.03704, 0, 0.68241],
+    "961": [0.19444, 0.44444, 0, 0, 0.6118],
+    "962": [0.09722, 0.44444, 0.07917, 0, 0.42361],
+    "963": [0, 0.44444, 0.03704, 0, 0.68588],
+    "964": [0, 0.44444, 0.13472, 0, 0.52083],
+    "965": [0, 0.44444, 0.03704, 0, 0.63055],
+    "966": [0.19444, 0.44444, 0, 0, 0.74722],
+    "967": [0.19444, 0.44444, 0, 0, 0.71805],
+    "968": [0.19444, 0.69444, 0.03704, 0, 0.75833],
+    "969": [0, 0.44444, 0.03704, 0, 0.71782],
+    "977": [0, 0.69444, 0, 0, 0.69155],
+    "981": [0.19444, 0.69444, 0, 0, 0.7125],
+    "982": [0, 0.44444, 0.03194, 0, 0.975],
+    "1009": [0.19444, 0.44444, 0, 0, 0.6118],
+    "1013": [0, 0.44444, 0, 0, 0.48333],
+    "57649": [0, 0.44444, 0, 0, 0.39352],
+    "57911": [0.19444, 0.44444, 0, 0, 0.43889]
+  },
+  "Math-Italic": {
+    "32": [0, 0, 0, 0, 0.25],
+    "48": [0, 0.43056, 0, 0, 0.5],
+    "49": [0, 0.43056, 0, 0, 0.5],
+    "50": [0, 0.43056, 0, 0, 0.5],
+    "51": [0.19444, 0.43056, 0, 0, 0.5],
+    "52": [0.19444, 0.43056, 0, 0, 0.5],
+    "53": [0.19444, 0.43056, 0, 0, 0.5],
+    "54": [0, 0.64444, 0, 0, 0.5],
+    "55": [0.19444, 0.43056, 0, 0, 0.5],
+    "56": [0, 0.64444, 0, 0, 0.5],
+    "57": [0.19444, 0.43056, 0, 0, 0.5],
+    "65": [0, 0.68333, 0, 0.13889, 0.75],
+    "66": [0, 0.68333, 0.05017, 0.08334, 0.75851],
+    "67": [0, 0.68333, 0.07153, 0.08334, 0.71472],
+    "68": [0, 0.68333, 0.02778, 0.05556, 0.82792],
+    "69": [0, 0.68333, 0.05764, 0.08334, 0.7382],
+    "70": [0, 0.68333, 0.13889, 0.08334, 0.64306],
+    "71": [0, 0.68333, 0, 0.08334, 0.78625],
+    "72": [0, 0.68333, 0.08125, 0.05556, 0.83125],
+    "73": [0, 0.68333, 0.07847, 0.11111, 0.43958],
+    "74": [0, 0.68333, 0.09618, 0.16667, 0.55451],
+    "75": [0, 0.68333, 0.07153, 0.05556, 0.84931],
+    "76": [0, 0.68333, 0, 0.02778, 0.68056],
+    "77": [0, 0.68333, 0.10903, 0.08334, 0.97014],
+    "78": [0, 0.68333, 0.10903, 0.08334, 0.80347],
+    "79": [0, 0.68333, 0.02778, 0.08334, 0.76278],
+    "80": [0, 0.68333, 0.13889, 0.08334, 0.64201],
+    "81": [0.19444, 0.68333, 0, 0.08334, 0.79056],
+    "82": [0, 0.68333, 0.00773, 0.08334, 0.75929],
+    "83": [0, 0.68333, 0.05764, 0.08334, 0.6132],
+    "84": [0, 0.68333, 0.13889, 0.08334, 0.58438],
+    "85": [0, 0.68333, 0.10903, 0.02778, 0.68278],
+    "86": [0, 0.68333, 0.22222, 0, 0.58333],
+    "87": [0, 0.68333, 0.13889, 0, 0.94445],
+    "88": [0, 0.68333, 0.07847, 0.08334, 0.82847],
+    "89": [0, 0.68333, 0.22222, 0, 0.58056],
+    "90": [0, 0.68333, 0.07153, 0.08334, 0.68264],
+    "97": [0, 0.43056, 0, 0, 0.52859],
+    "98": [0, 0.69444, 0, 0, 0.42917],
+    "99": [0, 0.43056, 0, 0.05556, 0.43276],
+    "100": [0, 0.69444, 0, 0.16667, 0.52049],
+    "101": [0, 0.43056, 0, 0.05556, 0.46563],
+    "102": [0.19444, 0.69444, 0.10764, 0.16667, 0.48959],
+    "103": [0.19444, 0.43056, 0.03588, 0.02778, 0.47697],
+    "104": [0, 0.69444, 0, 0, 0.57616],
+    "105": [0, 0.65952, 0, 0, 0.34451],
+    "106": [0.19444, 0.65952, 0.05724, 0, 0.41181],
+    "107": [0, 0.69444, 0.03148, 0, 0.5206],
+    "108": [0, 0.69444, 0.01968, 0.08334, 0.29838],
+    "109": [0, 0.43056, 0, 0, 0.87801],
+    "110": [0, 0.43056, 0, 0, 0.60023],
+    "111": [0, 0.43056, 0, 0.05556, 0.48472],
+    "112": [0.19444, 0.43056, 0, 0.08334, 0.50313],
+    "113": [0.19444, 0.43056, 0.03588, 0.08334, 0.44641],
+    "114": [0, 0.43056, 0.02778, 0.05556, 0.45116],
+    "115": [0, 0.43056, 0, 0.05556, 0.46875],
+    "116": [0, 0.61508, 0, 0.08334, 0.36111],
+    "117": [0, 0.43056, 0, 0.02778, 0.57246],
+    "118": [0, 0.43056, 0.03588, 0.02778, 0.48472],
+    "119": [0, 0.43056, 0.02691, 0.08334, 0.71592],
+    "120": [0, 0.43056, 0, 0.02778, 0.57153],
+    "121": [0.19444, 0.43056, 0.03588, 0.05556, 0.49028],
+    "122": [0, 0.43056, 0.04398, 0.05556, 0.46505],
+    "160": [0, 0, 0, 0, 0.25],
+    "915": [0, 0.68333, 0.13889, 0.08334, 0.61528],
+    "916": [0, 0.68333, 0, 0.16667, 0.83334],
+    "920": [0, 0.68333, 0.02778, 0.08334, 0.76278],
+    "923": [0, 0.68333, 0, 0.16667, 0.69445],
+    "926": [0, 0.68333, 0.07569, 0.08334, 0.74236],
+    "928": [0, 0.68333, 0.08125, 0.05556, 0.83125],
+    "931": [0, 0.68333, 0.05764, 0.08334, 0.77986],
+    "933": [0, 0.68333, 0.13889, 0.05556, 0.58333],
+    "934": [0, 0.68333, 0, 0.08334, 0.66667],
+    "936": [0, 0.68333, 0.11, 0.05556, 0.61222],
+    "937": [0, 0.68333, 0.05017, 0.08334, 0.7724],
+    "945": [0, 0.43056, 0.0037, 0.02778, 0.6397],
+    "946": [0.19444, 0.69444, 0.05278, 0.08334, 0.56563],
+    "947": [0.19444, 0.43056, 0.05556, 0, 0.51773],
+    "948": [0, 0.69444, 0.03785, 0.05556, 0.44444],
+    "949": [0, 0.43056, 0, 0.08334, 0.46632],
+    "950": [0.19444, 0.69444, 0.07378, 0.08334, 0.4375],
+    "951": [0.19444, 0.43056, 0.03588, 0.05556, 0.49653],
+    "952": [0, 0.69444, 0.02778, 0.08334, 0.46944],
+    "953": [0, 0.43056, 0, 0.05556, 0.35394],
+    "954": [0, 0.43056, 0, 0, 0.57616],
+    "955": [0, 0.69444, 0, 0, 0.58334],
+    "956": [0.19444, 0.43056, 0, 0.02778, 0.60255],
+    "957": [0, 0.43056, 0.06366, 0.02778, 0.49398],
+    "958": [0.19444, 0.69444, 0.04601, 0.11111, 0.4375],
+    "959": [0, 0.43056, 0, 0.05556, 0.48472],
+    "960": [0, 0.43056, 0.03588, 0, 0.57003],
+    "961": [0.19444, 0.43056, 0, 0.08334, 0.51702],
+    "962": [0.09722, 0.43056, 0.07986, 0.08334, 0.36285],
+    "963": [0, 0.43056, 0.03588, 0, 0.57141],
+    "964": [0, 0.43056, 0.1132, 0.02778, 0.43715],
+    "965": [0, 0.43056, 0.03588, 0.02778, 0.54028],
+    "966": [0.19444, 0.43056, 0, 0.08334, 0.65417],
+    "967": [0.19444, 0.43056, 0, 0.05556, 0.62569],
+    "968": [0.19444, 0.69444, 0.03588, 0.11111, 0.65139],
+    "969": [0, 0.43056, 0.03588, 0, 0.62245],
+    "977": [0, 0.69444, 0, 0.08334, 0.59144],
+    "981": [0.19444, 0.69444, 0, 0.08334, 0.59583],
+    "982": [0, 0.43056, 0.02778, 0, 0.82813],
+    "1009": [0.19444, 0.43056, 0, 0.08334, 0.51702],
+    "1013": [0, 0.43056, 0, 0.05556, 0.4059],
+    "57649": [0, 0.43056, 0, 0.02778, 0.32246],
+    "57911": [0.19444, 0.43056, 0, 0.08334, 0.38403]
+  },
+  "SansSerif-Bold": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69444, 0, 0, 0.36667],
+    "34": [0, 0.69444, 0, 0, 0.55834],
+    "35": [0.19444, 0.69444, 0, 0, 0.91667],
+    "36": [0.05556, 0.75, 0, 0, 0.55],
+    "37": [0.05556, 0.75, 0, 0, 1.02912],
+    "38": [0, 0.69444, 0, 0, 0.83056],
+    "39": [0, 0.69444, 0, 0, 0.30556],
+    "40": [0.25, 0.75, 0, 0, 0.42778],
+    "41": [0.25, 0.75, 0, 0, 0.42778],
+    "42": [0, 0.75, 0, 0, 0.55],
+    "43": [0.11667, 0.61667, 0, 0, 0.85556],
+    "44": [0.10556, 0.13056, 0, 0, 0.30556],
+    "45": [0, 0.45833, 0, 0, 0.36667],
+    "46": [0, 0.13056, 0, 0, 0.30556],
+    "47": [0.25, 0.75, 0, 0, 0.55],
+    "48": [0, 0.69444, 0, 0, 0.55],
+    "49": [0, 0.69444, 0, 0, 0.55],
+    "50": [0, 0.69444, 0, 0, 0.55],
+    "51": [0, 0.69444, 0, 0, 0.55],
+    "52": [0, 0.69444, 0, 0, 0.55],
+    "53": [0, 0.69444, 0, 0, 0.55],
+    "54": [0, 0.69444, 0, 0, 0.55],
+    "55": [0, 0.69444, 0, 0, 0.55],
+    "56": [0, 0.69444, 0, 0, 0.55],
+    "57": [0, 0.69444, 0, 0, 0.55],
+    "58": [0, 0.45833, 0, 0, 0.30556],
+    "59": [0.10556, 0.45833, 0, 0, 0.30556],
+    "61": [-0.09375, 0.40625, 0, 0, 0.85556],
+    "63": [0, 0.69444, 0, 0, 0.51945],
+    "64": [0, 0.69444, 0, 0, 0.73334],
+    "65": [0, 0.69444, 0, 0, 0.73334],
+    "66": [0, 0.69444, 0, 0, 0.73334],
+    "67": [0, 0.69444, 0, 0, 0.70278],
+    "68": [0, 0.69444, 0, 0, 0.79445],
+    "69": [0, 0.69444, 0, 0, 0.64167],
+    "70": [0, 0.69444, 0, 0, 0.61111],
+    "71": [0, 0.69444, 0, 0, 0.73334],
+    "72": [0, 0.69444, 0, 0, 0.79445],
+    "73": [0, 0.69444, 0, 0, 0.33056],
+    "74": [0, 0.69444, 0, 0, 0.51945],
+    "75": [0, 0.69444, 0, 0, 0.76389],
+    "76": [0, 0.69444, 0, 0, 0.58056],
+    "77": [0, 0.69444, 0, 0, 0.97778],
+    "78": [0, 0.69444, 0, 0, 0.79445],
+    "79": [0, 0.69444, 0, 0, 0.79445],
+    "80": [0, 0.69444, 0, 0, 0.70278],
+    "81": [0.10556, 0.69444, 0, 0, 0.79445],
+    "82": [0, 0.69444, 0, 0, 0.70278],
+    "83": [0, 0.69444, 0, 0, 0.61111],
+    "84": [0, 0.69444, 0, 0, 0.73334],
+    "85": [0, 0.69444, 0, 0, 0.76389],
+    "86": [0, 0.69444, 0.01528, 0, 0.73334],
+    "87": [0, 0.69444, 0.01528, 0, 1.03889],
+    "88": [0, 0.69444, 0, 0, 0.73334],
+    "89": [0, 0.69444, 0.0275, 0, 0.73334],
+    "90": [0, 0.69444, 0, 0, 0.67223],
+    "91": [0.25, 0.75, 0, 0, 0.34306],
+    "93": [0.25, 0.75, 0, 0, 0.34306],
+    "94": [0, 0.69444, 0, 0, 0.55],
+    "95": [0.35, 0.10833, 0.03056, 0, 0.55],
+    "97": [0, 0.45833, 0, 0, 0.525],
+    "98": [0, 0.69444, 0, 0, 0.56111],
+    "99": [0, 0.45833, 0, 0, 0.48889],
+    "100": [0, 0.69444, 0, 0, 0.56111],
+    "101": [0, 0.45833, 0, 0, 0.51111],
+    "102": [0, 0.69444, 0.07639, 0, 0.33611],
+    "103": [0.19444, 0.45833, 0.01528, 0, 0.55],
+    "104": [0, 0.69444, 0, 0, 0.56111],
+    "105": [0, 0.69444, 0, 0, 0.25556],
+    "106": [0.19444, 0.69444, 0, 0, 0.28611],
+    "107": [0, 0.69444, 0, 0, 0.53056],
+    "108": [0, 0.69444, 0, 0, 0.25556],
+    "109": [0, 0.45833, 0, 0, 0.86667],
+    "110": [0, 0.45833, 0, 0, 0.56111],
+    "111": [0, 0.45833, 0, 0, 0.55],
+    "112": [0.19444, 0.45833, 0, 0, 0.56111],
+    "113": [0.19444, 0.45833, 0, 0, 0.56111],
+    "114": [0, 0.45833, 0.01528, 0, 0.37222],
+    "115": [0, 0.45833, 0, 0, 0.42167],
+    "116": [0, 0.58929, 0, 0, 0.40417],
+    "117": [0, 0.45833, 0, 0, 0.56111],
+    "118": [0, 0.45833, 0.01528, 0, 0.5],
+    "119": [0, 0.45833, 0.01528, 0, 0.74445],
+    "120": [0, 0.45833, 0, 0, 0.5],
+    "121": [0.19444, 0.45833, 0.01528, 0, 0.5],
+    "122": [0, 0.45833, 0, 0, 0.47639],
+    "126": [0.35, 0.34444, 0, 0, 0.55],
+    "160": [0, 0, 0, 0, 0.25],
+    "168": [0, 0.69444, 0, 0, 0.55],
+    "176": [0, 0.69444, 0, 0, 0.73334],
+    "180": [0, 0.69444, 0, 0, 0.55],
+    "184": [0.17014, 0, 0, 0, 0.48889],
+    "305": [0, 0.45833, 0, 0, 0.25556],
+    "567": [0.19444, 0.45833, 0, 0, 0.28611],
+    "710": [0, 0.69444, 0, 0, 0.55],
+    "711": [0, 0.63542, 0, 0, 0.55],
+    "713": [0, 0.63778, 0, 0, 0.55],
+    "728": [0, 0.69444, 0, 0, 0.55],
+    "729": [0, 0.69444, 0, 0, 0.30556],
+    "730": [0, 0.69444, 0, 0, 0.73334],
+    "732": [0, 0.69444, 0, 0, 0.55],
+    "733": [0, 0.69444, 0, 0, 0.55],
+    "915": [0, 0.69444, 0, 0, 0.58056],
+    "916": [0, 0.69444, 0, 0, 0.91667],
+    "920": [0, 0.69444, 0, 0, 0.85556],
+    "923": [0, 0.69444, 0, 0, 0.67223],
+    "926": [0, 0.69444, 0, 0, 0.73334],
+    "928": [0, 0.69444, 0, 0, 0.79445],
+    "931": [0, 0.69444, 0, 0, 0.79445],
+    "933": [0, 0.69444, 0, 0, 0.85556],
+    "934": [0, 0.69444, 0, 0, 0.79445],
+    "936": [0, 0.69444, 0, 0, 0.85556],
+    "937": [0, 0.69444, 0, 0, 0.79445],
+    "8211": [0, 0.45833, 0.03056, 0, 0.55],
+    "8212": [0, 0.45833, 0.03056, 0, 1.10001],
+    "8216": [0, 0.69444, 0, 0, 0.30556],
+    "8217": [0, 0.69444, 0, 0, 0.30556],
+    "8220": [0, 0.69444, 0, 0, 0.55834],
+    "8221": [0, 0.69444, 0, 0, 0.55834]
+  },
+  "SansSerif-Italic": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69444, 0.05733, 0, 0.31945],
+    "34": [0, 0.69444, 0.00316, 0, 0.5],
+    "35": [0.19444, 0.69444, 0.05087, 0, 0.83334],
+    "36": [0.05556, 0.75, 0.11156, 0, 0.5],
+    "37": [0.05556, 0.75, 0.03126, 0, 0.83334],
+    "38": [0, 0.69444, 0.03058, 0, 0.75834],
+    "39": [0, 0.69444, 0.07816, 0, 0.27778],
+    "40": [0.25, 0.75, 0.13164, 0, 0.38889],
+    "41": [0.25, 0.75, 0.02536, 0, 0.38889],
+    "42": [0, 0.75, 0.11775, 0, 0.5],
+    "43": [0.08333, 0.58333, 0.02536, 0, 0.77778],
+    "44": [0.125, 0.08333, 0, 0, 0.27778],
+    "45": [0, 0.44444, 0.01946, 0, 0.33333],
+    "46": [0, 0.08333, 0, 0, 0.27778],
+    "47": [0.25, 0.75, 0.13164, 0, 0.5],
+    "48": [0, 0.65556, 0.11156, 0, 0.5],
+    "49": [0, 0.65556, 0.11156, 0, 0.5],
+    "50": [0, 0.65556, 0.11156, 0, 0.5],
+    "51": [0, 0.65556, 0.11156, 0, 0.5],
+    "52": [0, 0.65556, 0.11156, 0, 0.5],
+    "53": [0, 0.65556, 0.11156, 0, 0.5],
+    "54": [0, 0.65556, 0.11156, 0, 0.5],
+    "55": [0, 0.65556, 0.11156, 0, 0.5],
+    "56": [0, 0.65556, 0.11156, 0, 0.5],
+    "57": [0, 0.65556, 0.11156, 0, 0.5],
+    "58": [0, 0.44444, 0.02502, 0, 0.27778],
+    "59": [0.125, 0.44444, 0.02502, 0, 0.27778],
+    "61": [-0.13, 0.37, 0.05087, 0, 0.77778],
+    "63": [0, 0.69444, 0.11809, 0, 0.47222],
+    "64": [0, 0.69444, 0.07555, 0, 0.66667],
+    "65": [0, 0.69444, 0, 0, 0.66667],
+    "66": [0, 0.69444, 0.08293, 0, 0.66667],
+    "67": [0, 0.69444, 0.11983, 0, 0.63889],
+    "68": [0, 0.69444, 0.07555, 0, 0.72223],
+    "69": [0, 0.69444, 0.11983, 0, 0.59722],
+    "70": [0, 0.69444, 0.13372, 0, 0.56945],
+    "71": [0, 0.69444, 0.11983, 0, 0.66667],
+    "72": [0, 0.69444, 0.08094, 0, 0.70834],
+    "73": [0, 0.69444, 0.13372, 0, 0.27778],
+    "74": [0, 0.69444, 0.08094, 0, 0.47222],
+    "75": [0, 0.69444, 0.11983, 0, 0.69445],
+    "76": [0, 0.69444, 0, 0, 0.54167],
+    "77": [0, 0.69444, 0.08094, 0, 0.875],
+    "78": [0, 0.69444, 0.08094, 0, 0.70834],
+    "79": [0, 0.69444, 0.07555, 0, 0.73611],
+    "80": [0, 0.69444, 0.08293, 0, 0.63889],
+    "81": [0.125, 0.69444, 0.07555, 0, 0.73611],
+    "82": [0, 0.69444, 0.08293, 0, 0.64584],
+    "83": [0, 0.69444, 0.09205, 0, 0.55556],
+    "84": [0, 0.69444, 0.13372, 0, 0.68056],
+    "85": [0, 0.69444, 0.08094, 0, 0.6875],
+    "86": [0, 0.69444, 0.1615, 0, 0.66667],
+    "87": [0, 0.69444, 0.1615, 0, 0.94445],
+    "88": [0, 0.69444, 0.13372, 0, 0.66667],
+    "89": [0, 0.69444, 0.17261, 0, 0.66667],
+    "90": [0, 0.69444, 0.11983, 0, 0.61111],
+    "91": [0.25, 0.75, 0.15942, 0, 0.28889],
+    "93": [0.25, 0.75, 0.08719, 0, 0.28889],
+    "94": [0, 0.69444, 0.0799, 0, 0.5],
+    "95": [0.35, 0.09444, 0.08616, 0, 0.5],
+    "97": [0, 0.44444, 0.00981, 0, 0.48056],
+    "98": [0, 0.69444, 0.03057, 0, 0.51667],
+    "99": [0, 0.44444, 0.08336, 0, 0.44445],
+    "100": [0, 0.69444, 0.09483, 0, 0.51667],
+    "101": [0, 0.44444, 0.06778, 0, 0.44445],
+    "102": [0, 0.69444, 0.21705, 0, 0.30556],
+    "103": [0.19444, 0.44444, 0.10836, 0, 0.5],
+    "104": [0, 0.69444, 0.01778, 0, 0.51667],
+    "105": [0, 0.67937, 0.09718, 0, 0.23889],
+    "106": [0.19444, 0.67937, 0.09162, 0, 0.26667],
+    "107": [0, 0.69444, 0.08336, 0, 0.48889],
+    "108": [0, 0.69444, 0.09483, 0, 0.23889],
+    "109": [0, 0.44444, 0.01778, 0, 0.79445],
+    "110": [0, 0.44444, 0.01778, 0, 0.51667],
+    "111": [0, 0.44444, 0.06613, 0, 0.5],
+    "112": [0.19444, 0.44444, 0.0389, 0, 0.51667],
+    "113": [0.19444, 0.44444, 0.04169, 0, 0.51667],
+    "114": [0, 0.44444, 0.10836, 0, 0.34167],
+    "115": [0, 0.44444, 0.0778, 0, 0.38333],
+    "116": [0, 0.57143, 0.07225, 0, 0.36111],
+    "117": [0, 0.44444, 0.04169, 0, 0.51667],
+    "118": [0, 0.44444, 0.10836, 0, 0.46111],
+    "119": [0, 0.44444, 0.10836, 0, 0.68334],
+    "120": [0, 0.44444, 0.09169, 0, 0.46111],
+    "121": [0.19444, 0.44444, 0.10836, 0, 0.46111],
+    "122": [0, 0.44444, 0.08752, 0, 0.43472],
+    "126": [0.35, 0.32659, 0.08826, 0, 0.5],
+    "160": [0, 0, 0, 0, 0.25],
+    "168": [0, 0.67937, 0.06385, 0, 0.5],
+    "176": [0, 0.69444, 0, 0, 0.73752],
+    "184": [0.17014, 0, 0, 0, 0.44445],
+    "305": [0, 0.44444, 0.04169, 0, 0.23889],
+    "567": [0.19444, 0.44444, 0.04169, 0, 0.26667],
+    "710": [0, 0.69444, 0.0799, 0, 0.5],
+    "711": [0, 0.63194, 0.08432, 0, 0.5],
+    "713": [0, 0.60889, 0.08776, 0, 0.5],
+    "714": [0, 0.69444, 0.09205, 0, 0.5],
+    "715": [0, 0.69444, 0, 0, 0.5],
+    "728": [0, 0.69444, 0.09483, 0, 0.5],
+    "729": [0, 0.67937, 0.07774, 0, 0.27778],
+    "730": [0, 0.69444, 0, 0, 0.73752],
+    "732": [0, 0.67659, 0.08826, 0, 0.5],
+    "733": [0, 0.69444, 0.09205, 0, 0.5],
+    "915": [0, 0.69444, 0.13372, 0, 0.54167],
+    "916": [0, 0.69444, 0, 0, 0.83334],
+    "920": [0, 0.69444, 0.07555, 0, 0.77778],
+    "923": [0, 0.69444, 0, 0, 0.61111],
+    "926": [0, 0.69444, 0.12816, 0, 0.66667],
+    "928": [0, 0.69444, 0.08094, 0, 0.70834],
+    "931": [0, 0.69444, 0.11983, 0, 0.72222],
+    "933": [0, 0.69444, 0.09031, 0, 0.77778],
+    "934": [0, 0.69444, 0.04603, 0, 0.72222],
+    "936": [0, 0.69444, 0.09031, 0, 0.77778],
+    "937": [0, 0.69444, 0.08293, 0, 0.72222],
+    "8211": [0, 0.44444, 0.08616, 0, 0.5],
+    "8212": [0, 0.44444, 0.08616, 0, 1.0],
+    "8216": [0, 0.69444, 0.07816, 0, 0.27778],
+    "8217": [0, 0.69444, 0.07816, 0, 0.27778],
+    "8220": [0, 0.69444, 0.14205, 0, 0.5],
+    "8221": [0, 0.69444, 0.00316, 0, 0.5]
+  },
+  "SansSerif-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "33": [0, 0.69444, 0, 0, 0.31945],
+    "34": [0, 0.69444, 0, 0, 0.5],
+    "35": [0.19444, 0.69444, 0, 0, 0.83334],
+    "36": [0.05556, 0.75, 0, 0, 0.5],
+    "37": [0.05556, 0.75, 0, 0, 0.83334],
+    "38": [0, 0.69444, 0, 0, 0.75834],
+    "39": [0, 0.69444, 0, 0, 0.27778],
+    "40": [0.25, 0.75, 0, 0, 0.38889],
+    "41": [0.25, 0.75, 0, 0, 0.38889],
+    "42": [0, 0.75, 0, 0, 0.5],
+    "43": [0.08333, 0.58333, 0, 0, 0.77778],
+    "44": [0.125, 0.08333, 0, 0, 0.27778],
+    "45": [0, 0.44444, 0, 0, 0.33333],
+    "46": [0, 0.08333, 0, 0, 0.27778],
+    "47": [0.25, 0.75, 0, 0, 0.5],
+    "48": [0, 0.65556, 0, 0, 0.5],
+    "49": [0, 0.65556, 0, 0, 0.5],
+    "50": [0, 0.65556, 0, 0, 0.5],
+    "51": [0, 0.65556, 0, 0, 0.5],
+    "52": [0, 0.65556, 0, 0, 0.5],
+    "53": [0, 0.65556, 0, 0, 0.5],
+    "54": [0, 0.65556, 0, 0, 0.5],
+    "55": [0, 0.65556, 0, 0, 0.5],
+    "56": [0, 0.65556, 0, 0, 0.5],
+    "57": [0, 0.65556, 0, 0, 0.5],
+    "58": [0, 0.44444, 0, 0, 0.27778],
+    "59": [0.125, 0.44444, 0, 0, 0.27778],
+    "61": [-0.13, 0.37, 0, 0, 0.77778],
+    "63": [0, 0.69444, 0, 0, 0.47222],
+    "64": [0, 0.69444, 0, 0, 0.66667],
+    "65": [0, 0.69444, 0, 0, 0.66667],
+    "66": [0, 0.69444, 0, 0, 0.66667],
+    "67": [0, 0.69444, 0, 0, 0.63889],
+    "68": [0, 0.69444, 0, 0, 0.72223],
+    "69": [0, 0.69444, 0, 0, 0.59722],
+    "70": [0, 0.69444, 0, 0, 0.56945],
+    "71": [0, 0.69444, 0, 0, 0.66667],
+    "72": [0, 0.69444, 0, 0, 0.70834],
+    "73": [0, 0.69444, 0, 0, 0.27778],
+    "74": [0, 0.69444, 0, 0, 0.47222],
+    "75": [0, 0.69444, 0, 0, 0.69445],
+    "76": [0, 0.69444, 0, 0, 0.54167],
+    "77": [0, 0.69444, 0, 0, 0.875],
+    "78": [0, 0.69444, 0, 0, 0.70834],
+    "79": [0, 0.69444, 0, 0, 0.73611],
+    "80": [0, 0.69444, 0, 0, 0.63889],
+    "81": [0.125, 0.69444, 0, 0, 0.73611],
+    "82": [0, 0.69444, 0, 0, 0.64584],
+    "83": [0, 0.69444, 0, 0, 0.55556],
+    "84": [0, 0.69444, 0, 0, 0.68056],
+    "85": [0, 0.69444, 0, 0, 0.6875],
+    "86": [0, 0.69444, 0.01389, 0, 0.66667],
+    "87": [0, 0.69444, 0.01389, 0, 0.94445],
+    "88": [0, 0.69444, 0, 0, 0.66667],
+    "89": [0, 0.69444, 0.025, 0, 0.66667],
+    "90": [0, 0.69444, 0, 0, 0.61111],
+    "91": [0.25, 0.75, 0, 0, 0.28889],
+    "93": [0.25, 0.75, 0, 0, 0.28889],
+    "94": [0, 0.69444, 0, 0, 0.5],
+    "95": [0.35, 0.09444, 0.02778, 0, 0.5],
+    "97": [0, 0.44444, 0, 0, 0.48056],
+    "98": [0, 0.69444, 0, 0, 0.51667],
+    "99": [0, 0.44444, 0, 0, 0.44445],
+    "100": [0, 0.69444, 0, 0, 0.51667],
+    "101": [0, 0.44444, 0, 0, 0.44445],
+    "102": [0, 0.69444, 0.06944, 0, 0.30556],
+    "103": [0.19444, 0.44444, 0.01389, 0, 0.5],
+    "104": [0, 0.69444, 0, 0, 0.51667],
+    "105": [0, 0.67937, 0, 0, 0.23889],
+    "106": [0.19444, 0.67937, 0, 0, 0.26667],
+    "107": [0, 0.69444, 0, 0, 0.48889],
+    "108": [0, 0.69444, 0, 0, 0.23889],
+    "109": [0, 0.44444, 0, 0, 0.79445],
+    "110": [0, 0.44444, 0, 0, 0.51667],
+    "111": [0, 0.44444, 0, 0, 0.5],
+    "112": [0.19444, 0.44444, 0, 0, 0.51667],
+    "113": [0.19444, 0.44444, 0, 0, 0.51667],
+    "114": [0, 0.44444, 0.01389, 0, 0.34167],
+    "115": [0, 0.44444, 0, 0, 0.38333],
+    "116": [0, 0.57143, 0, 0, 0.36111],
+    "117": [0, 0.44444, 0, 0, 0.51667],
+    "118": [0, 0.44444, 0.01389, 0, 0.46111],
+    "119": [0, 0.44444, 0.01389, 0, 0.68334],
+    "120": [0, 0.44444, 0, 0, 0.46111],
+    "121": [0.19444, 0.44444, 0.01389, 0, 0.46111],
+    "122": [0, 0.44444, 0, 0, 0.43472],
+    "126": [0.35, 0.32659, 0, 0, 0.5],
+    "160": [0, 0, 0, 0, 0.25],
+    "168": [0, 0.67937, 0, 0, 0.5],
+    "176": [0, 0.69444, 0, 0, 0.66667],
+    "184": [0.17014, 0, 0, 0, 0.44445],
+    "305": [0, 0.44444, 0, 0, 0.23889],
+    "567": [0.19444, 0.44444, 0, 0, 0.26667],
+    "710": [0, 0.69444, 0, 0, 0.5],
+    "711": [0, 0.63194, 0, 0, 0.5],
+    "713": [0, 0.60889, 0, 0, 0.5],
+    "714": [0, 0.69444, 0, 0, 0.5],
+    "715": [0, 0.69444, 0, 0, 0.5],
+    "728": [0, 0.69444, 0, 0, 0.5],
+    "729": [0, 0.67937, 0, 0, 0.27778],
+    "730": [0, 0.69444, 0, 0, 0.66667],
+    "732": [0, 0.67659, 0, 0, 0.5],
+    "733": [0, 0.69444, 0, 0, 0.5],
+    "915": [0, 0.69444, 0, 0, 0.54167],
+    "916": [0, 0.69444, 0, 0, 0.83334],
+    "920": [0, 0.69444, 0, 0, 0.77778],
+    "923": [0, 0.69444, 0, 0, 0.61111],
+    "926": [0, 0.69444, 0, 0, 0.66667],
+    "928": [0, 0.69444, 0, 0, 0.70834],
+    "931": [0, 0.69444, 0, 0, 0.72222],
+    "933": [0, 0.69444, 0, 0, 0.77778],
+    "934": [0, 0.69444, 0, 0, 0.72222],
+    "936": [0, 0.69444, 0, 0, 0.77778],
+    "937": [0, 0.69444, 0, 0, 0.72222],
+    "8211": [0, 0.44444, 0.02778, 0, 0.5],
+    "8212": [0, 0.44444, 0.02778, 0, 1.0],
+    "8216": [0, 0.69444, 0, 0, 0.27778],
+    "8217": [0, 0.69444, 0, 0, 0.27778],
+    "8220": [0, 0.69444, 0, 0, 0.5],
+    "8221": [0, 0.69444, 0, 0, 0.5]
+  },
+  "Script-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "65": [0, 0.7, 0.22925, 0, 0.80253],
+    "66": [0, 0.7, 0.04087, 0, 0.90757],
+    "67": [0, 0.7, 0.1689, 0, 0.66619],
+    "68": [0, 0.7, 0.09371, 0, 0.77443],
+    "69": [0, 0.7, 0.18583, 0, 0.56162],
+    "70": [0, 0.7, 0.13634, 0, 0.89544],
+    "71": [0, 0.7, 0.17322, 0, 0.60961],
+    "72": [0, 0.7, 0.29694, 0, 0.96919],
+    "73": [0, 0.7, 0.19189, 0, 0.80907],
+    "74": [0.27778, 0.7, 0.19189, 0, 1.05159],
+    "75": [0, 0.7, 0.31259, 0, 0.91364],
+    "76": [0, 0.7, 0.19189, 0, 0.87373],
+    "77": [0, 0.7, 0.15981, 0, 1.08031],
+    "78": [0, 0.7, 0.3525, 0, 0.9015],
+    "79": [0, 0.7, 0.08078, 0, 0.73787],
+    "80": [0, 0.7, 0.08078, 0, 1.01262],
+    "81": [0, 0.7, 0.03305, 0, 0.88282],
+    "82": [0, 0.7, 0.06259, 0, 0.85],
+    "83": [0, 0.7, 0.19189, 0, 0.86767],
+    "84": [0, 0.7, 0.29087, 0, 0.74697],
+    "85": [0, 0.7, 0.25815, 0, 0.79996],
+    "86": [0, 0.7, 0.27523, 0, 0.62204],
+    "87": [0, 0.7, 0.27523, 0, 0.80532],
+    "88": [0, 0.7, 0.26006, 0, 0.94445],
+    "89": [0, 0.7, 0.2939, 0, 0.70961],
+    "90": [0, 0.7, 0.24037, 0, 0.8212],
+    "160": [0, 0, 0, 0, 0.25]
+  },
+  "Size1-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "40": [0.35001, 0.85, 0, 0, 0.45834],
+    "41": [0.35001, 0.85, 0, 0, 0.45834],
+    "47": [0.35001, 0.85, 0, 0, 0.57778],
+    "91": [0.35001, 0.85, 0, 0, 0.41667],
+    "92": [0.35001, 0.85, 0, 0, 0.57778],
+    "93": [0.35001, 0.85, 0, 0, 0.41667],
+    "123": [0.35001, 0.85, 0, 0, 0.58334],
+    "125": [0.35001, 0.85, 0, 0, 0.58334],
+    "160": [0, 0, 0, 0, 0.25],
+    "710": [0, 0.72222, 0, 0, 0.55556],
+    "732": [0, 0.72222, 0, 0, 0.55556],
+    "770": [0, 0.72222, 0, 0, 0.55556],
+    "771": [0, 0.72222, 0, 0, 0.55556],
+    "8214": [-0.00099, 0.601, 0, 0, 0.77778],
+    "8593": [1e-05, 0.6, 0, 0, 0.66667],
+    "8595": [1e-05, 0.6, 0, 0, 0.66667],
+    "8657": [1e-05, 0.6, 0, 0, 0.77778],
+    "8659": [1e-05, 0.6, 0, 0, 0.77778],
+    "8719": [0.25001, 0.75, 0, 0, 0.94445],
+    "8720": [0.25001, 0.75, 0, 0, 0.94445],
+    "8721": [0.25001, 0.75, 0, 0, 1.05556],
+    "8730": [0.35001, 0.85, 0, 0, 1.0],
+    "8739": [-0.00599, 0.606, 0, 0, 0.33333],
+    "8741": [-0.00599, 0.606, 0, 0, 0.55556],
+    "8747": [0.30612, 0.805, 0.19445, 0, 0.47222],
+    "8748": [0.306, 0.805, 0.19445, 0, 0.47222],
+    "8749": [0.306, 0.805, 0.19445, 0, 0.47222],
+    "8750": [0.30612, 0.805, 0.19445, 0, 0.47222],
+    "8896": [0.25001, 0.75, 0, 0, 0.83334],
+    "8897": [0.25001, 0.75, 0, 0, 0.83334],
+    "8898": [0.25001, 0.75, 0, 0, 0.83334],
+    "8899": [0.25001, 0.75, 0, 0, 0.83334],
+    "8968": [0.35001, 0.85, 0, 0, 0.47222],
+    "8969": [0.35001, 0.85, 0, 0, 0.47222],
+    "8970": [0.35001, 0.85, 0, 0, 0.47222],
+    "8971": [0.35001, 0.85, 0, 0, 0.47222],
+    "9168": [-0.00099, 0.601, 0, 0, 0.66667],
+    "10216": [0.35001, 0.85, 0, 0, 0.47222],
+    "10217": [0.35001, 0.85, 0, 0, 0.47222],
+    "10752": [0.25001, 0.75, 0, 0, 1.11111],
+    "10753": [0.25001, 0.75, 0, 0, 1.11111],
+    "10754": [0.25001, 0.75, 0, 0, 1.11111],
+    "10756": [0.25001, 0.75, 0, 0, 0.83334],
+    "10758": [0.25001, 0.75, 0, 0, 0.83334]
+  },
+  "Size2-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "40": [0.65002, 1.15, 0, 0, 0.59722],
+    "41": [0.65002, 1.15, 0, 0, 0.59722],
+    "47": [0.65002, 1.15, 0, 0, 0.81111],
+    "91": [0.65002, 1.15, 0, 0, 0.47222],
+    "92": [0.65002, 1.15, 0, 0, 0.81111],
+    "93": [0.65002, 1.15, 0, 0, 0.47222],
+    "123": [0.65002, 1.15, 0, 0, 0.66667],
+    "125": [0.65002, 1.15, 0, 0, 0.66667],
+    "160": [0, 0, 0, 0, 0.25],
+    "710": [0, 0.75, 0, 0, 1.0],
+    "732": [0, 0.75, 0, 0, 1.0],
+    "770": [0, 0.75, 0, 0, 1.0],
+    "771": [0, 0.75, 0, 0, 1.0],
+    "8719": [0.55001, 1.05, 0, 0, 1.27778],
+    "8720": [0.55001, 1.05, 0, 0, 1.27778],
+    "8721": [0.55001, 1.05, 0, 0, 1.44445],
+    "8730": [0.65002, 1.15, 0, 0, 1.0],
+    "8747": [0.86225, 1.36, 0.44445, 0, 0.55556],
+    "8748": [0.862, 1.36, 0.44445, 0, 0.55556],
+    "8749": [0.862, 1.36, 0.44445, 0, 0.55556],
+    "8750": [0.86225, 1.36, 0.44445, 0, 0.55556],
+    "8896": [0.55001, 1.05, 0, 0, 1.11111],
+    "8897": [0.55001, 1.05, 0, 0, 1.11111],
+    "8898": [0.55001, 1.05, 0, 0, 1.11111],
+    "8899": [0.55001, 1.05, 0, 0, 1.11111],
+    "8968": [0.65002, 1.15, 0, 0, 0.52778],
+    "8969": [0.65002, 1.15, 0, 0, 0.52778],
+    "8970": [0.65002, 1.15, 0, 0, 0.52778],
+    "8971": [0.65002, 1.15, 0, 0, 0.52778],
+    "10216": [0.65002, 1.15, 0, 0, 0.61111],
+    "10217": [0.65002, 1.15, 0, 0, 0.61111],
+    "10752": [0.55001, 1.05, 0, 0, 1.51112],
+    "10753": [0.55001, 1.05, 0, 0, 1.51112],
+    "10754": [0.55001, 1.05, 0, 0, 1.51112],
+    "10756": [0.55001, 1.05, 0, 0, 1.11111],
+    "10758": [0.55001, 1.05, 0, 0, 1.11111]
+  },
+  "Size3-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "40": [0.95003, 1.45, 0, 0, 0.73611],
+    "41": [0.95003, 1.45, 0, 0, 0.73611],
+    "47": [0.95003, 1.45, 0, 0, 1.04445],
+    "91": [0.95003, 1.45, 0, 0, 0.52778],
+    "92": [0.95003, 1.45, 0, 0, 1.04445],
+    "93": [0.95003, 1.45, 0, 0, 0.52778],
+    "123": [0.95003, 1.45, 0, 0, 0.75],
+    "125": [0.95003, 1.45, 0, 0, 0.75],
+    "160": [0, 0, 0, 0, 0.25],
+    "710": [0, 0.75, 0, 0, 1.44445],
+    "732": [0, 0.75, 0, 0, 1.44445],
+    "770": [0, 0.75, 0, 0, 1.44445],
+    "771": [0, 0.75, 0, 0, 1.44445],
+    "8730": [0.95003, 1.45, 0, 0, 1.0],
+    "8968": [0.95003, 1.45, 0, 0, 0.58334],
+    "8969": [0.95003, 1.45, 0, 0, 0.58334],
+    "8970": [0.95003, 1.45, 0, 0, 0.58334],
+    "8971": [0.95003, 1.45, 0, 0, 0.58334],
+    "10216": [0.95003, 1.45, 0, 0, 0.75],
+    "10217": [0.95003, 1.45, 0, 0, 0.75]
+  },
+  "Size4-Regular": {
+    "32": [0, 0, 0, 0, 0.25],
+    "40": [1.25003, 1.75, 0, 0, 0.79167],
+    "41": [1.25003, 1.75, 0, 0, 0.79167],
+    "47": [1.25003, 1.75, 0, 0, 1.27778],
+    "91": [1.25003, 1.75, 0, 0, 0.58334],
+    "92": [1.25003, 1.75, 0, 0, 1.27778],
+    "93": [1.25003, 1.75, 0, 0, 0.58334],
+    "123": [1.25003, 1.75, 0, 0, 0.80556],
+    "125": [1.25003, 1.75, 0, 0, 0.80556],
+    "160": [0, 0, 0, 0, 0.25],
+    "710": [0, 0.825, 0, 0, 1.8889],
+    "732": [0, 0.825, 0, 0, 1.8889],
+    "770": [0, 0.825, 0, 0, 1.8889],
+    "771": [0, 0.825, 0, 0, 1.8889],
+    "8730": [1.25003, 1.75, 0, 0, 1.0],
+    "8968": [1.25003, 1.75, 0, 0, 0.63889],
+    "8969": [1.25003, 1.75, 0, 0, 0.63889],
+    "8970": [1.25003, 1.75, 0, 0, 0.63889],
+    "8971": [1.25003, 1.75, 0, 0, 0.63889],
+    "9115": [0.64502, 1.155, 0, 0, 0.875],
+    "9116": [1e-05, 0.6, 0, 0, 0.875],
+    "9117": [0.64502, 1.155, 0, 0, 0.875],
+    "9118": [0.64502, 1.155, 0, 0, 0.875],
+    "9119": [1e-05, 0.6, 0, 0, 0.875],
+    "9120": [0.64502, 1.155, 0, 0, 0.875],
+    "9121": [0.64502, 1.155, 0, 0, 0.66667],
+    "9122": [-0.00099, 0.601, 0, 0, 0.66667],
+    "9123": [0.64502, 1.155, 0, 0, 0.66667],
+    "9124": [0.64502, 1.155, 0, 0, 0.66667],
+    "9125": [-0.00099, 0.601, 0, 0, 0.66667],
+    "9126": [0.64502, 1.155, 0, 0, 0.66667],
+    "9127": [1e-05, 0.9, 0, 0, 0.88889],
+    "9128": [0.65002, 1.15, 0, 0, 0.88889],
+    "9129": [0.90001, 0, 0, 0, 0.88889],
+    "9130": [0, 0.3, 0, 0, 0.88889],
+    "9131": [1e-05, 0.9, 0, 0, 0.88889],
+    "9132": [0.65002, 1.15, 0, 0, 0.88889],
+    "9133": [0.90001, 0, 0, 0, 0.88889],
+    "9143": [0.88502, 0.915, 0, 0, 1.05556],
+    "10216": [1.25003, 1.75, 0, 0, 0.80556],
+    "10217": [1.25003, 1.75, 0, 0, 0.80556],
+    "57344": [-0.00499, 0.605, 0, 0, 1.05556],
+    "57345": [-0.00499, 0.605, 0, 0, 1.05556],
+    "57680": [0, 0.12, 0, 0, 0.45],
+    "57681": [0, 0.12, 0, 0, 0.45],
+    "57682": [0, 0.12, 0, 0, 0.45],
+    "57683": [0, 0.12, 0, 0, 0.45]
+  },
+  "Typewriter-Regular": {
+    "32": [0, 0, 0, 0, 0.525],
+    "33": [0, 0.61111, 0, 0, 0.525],
+    "34": [0, 0.61111, 0, 0, 0.525],
+    "35": [0, 0.61111, 0, 0, 0.525],
+    "36": [0.08333, 0.69444, 0, 0, 0.525],
+    "37": [0.08333, 0.69444, 0, 0, 0.525],
+    "38": [0, 0.61111, 0, 0, 0.525],
+    "39": [0, 0.61111, 0, 0, 0.525],
+    "40": [0.08333, 0.69444, 0, 0, 0.525],
+    "41": [0.08333, 0.69444, 0, 0, 0.525],
+    "42": [0, 0.52083, 0, 0, 0.525],
+    "43": [-0.08056, 0.53055, 0, 0, 0.525],
+    "44": [0.13889, 0.125, 0, 0, 0.525],
+    "45": [-0.08056, 0.53055, 0, 0, 0.525],
+    "46": [0, 0.125, 0, 0, 0.525],
+    "47": [0.08333, 0.69444, 0, 0, 0.525],
+    "48": [0, 0.61111, 0, 0, 0.525],
+    "49": [0, 0.61111, 0, 0, 0.525],
+    "50": [0, 0.61111, 0, 0, 0.525],
+    "51": [0, 0.61111, 0, 0, 0.525],
+    "52": [0, 0.61111, 0, 0, 0.525],
+    "53": [0, 0.61111, 0, 0, 0.525],
+    "54": [0, 0.61111, 0, 0, 0.525],
+    "55": [0, 0.61111, 0, 0, 0.525],
+    "56": [0, 0.61111, 0, 0, 0.525],
+    "57": [0, 0.61111, 0, 0, 0.525],
+    "58": [0, 0.43056, 0, 0, 0.525],
+    "59": [0.13889, 0.43056, 0, 0, 0.525],
+    "60": [-0.05556, 0.55556, 0, 0, 0.525],
+    "61": [-0.19549, 0.41562, 0, 0, 0.525],
+    "62": [-0.05556, 0.55556, 0, 0, 0.525],
+    "63": [0, 0.61111, 0, 0, 0.525],
+    "64": [0, 0.61111, 0, 0, 0.525],
+    "65": [0, 0.61111, 0, 0, 0.525],
+    "66": [0, 0.61111, 0, 0, 0.525],
+    "67": [0, 0.61111, 0, 0, 0.525],
+    "68": [0, 0.61111, 0, 0, 0.525],
+    "69": [0, 0.61111, 0, 0, 0.525],
+    "70": [0, 0.61111, 0, 0, 0.525],
+    "71": [0, 0.61111, 0, 0, 0.525],
+    "72": [0, 0.61111, 0, 0, 0.525],
+    "73": [0, 0.61111, 0, 0, 0.525],
+    "74": [0, 0.61111, 0, 0, 0.525],
+    "75": [0, 0.61111, 0, 0, 0.525],
+    "76": [0, 0.61111, 0, 0, 0.525],
+    "77": [0, 0.61111, 0, 0, 0.525],
+    "78": [0, 0.61111, 0, 0, 0.525],
+    "79": [0, 0.61111, 0, 0, 0.525],
+    "80": [0, 0.61111, 0, 0, 0.525],
+    "81": [0.13889, 0.61111, 0, 0, 0.525],
+    "82": [0, 0.61111, 0, 0, 0.525],
+    "83": [0, 0.61111, 0, 0, 0.525],
+    "84": [0, 0.61111, 0, 0, 0.525],
+    "85": [0, 0.61111, 0, 0, 0.525],
+    "86": [0, 0.61111, 0, 0, 0.525],
+    "87": [0, 0.61111, 0, 0, 0.525],
+    "88": [0, 0.61111, 0, 0, 0.525],
+    "89": [0, 0.61111, 0, 0, 0.525],
+    "90": [0, 0.61111, 0, 0, 0.525],
+    "91": [0.08333, 0.69444, 0, 0, 0.525],
+    "92": [0.08333, 0.69444, 0, 0, 0.525],
+    "93": [0.08333, 0.69444, 0, 0, 0.525],
+    "94": [0, 0.61111, 0, 0, 0.525],
+    "95": [0.09514, 0, 0, 0, 0.525],
+    "96": [0, 0.61111, 0, 0, 0.525],
+    "97": [0, 0.43056, 0, 0, 0.525],
+    "98": [0, 0.61111, 0, 0, 0.525],
+    "99": [0, 0.43056, 0, 0, 0.525],
+    "100": [0, 0.61111, 0, 0, 0.525],
+    "101": [0, 0.43056, 0, 0, 0.525],
+    "102": [0, 0.61111, 0, 0, 0.525],
+    "103": [0.22222, 0.43056, 0, 0, 0.525],
+    "104": [0, 0.61111, 0, 0, 0.525],
+    "105": [0, 0.61111, 0, 0, 0.525],
+    "106": [0.22222, 0.61111, 0, 0, 0.525],
+    "107": [0, 0.61111, 0, 0, 0.525],
+    "108": [0, 0.61111, 0, 0, 0.525],
+    "109": [0, 0.43056, 0, 0, 0.525],
+    "110": [0, 0.43056, 0, 0, 0.525],
+    "111": [0, 0.43056, 0, 0, 0.525],
+    "112": [0.22222, 0.43056, 0, 0, 0.525],
+    "113": [0.22222, 0.43056, 0, 0, 0.525],
+    "114": [0, 0.43056, 0, 0, 0.525],
+    "115": [0, 0.43056, 0, 0, 0.525],
+    "116": [0, 0.55358, 0, 0, 0.525],
+    "117": [0, 0.43056, 0, 0, 0.525],
+    "118": [0, 0.43056, 0, 0, 0.525],
+    "119": [0, 0.43056, 0, 0, 0.525],
+    "120": [0, 0.43056, 0, 0, 0.525],
+    "121": [0.22222, 0.43056, 0, 0, 0.525],
+    "122": [0, 0.43056, 0, 0, 0.525],
+    "123": [0.08333, 0.69444, 0, 0, 0.525],
+    "124": [0.08333, 0.69444, 0, 0, 0.525],
+    "125": [0.08333, 0.69444, 0, 0, 0.525],
+    "126": [0, 0.61111, 0, 0, 0.525],
+    "127": [0, 0.61111, 0, 0, 0.525],
+    "160": [0, 0, 0, 0, 0.525],
+    "176": [0, 0.61111, 0, 0, 0.525],
+    "184": [0.19445, 0, 0, 0, 0.525],
+    "305": [0, 0.43056, 0, 0, 0.525],
+    "567": [0.22222, 0.43056, 0, 0, 0.525],
+    "711": [0, 0.56597, 0, 0, 0.525],
+    "713": [0, 0.56555, 0, 0, 0.525],
+    "714": [0, 0.61111, 0, 0, 0.525],
+    "715": [0, 0.61111, 0, 0, 0.525],
+    "728": [0, 0.61111, 0, 0, 0.525],
+    "730": [0, 0.61111, 0, 0, 0.525],
+    "770": [0, 0.61111, 0, 0, 0.525],
+    "771": [0, 0.61111, 0, 0, 0.525],
+    "776": [0, 0.61111, 0, 0, 0.525],
+    "915": [0, 0.61111, 0, 0, 0.525],
+    "916": [0, 0.61111, 0, 0, 0.525],
+    "920": [0, 0.61111, 0, 0, 0.525],
+    "923": [0, 0.61111, 0, 0, 0.525],
+    "926": [0, 0.61111, 0, 0, 0.525],
+    "928": [0, 0.61111, 0, 0, 0.525],
+    "931": [0, 0.61111, 0, 0, 0.525],
+    "933": [0, 0.61111, 0, 0, 0.525],
+    "934": [0, 0.61111, 0, 0, 0.525],
+    "936": [0, 0.61111, 0, 0, 0.525],
+    "937": [0, 0.61111, 0, 0, 0.525],
+    "8216": [0, 0.61111, 0, 0, 0.525],
+    "8217": [0, 0.61111, 0, 0, 0.525],
+    "8242": [0, 0.61111, 0, 0, 0.525],
+    "9251": [0.11111, 0.21944, 0, 0, 0.525]
+  }
+});
+// CONCATENATED MODULE: ./src/fontMetrics.js
+
+
+/**
+ * This file contains metrics regarding fonts and individual symbols. The sigma
+ * and xi variables, as well as the metricMap map contain data extracted from
+ * TeX, TeX font metrics, and the TTF files. These data are then exposed via the
+ * `metrics` variable and the getCharacterMetrics function.
+ */
+// In TeX, there are actually three sets of dimensions, one for each of
+// textstyle (size index 5 and higher: >=9pt), scriptstyle (size index 3 and 4:
+// 7-8pt), and scriptscriptstyle (size index 1 and 2: 5-6pt).  These are
+// provided in the the arrays below, in that order.
+//
+// The font metrics are stored in fonts cmsy10, cmsy7, and cmsy5 respsectively.
+// This was determined by running the following script:
+//
+//     latex -interaction=nonstopmode \
+//     '\documentclass{article}\usepackage{amsmath}\begin{document}' \
+//     '$a$ \expandafter\show\the\textfont2' \
+//     '\expandafter\show\the\scriptfont2' \
+//     '\expandafter\show\the\scriptscriptfont2' \
+//     '\stop'
+//
+// The metrics themselves were retreived using the following commands:
+//
+//     tftopl cmsy10
+//     tftopl cmsy7
+//     tftopl cmsy5
+//
+// The output of each of these commands is quite lengthy.  The only part we
+// care about is the FONTDIMEN section. Each value is measured in EMs.
+var sigmasAndXis = {
+  slant: [0.250, 0.250, 0.250],
+  // sigma1
+  space: [0.000, 0.000, 0.000],
+  // sigma2
+  stretch: [0.000, 0.000, 0.000],
+  // sigma3
+  shrink: [0.000, 0.000, 0.000],
+  // sigma4
+  xHeight: [0.431, 0.431, 0.431],
+  // sigma5
+  quad: [1.000, 1.171, 1.472],
+  // sigma6
+  extraSpace: [0.000, 0.000, 0.000],
+  // sigma7
+  num1: [0.677, 0.732, 0.925],
+  // sigma8
+  num2: [0.394, 0.384, 0.387],
+  // sigma9
+  num3: [0.444, 0.471, 0.504],
+  // sigma10
+  denom1: [0.686, 0.752, 1.025],
+  // sigma11
+  denom2: [0.345, 0.344, 0.532],
+  // sigma12
+  sup1: [0.413, 0.503, 0.504],
+  // sigma13
+  sup2: [0.363, 0.431, 0.404],
+  // sigma14
+  sup3: [0.289, 0.286, 0.294],
+  // sigma15
+  sub1: [0.150, 0.143, 0.200],
+  // sigma16
+  sub2: [0.247, 0.286, 0.400],
+  // sigma17
+  supDrop: [0.386, 0.353, 0.494],
+  // sigma18
+  subDrop: [0.050, 0.071, 0.100],
+  // sigma19
+  delim1: [2.390, 1.700, 1.980],
+  // sigma20
+  delim2: [1.010, 1.157, 1.420],
+  // sigma21
+  axisHeight: [0.250, 0.250, 0.250],
+  // sigma22
+  // These font metrics are extracted from TeX by using tftopl on cmex10.tfm;
+  // they correspond to the font parameters of the extension fonts (family 3).
+  // See the TeXbook, page 441. In AMSTeX, the extension fonts scale; to
+  // match cmex7, we'd use cmex7.tfm values for script and scriptscript
+  // values.
+  defaultRuleThickness: [0.04, 0.049, 0.049],
+  // xi8; cmex7: 0.049
+  bigOpSpacing1: [0.111, 0.111, 0.111],
+  // xi9
+  bigOpSpacing2: [0.166, 0.166, 0.166],
+  // xi10
+  bigOpSpacing3: [0.2, 0.2, 0.2],
+  // xi11
+  bigOpSpacing4: [0.6, 0.611, 0.611],
+  // xi12; cmex7: 0.611
+  bigOpSpacing5: [0.1, 0.143, 0.143],
+  // xi13; cmex7: 0.143
+  // The \sqrt rule width is taken from the height of the surd character.
+  // Since we use the same font at all sizes, this thickness doesn't scale.
+  sqrtRuleThickness: [0.04, 0.04, 0.04],
+  // This value determines how large a pt is, for metrics which are defined
+  // in terms of pts.
+  // This value is also used in katex.less; if you change it make sure the
+  // values match.
+  ptPerEm: [10.0, 10.0, 10.0],
+  // The space between adjacent `|` columns in an array definition. From
+  // `\showthe\doublerulesep` in LaTeX. Equals 2.0 / ptPerEm.
+  doubleRuleSep: [0.2, 0.2, 0.2],
+  // The width of separator lines in {array} environments. From
+  // `\showthe\arrayrulewidth` in LaTeX. Equals 0.4 / ptPerEm.
+  arrayRuleWidth: [0.04, 0.04, 0.04],
+  // Two values from LaTeX source2e:
+  fboxsep: [0.3, 0.3, 0.3],
+  //        3 pt / ptPerEm
+  fboxrule: [0.04, 0.04, 0.04] // 0.4 pt / ptPerEm
+
+}; // This map contains a mapping from font name and character code to character
+// metrics, including height, depth, italic correction, and skew (kern from the
+// character to the corresponding \skewchar)
+// This map is generated via `make metrics`. It should not be changed manually.
+
+ // These are very rough approximations.  We default to Times New Roman which
+// should have Latin-1 and Cyrillic characters, but may not depending on the
+// operating system.  The metrics do not account for extra height from the
+// accents.  In the case of Cyrillic characters which have both ascenders and
+// descenders we prefer approximations with ascenders, primarily to prevent
+// the fraction bar or root line from intersecting the glyph.
+// TODO(kevinb) allow union of multiple glyph metrics for better accuracy.
+
+var extraCharacterMap = {
+  // Latin-1
+  'Å': 'A',
+  'Ç': 'C',
+  'Ð': 'D',
+  'Þ': 'o',
+  'å': 'a',
+  'ç': 'c',
+  'ð': 'd',
+  'þ': 'o',
+  // Cyrillic
+  'А': 'A',
+  'Б': 'B',
+  'В': 'B',
+  'Г': 'F',
+  'Д': 'A',
+  'Е': 'E',
+  'Ж': 'K',
+  'З': '3',
+  'И': 'N',
+  'Й': 'N',
+  'К': 'K',
+  'Л': 'N',
+  'М': 'M',
+  'Н': 'H',
+  'О': 'O',
+  'П': 'N',
+  'Р': 'P',
+  'С': 'C',
+  'Т': 'T',
+  'У': 'y',
+  'Ф': 'O',
+  'Х': 'X',
+  'Ц': 'U',
+  'Ч': 'h',
+  'Ш': 'W',
+  'Щ': 'W',
+  'Ъ': 'B',
+  'Ы': 'X',
+  'Ь': 'B',
+  'Э': '3',
+  'Ю': 'X',
+  'Я': 'R',
+  'а': 'a',
+  'б': 'b',
+  'в': 'a',
+  'г': 'r',
+  'д': 'y',
+  'е': 'e',
+  'ж': 'm',
+  'з': 'e',
+  'и': 'n',
+  'й': 'n',
+  'к': 'n',
+  'л': 'n',
+  'м': 'm',
+  'н': 'n',
+  'о': 'o',
+  'п': 'n',
+  'р': 'p',
+  'с': 'c',
+  'т': 'o',
+  'у': 'y',
+  'ф': 'b',
+  'х': 'x',
+  'ц': 'n',
+  'ч': 'n',
+  'ш': 'w',
+  'щ': 'w',
+  'ъ': 'a',
+  'ы': 'm',
+  'ь': 'a',
+  'э': 'e',
+  'ю': 'm',
+  'я': 'r'
+};
+
+/**
+ * This function adds new font metrics to default metricMap
+ * It can also override existing metrics
+ */
+function setFontMetrics(fontName, metrics) {
+  fontMetricsData[fontName] = metrics;
+}
+/**
+ * This function is a convenience function for looking up information in the
+ * metricMap table. It takes a character as a string, and a font.
+ *
+ * Note: the `width` property may be undefined if fontMetricsData.js wasn't
+ * built using `Make extended_metrics`.
+ */
+
+function getCharacterMetrics(character, font, mode) {
+  if (!fontMetricsData[font]) {
+    throw new Error("Font metrics not found for font: " + font + ".");
+  }
+
+  var ch = character.charCodeAt(0);
+  var metrics = fontMetricsData[font][ch];
+
+  if (!metrics && character[0] in extraCharacterMap) {
+    ch = extraCharacterMap[character[0]].charCodeAt(0);
+    metrics = fontMetricsData[font][ch];
+  }
+
+  if (!metrics && mode === 'text') {
+    // We don't typically have font metrics for Asian scripts.
+    // But since we support them in text mode, we need to return
+    // some sort of metrics.
+    // So if the character is in a script we support but we
+    // don't have metrics for it, just use the metrics for
+    // the Latin capital letter M. This is close enough because
+    // we (currently) only care about the height of the glpyh
+    // not its width.
+    if (supportedCodepoint(ch)) {
+      metrics = fontMetricsData[font][77]; // 77 is the charcode for 'M'
+    }
+  }
+
+  if (metrics) {
+    return {
+      depth: metrics[0],
+      height: metrics[1],
+      italic: metrics[2],
+      skew: metrics[3],
+      width: metrics[4]
+    };
+  }
+}
+var fontMetricsBySizeIndex = {};
+/**
+ * Get the font metrics for a given size.
+ */
+
+function getGlobalMetrics(size) {
+  var sizeIndex;
+
+  if (size >= 5) {
+    sizeIndex = 0;
+  } else if (size >= 3) {
+    sizeIndex = 1;
+  } else {
+    sizeIndex = 2;
+  }
+
+  if (!fontMetricsBySizeIndex[sizeIndex]) {
+    var metrics = fontMetricsBySizeIndex[sizeIndex] = {
+      cssEmPerMu: sigmasAndXis.quad[sizeIndex] / 18
+    };
+
+    for (var key in sigmasAndXis) {
+      if (sigmasAndXis.hasOwnProperty(key)) {
+        metrics[key] = sigmasAndXis[key][sizeIndex];
+      }
+    }
+  }
+
+  return fontMetricsBySizeIndex[sizeIndex];
+}
+// CONCATENATED MODULE: ./src/symbols.js
+/**
+ * This file holds a list of all no-argument functions and single-character
+ * symbols (like 'a' or ';').
+ *
+ * For each of the symbols, there are three properties they can have:
+ * - font (required): the font to be used for this symbol. Either "main" (the
+     normal font), or "ams" (the ams fonts).
+ * - group (required): the ParseNode group type the symbol should have (i.e.
+     "textord", "mathord", etc).
+     See https://github.com/KaTeX/KaTeX/wiki/Examining-TeX#group-types
+ * - replace: the character that this symbol or function should be
+ *   replaced with (i.e. "\phi" has a replace value of "\u03d5", the phi
+ *   character in the main font).
+ *
+ * The outermost map in the table indicates what mode the symbols should be
+ * accepted in (e.g. "math" or "text").
+ */
+// Some of these have a "-token" suffix since these are also used as `ParseNode`
+// types for raw text tokens, and we want to avoid conflicts with higher-level
+// `ParseNode` types. These `ParseNode`s are constructed within `Parser` by
+// looking up the `symbols` map.
+var ATOMS = {
+  "bin": 1,
+  "close": 1,
+  "inner": 1,
+  "open": 1,
+  "punct": 1,
+  "rel": 1
+};
+var NON_ATOMS = {
+  "accent-token": 1,
+  "mathord": 1,
+  "op-token": 1,
+  "spacing": 1,
+  "textord": 1
+};
+var symbols = {
+  "math": {},
+  "text": {}
+};
+/* harmony default export */ var src_symbols = (symbols);
+/** `acceptUnicodeChar = true` is only applicable if `replace` is set. */
+
+function defineSymbol(mode, font, group, replace, name, acceptUnicodeChar) {
+  symbols[mode][name] = {
+    font: font,
+    group: group,
+    replace: replace
+  };
+
+  if (acceptUnicodeChar && replace) {
+    symbols[mode][replace] = symbols[mode][name];
+  }
+} // Some abbreviations for commonly used strings.
+// This helps minify the code, and also spotting typos using jshint.
+// modes:
+
+var symbols_math = "math";
+var symbols_text = "text"; // fonts:
+
+var main = "main";
+var ams = "ams"; // groups:
+
+var symbols_accent = "accent-token";
+var bin = "bin";
+var symbols_close = "close";
+var symbols_inner = "inner";
+var mathord = "mathord";
+var op = "op-token";
+var symbols_open = "open";
+var punct = "punct";
+var rel = "rel";
+var symbols_spacing = "spacing";
+var symbols_textord = "textord"; // Now comes the symbol table
+// Relation Symbols
+
+defineSymbol(symbols_math, main, rel, "\u2261", "\\equiv", true);
+defineSymbol(symbols_math, main, rel, "\u227A", "\\prec", true);
+defineSymbol(symbols_math, main, rel, "\u227B", "\\succ", true);
+defineSymbol(symbols_math, main, rel, "\u223C", "\\sim", true);
+defineSymbol(symbols_math, main, rel, "\u22A5", "\\perp");
+defineSymbol(symbols_math, main, rel, "\u2AAF", "\\preceq", true);
+defineSymbol(symbols_math, main, rel, "\u2AB0", "\\succeq", true);
+defineSymbol(symbols_math, main, rel, "\u2243", "\\simeq", true);
+defineSymbol(symbols_math, main, rel, "\u2223", "\\mid", true);
+defineSymbol(symbols_math, main, rel, "\u226A", "\\ll", true);
+defineSymbol(symbols_math, main, rel, "\u226B", "\\gg", true);
+defineSymbol(symbols_math, main, rel, "\u224D", "\\asymp", true);
+defineSymbol(symbols_math, main, rel, "\u2225", "\\parallel");
+defineSymbol(symbols_math, main, rel, "\u22C8", "\\bowtie", true);
+defineSymbol(symbols_math, main, rel, "\u2323", "\\smile", true);
+defineSymbol(symbols_math, main, rel, "\u2291", "\\sqsubseteq", true);
+defineSymbol(symbols_math, main, rel, "\u2292", "\\sqsupseteq", true);
+defineSymbol(symbols_math, main, rel, "\u2250", "\\doteq", true);
+defineSymbol(symbols_math, main, rel, "\u2322", "\\frown", true);
+defineSymbol(symbols_math, main, rel, "\u220B", "\\ni", true);
+defineSymbol(symbols_math, main, rel, "\u221D", "\\propto", true);
+defineSymbol(symbols_math, main, rel, "\u22A2", "\\vdash", true);
+defineSymbol(symbols_math, main, rel, "\u22A3", "\\dashv", true);
+defineSymbol(symbols_math, main, rel, "\u220B", "\\owns"); // Punctuation
+
+defineSymbol(symbols_math, main, punct, ".", "\\ldotp");
+defineSymbol(symbols_math, main, punct, "\u22C5", "\\cdotp"); // Misc Symbols
+
+defineSymbol(symbols_math, main, symbols_textord, "#", "\\#");
+defineSymbol(symbols_text, main, symbols_textord, "#", "\\#");
+defineSymbol(symbols_math, main, symbols_textord, "&", "\\&");
+defineSymbol(symbols_text, main, symbols_textord, "&", "\\&");
+defineSymbol(symbols_math, main, symbols_textord, "\u2135", "\\aleph", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2200", "\\forall", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u210F", "\\hbar", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2203", "\\exists", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2207", "\\nabla", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u266D", "\\flat", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2113", "\\ell", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u266E", "\\natural", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2663", "\\clubsuit", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2118", "\\wp", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u266F", "\\sharp", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2662", "\\diamondsuit", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u211C", "\\Re", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2661", "\\heartsuit", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2111", "\\Im", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2660", "\\spadesuit", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xA7", "\\S", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xB6", "\\P", true); // Math and Text
+
+defineSymbol(symbols_math, main, symbols_textord, "\u2020", "\\dag");
+defineSymbol(symbols_text, main, symbols_textord, "\u2020", "\\dag");
+defineSymbol(symbols_text, main, symbols_textord, "\u2020", "\\textdagger");
+defineSymbol(symbols_math, main, symbols_textord, "\u2021", "\\ddag");
+defineSymbol(symbols_text, main, symbols_textord, "\u2021", "\\ddag");
+defineSymbol(symbols_text, main, symbols_textord, "\u2021", "\\textdaggerdbl"); // Large Delimiters
+
+defineSymbol(symbols_math, main, symbols_close, "\u23B1", "\\rmoustache", true);
+defineSymbol(symbols_math, main, symbols_open, "\u23B0", "\\lmoustache", true);
+defineSymbol(symbols_math, main, symbols_close, "\u27EF", "\\rgroup", true);
+defineSymbol(symbols_math, main, symbols_open, "\u27EE", "\\lgroup", true); // Binary Operators
+
+defineSymbol(symbols_math, main, bin, "\u2213", "\\mp", true);
+defineSymbol(symbols_math, main, bin, "\u2296", "\\ominus", true);
+defineSymbol(symbols_math, main, bin, "\u228E", "\\uplus", true);
+defineSymbol(symbols_math, main, bin, "\u2293", "\\sqcap", true);
+defineSymbol(symbols_math, main, bin, "\u2217", "\\ast");
+defineSymbol(symbols_math, main, bin, "\u2294", "\\sqcup", true);
+defineSymbol(symbols_math, main, bin, "\u25EF", "\\bigcirc");
+defineSymbol(symbols_math, main, bin, "\u2219", "\\bullet");
+defineSymbol(symbols_math, main, bin, "\u2021", "\\ddagger");
+defineSymbol(symbols_math, main, bin, "\u2240", "\\wr", true);
+defineSymbol(symbols_math, main, bin, "\u2A3F", "\\amalg");
+defineSymbol(symbols_math, main, bin, "&", "\\And"); // from amsmath
+// Arrow Symbols
+
+defineSymbol(symbols_math, main, rel, "\u27F5", "\\longleftarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21D0", "\\Leftarrow", true);
+defineSymbol(symbols_math, main, rel, "\u27F8", "\\Longleftarrow", true);
+defineSymbol(symbols_math, main, rel, "\u27F6", "\\longrightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21D2", "\\Rightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u27F9", "\\Longrightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u2194", "\\leftrightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u27F7", "\\longleftrightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21D4", "\\Leftrightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u27FA", "\\Longleftrightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21A6", "\\mapsto", true);
+defineSymbol(symbols_math, main, rel, "\u27FC", "\\longmapsto", true);
+defineSymbol(symbols_math, main, rel, "\u2197", "\\nearrow", true);
+defineSymbol(symbols_math, main, rel, "\u21A9", "\\hookleftarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21AA", "\\hookrightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u2198", "\\searrow", true);
+defineSymbol(symbols_math, main, rel, "\u21BC", "\\leftharpoonup", true);
+defineSymbol(symbols_math, main, rel, "\u21C0", "\\rightharpoonup", true);
+defineSymbol(symbols_math, main, rel, "\u2199", "\\swarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21BD", "\\leftharpoondown", true);
+defineSymbol(symbols_math, main, rel, "\u21C1", "\\rightharpoondown", true);
+defineSymbol(symbols_math, main, rel, "\u2196", "\\nwarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21CC", "\\rightleftharpoons", true); // AMS Negated Binary Relations
+
+defineSymbol(symbols_math, ams, rel, "\u226E", "\\nless", true); // Symbol names preceeded by "@" each have a corresponding macro.
+
+defineSymbol(symbols_math, ams, rel, "\uE010", "\\@nleqslant");
+defineSymbol(symbols_math, ams, rel, "\uE011", "\\@nleqq");
+defineSymbol(symbols_math, ams, rel, "\u2A87", "\\lneq", true);
+defineSymbol(symbols_math, ams, rel, "\u2268", "\\lneqq", true);
+defineSymbol(symbols_math, ams, rel, "\uE00C", "\\@lvertneqq");
+defineSymbol(symbols_math, ams, rel, "\u22E6", "\\lnsim", true);
+defineSymbol(symbols_math, ams, rel, "\u2A89", "\\lnapprox", true);
+defineSymbol(symbols_math, ams, rel, "\u2280", "\\nprec", true); // unicode-math maps \u22e0 to \npreccurlyeq. We'll use the AMS synonym.
+
+defineSymbol(symbols_math, ams, rel, "\u22E0", "\\npreceq", true);
+defineSymbol(symbols_math, ams, rel, "\u22E8", "\\precnsim", true);
+defineSymbol(symbols_math, ams, rel, "\u2AB9", "\\precnapprox", true);
+defineSymbol(symbols_math, ams, rel, "\u2241", "\\nsim", true);
+defineSymbol(symbols_math, ams, rel, "\uE006", "\\@nshortmid");
+defineSymbol(symbols_math, ams, rel, "\u2224", "\\nmid", true);
+defineSymbol(symbols_math, ams, rel, "\u22AC", "\\nvdash", true);
+defineSymbol(symbols_math, ams, rel, "\u22AD", "\\nvDash", true);
+defineSymbol(symbols_math, ams, rel, "\u22EA", "\\ntriangleleft");
+defineSymbol(symbols_math, ams, rel, "\u22EC", "\\ntrianglelefteq", true);
+defineSymbol(symbols_math, ams, rel, "\u228A", "\\subsetneq", true);
+defineSymbol(symbols_math, ams, rel, "\uE01A", "\\@varsubsetneq");
+defineSymbol(symbols_math, ams, rel, "\u2ACB", "\\subsetneqq", true);
+defineSymbol(symbols_math, ams, rel, "\uE017", "\\@varsubsetneqq");
+defineSymbol(symbols_math, ams, rel, "\u226F", "\\ngtr", true);
+defineSymbol(symbols_math, ams, rel, "\uE00F", "\\@ngeqslant");
+defineSymbol(symbols_math, ams, rel, "\uE00E", "\\@ngeqq");
+defineSymbol(symbols_math, ams, rel, "\u2A88", "\\gneq", true);
+defineSymbol(symbols_math, ams, rel, "\u2269", "\\gneqq", true);
+defineSymbol(symbols_math, ams, rel, "\uE00D", "\\@gvertneqq");
+defineSymbol(symbols_math, ams, rel, "\u22E7", "\\gnsim", true);
+defineSymbol(symbols_math, ams, rel, "\u2A8A", "\\gnapprox", true);
+defineSymbol(symbols_math, ams, rel, "\u2281", "\\nsucc", true); // unicode-math maps \u22e1 to \nsucccurlyeq. We'll use the AMS synonym.
+
+defineSymbol(symbols_math, ams, rel, "\u22E1", "\\nsucceq", true);
+defineSymbol(symbols_math, ams, rel, "\u22E9", "\\succnsim", true);
+defineSymbol(symbols_math, ams, rel, "\u2ABA", "\\succnapprox", true); // unicode-math maps \u2246 to \simneqq. We'll use the AMS synonym.
+
+defineSymbol(symbols_math, ams, rel, "\u2246", "\\ncong", true);
+defineSymbol(symbols_math, ams, rel, "\uE007", "\\@nshortparallel");
+defineSymbol(symbols_math, ams, rel, "\u2226", "\\nparallel", true);
+defineSymbol(symbols_math, ams, rel, "\u22AF", "\\nVDash", true);
+defineSymbol(symbols_math, ams, rel, "\u22EB", "\\ntriangleright");
+defineSymbol(symbols_math, ams, rel, "\u22ED", "\\ntrianglerighteq", true);
+defineSymbol(symbols_math, ams, rel, "\uE018", "\\@nsupseteqq");
+defineSymbol(symbols_math, ams, rel, "\u228B", "\\supsetneq", true);
+defineSymbol(symbols_math, ams, rel, "\uE01B", "\\@varsupsetneq");
+defineSymbol(symbols_math, ams, rel, "\u2ACC", "\\supsetneqq", true);
+defineSymbol(symbols_math, ams, rel, "\uE019", "\\@varsupsetneqq");
+defineSymbol(symbols_math, ams, rel, "\u22AE", "\\nVdash", true);
+defineSymbol(symbols_math, ams, rel, "\u2AB5", "\\precneqq", true);
+defineSymbol(symbols_math, ams, rel, "\u2AB6", "\\succneqq", true);
+defineSymbol(symbols_math, ams, rel, "\uE016", "\\@nsubseteqq");
+defineSymbol(symbols_math, ams, bin, "\u22B4", "\\unlhd");
+defineSymbol(symbols_math, ams, bin, "\u22B5", "\\unrhd"); // AMS Negated Arrows
+
+defineSymbol(symbols_math, ams, rel, "\u219A", "\\nleftarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u219B", "\\nrightarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21CD", "\\nLeftarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21CF", "\\nRightarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21AE", "\\nleftrightarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21CE", "\\nLeftrightarrow", true); // AMS Misc
+
+defineSymbol(symbols_math, ams, rel, "\u25B3", "\\vartriangle");
+defineSymbol(symbols_math, ams, symbols_textord, "\u210F", "\\hslash");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25BD", "\\triangledown");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25CA", "\\lozenge");
+defineSymbol(symbols_math, ams, symbols_textord, "\u24C8", "\\circledS");
+defineSymbol(symbols_math, ams, symbols_textord, "\xAE", "\\circledR");
+defineSymbol(symbols_text, ams, symbols_textord, "\xAE", "\\circledR");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2221", "\\measuredangle", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2204", "\\nexists");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2127", "\\mho");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2132", "\\Finv", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2141", "\\Game", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2035", "\\backprime");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25B2", "\\blacktriangle");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25BC", "\\blacktriangledown");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25A0", "\\blacksquare");
+defineSymbol(symbols_math, ams, symbols_textord, "\u29EB", "\\blacklozenge");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2605", "\\bigstar");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2222", "\\sphericalangle", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2201", "\\complement", true); // unicode-math maps U+F0 to \matheth. We map to AMS function \eth
+
+defineSymbol(symbols_math, ams, symbols_textord, "\xF0", "\\eth", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xF0", "\xF0");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2571", "\\diagup");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2572", "\\diagdown");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25A1", "\\square");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25A1", "\\Box");
+defineSymbol(symbols_math, ams, symbols_textord, "\u25CA", "\\Diamond"); // unicode-math maps U+A5 to \mathyen. We map to AMS function \yen
+
+defineSymbol(symbols_math, ams, symbols_textord, "\xA5", "\\yen", true);
+defineSymbol(symbols_text, ams, symbols_textord, "\xA5", "\\yen", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2713", "\\checkmark", true);
+defineSymbol(symbols_text, ams, symbols_textord, "\u2713", "\\checkmark"); // AMS Hebrew
+
+defineSymbol(symbols_math, ams, symbols_textord, "\u2136", "\\beth", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2138", "\\daleth", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2137", "\\gimel", true); // AMS Greek
+
+defineSymbol(symbols_math, ams, symbols_textord, "\u03DD", "\\digamma", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u03F0", "\\varkappa"); // AMS Delimiters
+
+defineSymbol(symbols_math, ams, symbols_open, "\u250C", "\\@ulcorner", true);
+defineSymbol(symbols_math, ams, symbols_close, "\u2510", "\\@urcorner", true);
+defineSymbol(symbols_math, ams, symbols_open, "\u2514", "\\@llcorner", true);
+defineSymbol(symbols_math, ams, symbols_close, "\u2518", "\\@lrcorner", true); // AMS Binary Relations
+
+defineSymbol(symbols_math, ams, rel, "\u2266", "\\leqq", true);
+defineSymbol(symbols_math, ams, rel, "\u2A7D", "\\leqslant", true);
+defineSymbol(symbols_math, ams, rel, "\u2A95", "\\eqslantless", true);
+defineSymbol(symbols_math, ams, rel, "\u2272", "\\lesssim", true);
+defineSymbol(symbols_math, ams, rel, "\u2A85", "\\lessapprox", true);
+defineSymbol(symbols_math, ams, rel, "\u224A", "\\approxeq", true);
+defineSymbol(symbols_math, ams, bin, "\u22D6", "\\lessdot");
+defineSymbol(symbols_math, ams, rel, "\u22D8", "\\lll", true);
+defineSymbol(symbols_math, ams, rel, "\u2276", "\\lessgtr", true);
+defineSymbol(symbols_math, ams, rel, "\u22DA", "\\lesseqgtr", true);
+defineSymbol(symbols_math, ams, rel, "\u2A8B", "\\lesseqqgtr", true);
+defineSymbol(symbols_math, ams, rel, "\u2251", "\\doteqdot");
+defineSymbol(symbols_math, ams, rel, "\u2253", "\\risingdotseq", true);
+defineSymbol(symbols_math, ams, rel, "\u2252", "\\fallingdotseq", true);
+defineSymbol(symbols_math, ams, rel, "\u223D", "\\backsim", true);
+defineSymbol(symbols_math, ams, rel, "\u22CD", "\\backsimeq", true);
+defineSymbol(symbols_math, ams, rel, "\u2AC5", "\\subseteqq", true);
+defineSymbol(symbols_math, ams, rel, "\u22D0", "\\Subset", true);
+defineSymbol(symbols_math, ams, rel, "\u228F", "\\sqsubset", true);
+defineSymbol(symbols_math, ams, rel, "\u227C", "\\preccurlyeq", true);
+defineSymbol(symbols_math, ams, rel, "\u22DE", "\\curlyeqprec", true);
+defineSymbol(symbols_math, ams, rel, "\u227E", "\\precsim", true);
+defineSymbol(symbols_math, ams, rel, "\u2AB7", "\\precapprox", true);
+defineSymbol(symbols_math, ams, rel, "\u22B2", "\\vartriangleleft");
+defineSymbol(symbols_math, ams, rel, "\u22B4", "\\trianglelefteq");
+defineSymbol(symbols_math, ams, rel, "\u22A8", "\\vDash", true);
+defineSymbol(symbols_math, ams, rel, "\u22AA", "\\Vvdash", true);
+defineSymbol(symbols_math, ams, rel, "\u2323", "\\smallsmile");
+defineSymbol(symbols_math, ams, rel, "\u2322", "\\smallfrown");
+defineSymbol(symbols_math, ams, rel, "\u224F", "\\bumpeq", true);
+defineSymbol(symbols_math, ams, rel, "\u224E", "\\Bumpeq", true);
+defineSymbol(symbols_math, ams, rel, "\u2267", "\\geqq", true);
+defineSymbol(symbols_math, ams, rel, "\u2A7E", "\\geqslant", true);
+defineSymbol(symbols_math, ams, rel, "\u2A96", "\\eqslantgtr", true);
+defineSymbol(symbols_math, ams, rel, "\u2273", "\\gtrsim", true);
+defineSymbol(symbols_math, ams, rel, "\u2A86", "\\gtrapprox", true);
+defineSymbol(symbols_math, ams, bin, "\u22D7", "\\gtrdot");
+defineSymbol(symbols_math, ams, rel, "\u22D9", "\\ggg", true);
+defineSymbol(symbols_math, ams, rel, "\u2277", "\\gtrless", true);
+defineSymbol(symbols_math, ams, rel, "\u22DB", "\\gtreqless", true);
+defineSymbol(symbols_math, ams, rel, "\u2A8C", "\\gtreqqless", true);
+defineSymbol(symbols_math, ams, rel, "\u2256", "\\eqcirc", true);
+defineSymbol(symbols_math, ams, rel, "\u2257", "\\circeq", true);
+defineSymbol(symbols_math, ams, rel, "\u225C", "\\triangleq", true);
+defineSymbol(symbols_math, ams, rel, "\u223C", "\\thicksim");
+defineSymbol(symbols_math, ams, rel, "\u2248", "\\thickapprox");
+defineSymbol(symbols_math, ams, rel, "\u2AC6", "\\supseteqq", true);
+defineSymbol(symbols_math, ams, rel, "\u22D1", "\\Supset", true);
+defineSymbol(symbols_math, ams, rel, "\u2290", "\\sqsupset", true);
+defineSymbol(symbols_math, ams, rel, "\u227D", "\\succcurlyeq", true);
+defineSymbol(symbols_math, ams, rel, "\u22DF", "\\curlyeqsucc", true);
+defineSymbol(symbols_math, ams, rel, "\u227F", "\\succsim", true);
+defineSymbol(symbols_math, ams, rel, "\u2AB8", "\\succapprox", true);
+defineSymbol(symbols_math, ams, rel, "\u22B3", "\\vartriangleright");
+defineSymbol(symbols_math, ams, rel, "\u22B5", "\\trianglerighteq");
+defineSymbol(symbols_math, ams, rel, "\u22A9", "\\Vdash", true);
+defineSymbol(symbols_math, ams, rel, "\u2223", "\\shortmid");
+defineSymbol(symbols_math, ams, rel, "\u2225", "\\shortparallel");
+defineSymbol(symbols_math, ams, rel, "\u226C", "\\between", true);
+defineSymbol(symbols_math, ams, rel, "\u22D4", "\\pitchfork", true);
+defineSymbol(symbols_math, ams, rel, "\u221D", "\\varpropto");
+defineSymbol(symbols_math, ams, rel, "\u25C0", "\\blacktriangleleft"); // unicode-math says that \therefore is a mathord atom.
+// We kept the amssymb atom type, which is rel.
+
+defineSymbol(symbols_math, ams, rel, "\u2234", "\\therefore", true);
+defineSymbol(symbols_math, ams, rel, "\u220D", "\\backepsilon");
+defineSymbol(symbols_math, ams, rel, "\u25B6", "\\blacktriangleright"); // unicode-math says that \because is a mathord atom.
+// We kept the amssymb atom type, which is rel.
+
+defineSymbol(symbols_math, ams, rel, "\u2235", "\\because", true);
+defineSymbol(symbols_math, ams, rel, "\u22D8", "\\llless");
+defineSymbol(symbols_math, ams, rel, "\u22D9", "\\gggtr");
+defineSymbol(symbols_math, ams, bin, "\u22B2", "\\lhd");
+defineSymbol(symbols_math, ams, bin, "\u22B3", "\\rhd");
+defineSymbol(symbols_math, ams, rel, "\u2242", "\\eqsim", true);
+defineSymbol(symbols_math, main, rel, "\u22C8", "\\Join");
+defineSymbol(symbols_math, ams, rel, "\u2251", "\\Doteq", true); // AMS Binary Operators
+
+defineSymbol(symbols_math, ams, bin, "\u2214", "\\dotplus", true);
+defineSymbol(symbols_math, ams, bin, "\u2216", "\\smallsetminus");
+defineSymbol(symbols_math, ams, bin, "\u22D2", "\\Cap", true);
+defineSymbol(symbols_math, ams, bin, "\u22D3", "\\Cup", true);
+defineSymbol(symbols_math, ams, bin, "\u2A5E", "\\doublebarwedge", true);
+defineSymbol(symbols_math, ams, bin, "\u229F", "\\boxminus", true);
+defineSymbol(symbols_math, ams, bin, "\u229E", "\\boxplus", true);
+defineSymbol(symbols_math, ams, bin, "\u22C7", "\\divideontimes", true);
+defineSymbol(symbols_math, ams, bin, "\u22C9", "\\ltimes", true);
+defineSymbol(symbols_math, ams, bin, "\u22CA", "\\rtimes", true);
+defineSymbol(symbols_math, ams, bin, "\u22CB", "\\leftthreetimes", true);
+defineSymbol(symbols_math, ams, bin, "\u22CC", "\\rightthreetimes", true);
+defineSymbol(symbols_math, ams, bin, "\u22CF", "\\curlywedge", true);
+defineSymbol(symbols_math, ams, bin, "\u22CE", "\\curlyvee", true);
+defineSymbol(symbols_math, ams, bin, "\u229D", "\\circleddash", true);
+defineSymbol(symbols_math, ams, bin, "\u229B", "\\circledast", true);
+defineSymbol(symbols_math, ams, bin, "\u22C5", "\\centerdot");
+defineSymbol(symbols_math, ams, bin, "\u22BA", "\\intercal", true);
+defineSymbol(symbols_math, ams, bin, "\u22D2", "\\doublecap");
+defineSymbol(symbols_math, ams, bin, "\u22D3", "\\doublecup");
+defineSymbol(symbols_math, ams, bin, "\u22A0", "\\boxtimes", true); // AMS Arrows
+// Note: unicode-math maps \u21e2 to their own function \rightdasharrow.
+// We'll map it to AMS function \dashrightarrow. It produces the same atom.
+
+defineSymbol(symbols_math, ams, rel, "\u21E2", "\\dashrightarrow", true); // unicode-math maps \u21e0 to \leftdasharrow. We'll use the AMS synonym.
+
+defineSymbol(symbols_math, ams, rel, "\u21E0", "\\dashleftarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21C7", "\\leftleftarrows", true);
+defineSymbol(symbols_math, ams, rel, "\u21C6", "\\leftrightarrows", true);
+defineSymbol(symbols_math, ams, rel, "\u21DA", "\\Lleftarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u219E", "\\twoheadleftarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21A2", "\\leftarrowtail", true);
+defineSymbol(symbols_math, ams, rel, "\u21AB", "\\looparrowleft", true);
+defineSymbol(symbols_math, ams, rel, "\u21CB", "\\leftrightharpoons", true);
+defineSymbol(symbols_math, ams, rel, "\u21B6", "\\curvearrowleft", true); // unicode-math maps \u21ba to \acwopencirclearrow. We'll use the AMS synonym.
+
+defineSymbol(symbols_math, ams, rel, "\u21BA", "\\circlearrowleft", true);
+defineSymbol(symbols_math, ams, rel, "\u21B0", "\\Lsh", true);
+defineSymbol(symbols_math, ams, rel, "\u21C8", "\\upuparrows", true);
+defineSymbol(symbols_math, ams, rel, "\u21BF", "\\upharpoonleft", true);
+defineSymbol(symbols_math, ams, rel, "\u21C3", "\\downharpoonleft", true);
+defineSymbol(symbols_math, ams, rel, "\u22B8", "\\multimap", true);
+defineSymbol(symbols_math, ams, rel, "\u21AD", "\\leftrightsquigarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21C9", "\\rightrightarrows", true);
+defineSymbol(symbols_math, ams, rel, "\u21C4", "\\rightleftarrows", true);
+defineSymbol(symbols_math, ams, rel, "\u21A0", "\\twoheadrightarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21A3", "\\rightarrowtail", true);
+defineSymbol(symbols_math, ams, rel, "\u21AC", "\\looparrowright", true);
+defineSymbol(symbols_math, ams, rel, "\u21B7", "\\curvearrowright", true); // unicode-math maps \u21bb to \cwopencirclearrow. We'll use the AMS synonym.
+
+defineSymbol(symbols_math, ams, rel, "\u21BB", "\\circlearrowright", true);
+defineSymbol(symbols_math, ams, rel, "\u21B1", "\\Rsh", true);
+defineSymbol(symbols_math, ams, rel, "\u21CA", "\\downdownarrows", true);
+defineSymbol(symbols_math, ams, rel, "\u21BE", "\\upharpoonright", true);
+defineSymbol(symbols_math, ams, rel, "\u21C2", "\\downharpoonright", true);
+defineSymbol(symbols_math, ams, rel, "\u21DD", "\\rightsquigarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21DD", "\\leadsto");
+defineSymbol(symbols_math, ams, rel, "\u21DB", "\\Rrightarrow", true);
+defineSymbol(symbols_math, ams, rel, "\u21BE", "\\restriction");
+defineSymbol(symbols_math, main, symbols_textord, "\u2018", "`");
+defineSymbol(symbols_math, main, symbols_textord, "$", "\\$");
+defineSymbol(symbols_text, main, symbols_textord, "$", "\\$");
+defineSymbol(symbols_text, main, symbols_textord, "$", "\\textdollar");
+defineSymbol(symbols_math, main, symbols_textord, "%", "\\%");
+defineSymbol(symbols_text, main, symbols_textord, "%", "\\%");
+defineSymbol(symbols_math, main, symbols_textord, "_", "\\_");
+defineSymbol(symbols_text, main, symbols_textord, "_", "\\_");
+defineSymbol(symbols_text, main, symbols_textord, "_", "\\textunderscore");
+defineSymbol(symbols_math, main, symbols_textord, "\u2220", "\\angle", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u221E", "\\infty", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2032", "\\prime");
+defineSymbol(symbols_math, main, symbols_textord, "\u25B3", "\\triangle");
+defineSymbol(symbols_math, main, symbols_textord, "\u0393", "\\Gamma", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u0394", "\\Delta", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u0398", "\\Theta", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u039B", "\\Lambda", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u039E", "\\Xi", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u03A0", "\\Pi", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u03A3", "\\Sigma", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u03A5", "\\Upsilon", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u03A6", "\\Phi", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u03A8", "\\Psi", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u03A9", "\\Omega", true);
+defineSymbol(symbols_math, main, symbols_textord, "A", "\u0391");
+defineSymbol(symbols_math, main, symbols_textord, "B", "\u0392");
+defineSymbol(symbols_math, main, symbols_textord, "E", "\u0395");
+defineSymbol(symbols_math, main, symbols_textord, "Z", "\u0396");
+defineSymbol(symbols_math, main, symbols_textord, "H", "\u0397");
+defineSymbol(symbols_math, main, symbols_textord, "I", "\u0399");
+defineSymbol(symbols_math, main, symbols_textord, "K", "\u039A");
+defineSymbol(symbols_math, main, symbols_textord, "M", "\u039C");
+defineSymbol(symbols_math, main, symbols_textord, "N", "\u039D");
+defineSymbol(symbols_math, main, symbols_textord, "O", "\u039F");
+defineSymbol(symbols_math, main, symbols_textord, "P", "\u03A1");
+defineSymbol(symbols_math, main, symbols_textord, "T", "\u03A4");
+defineSymbol(symbols_math, main, symbols_textord, "X", "\u03A7");
+defineSymbol(symbols_math, main, symbols_textord, "\xAC", "\\neg", true);
+defineSymbol(symbols_math, main, symbols_textord, "\xAC", "\\lnot");
+defineSymbol(symbols_math, main, symbols_textord, "\u22A4", "\\top");
+defineSymbol(symbols_math, main, symbols_textord, "\u22A5", "\\bot");
+defineSymbol(symbols_math, main, symbols_textord, "\u2205", "\\emptyset");
+defineSymbol(symbols_math, ams, symbols_textord, "\u2205", "\\varnothing");
+defineSymbol(symbols_math, main, mathord, "\u03B1", "\\alpha", true);
+defineSymbol(symbols_math, main, mathord, "\u03B2", "\\beta", true);
+defineSymbol(symbols_math, main, mathord, "\u03B3", "\\gamma", true);
+defineSymbol(symbols_math, main, mathord, "\u03B4", "\\delta", true);
+defineSymbol(symbols_math, main, mathord, "\u03F5", "\\epsilon", true);
+defineSymbol(symbols_math, main, mathord, "\u03B6", "\\zeta", true);
+defineSymbol(symbols_math, main, mathord, "\u03B7", "\\eta", true);
+defineSymbol(symbols_math, main, mathord, "\u03B8", "\\theta", true);
+defineSymbol(symbols_math, main, mathord, "\u03B9", "\\iota", true);
+defineSymbol(symbols_math, main, mathord, "\u03BA", "\\kappa", true);
+defineSymbol(symbols_math, main, mathord, "\u03BB", "\\lambda", true);
+defineSymbol(symbols_math, main, mathord, "\u03BC", "\\mu", true);
+defineSymbol(symbols_math, main, mathord, "\u03BD", "\\nu", true);
+defineSymbol(symbols_math, main, mathord, "\u03BE", "\\xi", true);
+defineSymbol(symbols_math, main, mathord, "\u03BF", "\\omicron", true);
+defineSymbol(symbols_math, main, mathord, "\u03C0", "\\pi", true);
+defineSymbol(symbols_math, main, mathord, "\u03C1", "\\rho", true);
+defineSymbol(symbols_math, main, mathord, "\u03C3", "\\sigma", true);
+defineSymbol(symbols_math, main, mathord, "\u03C4", "\\tau", true);
+defineSymbol(symbols_math, main, mathord, "\u03C5", "\\upsilon", true);
+defineSymbol(symbols_math, main, mathord, "\u03D5", "\\phi", true);
+defineSymbol(symbols_math, main, mathord, "\u03C7", "\\chi", true);
+defineSymbol(symbols_math, main, mathord, "\u03C8", "\\psi", true);
+defineSymbol(symbols_math, main, mathord, "\u03C9", "\\omega", true);
+defineSymbol(symbols_math, main, mathord, "\u03B5", "\\varepsilon", true);
+defineSymbol(symbols_math, main, mathord, "\u03D1", "\\vartheta", true);
+defineSymbol(symbols_math, main, mathord, "\u03D6", "\\varpi", true);
+defineSymbol(symbols_math, main, mathord, "\u03F1", "\\varrho", true);
+defineSymbol(symbols_math, main, mathord, "\u03C2", "\\varsigma", true);
+defineSymbol(symbols_math, main, mathord, "\u03C6", "\\varphi", true);
+defineSymbol(symbols_math, main, bin, "\u2217", "*");
+defineSymbol(symbols_math, main, bin, "+", "+");
+defineSymbol(symbols_math, main, bin, "\u2212", "-");
+defineSymbol(symbols_math, main, bin, "\u22C5", "\\cdot", true);
+defineSymbol(symbols_math, main, bin, "\u2218", "\\circ");
+defineSymbol(symbols_math, main, bin, "\xF7", "\\div", true);
+defineSymbol(symbols_math, main, bin, "\xB1", "\\pm", true);
+defineSymbol(symbols_math, main, bin, "\xD7", "\\times", true);
+defineSymbol(symbols_math, main, bin, "\u2229", "\\cap", true);
+defineSymbol(symbols_math, main, bin, "\u222A", "\\cup", true);
+defineSymbol(symbols_math, main, bin, "\u2216", "\\setminus");
+defineSymbol(symbols_math, main, bin, "\u2227", "\\land");
+defineSymbol(symbols_math, main, bin, "\u2228", "\\lor");
+defineSymbol(symbols_math, main, bin, "\u2227", "\\wedge", true);
+defineSymbol(symbols_math, main, bin, "\u2228", "\\vee", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u221A", "\\surd");
+defineSymbol(symbols_math, main, symbols_open, "\u27E8", "\\langle", true);
+defineSymbol(symbols_math, main, symbols_open, "\u2223", "\\lvert");
+defineSymbol(symbols_math, main, symbols_open, "\u2225", "\\lVert");
+defineSymbol(symbols_math, main, symbols_close, "?", "?");
+defineSymbol(symbols_math, main, symbols_close, "!", "!");
+defineSymbol(symbols_math, main, symbols_close, "\u27E9", "\\rangle", true);
+defineSymbol(symbols_math, main, symbols_close, "\u2223", "\\rvert");
+defineSymbol(symbols_math, main, symbols_close, "\u2225", "\\rVert");
+defineSymbol(symbols_math, main, rel, "=", "=");
+defineSymbol(symbols_math, main, rel, ":", ":");
+defineSymbol(symbols_math, main, rel, "\u2248", "\\approx", true);
+defineSymbol(symbols_math, main, rel, "\u2245", "\\cong", true);
+defineSymbol(symbols_math, main, rel, "\u2265", "\\ge");
+defineSymbol(symbols_math, main, rel, "\u2265", "\\geq", true);
+defineSymbol(symbols_math, main, rel, "\u2190", "\\gets");
+defineSymbol(symbols_math, main, rel, ">", "\\gt", true);
+defineSymbol(symbols_math, main, rel, "\u2208", "\\in", true);
+defineSymbol(symbols_math, main, rel, "\uE020", "\\@not");
+defineSymbol(symbols_math, main, rel, "\u2282", "\\subset", true);
+defineSymbol(symbols_math, main, rel, "\u2283", "\\supset", true);
+defineSymbol(symbols_math, main, rel, "\u2286", "\\subseteq", true);
+defineSymbol(symbols_math, main, rel, "\u2287", "\\supseteq", true);
+defineSymbol(symbols_math, ams, rel, "\u2288", "\\nsubseteq", true);
+defineSymbol(symbols_math, ams, rel, "\u2289", "\\nsupseteq", true);
+defineSymbol(symbols_math, main, rel, "\u22A8", "\\models");
+defineSymbol(symbols_math, main, rel, "\u2190", "\\leftarrow", true);
+defineSymbol(symbols_math, main, rel, "\u2264", "\\le");
+defineSymbol(symbols_math, main, rel, "\u2264", "\\leq", true);
+defineSymbol(symbols_math, main, rel, "<", "\\lt", true);
+defineSymbol(symbols_math, main, rel, "\u2192", "\\rightarrow", true);
+defineSymbol(symbols_math, main, rel, "\u2192", "\\to");
+defineSymbol(symbols_math, ams, rel, "\u2271", "\\ngeq", true);
+defineSymbol(symbols_math, ams, rel, "\u2270", "\\nleq", true);
+defineSymbol(symbols_math, main, symbols_spacing, "\xA0", "\\ ");
+defineSymbol(symbols_math, main, symbols_spacing, "\xA0", "~");
+defineSymbol(symbols_math, main, symbols_spacing, "\xA0", "\\space"); // Ref: LaTeX Source 2e: \DeclareRobustCommand{\nobreakspace}{%
+
+defineSymbol(symbols_math, main, symbols_spacing, "\xA0", "\\nobreakspace");
+defineSymbol(symbols_text, main, symbols_spacing, "\xA0", "\\ ");
+defineSymbol(symbols_text, main, symbols_spacing, "\xA0", " ");
+defineSymbol(symbols_text, main, symbols_spacing, "\xA0", "~");
+defineSymbol(symbols_text, main, symbols_spacing, "\xA0", "\\space");
+defineSymbol(symbols_text, main, symbols_spacing, "\xA0", "\\nobreakspace");
+defineSymbol(symbols_math, main, symbols_spacing, null, "\\nobreak");
+defineSymbol(symbols_math, main, symbols_spacing, null, "\\allowbreak");
+defineSymbol(symbols_math, main, punct, ",", ",");
+defineSymbol(symbols_math, main, punct, ";", ";");
+defineSymbol(symbols_math, ams, bin, "\u22BC", "\\barwedge", true);
+defineSymbol(symbols_math, ams, bin, "\u22BB", "\\veebar", true);
+defineSymbol(symbols_math, main, bin, "\u2299", "\\odot", true);
+defineSymbol(symbols_math, main, bin, "\u2295", "\\oplus", true);
+defineSymbol(symbols_math, main, bin, "\u2297", "\\otimes", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u2202", "\\partial", true);
+defineSymbol(symbols_math, main, bin, "\u2298", "\\oslash", true);
+defineSymbol(symbols_math, ams, bin, "\u229A", "\\circledcirc", true);
+defineSymbol(symbols_math, ams, bin, "\u22A1", "\\boxdot", true);
+defineSymbol(symbols_math, main, bin, "\u25B3", "\\bigtriangleup");
+defineSymbol(symbols_math, main, bin, "\u25BD", "\\bigtriangledown");
+defineSymbol(symbols_math, main, bin, "\u2020", "\\dagger");
+defineSymbol(symbols_math, main, bin, "\u22C4", "\\diamond");
+defineSymbol(symbols_math, main, bin, "\u22C6", "\\star");
+defineSymbol(symbols_math, main, bin, "\u25C3", "\\triangleleft");
+defineSymbol(symbols_math, main, bin, "\u25B9", "\\triangleright");
+defineSymbol(symbols_math, main, symbols_open, "{", "\\{");
+defineSymbol(symbols_text, main, symbols_textord, "{", "\\{");
+defineSymbol(symbols_text, main, symbols_textord, "{", "\\textbraceleft");
+defineSymbol(symbols_math, main, symbols_close, "}", "\\}");
+defineSymbol(symbols_text, main, symbols_textord, "}", "\\}");
+defineSymbol(symbols_text, main, symbols_textord, "}", "\\textbraceright");
+defineSymbol(symbols_math, main, symbols_open, "{", "\\lbrace");
+defineSymbol(symbols_math, main, symbols_close, "}", "\\rbrace");
+defineSymbol(symbols_math, main, symbols_open, "[", "\\lbrack", true);
+defineSymbol(symbols_text, main, symbols_textord, "[", "\\lbrack", true);
+defineSymbol(symbols_math, main, symbols_close, "]", "\\rbrack", true);
+defineSymbol(symbols_text, main, symbols_textord, "]", "\\rbrack", true);
+defineSymbol(symbols_math, main, symbols_open, "(", "\\lparen", true);
+defineSymbol(symbols_math, main, symbols_close, ")", "\\rparen", true);
+defineSymbol(symbols_text, main, symbols_textord, "<", "\\textless", true); // in T1 fontenc
+
+defineSymbol(symbols_text, main, symbols_textord, ">", "\\textgreater", true); // in T1 fontenc
+
+defineSymbol(symbols_math, main, symbols_open, "\u230A", "\\lfloor", true);
+defineSymbol(symbols_math, main, symbols_close, "\u230B", "\\rfloor", true);
+defineSymbol(symbols_math, main, symbols_open, "\u2308", "\\lceil", true);
+defineSymbol(symbols_math, main, symbols_close, "\u2309", "\\rceil", true);
+defineSymbol(symbols_math, main, symbols_textord, "\\", "\\backslash");
+defineSymbol(symbols_math, main, symbols_textord, "\u2223", "|");
+defineSymbol(symbols_math, main, symbols_textord, "\u2223", "\\vert");
+defineSymbol(symbols_text, main, symbols_textord, "|", "\\textbar", true); // in T1 fontenc
+
+defineSymbol(symbols_math, main, symbols_textord, "\u2225", "\\|");
+defineSymbol(symbols_math, main, symbols_textord, "\u2225", "\\Vert");
+defineSymbol(symbols_text, main, symbols_textord, "\u2225", "\\textbardbl");
+defineSymbol(symbols_text, main, symbols_textord, "~", "\\textasciitilde");
+defineSymbol(symbols_text, main, symbols_textord, "\\", "\\textbackslash");
+defineSymbol(symbols_text, main, symbols_textord, "^", "\\textasciicircum");
+defineSymbol(symbols_math, main, rel, "\u2191", "\\uparrow", true);
+defineSymbol(symbols_math, main, rel, "\u21D1", "\\Uparrow", true);
+defineSymbol(symbols_math, main, rel, "\u2193", "\\downarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21D3", "\\Downarrow", true);
+defineSymbol(symbols_math, main, rel, "\u2195", "\\updownarrow", true);
+defineSymbol(symbols_math, main, rel, "\u21D5", "\\Updownarrow", true);
+defineSymbol(symbols_math, main, op, "\u2210", "\\coprod");
+defineSymbol(symbols_math, main, op, "\u22C1", "\\bigvee");
+defineSymbol(symbols_math, main, op, "\u22C0", "\\bigwedge");
+defineSymbol(symbols_math, main, op, "\u2A04", "\\biguplus");
+defineSymbol(symbols_math, main, op, "\u22C2", "\\bigcap");
+defineSymbol(symbols_math, main, op, "\u22C3", "\\bigcup");
+defineSymbol(symbols_math, main, op, "\u222B", "\\int");
+defineSymbol(symbols_math, main, op, "\u222B", "\\intop");
+defineSymbol(symbols_math, main, op, "\u222C", "\\iint");
+defineSymbol(symbols_math, main, op, "\u222D", "\\iiint");
+defineSymbol(symbols_math, main, op, "\u220F", "\\prod");
+defineSymbol(symbols_math, main, op, "\u2211", "\\sum");
+defineSymbol(symbols_math, main, op, "\u2A02", "\\bigotimes");
+defineSymbol(symbols_math, main, op, "\u2A01", "\\bigoplus");
+defineSymbol(symbols_math, main, op, "\u2A00", "\\bigodot");
+defineSymbol(symbols_math, main, op, "\u222E", "\\oint");
+defineSymbol(symbols_math, main, op, "\u2A06", "\\bigsqcup");
+defineSymbol(symbols_math, main, op, "\u222B", "\\smallint");
+defineSymbol(symbols_text, main, symbols_inner, "\u2026", "\\textellipsis");
+defineSymbol(symbols_math, main, symbols_inner, "\u2026", "\\mathellipsis");
+defineSymbol(symbols_text, main, symbols_inner, "\u2026", "\\ldots", true);
+defineSymbol(symbols_math, main, symbols_inner, "\u2026", "\\ldots", true);
+defineSymbol(symbols_math, main, symbols_inner, "\u22EF", "\\@cdots", true);
+defineSymbol(symbols_math, main, symbols_inner, "\u22F1", "\\ddots", true);
+defineSymbol(symbols_math, main, symbols_textord, "\u22EE", "\\varvdots"); // \vdots is a macro
+
+defineSymbol(symbols_math, main, symbols_accent, "\u02CA", "\\acute");
+defineSymbol(symbols_math, main, symbols_accent, "\u02CB", "\\grave");
+defineSymbol(symbols_math, main, symbols_accent, "\xA8", "\\ddot");
+defineSymbol(symbols_math, main, symbols_accent, "~", "\\tilde");
+defineSymbol(symbols_math, main, symbols_accent, "\u02C9", "\\bar");
+defineSymbol(symbols_math, main, symbols_accent, "\u02D8", "\\breve");
+defineSymbol(symbols_math, main, symbols_accent, "\u02C7", "\\check");
+defineSymbol(symbols_math, main, symbols_accent, "^", "\\hat");
+defineSymbol(symbols_math, main, symbols_accent, "\u20D7", "\\vec");
+defineSymbol(symbols_math, main, symbols_accent, "\u02D9", "\\dot");
+defineSymbol(symbols_math, main, symbols_accent, "\u02DA", "\\mathring"); // \imath and \jmath should be invariant to \mathrm, \mathbf, etc., so use PUA
+
+defineSymbol(symbols_math, main, mathord, "\uE131", "\\@imath");
+defineSymbol(symbols_math, main, mathord, "\uE237", "\\@jmath");
+defineSymbol(symbols_math, main, symbols_textord, "\u0131", "\u0131");
+defineSymbol(symbols_math, main, symbols_textord, "\u0237", "\u0237");
+defineSymbol(symbols_text, main, symbols_textord, "\u0131", "\\i", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u0237", "\\j", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xDF", "\\ss", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xE6", "\\ae", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u0153", "\\oe", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xF8", "\\o", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xC6", "\\AE", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u0152", "\\OE", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xD8", "\\O", true);
+defineSymbol(symbols_text, main, symbols_accent, "\u02CA", "\\'"); // acute
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02CB", "\\`"); // grave
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02C6", "\\^"); // circumflex
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02DC", "\\~"); // tilde
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02C9", "\\="); // macron
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02D8", "\\u"); // breve
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02D9", "\\."); // dot above
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02DA", "\\r"); // ring above
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02C7", "\\v"); // caron
+
+defineSymbol(symbols_text, main, symbols_accent, "\xA8", '\\"'); // diaresis
+
+defineSymbol(symbols_text, main, symbols_accent, "\u02DD", "\\H"); // double acute
+
+defineSymbol(symbols_text, main, symbols_accent, "\u25EF", "\\textcircled"); // \bigcirc glyph
+// These ligatures are detected and created in Parser.js's `formLigatures`.
+
+var ligatures = {
+  "--": true,
+  "---": true,
+  "``": true,
+  "''": true
+};
+defineSymbol(symbols_text, main, symbols_textord, "\u2013", "--", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u2013", "\\textendash");
+defineSymbol(symbols_text, main, symbols_textord, "\u2014", "---", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u2014", "\\textemdash");
+defineSymbol(symbols_text, main, symbols_textord, "\u2018", "`", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u2018", "\\textquoteleft");
+defineSymbol(symbols_text, main, symbols_textord, "\u2019", "'", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u2019", "\\textquoteright");
+defineSymbol(symbols_text, main, symbols_textord, "\u201C", "``", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u201C", "\\textquotedblleft");
+defineSymbol(symbols_text, main, symbols_textord, "\u201D", "''", true);
+defineSymbol(symbols_text, main, symbols_textord, "\u201D", "\\textquotedblright"); //  \degree from gensymb package
+
+defineSymbol(symbols_math, main, symbols_textord, "\xB0", "\\degree", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xB0", "\\degree"); // \textdegree from inputenc package
+
+defineSymbol(symbols_text, main, symbols_textord, "\xB0", "\\textdegree", true); // TODO: In LaTeX, \pounds can generate a different character in text and math
+// mode, but among our fonts, only Main-Regular defines this character "163".
+
+defineSymbol(symbols_math, main, symbols_textord, "\xA3", "\\pounds");
+defineSymbol(symbols_math, main, symbols_textord, "\xA3", "\\mathsterling", true);
+defineSymbol(symbols_text, main, symbols_textord, "\xA3", "\\pounds");
+defineSymbol(symbols_text, main, symbols_textord, "\xA3", "\\textsterling", true);
+defineSymbol(symbols_math, ams, symbols_textord, "\u2720", "\\maltese");
+defineSymbol(symbols_text, ams, symbols_textord, "\u2720", "\\maltese"); // There are lots of symbols which are the same, so we add them in afterwards.
+// All of these are textords in math mode
+
+var mathTextSymbols = "0123456789/@.\"";
+
+for (var symbols_i = 0; symbols_i < mathTextSymbols.length; symbols_i++) {
+  var symbols_ch = mathTextSymbols.charAt(symbols_i);
+  defineSymbol(symbols_math, main, symbols_textord, symbols_ch, symbols_ch);
+} // All of these are textords in text mode
+
+
+var textSymbols = "0123456789!@*()-=+\";:?/.,";
+
+for (var src_symbols_i = 0; src_symbols_i < textSymbols.length; src_symbols_i++) {
+  var _ch = textSymbols.charAt(src_symbols_i);
+
+  defineSymbol(symbols_text, main, symbols_textord, _ch, _ch);
+} // All of these are textords in text mode, and mathords in math mode
+
+
+var letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+
+for (var symbols_i2 = 0; symbols_i2 < letters.length; symbols_i2++) {
+  var _ch2 = letters.charAt(symbols_i2);
+
+  defineSymbol(symbols_math, main, mathord, _ch2, _ch2);
+  defineSymbol(symbols_text, main, symbols_textord, _ch2, _ch2);
+} // Blackboard bold and script letters in Unicode range
+
+
+defineSymbol(symbols_math, ams, symbols_textord, "C", "\u2102"); // blackboard bold
+
+defineSymbol(symbols_text, ams, symbols_textord, "C", "\u2102");
+defineSymbol(symbols_math, ams, symbols_textord, "H", "\u210D");
+defineSymbol(symbols_text, ams, symbols_textord, "H", "\u210D");
+defineSymbol(symbols_math, ams, symbols_textord, "N", "\u2115");
+defineSymbol(symbols_text, ams, symbols_textord, "N", "\u2115");
+defineSymbol(symbols_math, ams, symbols_textord, "P", "\u2119");
+defineSymbol(symbols_text, ams, symbols_textord, "P", "\u2119");
+defineSymbol(symbols_math, ams, symbols_textord, "Q", "\u211A");
+defineSymbol(symbols_text, ams, symbols_textord, "Q", "\u211A");
+defineSymbol(symbols_math, ams, symbols_textord, "R", "\u211D");
+defineSymbol(symbols_text, ams, symbols_textord, "R", "\u211D");
+defineSymbol(symbols_math, ams, symbols_textord, "Z", "\u2124");
+defineSymbol(symbols_text, ams, symbols_textord, "Z", "\u2124");
+defineSymbol(symbols_math, main, mathord, "h", "\u210E"); // italic h, Planck constant
+
+defineSymbol(symbols_text, main, mathord, "h", "\u210E"); // The next loop loads wide (surrogate pair) characters.
+// We support some letters in the Unicode range U+1D400 to U+1D7FF,
+// Mathematical Alphanumeric Symbols.
+// Some editors do not deal well with wide characters. So don't write the
+// string into this file. Instead, create the string from the surrogate pair.
+
+var symbols_wideChar = "";
+
+for (var symbols_i3 = 0; symbols_i3 < letters.length; symbols_i3++) {
+  var _ch3 = letters.charAt(symbols_i3); // The hex numbers in the next line are a surrogate pair.
+  // 0xD835 is the high surrogate for all letters in the range we support.
+  // 0xDC00 is the low surrogate for bold A.
+
+
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDC00 + symbols_i3); // A-Z a-z bold
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDC34 + symbols_i3); // A-Z a-z italic
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDC68 + symbols_i3); // A-Z a-z bold italic
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDD04 + symbols_i3); // A-Z a-z Fractur
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDDA0 + symbols_i3); // A-Z a-z sans-serif
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDDD4 + symbols_i3); // A-Z a-z sans bold
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDE08 + symbols_i3); // A-Z a-z sans italic
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDE70 + symbols_i3); // A-Z a-z monospace
+
+  defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+
+  if (symbols_i3 < 26) {
+    // KaTeX fonts have only capital letters for blackboard bold and script.
+    // See exception for k below.
+    symbols_wideChar = String.fromCharCode(0xD835, 0xDD38 + symbols_i3); // A-Z double struck
+
+    defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+    defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+    symbols_wideChar = String.fromCharCode(0xD835, 0xDC9C + symbols_i3); // A-Z script
+
+    defineSymbol(symbols_math, main, mathord, _ch3, symbols_wideChar);
+    defineSymbol(symbols_text, main, symbols_textord, _ch3, symbols_wideChar);
+  } // TODO: Add bold script when it is supported by a KaTeX font.
+
+} // "k" is the only double struck lower case letter in the KaTeX fonts.
+
+
+symbols_wideChar = String.fromCharCode(0xD835, 0xDD5C); // k double struck
+
+defineSymbol(symbols_math, main, mathord, "k", symbols_wideChar);
+defineSymbol(symbols_text, main, symbols_textord, "k", symbols_wideChar); // Next, some wide character numerals
+
+for (var symbols_i4 = 0; symbols_i4 < 10; symbols_i4++) {
+  var _ch4 = symbols_i4.toString();
+
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDFCE + symbols_i4); // 0-9 bold
+
+  defineSymbol(symbols_math, main, mathord, _ch4, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch4, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDFE2 + symbols_i4); // 0-9 sans serif
+
+  defineSymbol(symbols_math, main, mathord, _ch4, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch4, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDFEC + symbols_i4); // 0-9 bold sans
+
+  defineSymbol(symbols_math, main, mathord, _ch4, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch4, symbols_wideChar);
+  symbols_wideChar = String.fromCharCode(0xD835, 0xDFF6 + symbols_i4); // 0-9 monospace
+
+  defineSymbol(symbols_math, main, mathord, _ch4, symbols_wideChar);
+  defineSymbol(symbols_text, main, symbols_textord, _ch4, symbols_wideChar);
+} // We add these Latin-1 letters as symbols for backwards-compatibility,
+// but they are not actually in the font, nor are they supported by the
+// Unicode accent mechanism, so they fall back to Times font and look ugly.
+// TODO(edemaine): Fix this.
+
+
+var extraLatin = "\xC7\xD0\xDE\xE7\xFE";
+
+for (var _i5 = 0; _i5 < extraLatin.length; _i5++) {
+  var _ch5 = extraLatin.charAt(_i5);
+
+  defineSymbol(symbols_math, main, mathord, _ch5, _ch5);
+  defineSymbol(symbols_text, main, symbols_textord, _ch5, _ch5);
+}
+// CONCATENATED MODULE: ./src/wide-character.js
+/**
+ * This file provides support for Unicode range U+1D400 to U+1D7FF,
+ * Mathematical Alphanumeric Symbols.
+ *
+ * Function wideCharacterFont takes a wide character as input and returns
+ * the font information necessary to render it properly.
+ */
+
+/**
+ * Data below is from https://www.unicode.org/charts/PDF/U1D400.pdf
+ * That document sorts characters into groups by font type, say bold or italic.
+ *
+ * In the arrays below, each subarray consists three elements:
+ *      * The CSS class of that group when in math mode.
+ *      * The CSS class of that group when in text mode.
+ *      * The font name, so that KaTeX can get font metrics.
+ */
+
+var wideLatinLetterData = [["mathbf", "textbf", "Main-Bold"], // A-Z bold upright
+["mathbf", "textbf", "Main-Bold"], // a-z bold upright
+["mathnormal", "textit", "Math-Italic"], // A-Z italic
+["mathnormal", "textit", "Math-Italic"], // a-z italic
+["boldsymbol", "boldsymbol", "Main-BoldItalic"], // A-Z bold italic
+["boldsymbol", "boldsymbol", "Main-BoldItalic"], // a-z bold italic
+// Map fancy A-Z letters to script, not calligraphic.
+// This aligns with unicode-math and math fonts (except Cambria Math).
+["mathscr", "textscr", "Script-Regular"], // A-Z script
+["", "", ""], // a-z script.  No font
+["", "", ""], // A-Z bold script. No font
+["", "", ""], // a-z bold script. No font
+["mathfrak", "textfrak", "Fraktur-Regular"], // A-Z Fraktur
+["mathfrak", "textfrak", "Fraktur-Regular"], // a-z Fraktur
+["mathbb", "textbb", "AMS-Regular"], // A-Z double-struck
+["mathbb", "textbb", "AMS-Regular"], // k double-struck
+["", "", ""], // A-Z bold Fraktur No font metrics
+["", "", ""], // a-z bold Fraktur.   No font.
+["mathsf", "textsf", "SansSerif-Regular"], // A-Z sans-serif
+["mathsf", "textsf", "SansSerif-Regular"], // a-z sans-serif
+["mathboldsf", "textboldsf", "SansSerif-Bold"], // A-Z bold sans-serif
+["mathboldsf", "textboldsf", "SansSerif-Bold"], // a-z bold sans-serif
+["mathitsf", "textitsf", "SansSerif-Italic"], // A-Z italic sans-serif
+["mathitsf", "textitsf", "SansSerif-Italic"], // a-z italic sans-serif
+["", "", ""], // A-Z bold italic sans. No font
+["", "", ""], // a-z bold italic sans. No font
+["mathtt", "texttt", "Typewriter-Regular"], // A-Z monospace
+["mathtt", "texttt", "Typewriter-Regular"]];
+var wideNumeralData = [["mathbf", "textbf", "Main-Bold"], // 0-9 bold
+["", "", ""], // 0-9 double-struck. No KaTeX font.
+["mathsf", "textsf", "SansSerif-Regular"], // 0-9 sans-serif
+["mathboldsf", "textboldsf", "SansSerif-Bold"], // 0-9 bold sans-serif
+["mathtt", "texttt", "Typewriter-Regular"]];
+var wide_character_wideCharacterFont = function wideCharacterFont(wideChar, mode) {
+  // IE doesn't support codePointAt(). So work with the surrogate pair.
+  var H = wideChar.charCodeAt(0); // high surrogate
+
+  var L = wideChar.charCodeAt(1); // low surrogate
+
+  var codePoint = (H - 0xD800) * 0x400 + (L - 0xDC00) + 0x10000;
+  var j = mode === "math" ? 0 : 1; // column index for CSS class.
+
+  if (0x1D400 <= codePoint && codePoint < 0x1D6A4) {
+    // wideLatinLetterData contains exactly 26 chars on each row.
+    // So we can calculate the relevant row. No traverse necessary.
+    var i = Math.floor((codePoint - 0x1D400) / 26);
+    return [wideLatinLetterData[i][2], wideLatinLetterData[i][j]];
+  } else if (0x1D7CE <= codePoint && codePoint <= 0x1D7FF) {
+    // Numerals, ten per row.
+    var _i = Math.floor((codePoint - 0x1D7CE) / 10);
+
+    return [wideNumeralData[_i][2], wideNumeralData[_i][j]];
+  } else if (codePoint === 0x1D6A5 || codePoint === 0x1D6A6) {
+    // dotless i or j
+    return [wideLatinLetterData[0][2], wideLatinLetterData[0][j]];
+  } else if (0x1D6A6 < codePoint && codePoint < 0x1D7CE) {
+    // Greek letters. Not supported, yet.
+    return ["", ""];
+  } else {
+    // We don't support any wide characters outside 1D400–1D7FF.
+    throw new src_ParseError("Unsupported character: " + wideChar);
+  }
+};
+// CONCATENATED MODULE: ./src/Options.js
+/**
+ * This file contains information about the options that the Parser carries
+ * around with it while parsing. Data is held in an `Options` object, and when
+ * recursing, a new `Options` object can be created with the `.with*` and
+ * `.reset` functions.
+ */
+
+var sizeStyleMap = [// Each element contains [textsize, scriptsize, scriptscriptsize].
+// The size mappings are taken from TeX with \normalsize=10pt.
+[1, 1, 1], // size1: [5, 5, 5]              \tiny
+[2, 1, 1], // size2: [6, 5, 5]
+[3, 1, 1], // size3: [7, 5, 5]              \scriptsize
+[4, 2, 1], // size4: [8, 6, 5]              \footnotesize
+[5, 2, 1], // size5: [9, 6, 5]              \small
+[6, 3, 1], // size6: [10, 7, 5]             \normalsize
+[7, 4, 2], // size7: [12, 8, 6]             \large
+[8, 6, 3], // size8: [14.4, 10, 7]          \Large
+[9, 7, 6], // size9: [17.28, 12, 10]        \LARGE
+[10, 8, 7], // size10: [20.74, 14.4, 12]     \huge
+[11, 10, 9]];
+var sizeMultipliers = [// fontMetrics.js:getGlobalMetrics also uses size indexes, so if
+// you change size indexes, change that function.
+0.5, 0.6, 0.7, 0.8, 0.9, 1.0, 1.2, 1.44, 1.728, 2.074, 2.488];
+
+var sizeAtStyle = function sizeAtStyle(size, style) {
+  return style.size < 2 ? size : sizeStyleMap[size - 1][style.size - 1];
+}; // In these types, "" (empty string) means "no change".
+
+
+/**
+ * This is the main options class. It contains the current style, size, color,
+ * and font.
+ *
+ * Options objects should not be modified. To create a new Options with
+ * different properties, call a `.having*` method.
+ */
+var Options_Options =
+/*#__PURE__*/
+function () {
+  // A font family applies to a group of fonts (i.e. SansSerif), while a font
+  // represents a specific font (i.e. SansSerif Bold).
+  // See: https://tex.stackexchange.com/questions/22350/difference-between-textrm-and-mathrm
+
+  /**
+   * The base size index.
+   */
+  function Options(data) {
+    this.style = void 0;
+    this.color = void 0;
+    this.size = void 0;
+    this.textSize = void 0;
+    this.phantom = void 0;
+    this.font = void 0;
+    this.fontFamily = void 0;
+    this.fontWeight = void 0;
+    this.fontShape = void 0;
+    this.sizeMultiplier = void 0;
+    this.maxSize = void 0;
+    this.minRuleThickness = void 0;
+    this._fontMetrics = void 0;
+    this.style = data.style;
+    this.color = data.color;
+    this.size = data.size || Options.BASESIZE;
+    this.textSize = data.textSize || this.size;
+    this.phantom = !!data.phantom;
+    this.font = data.font || "";
+    this.fontFamily = data.fontFamily || "";
+    this.fontWeight = data.fontWeight || '';
+    this.fontShape = data.fontShape || '';
+    this.sizeMultiplier = sizeMultipliers[this.size - 1];
+    this.maxSize = data.maxSize;
+    this.minRuleThickness = data.minRuleThickness;
+    this._fontMetrics = undefined;
+  }
+  /**
+   * Returns a new options object with the same properties as "this".  Properties
+   * from "extension" will be copied to the new options object.
+   */
+
+
+  var _proto = Options.prototype;
+
+  _proto.extend = function extend(extension) {
+    var data = {
+      style: this.style,
+      size: this.size,
+      textSize: this.textSize,
+      color: this.color,
+      phantom: this.phantom,
+      font: this.font,
+      fontFamily: this.fontFamily,
+      fontWeight: this.fontWeight,
+      fontShape: this.fontShape,
+      maxSize: this.maxSize,
+      minRuleThickness: this.minRuleThickness
+    };
+
+    for (var key in extension) {
+      if (extension.hasOwnProperty(key)) {
+        data[key] = extension[key];
+      }
+    }
+
+    return new Options(data);
+  }
+  /**
+   * Return an options object with the given style. If `this.style === style`,
+   * returns `this`.
+   */
+  ;
+
+  _proto.havingStyle = function havingStyle(style) {
+    if (this.style === style) {
+      return this;
+    } else {
+      return this.extend({
+        style: style,
+        size: sizeAtStyle(this.textSize, style)
+      });
+    }
+  }
+  /**
+   * Return an options object with a cramped version of the current style. If
+   * the current style is cramped, returns `this`.
+   */
+  ;
+
+  _proto.havingCrampedStyle = function havingCrampedStyle() {
+    return this.havingStyle(this.style.cramp());
+  }
+  /**
+   * Return an options object with the given size and in at least `\textstyle`.
+   * Returns `this` if appropriate.
+   */
+  ;
+
+  _proto.havingSize = function havingSize(size) {
+    if (this.size === size && this.textSize === size) {
+      return this;
+    } else {
+      return this.extend({
+        style: this.style.text(),
+        size: size,
+        textSize: size,
+        sizeMultiplier: sizeMultipliers[size - 1]
+      });
+    }
+  }
+  /**
+   * Like `this.havingSize(BASESIZE).havingStyle(style)`. If `style` is omitted,
+   * changes to at least `\textstyle`.
+   */
+  ;
+
+  _proto.havingBaseStyle = function havingBaseStyle(style) {
+    style = style || this.style.text();
+    var wantSize = sizeAtStyle(Options.BASESIZE, style);
+
+    if (this.size === wantSize && this.textSize === Options.BASESIZE && this.style === style) {
+      return this;
+    } else {
+      return this.extend({
+        style: style,
+        size: wantSize
+      });
+    }
+  }
+  /**
+   * Remove the effect of sizing changes such as \Huge.
+   * Keep the effect of the current style, such as \scriptstyle.
+   */
+  ;
+
+  _proto.havingBaseSizing = function havingBaseSizing() {
+    var size;
+
+    switch (this.style.id) {
+      case 4:
+      case 5:
+        size = 3; // normalsize in scriptstyle
+
+        break;
+
+      case 6:
+      case 7:
+        size = 1; // normalsize in scriptscriptstyle
+
+        break;
+
+      default:
+        size = 6;
+      // normalsize in textstyle or displaystyle
+    }
+
+    return this.extend({
+      style: this.style.text(),
+      size: size
+    });
+  }
+  /**
+   * Create a new options object with the given color.
+   */
+  ;
+
+  _proto.withColor = function withColor(color) {
+    return this.extend({
+      color: color
+    });
+  }
+  /**
+   * Create a new options object with "phantom" set to true.
+   */
+  ;
+
+  _proto.withPhantom = function withPhantom() {
+    return this.extend({
+      phantom: true
+    });
+  }
+  /**
+   * Creates a new options object with the given math font or old text font.
+   * @type {[type]}
+   */
+  ;
+
+  _proto.withFont = function withFont(font) {
+    return this.extend({
+      font: font
+    });
+  }
+  /**
+   * Create a new options objects with the given fontFamily.
+   */
+  ;
+
+  _proto.withTextFontFamily = function withTextFontFamily(fontFamily) {
+    return this.extend({
+      fontFamily: fontFamily,
+      font: ""
+    });
+  }
+  /**
+   * Creates a new options object with the given font weight
+   */
+  ;
+
+  _proto.withTextFontWeight = function withTextFontWeight(fontWeight) {
+    return this.extend({
+      fontWeight: fontWeight,
+      font: ""
+    });
+  }
+  /**
+   * Creates a new options object with the given font weight
+   */
+  ;
+
+  _proto.withTextFontShape = function withTextFontShape(fontShape) {
+    return this.extend({
+      fontShape: fontShape,
+      font: ""
+    });
+  }
+  /**
+   * Return the CSS sizing classes required to switch from enclosing options
+   * `oldOptions` to `this`. Returns an array of classes.
+   */
+  ;
+
+  _proto.sizingClasses = function sizingClasses(oldOptions) {
+    if (oldOptions.size !== this.size) {
+      return ["sizing", "reset-size" + oldOptions.size, "size" + this.size];
+    } else {
+      return [];
+    }
+  }
+  /**
+   * Return the CSS sizing classes required to switch to the base size. Like
+   * `this.havingSize(BASESIZE).sizingClasses(this)`.
+   */
+  ;
+
+  _proto.baseSizingClasses = function baseSizingClasses() {
+    if (this.size !== Options.BASESIZE) {
+      return ["sizing", "reset-size" + this.size, "size" + Options.BASESIZE];
+    } else {
+      return [];
+    }
+  }
+  /**
+   * Return the font metrics for this size.
+   */
+  ;
+
+  _proto.fontMetrics = function fontMetrics() {
+    if (!this._fontMetrics) {
+      this._fontMetrics = getGlobalMetrics(this.size);
+    }
+
+    return this._fontMetrics;
+  }
+  /**
+   * Gets the CSS color of the current options object
+   */
+  ;
+
+  _proto.getColor = function getColor() {
+    if (this.phantom) {
+      return "transparent";
+    } else {
+      return this.color;
+    }
+  };
+
+  return Options;
+}();
+
+Options_Options.BASESIZE = 6;
+/* harmony default export */ var src_Options = (Options_Options);
+// CONCATENATED MODULE: ./src/units.js
+/**
+ * This file does conversion between units.  In particular, it provides
+ * calculateSize to convert other units into ems.
+ */
+
+ // This table gives the number of TeX pts in one of each *absolute* TeX unit.
+// Thus, multiplying a length by this number converts the length from units
+// into pts.  Dividing the result by ptPerEm gives the number of ems
+// *assuming* a font size of ptPerEm (normal size, normal style).
+
+var ptPerUnit = {
+  // https://en.wikibooks.org/wiki/LaTeX/Lengths and
+  // https://tex.stackexchange.com/a/8263
+  "pt": 1,
+  // TeX point
+  "mm": 7227 / 2540,
+  // millimeter
+  "cm": 7227 / 254,
+  // centimeter
+  "in": 72.27,
+  // inch
+  "bp": 803 / 800,
+  // big (PostScript) points
+  "pc": 12,
+  // pica
+  "dd": 1238 / 1157,
+  // didot
+  "cc": 14856 / 1157,
+  // cicero (12 didot)
+  "nd": 685 / 642,
+  // new didot
+  "nc": 1370 / 107,
+  // new cicero (12 new didot)
+  "sp": 1 / 65536,
+  // scaled point (TeX's internal smallest unit)
+  // https://tex.stackexchange.com/a/41371
+  "px": 803 / 800 // \pdfpxdimen defaults to 1 bp in pdfTeX and LuaTeX
+
+}; // Dictionary of relative units, for fast validity testing.
+
+var relativeUnit = {
+  "ex": true,
+  "em": true,
+  "mu": true
+};
+
+/**
+ * Determine whether the specified unit (either a string defining the unit
+ * or a "size" parse node containing a unit field) is valid.
+ */
+var validUnit = function validUnit(unit) {
+  if (typeof unit !== "string") {
+    unit = unit.unit;
+  }
+
+  return unit in ptPerUnit || unit in relativeUnit || unit === "ex";
+};
+/*
+ * Convert a "size" parse node (with numeric "number" and string "unit" fields,
+ * as parsed by functions.js argType "size") into a CSS em value for the
+ * current style/scale.  `options` gives the current options.
+ */
+
+var units_calculateSize = function calculateSize(sizeValue, options) {
+  var scale;
+
+  if (sizeValue.unit in ptPerUnit) {
+    // Absolute units
+    scale = ptPerUnit[sizeValue.unit] // Convert unit to pt
+    / options.fontMetrics().ptPerEm // Convert pt to CSS em
+    / options.sizeMultiplier; // Unscale to make absolute units
+  } else if (sizeValue.unit === "mu") {
+    // `mu` units scale with scriptstyle/scriptscriptstyle.
+    scale = options.fontMetrics().cssEmPerMu;
+  } else {
+    // Other relative units always refer to the *textstyle* font
+    // in the current size.
+    var unitOptions;
+
+    if (options.style.isTight()) {
+      // isTight() means current style is script/scriptscript.
+      unitOptions = options.havingStyle(options.style.text());
+    } else {
+      unitOptions = options;
+    } // TODO: In TeX these units are relative to the quad of the current
+    // *text* font, e.g. cmr10. KaTeX instead uses values from the
+    // comparably-sized *Computer Modern symbol* font. At 10pt, these
+    // match. At 7pt and 5pt, they differ: cmr7=1.138894, cmsy7=1.170641;
+    // cmr5=1.361133, cmsy5=1.472241. Consider $\scriptsize a\kern1emb$.
+    // TeX \showlists shows a kern of 1.13889 * fontsize;
+    // KaTeX shows a kern of 1.171 * fontsize.
+
+
+    if (sizeValue.unit === "ex") {
+      scale = unitOptions.fontMetrics().xHeight;
+    } else if (sizeValue.unit === "em") {
+      scale = unitOptions.fontMetrics().quad;
+    } else {
+      throw new src_ParseError("Invalid unit: '" + sizeValue.unit + "'");
+    }
+
+    if (unitOptions !== options) {
+      scale *= unitOptions.sizeMultiplier / options.sizeMultiplier;
+    }
+  }
+
+  return Math.min(sizeValue.number * scale, options.maxSize);
+};
+// CONCATENATED MODULE: ./src/buildCommon.js
+/* eslint no-console:0 */
+
+/**
+ * This module contains general functions that can be used for building
+ * different kinds of domTree nodes in a consistent manner.
+ */
+
+
+
+
+
+
+
+/**
+ * Looks up the given symbol in fontMetrics, after applying any symbol
+ * replacements defined in symbol.js
+ */
+var buildCommon_lookupSymbol = function lookupSymbol(value, // TODO(#963): Use a union type for this.
+fontName, mode) {
+  // Replace the value with its replaced value from symbol.js
+  if (src_symbols[mode][value] && src_symbols[mode][value].replace) {
+    value = src_symbols[mode][value].replace;
+  }
+
+  return {
+    value: value,
+    metrics: getCharacterMetrics(value, fontName, mode)
+  };
+};
+/**
+ * Makes a symbolNode after translation via the list of symbols in symbols.js.
+ * Correctly pulls out metrics for the character, and optionally takes a list of
+ * classes to be attached to the node.
+ *
+ * TODO: make argument order closer to makeSpan
+ * TODO: add a separate argument for math class (e.g. `mop`, `mbin`), which
+ * should if present come first in `classes`.
+ * TODO(#953): Make `options` mandatory and always pass it in.
+ */
+
+
+var buildCommon_makeSymbol = function makeSymbol(value, fontName, mode, options, classes) {
+  var lookup = buildCommon_lookupSymbol(value, fontName, mode);
+  var metrics = lookup.metrics;
+  value = lookup.value;
+  var symbolNode;
+
+  if (metrics) {
+    var italic = metrics.italic;
+
+    if (mode === "text" || options && options.font === "mathit") {
+      italic = 0;
+    }
+
+    symbolNode = new domTree_SymbolNode(value, metrics.height, metrics.depth, italic, metrics.skew, metrics.width, classes);
+  } else {
+    // TODO(emily): Figure out a good way to only print this in development
+    typeof console !== "undefined" && console.warn("No character metrics " + ("for '" + value + "' in style '" + fontName + "' and mode '" + mode + "'"));
+    symbolNode = new domTree_SymbolNode(value, 0, 0, 0, 0, 0, classes);
+  }
+
+  if (options) {
+    symbolNode.maxFontSize = options.sizeMultiplier;
+
+    if (options.style.isTight()) {
+      symbolNode.classes.push("mtight");
+    }
+
+    var color = options.getColor();
+
+    if (color) {
+      symbolNode.style.color = color;
+    }
+  }
+
+  return symbolNode;
+};
+/**
+ * Makes a symbol in Main-Regular or AMS-Regular.
+ * Used for rel, bin, open, close, inner, and punct.
+ */
+
+
+var buildCommon_mathsym = function mathsym(value, mode, options, classes) {
+  if (classes === void 0) {
+    classes = [];
+  }
+
+  // Decide what font to render the symbol in by its entry in the symbols
+  // table.
+  // Have a special case for when the value = \ because the \ is used as a
+  // textord in unsupported command errors but cannot be parsed as a regular
+  // text ordinal and is therefore not present as a symbol in the symbols
+  // table for text, as well as a special case for boldsymbol because it
+  // can be used for bold + and -
+  if (options.font === "boldsymbol" && buildCommon_lookupSymbol(value, "Main-Bold", mode).metrics) {
+    return buildCommon_makeSymbol(value, "Main-Bold", mode, options, classes.concat(["mathbf"]));
+  } else if (value === "\\" || src_symbols[mode][value].font === "main") {
+    return buildCommon_makeSymbol(value, "Main-Regular", mode, options, classes);
+  } else {
+    return buildCommon_makeSymbol(value, "AMS-Regular", mode, options, classes.concat(["amsrm"]));
+  }
+};
+/**
+ * Determines which of the two font names (Main-Bold and Math-BoldItalic) and
+ * corresponding style tags (mathbf or boldsymbol) to use for font "boldsymbol",
+ * depending on the symbol.  Use this function instead of fontMap for font
+ * "boldsymbol".
+ */
+
+
+var boldsymbol = function boldsymbol(value, mode, options, classes, type) {
+  if (type !== "textord" && buildCommon_lookupSymbol(value, "Math-BoldItalic", mode).metrics) {
+    return {
+      fontName: "Math-BoldItalic",
+      fontClass: "boldsymbol"
+    };
+  } else {
+    // Some glyphs do not exist in Math-BoldItalic so we need to use
+    // Main-Bold instead.
+    return {
+      fontName: "Main-Bold",
+      fontClass: "mathbf"
+    };
+  }
+};
+/**
+ * Makes either a mathord or textord in the correct font and color.
+ */
+
+
+var buildCommon_makeOrd = function makeOrd(group, options, type) {
+  var mode = group.mode;
+  var text = group.text;
+  var classes = ["mord"]; // Math mode or Old font (i.e. \rm)
+
+  var isFont = mode === "math" || mode === "text" && options.font;
+  var fontOrFamily = isFont ? options.font : options.fontFamily;
+
+  if (text.charCodeAt(0) === 0xD835) {
+    // surrogate pairs get special treatment
+    var _wideCharacterFont = wide_character_wideCharacterFont(text, mode),
+        wideFontName = _wideCharacterFont[0],
+        wideFontClass = _wideCharacterFont[1];
+
+    return buildCommon_makeSymbol(text, wideFontName, mode, options, classes.concat(wideFontClass));
+  } else if (fontOrFamily) {
+    var fontName;
+    var fontClasses;
+
+    if (fontOrFamily === "boldsymbol") {
+      var fontData = boldsymbol(text, mode, options, classes, type);
+      fontName = fontData.fontName;
+      fontClasses = [fontData.fontClass];
+    } else if (isFont) {
+      fontName = fontMap[fontOrFamily].fontName;
+      fontClasses = [fontOrFamily];
+    } else {
+      fontName = retrieveTextFontName(fontOrFamily, options.fontWeight, options.fontShape);
+      fontClasses = [fontOrFamily, options.fontWeight, options.fontShape];
+    }
+
+    if (buildCommon_lookupSymbol(text, fontName, mode).metrics) {
+      return buildCommon_makeSymbol(text, fontName, mode, options, classes.concat(fontClasses));
+    } else if (ligatures.hasOwnProperty(text) && fontName.substr(0, 10) === "Typewriter") {
+      // Deconstruct ligatures in monospace fonts (\texttt, \tt).
+      var parts = [];
+
+      for (var i = 0; i < text.length; i++) {
+        parts.push(buildCommon_makeSymbol(text[i], fontName, mode, options, classes.concat(fontClasses)));
+      }
+
+      return buildCommon_makeFragment(parts);
+    }
+  } // Makes a symbol in the default font for mathords and textords.
+
+
+  if (type === "mathord") {
+    return buildCommon_makeSymbol(text, "Math-Italic", mode, options, classes.concat(["mathnormal"]));
+  } else if (type === "textord") {
+    var font = src_symbols[mode][text] && src_symbols[mode][text].font;
+
+    if (font === "ams") {
+      var _fontName = retrieveTextFontName("amsrm", options.fontWeight, options.fontShape);
+
+      return buildCommon_makeSymbol(text, _fontName, mode, options, classes.concat("amsrm", options.fontWeight, options.fontShape));
+    } else if (font === "main" || !font) {
+      var _fontName2 = retrieveTextFontName("textrm", options.fontWeight, options.fontShape);
+
+      return buildCommon_makeSymbol(text, _fontName2, mode, options, classes.concat(options.fontWeight, options.fontShape));
+    } else {
+      // fonts added by plugins
+      var _fontName3 = retrieveTextFontName(font, options.fontWeight, options.fontShape); // We add font name as a css class
+
+
+      return buildCommon_makeSymbol(text, _fontName3, mode, options, classes.concat(_fontName3, options.fontWeight, options.fontShape));
+    }
+  } else {
+    throw new Error("unexpected type: " + type + " in makeOrd");
+  }
+};
+/**
+ * Returns true if subsequent symbolNodes have the same classes, skew, maxFont,
+ * and styles.
+ */
+
+
+var buildCommon_canCombine = function canCombine(prev, next) {
+  if (createClass(prev.classes) !== createClass(next.classes) || prev.skew !== next.skew || prev.maxFontSize !== next.maxFontSize) {
+    return false;
+  }
+
+  for (var style in prev.style) {
+    if (prev.style.hasOwnProperty(style) && prev.style[style] !== next.style[style]) {
+      return false;
+    }
+  }
+
+  for (var _style in next.style) {
+    if (next.style.hasOwnProperty(_style) && prev.style[_style] !== next.style[_style]) {
+      return false;
+    }
+  }
+
+  return true;
+};
+/**
+ * Combine consequetive domTree.symbolNodes into a single symbolNode.
+ * Note: this function mutates the argument.
+ */
+
+
+var buildCommon_tryCombineChars = function tryCombineChars(chars) {
+  for (var i = 0; i < chars.length - 1; i++) {
+    var prev = chars[i];
+    var next = chars[i + 1];
+
+    if (prev instanceof domTree_SymbolNode && next instanceof domTree_SymbolNode && buildCommon_canCombine(prev, next)) {
+      prev.text += next.text;
+      prev.height = Math.max(prev.height, next.height);
+      prev.depth = Math.max(prev.depth, next.depth); // Use the last character's italic correction since we use
+      // it to add padding to the right of the span created from
+      // the combined characters.
+
+      prev.italic = next.italic;
+      chars.splice(i + 1, 1);
+      i--;
+    }
+  }
+
+  return chars;
+};
+/**
+ * Calculate the height, depth, and maxFontSize of an element based on its
+ * children.
+ */
+
+
+var sizeElementFromChildren = function sizeElementFromChildren(elem) {
+  var height = 0;
+  var depth = 0;
+  var maxFontSize = 0;
+
+  for (var i = 0; i < elem.children.length; i++) {
+    var child = elem.children[i];
+
+    if (child.height > height) {
+      height = child.height;
+    }
+
+    if (child.depth > depth) {
+      depth = child.depth;
+    }
+
+    if (child.maxFontSize > maxFontSize) {
+      maxFontSize = child.maxFontSize;
+    }
+  }
+
+  elem.height = height;
+  elem.depth = depth;
+  elem.maxFontSize = maxFontSize;
+};
+/**
+ * Makes a span with the given list of classes, list of children, and options.
+ *
+ * TODO(#953): Ensure that `options` is always provided (currently some call
+ * sites don't pass it) and make the type below mandatory.
+ * TODO: add a separate argument for math class (e.g. `mop`, `mbin`), which
+ * should if present come first in `classes`.
+ */
+
+
+var buildCommon_makeSpan = function makeSpan(classes, children, options, style) {
+  var span = new domTree_Span(classes, children, options, style);
+  sizeElementFromChildren(span);
+  return span;
+}; // SVG one is simpler -- doesn't require height, depth, max-font setting.
+// This is also a separate method for typesafety.
+
+
+var buildCommon_makeSvgSpan = function makeSvgSpan(classes, children, options, style) {
+  return new domTree_Span(classes, children, options, style);
+};
+
+var makeLineSpan = function makeLineSpan(className, options, thickness) {
+  var line = buildCommon_makeSpan([className], [], options);
+  line.height = Math.max(thickness || options.fontMetrics().defaultRuleThickness, options.minRuleThickness);
+  line.style.borderBottomWidth = line.height + "em";
+  line.maxFontSize = 1.0;
+  return line;
+};
+/**
+ * Makes an anchor with the given href, list of classes, list of children,
+ * and options.
+ */
+
+
+var buildCommon_makeAnchor = function makeAnchor(href, classes, children, options) {
+  var anchor = new domTree_Anchor(href, classes, children, options);
+  sizeElementFromChildren(anchor);
+  return anchor;
+};
+/**
+ * Makes a document fragment with the given list of children.
+ */
+
+
+var buildCommon_makeFragment = function makeFragment(children) {
+  var fragment = new tree_DocumentFragment(children);
+  sizeElementFromChildren(fragment);
+  return fragment;
+};
+/**
+ * Wraps group in a span if it's a document fragment, allowing to apply classes
+ * and styles
+ */
+
+
+var buildCommon_wrapFragment = function wrapFragment(group, options) {
+  if (group instanceof tree_DocumentFragment) {
+    return buildCommon_makeSpan([], [group], options);
+  }
+
+  return group;
+}; // These are exact object types to catch typos in the names of the optional fields.
+
+
+// Computes the updated `children` list and the overall depth.
+//
+// This helper function for makeVList makes it easier to enforce type safety by
+// allowing early exits (returns) in the logic.
+var getVListChildrenAndDepth = function getVListChildrenAndDepth(params) {
+  if (params.positionType === "individualShift") {
+    var oldChildren = params.children;
+    var children = [oldChildren[0]]; // Add in kerns to the list of params.children to get each element to be
+    // shifted to the correct specified shift
+
+    var _depth = -oldChildren[0].shift - oldChildren[0].elem.depth;
+
+    var currPos = _depth;
+
+    for (var i = 1; i < oldChildren.length; i++) {
+      var diff = -oldChildren[i].shift - currPos - oldChildren[i].elem.depth;
+      var size = diff - (oldChildren[i - 1].elem.height + oldChildren[i - 1].elem.depth);
+      currPos = currPos + diff;
+      children.push({
+        type: "kern",
+        size: size
+      });
+      children.push(oldChildren[i]);
+    }
+
+    return {
+      children: children,
+      depth: _depth
+    };
+  }
+
+  var depth;
+
+  if (params.positionType === "top") {
+    // We always start at the bottom, so calculate the bottom by adding up
+    // all the sizes
+    var bottom = params.positionData;
+
+    for (var _i = 0; _i < params.children.length; _i++) {
+      var child = params.children[_i];
+      bottom -= child.type === "kern" ? child.size : child.elem.height + child.elem.depth;
+    }
+
+    depth = bottom;
+  } else if (params.positionType === "bottom") {
+    depth = -params.positionData;
+  } else {
+    var firstChild = params.children[0];
+
+    if (firstChild.type !== "elem") {
+      throw new Error('First child must have type "elem".');
+    }
+
+    if (params.positionType === "shift") {
+      depth = -firstChild.elem.depth - params.positionData;
+    } else if (params.positionType === "firstBaseline") {
+      depth = -firstChild.elem.depth;
+    } else {
+      throw new Error("Invalid positionType " + params.positionType + ".");
+    }
+  }
+
+  return {
+    children: params.children,
+    depth: depth
+  };
+};
+/**
+ * Makes a vertical list by stacking elements and kerns on top of each other.
+ * Allows for many different ways of specifying the positioning method.
+ *
+ * See VListParam documentation above.
+ */
+
+
+var buildCommon_makeVList = function makeVList(params, options) {
+  var _getVListChildrenAndD = getVListChildrenAndDepth(params),
+      children = _getVListChildrenAndD.children,
+      depth = _getVListChildrenAndD.depth; // Create a strut that is taller than any list item. The strut is added to
+  // each item, where it will determine the item's baseline. Since it has
+  // `overflow:hidden`, the strut's top edge will sit on the item's line box's
+  // top edge and the strut's bottom edge will sit on the item's baseline,
+  // with no additional line-height spacing. This allows the item baseline to
+  // be positioned precisely without worrying about font ascent and
+  // line-height.
+
+
+  var pstrutSize = 0;
+
+  for (var i = 0; i < children.length; i++) {
+    var child = children[i];
+
+    if (child.type === "elem") {
+      var elem = child.elem;
+      pstrutSize = Math.max(pstrutSize, elem.maxFontSize, elem.height);
+    }
+  }
+
+  pstrutSize += 2;
+  var pstrut = buildCommon_makeSpan(["pstrut"], []);
+  pstrut.style.height = pstrutSize + "em"; // Create a new list of actual children at the correct offsets
+
+  var realChildren = [];
+  var minPos = depth;
+  var maxPos = depth;
+  var currPos = depth;
+
+  for (var _i2 = 0; _i2 < children.length; _i2++) {
+    var _child = children[_i2];
+
+    if (_child.type === "kern") {
+      currPos += _child.size;
+    } else {
+      var _elem = _child.elem;
+      var classes = _child.wrapperClasses || [];
+      var style = _child.wrapperStyle || {};
+      var childWrap = buildCommon_makeSpan(classes, [pstrut, _elem], undefined, style);
+      childWrap.style.top = -pstrutSize - currPos - _elem.depth + "em";
+
+      if (_child.marginLeft) {
+        childWrap.style.marginLeft = _child.marginLeft;
+      }
+
+      if (_child.marginRight) {
+        childWrap.style.marginRight = _child.marginRight;
+      }
+
+      realChildren.push(childWrap);
+      currPos += _elem.height + _elem.depth;
+    }
+
+    minPos = Math.min(minPos, currPos);
+    maxPos = Math.max(maxPos, currPos);
+  } // The vlist contents go in a table-cell with `vertical-align:bottom`.
+  // This cell's bottom edge will determine the containing table's baseline
+  // without overly expanding the containing line-box.
+
+
+  var vlist = buildCommon_makeSpan(["vlist"], realChildren);
+  vlist.style.height = maxPos + "em"; // A second row is used if necessary to represent the vlist's depth.
+
+  var rows;
+
+  if (minPos < 0) {
+    // We will define depth in an empty span with display: table-cell.
+    // It should render with the height that we define. But Chrome, in
+    // contenteditable mode only, treats that span as if it contains some
+    // text content. And that min-height over-rides our desired height.
+    // So we put another empty span inside the depth strut span.
+    var emptySpan = buildCommon_makeSpan([], []);
+    var depthStrut = buildCommon_makeSpan(["vlist"], [emptySpan]);
+    depthStrut.style.height = -minPos + "em"; // Safari wants the first row to have inline content; otherwise it
+    // puts the bottom of the *second* row on the baseline.
+
+    var topStrut = buildCommon_makeSpan(["vlist-s"], [new domTree_SymbolNode("\u200B")]);
+    rows = [buildCommon_makeSpan(["vlist-r"], [vlist, topStrut]), buildCommon_makeSpan(["vlist-r"], [depthStrut])];
+  } else {
+    rows = [buildCommon_makeSpan(["vlist-r"], [vlist])];
+  }
+
+  var vtable = buildCommon_makeSpan(["vlist-t"], rows);
+
+  if (rows.length === 2) {
+    vtable.classes.push("vlist-t2");
+  }
+
+  vtable.height = maxPos;
+  vtable.depth = -minPos;
+  return vtable;
+}; // Glue is a concept from TeX which is a flexible space between elements in
+// either a vertical or horizontal list. In KaTeX, at least for now, it's
+// static space between elements in a horizontal layout.
+
+
+var buildCommon_makeGlue = function makeGlue(measurement, options) {
+  // Make an empty span for the space
+  var rule = buildCommon_makeSpan(["mspace"], [], options);
+  var size = units_calculateSize(measurement, options);
+  rule.style.marginRight = size + "em";
+  return rule;
+}; // Takes font options, and returns the appropriate fontLookup name
+
+
+var retrieveTextFontName = function retrieveTextFontName(fontFamily, fontWeight, fontShape) {
+  var baseFontName = "";
+
+  switch (fontFamily) {
+    case "amsrm":
+      baseFontName = "AMS";
+      break;
+
+    case "textrm":
+      baseFontName = "Main";
+      break;
+
+    case "textsf":
+      baseFontName = "SansSerif";
+      break;
+
+    case "texttt":
+      baseFontName = "Typewriter";
+      break;
+
+    default:
+      baseFontName = fontFamily;
+    // use fonts added by a plugin
+  }
+
+  var fontStylesName;
+
+  if (fontWeight === "textbf" && fontShape === "textit") {
+    fontStylesName = "BoldItalic";
+  } else if (fontWeight === "textbf") {
+    fontStylesName = "Bold";
+  } else if (fontWeight === "textit") {
+    fontStylesName = "Italic";
+  } else {
+    fontStylesName = "Regular";
+  }
+
+  return baseFontName + "-" + fontStylesName;
+};
+/**
+ * Maps TeX font commands to objects containing:
+ * - variant: string used for "mathvariant" attribute in buildMathML.js
+ * - fontName: the "style" parameter to fontMetrics.getCharacterMetrics
+ */
+// A map between tex font commands an MathML mathvariant attribute values
+
+
+var fontMap = {
+  // styles
+  "mathbf": {
+    variant: "bold",
+    fontName: "Main-Bold"
+  },
+  "mathrm": {
+    variant: "normal",
+    fontName: "Main-Regular"
+  },
+  "textit": {
+    variant: "italic",
+    fontName: "Main-Italic"
+  },
+  "mathit": {
+    variant: "italic",
+    fontName: "Main-Italic"
+  },
+  "mathnormal": {
+    variant: "italic",
+    fontName: "Math-Italic"
+  },
+  // "boldsymbol" is missing because they require the use of multiple fonts:
+  // Math-BoldItalic and Main-Bold.  This is handled by a special case in
+  // makeOrd which ends up calling boldsymbol.
+  // families
+  "mathbb": {
+    variant: "double-struck",
+    fontName: "AMS-Regular"
+  },
+  "mathcal": {
+    variant: "script",
+    fontName: "Caligraphic-Regular"
+  },
+  "mathfrak": {
+    variant: "fraktur",
+    fontName: "Fraktur-Regular"
+  },
+  "mathscr": {
+    variant: "script",
+    fontName: "Script-Regular"
+  },
+  "mathsf": {
+    variant: "sans-serif",
+    fontName: "SansSerif-Regular"
+  },
+  "mathtt": {
+    variant: "monospace",
+    fontName: "Typewriter-Regular"
+  }
+};
+var svgData = {
+  //   path, width, height
+  vec: ["vec", 0.471, 0.714],
+  // values from the font glyph
+  oiintSize1: ["oiintSize1", 0.957, 0.499],
+  // oval to overlay the integrand
+  oiintSize2: ["oiintSize2", 1.472, 0.659],
+  oiiintSize1: ["oiiintSize1", 1.304, 0.499],
+  oiiintSize2: ["oiiintSize2", 1.98, 0.659],
+  leftParenInner: ["leftParenInner", 0.875, 0.3],
+  rightParenInner: ["rightParenInner", 0.875, 0.3]
+};
+
+var buildCommon_staticSvg = function staticSvg(value, options) {
+  // Create a span with inline SVG for the element.
+  var _svgData$value = svgData[value],
+      pathName = _svgData$value[0],
+      width = _svgData$value[1],
+      height = _svgData$value[2];
+  var path = new domTree_PathNode(pathName);
+  var svgNode = new SvgNode([path], {
+    "width": width + "em",
+    "height": height + "em",
+    // Override CSS rule `.katex svg { width: 100% }`
+    "style": "width:" + width + "em",
+    "viewBox": "0 0 " + 1000 * width + " " + 1000 * height,
+    "preserveAspectRatio": "xMinYMin"
+  });
+  var span = buildCommon_makeSvgSpan(["overlay"], [svgNode], options);
+  span.height = height;
+  span.style.height = height + "em";
+  span.style.width = width + "em";
+  return span;
+};
+
+/* harmony default export */ var buildCommon = ({
+  fontMap: fontMap,
+  makeSymbol: buildCommon_makeSymbol,
+  mathsym: buildCommon_mathsym,
+  makeSpan: buildCommon_makeSpan,
+  makeSvgSpan: buildCommon_makeSvgSpan,
+  makeLineSpan: makeLineSpan,
+  makeAnchor: buildCommon_makeAnchor,
+  makeFragment: buildCommon_makeFragment,
+  wrapFragment: buildCommon_wrapFragment,
+  makeVList: buildCommon_makeVList,
+  makeOrd: buildCommon_makeOrd,
+  makeGlue: buildCommon_makeGlue,
+  staticSvg: buildCommon_staticSvg,
+  svgData: svgData,
+  tryCombineChars: buildCommon_tryCombineChars
+});
+// CONCATENATED MODULE: ./src/spacingData.js
+/**
+ * Describes spaces between different classes of atoms.
+ */
+var thinspace = {
+  number: 3,
+  unit: "mu"
+};
+var mediumspace = {
+  number: 4,
+  unit: "mu"
+};
+var thickspace = {
+  number: 5,
+  unit: "mu"
+}; // Making the type below exact with all optional fields doesn't work due to
+// - https://github.com/facebook/flow/issues/4582
+// - https://github.com/facebook/flow/issues/5688
+// However, since *all* fields are optional, $Shape<> works as suggested in 5688
+// above.
+
+// Spacing relationships for display and text styles
+var spacings = {
+  mord: {
+    mop: thinspace,
+    mbin: mediumspace,
+    mrel: thickspace,
+    minner: thinspace
+  },
+  mop: {
+    mord: thinspace,
+    mop: thinspace,
+    mrel: thickspace,
+    minner: thinspace
+  },
+  mbin: {
+    mord: mediumspace,
+    mop: mediumspace,
+    mopen: mediumspace,
+    minner: mediumspace
+  },
+  mrel: {
+    mord: thickspace,
+    mop: thickspace,
+    mopen: thickspace,
+    minner: thickspace
+  },
+  mopen: {},
+  mclose: {
+    mop: thinspace,
+    mbin: mediumspace,
+    mrel: thickspace,
+    minner: thinspace
+  },
+  mpunct: {
+    mord: thinspace,
+    mop: thinspace,
+    mrel: thickspace,
+    mopen: thinspace,
+    mclose: thinspace,
+    mpunct: thinspace,
+    minner: thinspace
+  },
+  minner: {
+    mord: thinspace,
+    mop: thinspace,
+    mbin: mediumspace,
+    mrel: thickspace,
+    mopen: thinspace,
+    mpunct: thinspace,
+    minner: thinspace
+  }
+}; // Spacing relationships for script and scriptscript styles
+
+var tightSpacings = {
+  mord: {
+    mop: thinspace
+  },
+  mop: {
+    mord: thinspace,
+    mop: thinspace
+  },
+  mbin: {},
+  mrel: {},
+  mopen: {},
+  mclose: {
+    mop: thinspace
+  },
+  mpunct: {},
+  minner: {
+    mop: thinspace
+  }
+};
+// CONCATENATED MODULE: ./src/defineFunction.js
+/** Context provided to function handlers for error messages. */
+// Note: reverse the order of the return type union will cause a flow error.
+// See https://github.com/facebook/flow/issues/3663.
+// More general version of `HtmlBuilder` for nodes (e.g. \sum, accent types)
+// whose presence impacts super/subscripting. In this case, ParseNode<"supsub">
+// delegates its HTML building to the HtmlBuilder corresponding to these nodes.
+
+/**
+ * Final function spec for use at parse time.
+ * This is almost identical to `FunctionPropSpec`, except it
+ * 1. includes the function handler, and
+ * 2. requires all arguments except argTypes.
+ * It is generated by `defineFunction()` below.
+ */
+
+/**
+ * All registered functions.
+ * `functions.js` just exports this same dictionary again and makes it public.
+ * `Parser.js` requires this dictionary.
+ */
+var _functions = {};
+/**
+ * All HTML builders. Should be only used in the `define*` and the `build*ML`
+ * functions.
+ */
+
+var _htmlGroupBuilders = {};
+/**
+ * All MathML builders. Should be only used in the `define*` and the `build*ML`
+ * functions.
+ */
+
+var _mathmlGroupBuilders = {};
+function defineFunction(_ref) {
+  var type = _ref.type,
+      names = _ref.names,
+      props = _ref.props,
+      handler = _ref.handler,
+      htmlBuilder = _ref.htmlBuilder,
+      mathmlBuilder = _ref.mathmlBuilder;
+  // Set default values of functions
+  var data = {
+    type: type,
+    numArgs: props.numArgs,
+    argTypes: props.argTypes,
+    greediness: props.greediness === undefined ? 1 : props.greediness,
+    allowedInText: !!props.allowedInText,
+    allowedInMath: props.allowedInMath === undefined ? true : props.allowedInMath,
+    numOptionalArgs: props.numOptionalArgs || 0,
+    infix: !!props.infix,
+    handler: handler
+  };
+
+  for (var i = 0; i < names.length; ++i) {
+    _functions[names[i]] = data;
+  }
+
+  if (type) {
+    if (htmlBuilder) {
+      _htmlGroupBuilders[type] = htmlBuilder;
+    }
+
+    if (mathmlBuilder) {
+      _mathmlGroupBuilders[type] = mathmlBuilder;
+    }
+  }
+}
+/**
+ * Use this to register only the HTML and MathML builders for a function (e.g.
+ * if the function's ParseNode is generated in Parser.js rather than via a
+ * stand-alone handler provided to `defineFunction`).
+ */
+
+function defineFunctionBuilders(_ref2) {
+  var type = _ref2.type,
+      htmlBuilder = _ref2.htmlBuilder,
+      mathmlBuilder = _ref2.mathmlBuilder;
+  defineFunction({
+    type: type,
+    names: [],
+    props: {
+      numArgs: 0
+    },
+    handler: function handler() {
+      throw new Error('Should never be called.');
+    },
+    htmlBuilder: htmlBuilder,
+    mathmlBuilder: mathmlBuilder
+  });
+} // Since the corresponding buildHTML/buildMathML function expects a
+// list of elements, we normalize for different kinds of arguments
+
+var ordargument = function ordargument(arg) {
+  return arg.type === "ordgroup" ? arg.body : [arg];
+};
+// CONCATENATED MODULE: ./src/buildHTML.js
+/**
+ * This file does the main work of building a domTree structure from a parse
+ * tree. The entry point is the `buildHTML` function, which takes a parse tree.
+ * Then, the buildExpression, buildGroup, and various groupBuilders functions
+ * are called, to produce a final HTML tree.
+ */
+
+
+
+
+
+
+
+
+var buildHTML_makeSpan = buildCommon.makeSpan; // Binary atoms (first class `mbin`) change into ordinary atoms (`mord`)
+// depending on their surroundings. See TeXbook pg. 442-446, Rules 5 and 6,
+// and the text before Rule 19.
+
+var binLeftCanceller = ["leftmost", "mbin", "mopen", "mrel", "mop", "mpunct"];
+var binRightCanceller = ["rightmost", "mrel", "mclose", "mpunct"];
+var styleMap = {
+  "display": src_Style.DISPLAY,
+  "text": src_Style.TEXT,
+  "script": src_Style.SCRIPT,
+  "scriptscript": src_Style.SCRIPTSCRIPT
+};
+var DomEnum = {
+  mord: "mord",
+  mop: "mop",
+  mbin: "mbin",
+  mrel: "mrel",
+  mopen: "mopen",
+  mclose: "mclose",
+  mpunct: "mpunct",
+  minner: "minner"
+};
+
+/**
+ * Take a list of nodes, build them in order, and return a list of the built
+ * nodes. documentFragments are flattened into their contents, so the
+ * returned list contains no fragments. `isRealGroup` is true if `expression`
+ * is a real group (no atoms will be added on either side), as opposed to
+ * a partial group (e.g. one created by \color). `surrounding` is an array
+ * consisting type of nodes that will be added to the left and right.
+ */
+var buildHTML_buildExpression = function buildExpression(expression, options, isRealGroup, surrounding) {
+  if (surrounding === void 0) {
+    surrounding = [null, null];
+  }
+
+  // Parse expressions into `groups`.
+  var groups = [];
+
+  for (var i = 0; i < expression.length; i++) {
+    var output = buildHTML_buildGroup(expression[i], options);
+
+    if (output instanceof tree_DocumentFragment) {
+      var children = output.children;
+      groups.push.apply(groups, children);
+    } else {
+      groups.push(output);
+    }
+  } // If `expression` is a partial group, let the parent handle spacings
+  // to avoid processing groups multiple times.
+
+
+  if (!isRealGroup) {
+    return groups;
+  }
+
+  var glueOptions = options;
+
+  if (expression.length === 1) {
+    var node = expression[0];
+
+    if (node.type === "sizing") {
+      glueOptions = options.havingSize(node.size);
+    } else if (node.type === "styling") {
+      glueOptions = options.havingStyle(styleMap[node.style]);
+    }
+  } // Dummy spans for determining spacings between surrounding atoms.
+  // If `expression` has no atoms on the left or right, class "leftmost"
+  // or "rightmost", respectively, is used to indicate it.
+
+
+  var dummyPrev = buildHTML_makeSpan([surrounding[0] || "leftmost"], [], options);
+  var dummyNext = buildHTML_makeSpan([surrounding[1] || "rightmost"], [], options); // TODO: These code assumes that a node's math class is the first element
+  // of its `classes` array. A later cleanup should ensure this, for
+  // instance by changing the signature of `makeSpan`.
+  // Before determining what spaces to insert, perform bin cancellation.
+  // Binary operators change to ordinary symbols in some contexts.
+
+  var isRoot = isRealGroup === "root";
+  traverseNonSpaceNodes(groups, function (node, prev) {
+    var prevType = prev.classes[0];
+    var type = node.classes[0];
+
+    if (prevType === "mbin" && utils.contains(binRightCanceller, type)) {
+      prev.classes[0] = "mord";
+    } else if (type === "mbin" && utils.contains(binLeftCanceller, prevType)) {
+      node.classes[0] = "mord";
+    }
+  }, {
+    node: dummyPrev
+  }, dummyNext, isRoot);
+  traverseNonSpaceNodes(groups, function (node, prev) {
+    var prevType = getTypeOfDomTree(prev);
+    var type = getTypeOfDomTree(node); // 'mtight' indicates that the node is script or scriptscript style.
+
+    var space = prevType && type ? node.hasClass("mtight") ? tightSpacings[prevType][type] : spacings[prevType][type] : null;
+
+    if (space) {
+      // Insert glue (spacing) after the `prev`.
+      return buildCommon.makeGlue(space, glueOptions);
+    }
+  }, {
+    node: dummyPrev
+  }, dummyNext, isRoot);
+  return groups;
+}; // Depth-first traverse non-space `nodes`, calling `callback` with the current and
+// previous node as arguments, optionally returning a node to insert after the
+// previous node. `prev` is an object with the previous node and `insertAfter`
+// function to insert after it. `next` is a node that will be added to the right.
+// Used for bin cancellation and inserting spacings.
+
+var traverseNonSpaceNodes = function traverseNonSpaceNodes(nodes, callback, prev, next, isRoot) {
+  if (next) {
+    // temporarily append the right node, if exists
+    nodes.push(next);
+  }
+
+  var i = 0;
+
+  for (; i < nodes.length; i++) {
+    var node = nodes[i];
+    var partialGroup = buildHTML_checkPartialGroup(node);
+
+    if (partialGroup) {
+      // Recursive DFS
+      // $FlowFixMe: make nodes a $ReadOnlyArray by returning a new array
+      traverseNonSpaceNodes(partialGroup.children, callback, prev, null, isRoot);
+      continue;
+    } // Ignore explicit spaces (e.g., \;, \,) when determining what implicit
+    // spacing should go between atoms of different classes
+
+
+    var nonspace = !node.hasClass("mspace");
+
+    if (nonspace) {
+      var result = callback(node, prev.node);
+
+      if (result) {
+        if (prev.insertAfter) {
+          prev.insertAfter(result);
+        } else {
+          // insert at front
+          nodes.unshift(result);
+          i++;
+        }
+      }
+    }
+
+    if (nonspace) {
+      prev.node = node;
+    } else if (isRoot && node.hasClass("newline")) {
+      prev.node = buildHTML_makeSpan(["leftmost"]); // treat like beginning of line
+    }
+
+    prev.insertAfter = function (index) {
+      return function (n) {
+        nodes.splice(index + 1, 0, n);
+        i++;
+      };
+    }(i);
+  }
+
+  if (next) {
+    nodes.pop();
+  }
+}; // Check if given node is a partial group, i.e., does not affect spacing around.
+
+
+var buildHTML_checkPartialGroup = function checkPartialGroup(node) {
+  if (node instanceof tree_DocumentFragment || node instanceof domTree_Anchor || node instanceof domTree_Span && node.hasClass("enclosing")) {
+    return node;
+  }
+
+  return null;
+}; // Return the outermost node of a domTree.
+
+
+var getOutermostNode = function getOutermostNode(node, side) {
+  var partialGroup = buildHTML_checkPartialGroup(node);
+
+  if (partialGroup) {
+    var children = partialGroup.children;
+
+    if (children.length) {
+      if (side === "right") {
+        return getOutermostNode(children[children.length - 1], "right");
+      } else if (side === "left") {
+        return getOutermostNode(children[0], "left");
+      }
+    }
+  }
+
+  return node;
+}; // Return math atom class (mclass) of a domTree.
+// If `side` is given, it will get the type of the outermost node at given side.
+
+
+var getTypeOfDomTree = function getTypeOfDomTree(node, side) {
+  if (!node) {
+    return null;
+  }
+
+  if (side) {
+    node = getOutermostNode(node, side);
+  } // This makes a lot of assumptions as to where the type of atom
+  // appears.  We should do a better job of enforcing this.
+
+
+  return DomEnum[node.classes[0]] || null;
+};
+var makeNullDelimiter = function makeNullDelimiter(options, classes) {
+  var moreClasses = ["nulldelimiter"].concat(options.baseSizingClasses());
+  return buildHTML_makeSpan(classes.concat(moreClasses));
+};
+/**
+ * buildGroup is the function that takes a group and calls the correct groupType
+ * function for it. It also handles the interaction of size and style changes
+ * between parents and children.
+ */
+
+var buildHTML_buildGroup = function buildGroup(group, options, baseOptions) {
+  if (!group) {
+    return buildHTML_makeSpan();
+  }
+
+  if (_htmlGroupBuilders[group.type]) {
+    // Call the groupBuilders function
+    var groupNode = _htmlGroupBuilders[group.type](group, options); // If the size changed between the parent and the current group, account
+    // for that size difference.
+
+    if (baseOptions && options.size !== baseOptions.size) {
+      groupNode = buildHTML_makeSpan(options.sizingClasses(baseOptions), [groupNode], options);
+      var multiplier = options.sizeMultiplier / baseOptions.sizeMultiplier;
+      groupNode.height *= multiplier;
+      groupNode.depth *= multiplier;
+    }
+
+    return groupNode;
+  } else {
+    throw new src_ParseError("Got group of unknown type: '" + group.type + "'");
+  }
+};
+/**
+ * Combine an array of HTML DOM nodes (e.g., the output of `buildExpression`)
+ * into an unbreakable HTML node of class .base, with proper struts to
+ * guarantee correct vertical extent.  `buildHTML` calls this repeatedly to
+ * make up the entire expression as a sequence of unbreakable units.
+ */
+
+function buildHTMLUnbreakable(children, options) {
+  // Compute height and depth of this chunk.
+  var body = buildHTML_makeSpan(["base"], children, options); // Add strut, which ensures that the top of the HTML element falls at
+  // the height of the expression, and the bottom of the HTML element
+  // falls at the depth of the expression.
+
+  var strut = buildHTML_makeSpan(["strut"]);
+  strut.style.height = body.height + body.depth + "em";
+  strut.style.verticalAlign = -body.depth + "em";
+  body.children.unshift(strut);
+  return body;
+}
+/**
+ * Take an entire parse tree, and build it into an appropriate set of HTML
+ * nodes.
+ */
+
+
+function buildHTML(tree, options) {
+  // Strip off outer tag wrapper for processing below.
+  var tag = null;
+
+  if (tree.length === 1 && tree[0].type === "tag") {
+    tag = tree[0].tag;
+    tree = tree[0].body;
+  } // Build the expression contained in the tree
+
+
+  var expression = buildHTML_buildExpression(tree, options, "root");
+  var children = []; // Create one base node for each chunk between potential line breaks.
+  // The TeXBook [p.173] says "A formula will be broken only after a
+  // relation symbol like $=$ or $<$ or $\rightarrow$, or after a binary
+  // operation symbol like $+$ or $-$ or $\times$, where the relation or
+  // binary operation is on the ``outer level'' of the formula (i.e., not
+  // enclosed in {...} and not part of an \over construction)."
+
+  var parts = [];
+
+  for (var i = 0; i < expression.length; i++) {
+    parts.push(expression[i]);
+
+    if (expression[i].hasClass("mbin") || expression[i].hasClass("mrel") || expression[i].hasClass("allowbreak")) {
+      // Put any post-operator glue on same line as operator.
+      // Watch for \nobreak along the way, and stop at \newline.
+      var nobreak = false;
+
+      while (i < expression.length - 1 && expression[i + 1].hasClass("mspace") && !expression[i + 1].hasClass("newline")) {
+        i++;
+        parts.push(expression[i]);
+
+        if (expression[i].hasClass("nobreak")) {
+          nobreak = true;
+        }
+      } // Don't allow break if \nobreak among the post-operator glue.
+
+
+      if (!nobreak) {
+        children.push(buildHTMLUnbreakable(parts, options));
+        parts = [];
+      }
+    } else if (expression[i].hasClass("newline")) {
+      // Write the line except the newline
+      parts.pop();
+
+      if (parts.length > 0) {
+        children.push(buildHTMLUnbreakable(parts, options));
+        parts = [];
+      } // Put the newline at the top level
+
+
+      children.push(expression[i]);
+    }
+  }
+
+  if (parts.length > 0) {
+    children.push(buildHTMLUnbreakable(parts, options));
+  } // Now, if there was a tag, build it too and append it as a final child.
+
+
+  var tagChild;
+
+  if (tag) {
+    tagChild = buildHTMLUnbreakable(buildHTML_buildExpression(tag, options, true));
+    tagChild.classes = ["tag"];
+    children.push(tagChild);
+  }
+
+  var htmlNode = buildHTML_makeSpan(["katex-html"], children);
+  htmlNode.setAttribute("aria-hidden", "true"); // Adjust the strut of the tag to be the maximum height of all children
+  // (the height of the enclosing htmlNode) for proper vertical alignment.
+
+  if (tagChild) {
+    var strut = tagChild.children[0];
+    strut.style.height = htmlNode.height + htmlNode.depth + "em";
+    strut.style.verticalAlign = -htmlNode.depth + "em";
+  }
+
+  return htmlNode;
+}
+// CONCATENATED MODULE: ./src/mathMLTree.js
+/**
+ * These objects store data about MathML nodes. This is the MathML equivalent
+ * of the types in domTree.js. Since MathML handles its own rendering, and
+ * since we're mainly using MathML to improve accessibility, we don't manage
+ * any of the styling state that the plain DOM nodes do.
+ *
+ * The `toNode` and `toMarkup` functions work simlarly to how they do in
+ * domTree.js, creating namespaced DOM nodes and HTML text markup respectively.
+ */
+
+
+function newDocumentFragment(children) {
+  return new tree_DocumentFragment(children);
+}
+/**
+ * This node represents a general purpose MathML node of any type. The
+ * constructor requires the type of node to create (for example, `"mo"` or
+ * `"mspace"`, corresponding to `<mo>` and `<mspace>` tags).
+ */
+
+var mathMLTree_MathNode =
+/*#__PURE__*/
+function () {
+  function MathNode(type, children) {
+    this.type = void 0;
+    this.attributes = void 0;
+    this.children = void 0;
+    this.type = type;
+    this.attributes = {};
+    this.children = children || [];
+  }
+  /**
+   * Sets an attribute on a MathML node. MathML depends on attributes to convey a
+   * semantic content, so this is used heavily.
+   */
+
+
+  var _proto = MathNode.prototype;
+
+  _proto.setAttribute = function setAttribute(name, value) {
+    this.attributes[name] = value;
+  }
+  /**
+   * Gets an attribute on a MathML node.
+   */
+  ;
+
+  _proto.getAttribute = function getAttribute(name) {
+    return this.attributes[name];
+  }
+  /**
+   * Converts the math node into a MathML-namespaced DOM element.
+   */
+  ;
+
+  _proto.toNode = function toNode() {
+    var node = document.createElementNS("http://www.w3.org/1998/Math/MathML", this.type);
+
+    for (var attr in this.attributes) {
+      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
+        node.setAttribute(attr, this.attributes[attr]);
+      }
+    }
+
+    for (var i = 0; i < this.children.length; i++) {
+      node.appendChild(this.children[i].toNode());
+    }
+
+    return node;
+  }
+  /**
+   * Converts the math node into an HTML markup string.
+   */
+  ;
+
+  _proto.toMarkup = function toMarkup() {
+    var markup = "<" + this.type; // Add the attributes
+
+    for (var attr in this.attributes) {
+      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
+        markup += " " + attr + "=\"";
+        markup += utils.escape(this.attributes[attr]);
+        markup += "\"";
+      }
+    }
+
+    markup += ">";
+
+    for (var i = 0; i < this.children.length; i++) {
+      markup += this.children[i].toMarkup();
+    }
+
+    markup += "</" + this.type + ">";
+    return markup;
+  }
+  /**
+   * Converts the math node into a string, similar to innerText, but escaped.
+   */
+  ;
+
+  _proto.toText = function toText() {
+    return this.children.map(function (child) {
+      return child.toText();
+    }).join("");
+  };
+
+  return MathNode;
+}();
+/**
+ * This node represents a piece of text.
+ */
+
+var mathMLTree_TextNode =
+/*#__PURE__*/
+function () {
+  function TextNode(text) {
+    this.text = void 0;
+    this.text = text;
+  }
+  /**
+   * Converts the text node into a DOM text node.
+   */
+
+
+  var _proto2 = TextNode.prototype;
+
+  _proto2.toNode = function toNode() {
+    return document.createTextNode(this.text);
+  }
+  /**
+   * Converts the text node into escaped HTML markup
+   * (representing the text itself).
+   */
+  ;
+
+  _proto2.toMarkup = function toMarkup() {
+    return utils.escape(this.toText());
+  }
+  /**
+   * Converts the text node into a string
+   * (representing the text iteself).
+   */
+  ;
+
+  _proto2.toText = function toText() {
+    return this.text;
+  };
+
+  return TextNode;
+}();
+/**
+ * This node represents a space, but may render as <mspace.../> or as text,
+ * depending on the width.
+ */
+
+var SpaceNode =
+/*#__PURE__*/
+function () {
+  /**
+   * Create a Space node with width given in CSS ems.
+   */
+  function SpaceNode(width) {
+    this.width = void 0;
+    this.character = void 0;
+    this.width = width; // See https://www.w3.org/TR/2000/WD-MathML2-20000328/chapter6.html
+    // for a table of space-like characters.  We use Unicode
+    // representations instead of &LongNames; as it's not clear how to
+    // make the latter via document.createTextNode.
+
+    if (width >= 0.05555 && width <= 0.05556) {
+      this.character = "\u200A"; // &VeryThinSpace;
+    } else if (width >= 0.1666 && width <= 0.1667) {
+      this.character = "\u2009"; // &ThinSpace;
+    } else if (width >= 0.2222 && width <= 0.2223) {
+      this.character = "\u2005"; // &MediumSpace;
+    } else if (width >= 0.2777 && width <= 0.2778) {
+      this.character = "\u2005\u200A"; // &ThickSpace;
+    } else if (width >= -0.05556 && width <= -0.05555) {
+      this.character = "\u200A\u2063"; // &NegativeVeryThinSpace;
+    } else if (width >= -0.1667 && width <= -0.1666) {
+      this.character = "\u2009\u2063"; // &NegativeThinSpace;
+    } else if (width >= -0.2223 && width <= -0.2222) {
+      this.character = "\u205F\u2063"; // &NegativeMediumSpace;
+    } else if (width >= -0.2778 && width <= -0.2777) {
+      this.character = "\u2005\u2063"; // &NegativeThickSpace;
+    } else {
+      this.character = null;
+    }
+  }
+  /**
+   * Converts the math node into a MathML-namespaced DOM element.
+   */
+
+
+  var _proto3 = SpaceNode.prototype;
+
+  _proto3.toNode = function toNode() {
+    if (this.character) {
+      return document.createTextNode(this.character);
+    } else {
+      var node = document.createElementNS("http://www.w3.org/1998/Math/MathML", "mspace");
+      node.setAttribute("width", this.width + "em");
+      return node;
+    }
+  }
+  /**
+   * Converts the math node into an HTML markup string.
+   */
+  ;
+
+  _proto3.toMarkup = function toMarkup() {
+    if (this.character) {
+      return "<mtext>" + this.character + "</mtext>";
+    } else {
+      return "<mspace width=\"" + this.width + "em\"/>";
+    }
+  }
+  /**
+   * Converts the math node into a string, similar to innerText.
+   */
+  ;
+
+  _proto3.toText = function toText() {
+    if (this.character) {
+      return this.character;
+    } else {
+      return " ";
+    }
+  };
+
+  return SpaceNode;
+}();
+
+/* harmony default export */ var mathMLTree = ({
+  MathNode: mathMLTree_MathNode,
+  TextNode: mathMLTree_TextNode,
+  SpaceNode: SpaceNode,
+  newDocumentFragment: newDocumentFragment
+});
+// CONCATENATED MODULE: ./src/buildMathML.js
+/**
+ * This file converts a parse tree into a cooresponding MathML tree. The main
+ * entry point is the `buildMathML` function, which takes a parse tree from the
+ * parser.
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Takes a symbol and converts it into a MathML text node after performing
+ * optional replacement from symbols.js.
+ */
+var buildMathML_makeText = function makeText(text, mode, options) {
+  if (src_symbols[mode][text] && src_symbols[mode][text].replace && text.charCodeAt(0) !== 0xD835 && !(ligatures.hasOwnProperty(text) && options && (options.fontFamily && options.fontFamily.substr(4, 2) === "tt" || options.font && options.font.substr(4, 2) === "tt"))) {
+    text = src_symbols[mode][text].replace;
+  }
+
+  return new mathMLTree.TextNode(text);
+};
+/**
+ * Wrap the given array of nodes in an <mrow> node if needed, i.e.,
+ * unless the array has length 1.  Always returns a single node.
+ */
+
+var buildMathML_makeRow = function makeRow(body) {
+  if (body.length === 1) {
+    return body[0];
+  } else {
+    return new mathMLTree.MathNode("mrow", body);
+  }
+};
+/**
+ * Returns the math variant as a string or null if none is required.
+ */
+
+var buildMathML_getVariant = function getVariant(group, options) {
+  // Handle \text... font specifiers as best we can.
+  // MathML has a limited list of allowable mathvariant specifiers; see
+  // https://www.w3.org/TR/MathML3/chapter3.html#presm.commatt
+  if (options.fontFamily === "texttt") {
+    return "monospace";
+  } else if (options.fontFamily === "textsf") {
+    if (options.fontShape === "textit" && options.fontWeight === "textbf") {
+      return "sans-serif-bold-italic";
+    } else if (options.fontShape === "textit") {
+      return "sans-serif-italic";
+    } else if (options.fontWeight === "textbf") {
+      return "bold-sans-serif";
+    } else {
+      return "sans-serif";
+    }
+  } else if (options.fontShape === "textit" && options.fontWeight === "textbf") {
+    return "bold-italic";
+  } else if (options.fontShape === "textit") {
+    return "italic";
+  } else if (options.fontWeight === "textbf") {
+    return "bold";
+  }
+
+  var font = options.font;
+
+  if (!font || font === "mathnormal") {
+    return null;
+  }
+
+  var mode = group.mode;
+
+  if (font === "mathit") {
+    return "italic";
+  } else if (font === "boldsymbol") {
+    return group.type === "textord" ? "bold" : "bold-italic";
+  } else if (font === "mathbf") {
+    return "bold";
+  } else if (font === "mathbb") {
+    return "double-struck";
+  } else if (font === "mathfrak") {
+    return "fraktur";
+  } else if (font === "mathscr" || font === "mathcal") {
+    // MathML makes no distinction between script and caligrahpic
+    return "script";
+  } else if (font === "mathsf") {
+    return "sans-serif";
+  } else if (font === "mathtt") {
+    return "monospace";
+  }
+
+  var text = group.text;
+
+  if (utils.contains(["\\imath", "\\jmath"], text)) {
+    return null;
+  }
+
+  if (src_symbols[mode][text] && src_symbols[mode][text].replace) {
+    text = src_symbols[mode][text].replace;
+  }
+
+  var fontName = buildCommon.fontMap[font].fontName;
+
+  if (getCharacterMetrics(text, fontName, mode)) {
+    return buildCommon.fontMap[font].variant;
+  }
+
+  return null;
+};
+/**
+ * Takes a list of nodes, builds them, and returns a list of the generated
+ * MathML nodes.  Also combine consecutive <mtext> outputs into a single
+ * <mtext> tag.
+ */
+
+var buildMathML_buildExpression = function buildExpression(expression, options, isOrdgroup) {
+  if (expression.length === 1) {
+    var group = buildMathML_buildGroup(expression[0], options);
+
+    if (isOrdgroup && group instanceof mathMLTree_MathNode && group.type === "mo") {
+      // When TeX writers want to suppress spacing on an operator,
+      // they often put the operator by itself inside braces.
+      group.setAttribute("lspace", "0em");
+      group.setAttribute("rspace", "0em");
+    }
+
+    return [group];
+  }
+
+  var groups = [];
+  var lastGroup;
+
+  for (var i = 0; i < expression.length; i++) {
+    var _group = buildMathML_buildGroup(expression[i], options);
+
+    if (_group instanceof mathMLTree_MathNode && lastGroup instanceof mathMLTree_MathNode) {
+      // Concatenate adjacent <mtext>s
+      if (_group.type === 'mtext' && lastGroup.type === 'mtext' && _group.getAttribute('mathvariant') === lastGroup.getAttribute('mathvariant')) {
+        var _lastGroup$children;
+
+        (_lastGroup$children = lastGroup.children).push.apply(_lastGroup$children, _group.children);
+
+        continue; // Concatenate adjacent <mn>s
+      } else if (_group.type === 'mn' && lastGroup.type === 'mn') {
+        var _lastGroup$children2;
+
+        (_lastGroup$children2 = lastGroup.children).push.apply(_lastGroup$children2, _group.children);
+
+        continue; // Concatenate <mn>...</mn> followed by <mi>.</mi>
+      } else if (_group.type === 'mi' && _group.children.length === 1 && lastGroup.type === 'mn') {
+        var child = _group.children[0];
+
+        if (child instanceof mathMLTree_TextNode && child.text === '.') {
+          var _lastGroup$children3;
+
+          (_lastGroup$children3 = lastGroup.children).push.apply(_lastGroup$children3, _group.children);
+
+          continue;
+        }
+      } else if (lastGroup.type === 'mi' && lastGroup.children.length === 1) {
+        var lastChild = lastGroup.children[0];
+
+        if (lastChild instanceof mathMLTree_TextNode && lastChild.text === "\u0338" && (_group.type === 'mo' || _group.type === 'mi' || _group.type === 'mn')) {
+          var _child = _group.children[0];
+
+          if (_child instanceof mathMLTree_TextNode && _child.text.length > 0) {
+            // Overlay with combining character long solidus
+            _child.text = _child.text.slice(0, 1) + "\u0338" + _child.text.slice(1);
+            groups.pop();
+          }
+        }
+      }
+    }
+
+    groups.push(_group);
+    lastGroup = _group;
+  }
+
+  return groups;
+};
+/**
+ * Equivalent to buildExpression, but wraps the elements in an <mrow>
+ * if there's more than one.  Returns a single node instead of an array.
+ */
+
+var buildExpressionRow = function buildExpressionRow(expression, options, isOrdgroup) {
+  return buildMathML_makeRow(buildMathML_buildExpression(expression, options, isOrdgroup));
+};
+/**
+ * Takes a group from the parser and calls the appropriate groupBuilders function
+ * on it to produce a MathML node.
+ */
+
+var buildMathML_buildGroup = function buildGroup(group, options) {
+  if (!group) {
+    return new mathMLTree.MathNode("mrow");
+  }
+
+  if (_mathmlGroupBuilders[group.type]) {
+    // Call the groupBuilders function
+    var result = _mathmlGroupBuilders[group.type](group, options);
+    return result;
+  } else {
+    throw new src_ParseError("Got group of unknown type: '" + group.type + "'");
+  }
+};
+/**
+ * Takes a full parse tree and settings and builds a MathML representation of
+ * it. In particular, we put the elements from building the parse tree into a
+ * <semantics> tag so we can also include that TeX source as an annotation.
+ *
+ * Note that we actually return a domTree element with a `<math>` inside it so
+ * we can do appropriate styling.
+ */
+
+function buildMathML(tree, texExpression, options, isDisplayMode, forMathmlOnly) {
+  var expression = buildMathML_buildExpression(tree, options); // Wrap up the expression in an mrow so it is presented in the semantics
+  // tag correctly, unless it's a single <mrow> or <mtable>.
+
+  var wrapper;
+
+  if (expression.length === 1 && expression[0] instanceof mathMLTree_MathNode && utils.contains(["mrow", "mtable"], expression[0].type)) {
+    wrapper = expression[0];
+  } else {
+    wrapper = new mathMLTree.MathNode("mrow", expression);
+  } // Build a TeX annotation of the source
+
+
+  var annotation = new mathMLTree.MathNode("annotation", [new mathMLTree.TextNode(texExpression)]);
+  annotation.setAttribute("encoding", "application/x-tex");
+  var semantics = new mathMLTree.MathNode("semantics", [wrapper, annotation]);
+  var math = new mathMLTree.MathNode("math", [semantics]);
+  math.setAttribute("xmlns", "http://www.w3.org/1998/Math/MathML");
+
+  if (isDisplayMode) {
+    math.setAttribute("display", "block");
+  } // You can't style <math> nodes, so we wrap the node in a span.
+  // NOTE: The span class is not typed to have <math> nodes as children, and
+  // we don't want to make the children type more generic since the children
+  // of span are expected to have more fields in `buildHtml` contexts.
+
+
+  var wrapperClass = forMathmlOnly ? "katex" : "katex-mathml"; // $FlowFixMe
+
+  return buildCommon.makeSpan([wrapperClass], [math]);
+}
+// CONCATENATED MODULE: ./src/buildTree.js
+
+
+
+
+
+
+
+var buildTree_optionsFromSettings = function optionsFromSettings(settings) {
+  return new src_Options({
+    style: settings.displayMode ? src_Style.DISPLAY : src_Style.TEXT,
+    maxSize: settings.maxSize,
+    minRuleThickness: settings.minRuleThickness
+  });
+};
+
+var buildTree_displayWrap = function displayWrap(node, settings) {
+  if (settings.displayMode) {
+    var classes = ["katex-display"];
+
+    if (settings.leqno) {
+      classes.push("leqno");
+    }
+
+    if (settings.fleqn) {
+      classes.push("fleqn");
+    }
+
+    node = buildCommon.makeSpan(classes, [node]);
+  }
+
+  return node;
+};
+
+var buildTree_buildTree = function buildTree(tree, expression, settings) {
+  var options = buildTree_optionsFromSettings(settings);
+  var katexNode;
+
+  if (settings.output === "mathml") {
+    return buildMathML(tree, expression, options, settings.displayMode, true);
+  } else if (settings.output === "html") {
+    var htmlNode = buildHTML(tree, options);
+    katexNode = buildCommon.makeSpan(["katex"], [htmlNode]);
+  } else {
+    var mathMLNode = buildMathML(tree, expression, options, settings.displayMode, false);
+
+    var _htmlNode = buildHTML(tree, options);
+
+    katexNode = buildCommon.makeSpan(["katex"], [mathMLNode, _htmlNode]);
+  }
+
+  return buildTree_displayWrap(katexNode, settings);
+};
+var buildTree_buildHTMLTree = function buildHTMLTree(tree, expression, settings) {
+  var options = buildTree_optionsFromSettings(settings);
+  var htmlNode = buildHTML(tree, options);
+  var katexNode = buildCommon.makeSpan(["katex"], [htmlNode]);
+  return buildTree_displayWrap(katexNode, settings);
+};
+/* harmony default export */ var src_buildTree = (buildTree_buildTree);
+// CONCATENATED MODULE: ./src/stretchy.js
+/**
+ * This file provides support to buildMathML.js and buildHTML.js
+ * for stretchy wide elements rendered from SVG files
+ * and other CSS trickery.
+ */
+
+
+
+
+var stretchyCodePoint = {
+  widehat: "^",
+  widecheck: "ˇ",
+  widetilde: "~",
+  utilde: "~",
+  overleftarrow: "\u2190",
+  underleftarrow: "\u2190",
+  xleftarrow: "\u2190",
+  overrightarrow: "\u2192",
+  underrightarrow: "\u2192",
+  xrightarrow: "\u2192",
+  underbrace: "\u23DF",
+  overbrace: "\u23DE",
+  overgroup: "\u23E0",
+  undergroup: "\u23E1",
+  overleftrightarrow: "\u2194",
+  underleftrightarrow: "\u2194",
+  xleftrightarrow: "\u2194",
+  Overrightarrow: "\u21D2",
+  xRightarrow: "\u21D2",
+  overleftharpoon: "\u21BC",
+  xleftharpoonup: "\u21BC",
+  overrightharpoon: "\u21C0",
+  xrightharpoonup: "\u21C0",
+  xLeftarrow: "\u21D0",
+  xLeftrightarrow: "\u21D4",
+  xhookleftarrow: "\u21A9",
+  xhookrightarrow: "\u21AA",
+  xmapsto: "\u21A6",
+  xrightharpoondown: "\u21C1",
+  xleftharpoondown: "\u21BD",
+  xrightleftharpoons: "\u21CC",
+  xleftrightharpoons: "\u21CB",
+  xtwoheadleftarrow: "\u219E",
+  xtwoheadrightarrow: "\u21A0",
+  xlongequal: "=",
+  xtofrom: "\u21C4",
+  xrightleftarrows: "\u21C4",
+  xrightequilibrium: "\u21CC",
+  // Not a perfect match.
+  xleftequilibrium: "\u21CB" // None better available.
+
+};
+
+var stretchy_mathMLnode = function mathMLnode(label) {
+  var node = new mathMLTree.MathNode("mo", [new mathMLTree.TextNode(stretchyCodePoint[label.substr(1)])]);
+  node.setAttribute("stretchy", "true");
+  return node;
+}; // Many of the KaTeX SVG images have been adapted from glyphs in KaTeX fonts.
+// Copyright (c) 2009-2010, Design Science, Inc. (<www.mathjax.org>)
+// Copyright (c) 2014-2017 Khan Academy (<www.khanacademy.org>)
+// Licensed under the SIL Open Font License, Version 1.1.
+// See \nhttp://scripts.sil.org/OFL
+// Very Long SVGs
+//    Many of the KaTeX stretchy wide elements use a long SVG image and an
+//    overflow: hidden tactic to achieve a stretchy image while avoiding
+//    distortion of arrowheads or brace corners.
+//    The SVG typically contains a very long (400 em) arrow.
+//    The SVG is in a container span that has overflow: hidden, so the span
+//    acts like a window that exposes only part of the  SVG.
+//    The SVG always has a longer, thinner aspect ratio than the container span.
+//    After the SVG fills 100% of the height of the container span,
+//    there is a long arrow shaft left over. That left-over shaft is not shown.
+//    Instead, it is sliced off because the span's CSS has overflow: hidden.
+//    Thus, the reader sees an arrow that matches the subject matter width
+//    without distortion.
+//    Some functions, such as \cancel, need to vary their aspect ratio. These
+//    functions do not get the overflow SVG treatment.
+// Second Brush Stroke
+//    Low resolution monitors struggle to display images in fine detail.
+//    So browsers apply anti-aliasing. A long straight arrow shaft therefore
+//    will sometimes appear as if it has a blurred edge.
+//    To mitigate this, these SVG files contain a second "brush-stroke" on the
+//    arrow shafts. That is, a second long thin rectangular SVG path has been
+//    written directly on top of each arrow shaft. This reinforcement causes
+//    some of the screen pixels to display as black instead of the anti-aliased
+//    gray pixel that a  single path would generate. So we get arrow shafts
+//    whose edges appear to be sharper.
+// In the katexImagesData object just below, the dimensions all
+// correspond to path geometry inside the relevant SVG.
+// For example, \overrightarrow uses the same arrowhead as glyph U+2192
+// from the KaTeX Main font. The scaling factor is 1000.
+// That is, inside the font, that arrowhead is 522 units tall, which
+// corresponds to 0.522 em inside the document.
+
+
+var katexImagesData = {
+  //   path(s), minWidth, height, align
+  overrightarrow: [["rightarrow"], 0.888, 522, "xMaxYMin"],
+  overleftarrow: [["leftarrow"], 0.888, 522, "xMinYMin"],
+  underrightarrow: [["rightarrow"], 0.888, 522, "xMaxYMin"],
+  underleftarrow: [["leftarrow"], 0.888, 522, "xMinYMin"],
+  xrightarrow: [["rightarrow"], 1.469, 522, "xMaxYMin"],
+  xleftarrow: [["leftarrow"], 1.469, 522, "xMinYMin"],
+  Overrightarrow: [["doublerightarrow"], 0.888, 560, "xMaxYMin"],
+  xRightarrow: [["doublerightarrow"], 1.526, 560, "xMaxYMin"],
+  xLeftarrow: [["doubleleftarrow"], 1.526, 560, "xMinYMin"],
+  overleftharpoon: [["leftharpoon"], 0.888, 522, "xMinYMin"],
+  xleftharpoonup: [["leftharpoon"], 0.888, 522, "xMinYMin"],
+  xleftharpoondown: [["leftharpoondown"], 0.888, 522, "xMinYMin"],
+  overrightharpoon: [["rightharpoon"], 0.888, 522, "xMaxYMin"],
+  xrightharpoonup: [["rightharpoon"], 0.888, 522, "xMaxYMin"],
+  xrightharpoondown: [["rightharpoondown"], 0.888, 522, "xMaxYMin"],
+  xlongequal: [["longequal"], 0.888, 334, "xMinYMin"],
+  xtwoheadleftarrow: [["twoheadleftarrow"], 0.888, 334, "xMinYMin"],
+  xtwoheadrightarrow: [["twoheadrightarrow"], 0.888, 334, "xMaxYMin"],
+  overleftrightarrow: [["leftarrow", "rightarrow"], 0.888, 522],
+  overbrace: [["leftbrace", "midbrace", "rightbrace"], 1.6, 548],
+  underbrace: [["leftbraceunder", "midbraceunder", "rightbraceunder"], 1.6, 548],
+  underleftrightarrow: [["leftarrow", "rightarrow"], 0.888, 522],
+  xleftrightarrow: [["leftarrow", "rightarrow"], 1.75, 522],
+  xLeftrightarrow: [["doubleleftarrow", "doublerightarrow"], 1.75, 560],
+  xrightleftharpoons: [["leftharpoondownplus", "rightharpoonplus"], 1.75, 716],
+  xleftrightharpoons: [["leftharpoonplus", "rightharpoondownplus"], 1.75, 716],
+  xhookleftarrow: [["leftarrow", "righthook"], 1.08, 522],
+  xhookrightarrow: [["lefthook", "rightarrow"], 1.08, 522],
+  overlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
+  underlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
+  overgroup: [["leftgroup", "rightgroup"], 0.888, 342],
+  undergroup: [["leftgroupunder", "rightgroupunder"], 0.888, 342],
+  xmapsto: [["leftmapsto", "rightarrow"], 1.5, 522],
+  xtofrom: [["leftToFrom", "rightToFrom"], 1.75, 528],
+  // The next three arrows are from the mhchem package.
+  // In mhchem.sty, min-length is 2.0em. But these arrows might appear in the
+  // document as \xrightarrow or \xrightleftharpoons. Those have
+  // min-length = 1.75em, so we set min-length on these next three to match.
+  xrightleftarrows: [["baraboveleftarrow", "rightarrowabovebar"], 1.75, 901],
+  xrightequilibrium: [["baraboveshortleftharpoon", "rightharpoonaboveshortbar"], 1.75, 716],
+  xleftequilibrium: [["shortbaraboveleftharpoon", "shortrightharpoonabovebar"], 1.75, 716]
+};
+
+var groupLength = function groupLength(arg) {
+  if (arg.type === "ordgroup") {
+    return arg.body.length;
+  } else {
+    return 1;
+  }
+};
+
+var stretchy_svgSpan = function svgSpan(group, options) {
+  // Create a span with inline SVG for the element.
+  function buildSvgSpan_() {
+    var viewBoxWidth = 400000; // default
+
+    var label = group.label.substr(1);
+
+    if (utils.contains(["widehat", "widecheck", "widetilde", "utilde"], label)) {
+      // Each type in the `if` statement corresponds to one of the ParseNode
+      // types below. This narrowing is required to access `grp.base`.
+      var grp = group; // There are four SVG images available for each function.
+      // Choose a taller image when there are more characters.
+
+      var numChars = groupLength(grp.base);
+      var viewBoxHeight;
+      var pathName;
+
+      var _height;
+
+      if (numChars > 5) {
+        if (label === "widehat" || label === "widecheck") {
+          viewBoxHeight = 420;
+          viewBoxWidth = 2364;
+          _height = 0.42;
+          pathName = label + "4";
+        } else {
+          viewBoxHeight = 312;
+          viewBoxWidth = 2340;
+          _height = 0.34;
+          pathName = "tilde4";
+        }
+      } else {
+        var imgIndex = [1, 1, 2, 2, 3, 3][numChars];
+
+        if (label === "widehat" || label === "widecheck") {
+          viewBoxWidth = [0, 1062, 2364, 2364, 2364][imgIndex];
+          viewBoxHeight = [0, 239, 300, 360, 420][imgIndex];
+          _height = [0, 0.24, 0.3, 0.3, 0.36, 0.42][imgIndex];
+          pathName = label + imgIndex;
+        } else {
+          viewBoxWidth = [0, 600, 1033, 2339, 2340][imgIndex];
+          viewBoxHeight = [0, 260, 286, 306, 312][imgIndex];
+          _height = [0, 0.26, 0.286, 0.3, 0.306, 0.34][imgIndex];
+          pathName = "tilde" + imgIndex;
+        }
+      }
+
+      var path = new domTree_PathNode(pathName);
+      var svgNode = new SvgNode([path], {
+        "width": "100%",
+        "height": _height + "em",
+        "viewBox": "0 0 " + viewBoxWidth + " " + viewBoxHeight,
+        "preserveAspectRatio": "none"
+      });
+      return {
+        span: buildCommon.makeSvgSpan([], [svgNode], options),
+        minWidth: 0,
+        height: _height
+      };
+    } else {
+      var spans = [];
+      var data = katexImagesData[label];
+      var paths = data[0],
+          _minWidth = data[1],
+          _viewBoxHeight = data[2];
+
+      var _height2 = _viewBoxHeight / 1000;
+
+      var numSvgChildren = paths.length;
+      var widthClasses;
+      var aligns;
+
+      if (numSvgChildren === 1) {
+        // $FlowFixMe: All these cases must be of the 4-tuple type.
+        var align1 = data[3];
+        widthClasses = ["hide-tail"];
+        aligns = [align1];
+      } else if (numSvgChildren === 2) {
+        widthClasses = ["halfarrow-left", "halfarrow-right"];
+        aligns = ["xMinYMin", "xMaxYMin"];
+      } else if (numSvgChildren === 3) {
+        widthClasses = ["brace-left", "brace-center", "brace-right"];
+        aligns = ["xMinYMin", "xMidYMin", "xMaxYMin"];
+      } else {
+        throw new Error("Correct katexImagesData or update code here to support\n                    " + numSvgChildren + " children.");
+      }
+
+      for (var i = 0; i < numSvgChildren; i++) {
+        var _path = new domTree_PathNode(paths[i]);
+
+        var _svgNode = new SvgNode([_path], {
+          "width": "400em",
+          "height": _height2 + "em",
+          "viewBox": "0 0 " + viewBoxWidth + " " + _viewBoxHeight,
+          "preserveAspectRatio": aligns[i] + " slice"
+        });
+
+        var _span = buildCommon.makeSvgSpan([widthClasses[i]], [_svgNode], options);
+
+        if (numSvgChildren === 1) {
+          return {
+            span: _span,
+            minWidth: _minWidth,
+            height: _height2
+          };
+        } else {
+          _span.style.height = _height2 + "em";
+          spans.push(_span);
+        }
+      }
+
+      return {
+        span: buildCommon.makeSpan(["stretchy"], spans, options),
+        minWidth: _minWidth,
+        height: _height2
+      };
+    }
+  } // buildSvgSpan_()
+
+
+  var _buildSvgSpan_ = buildSvgSpan_(),
+      span = _buildSvgSpan_.span,
+      minWidth = _buildSvgSpan_.minWidth,
+      height = _buildSvgSpan_.height; // Note that we are returning span.depth = 0.
+  // Any adjustments relative to the baseline must be done in buildHTML.
+
+
+  span.height = height;
+  span.style.height = height + "em";
+
+  if (minWidth > 0) {
+    span.style.minWidth = minWidth + "em";
+  }
+
+  return span;
+};
+
+var stretchy_encloseSpan = function encloseSpan(inner, label, pad, options) {
+  // Return an image span for \cancel, \bcancel, \xcancel, or \fbox
+  var img;
+  var totalHeight = inner.height + inner.depth + 2 * pad;
+
+  if (/fbox|color/.test(label)) {
+    img = buildCommon.makeSpan(["stretchy", label], [], options);
+
+    if (label === "fbox") {
+      var color = options.color && options.getColor();
+
+      if (color) {
+        img.style.borderColor = color;
+      }
+    }
+  } else {
+    // \cancel, \bcancel, or \xcancel
+    // Since \cancel's SVG is inline and it omits the viewBox attribute,
+    // its stroke-width will not vary with span area.
+    var lines = [];
+
+    if (/^[bx]cancel$/.test(label)) {
+      lines.push(new LineNode({
+        "x1": "0",
+        "y1": "0",
+        "x2": "100%",
+        "y2": "100%",
+        "stroke-width": "0.046em"
+      }));
+    }
+
+    if (/^x?cancel$/.test(label)) {
+      lines.push(new LineNode({
+        "x1": "0",
+        "y1": "100%",
+        "x2": "100%",
+        "y2": "0",
+        "stroke-width": "0.046em"
+      }));
+    }
+
+    var svgNode = new SvgNode(lines, {
+      "width": "100%",
+      "height": totalHeight + "em"
+    });
+    img = buildCommon.makeSvgSpan([], [svgNode], options);
+  }
+
+  img.height = totalHeight;
+  img.style.height = totalHeight + "em";
+  return img;
+};
+
+/* harmony default export */ var stretchy = ({
+  encloseSpan: stretchy_encloseSpan,
+  mathMLnode: stretchy_mathMLnode,
+  svgSpan: stretchy_svgSpan
+});
+// CONCATENATED MODULE: ./src/parseNode.js
+
+
+/**
+ * Asserts that the node is of the given type and returns it with stricter
+ * typing. Throws if the node's type does not match.
+ */
+function assertNodeType(node, type) {
+  if (!node || node.type !== type) {
+    throw new Error("Expected node of type " + type + ", but got " + (node ? "node of type " + node.type : String(node)));
+  }
+
+  return node;
+}
+/**
+ * Returns the node more strictly typed iff it is of the given type. Otherwise,
+ * returns null.
+ */
+
+function assertSymbolNodeType(node) {
+  var typedNode = checkSymbolNodeType(node);
+
+  if (!typedNode) {
+    throw new Error("Expected node of symbol group type, but got " + (node ? "node of type " + node.type : String(node)));
+  }
+
+  return typedNode;
+}
+/**
+ * Returns the node more strictly typed iff it is of the given type. Otherwise,
+ * returns null.
+ */
+
+function checkSymbolNodeType(node) {
+  if (node && (node.type === "atom" || NON_ATOMS.hasOwnProperty(node.type))) {
+    // $FlowFixMe
+    return node;
+  }
+
+  return null;
+}
+// CONCATENATED MODULE: ./src/functions/accent.js
+
+
+
+
+
+
+
+
+
+// NOTE: Unlike most `htmlBuilder`s, this one handles not only "accent", but
+var accent_htmlBuilder = function htmlBuilder(grp, options) {
+  // Accents are handled in the TeXbook pg. 443, rule 12.
+  var base;
+  var group;
+  var supSubGroup;
+
+  if (grp && grp.type === "supsub") {
+    // If our base is a character box, and we have superscripts and
+    // subscripts, the supsub will defer to us. In particular, we want
+    // to attach the superscripts and subscripts to the inner body (so
+    // that the position of the superscripts and subscripts won't be
+    // affected by the height of the accent). We accomplish this by
+    // sticking the base of the accent into the base of the supsub, and
+    // rendering that, while keeping track of where the accent is.
+    // The real accent group is the base of the supsub group
+    group = assertNodeType(grp.base, "accent"); // The character box is the base of the accent group
+
+    base = group.base; // Stick the character box into the base of the supsub group
+
+    grp.base = base; // Rerender the supsub group with its new base, and store that
+    // result.
+
+    supSubGroup = assertSpan(buildHTML_buildGroup(grp, options)); // reset original base
+
+    grp.base = group;
+  } else {
+    group = assertNodeType(grp, "accent");
+    base = group.base;
+  } // Build the base group
+
+
+  var body = buildHTML_buildGroup(base, options.havingCrampedStyle()); // Does the accent need to shift for the skew of a character?
+
+  var mustShift = group.isShifty && utils.isCharacterBox(base); // Calculate the skew of the accent. This is based on the line "If the
+  // nucleus is not a single character, let s = 0; otherwise set s to the
+  // kern amount for the nucleus followed by the \skewchar of its font."
+  // Note that our skew metrics are just the kern between each character
+  // and the skewchar.
+
+  var skew = 0;
+
+  if (mustShift) {
+    // If the base is a character box, then we want the skew of the
+    // innermost character. To do that, we find the innermost character:
+    var baseChar = utils.getBaseElem(base); // Then, we render its group to get the symbol inside it
+
+    var baseGroup = buildHTML_buildGroup(baseChar, options.havingCrampedStyle()); // Finally, we pull the skew off of the symbol.
+
+    skew = assertSymbolDomNode(baseGroup).skew; // Note that we now throw away baseGroup, because the layers we
+    // removed with getBaseElem might contain things like \color which
+    // we can't get rid of.
+    // TODO(emily): Find a better way to get the skew
+  } // calculate the amount of space between the body and the accent
+
+
+  var clearance = Math.min(body.height, options.fontMetrics().xHeight); // Build the accent
+
+  var accentBody;
+
+  if (!group.isStretchy) {
+    var accent;
+    var width;
+
+    if (group.label === "\\vec") {
+      // Before version 0.9, \vec used the combining font glyph U+20D7.
+      // But browsers, especially Safari, are not consistent in how they
+      // render combining characters when not preceded by a character.
+      // So now we use an SVG.
+      // If Safari reforms, we should consider reverting to the glyph.
+      accent = buildCommon.staticSvg("vec", options);
+      width = buildCommon.svgData.vec[1];
+    } else {
+      accent = buildCommon.makeOrd({
+        mode: group.mode,
+        text: group.label
+      }, options, "textord");
+      accent = assertSymbolDomNode(accent); // Remove the italic correction of the accent, because it only serves to
+      // shift the accent over to a place we don't want.
+
+      accent.italic = 0;
+      width = accent.width;
+    }
+
+    accentBody = buildCommon.makeSpan(["accent-body"], [accent]); // "Full" accents expand the width of the resulting symbol to be
+    // at least the width of the accent, and overlap directly onto the
+    // character without any vertical offset.
+
+    var accentFull = group.label === "\\textcircled";
+
+    if (accentFull) {
+      accentBody.classes.push('accent-full');
+      clearance = body.height;
+    } // Shift the accent over by the skew.
+
+
+    var left = skew; // CSS defines `.katex .accent .accent-body:not(.accent-full) { width: 0 }`
+    // so that the accent doesn't contribute to the bounding box.
+    // We need to shift the character by its width (effectively half
+    // its width) to compensate.
+
+    if (!accentFull) {
+      left -= width / 2;
+    }
+
+    accentBody.style.left = left + "em"; // \textcircled uses the \bigcirc glyph, so it needs some
+    // vertical adjustment to match LaTeX.
+
+    if (group.label === "\\textcircled") {
+      accentBody.style.top = ".2em";
+    }
+
+    accentBody = buildCommon.makeVList({
+      positionType: "firstBaseline",
+      children: [{
+        type: "elem",
+        elem: body
+      }, {
+        type: "kern",
+        size: -clearance
+      }, {
+        type: "elem",
+        elem: accentBody
+      }]
+    }, options);
+  } else {
+    accentBody = stretchy.svgSpan(group, options);
+    accentBody = buildCommon.makeVList({
+      positionType: "firstBaseline",
+      children: [{
+        type: "elem",
+        elem: body
+      }, {
+        type: "elem",
+        elem: accentBody,
+        wrapperClasses: ["svg-align"],
+        wrapperStyle: skew > 0 ? {
+          width: "calc(100% - " + 2 * skew + "em)",
+          marginLeft: 2 * skew + "em"
+        } : undefined
+      }]
+    }, options);
+  }
+
+  var accentWrap = buildCommon.makeSpan(["mord", "accent"], [accentBody], options);
+
+  if (supSubGroup) {
+    // Here, we replace the "base" child of the supsub with our newly
+    // generated accent.
+    supSubGroup.children[0] = accentWrap; // Since we don't rerun the height calculation after replacing the
+    // accent, we manually recalculate height.
+
+    supSubGroup.height = Math.max(accentWrap.height, supSubGroup.height); // Accents should always be ords, even when their innards are not.
+
+    supSubGroup.classes[0] = "mord";
+    return supSubGroup;
+  } else {
+    return accentWrap;
+  }
+};
+
+var accent_mathmlBuilder = function mathmlBuilder(group, options) {
+  var accentNode = group.isStretchy ? stretchy.mathMLnode(group.label) : new mathMLTree.MathNode("mo", [buildMathML_makeText(group.label, group.mode)]);
+  var node = new mathMLTree.MathNode("mover", [buildMathML_buildGroup(group.base, options), accentNode]);
+  node.setAttribute("accent", "true");
+  return node;
+};
+
+var NON_STRETCHY_ACCENT_REGEX = new RegExp(["\\acute", "\\grave", "\\ddot", "\\tilde", "\\bar", "\\breve", "\\check", "\\hat", "\\vec", "\\dot", "\\mathring"].map(function (accent) {
+  return "\\" + accent;
+}).join("|")); // Accents
+
+defineFunction({
+  type: "accent",
+  names: ["\\acute", "\\grave", "\\ddot", "\\tilde", "\\bar", "\\breve", "\\check", "\\hat", "\\vec", "\\dot", "\\mathring", "\\widecheck", "\\widehat", "\\widetilde", "\\overrightarrow", "\\overleftarrow", "\\Overrightarrow", "\\overleftrightarrow", "\\overgroup", "\\overlinesegment", "\\overleftharpoon", "\\overrightharpoon"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(context, args) {
+    var base = args[0];
+    var isStretchy = !NON_STRETCHY_ACCENT_REGEX.test(context.funcName);
+    var isShifty = !isStretchy || context.funcName === "\\widehat" || context.funcName === "\\widetilde" || context.funcName === "\\widecheck";
+    return {
+      type: "accent",
+      mode: context.parser.mode,
+      label: context.funcName,
+      isStretchy: isStretchy,
+      isShifty: isShifty,
+      base: base
+    };
+  },
+  htmlBuilder: accent_htmlBuilder,
+  mathmlBuilder: accent_mathmlBuilder
+}); // Text-mode accents
+
+defineFunction({
+  type: "accent",
+  names: ["\\'", "\\`", "\\^", "\\~", "\\=", "\\u", "\\.", '\\"', "\\r", "\\H", "\\v", "\\textcircled"],
+  props: {
+    numArgs: 1,
+    allowedInText: true,
+    allowedInMath: false
+  },
+  handler: function handler(context, args) {
+    var base = args[0];
+    return {
+      type: "accent",
+      mode: context.parser.mode,
+      label: context.funcName,
+      isStretchy: false,
+      isShifty: true,
+      base: base
+    };
+  },
+  htmlBuilder: accent_htmlBuilder,
+  mathmlBuilder: accent_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/accentunder.js
+// Horizontal overlap functions
+
+
+
+
+
+
+defineFunction({
+  type: "accentUnder",
+  names: ["\\underleftarrow", "\\underrightarrow", "\\underleftrightarrow", "\\undergroup", "\\underlinesegment", "\\utilde"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var base = args[0];
+    return {
+      type: "accentUnder",
+      mode: parser.mode,
+      label: funcName,
+      base: base
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    // Treat under accents much like underlines.
+    var innerGroup = buildHTML_buildGroup(group.base, options);
+    var accentBody = stretchy.svgSpan(group, options);
+    var kern = group.label === "\\utilde" ? 0.12 : 0; // Generate the vlist, with the appropriate kerns
+
+    var vlist = buildCommon.makeVList({
+      positionType: "top",
+      positionData: innerGroup.height,
+      children: [{
+        type: "elem",
+        elem: accentBody,
+        wrapperClasses: ["svg-align"]
+      }, {
+        type: "kern",
+        size: kern
+      }, {
+        type: "elem",
+        elem: innerGroup
+      }]
+    }, options);
+    return buildCommon.makeSpan(["mord", "accentunder"], [vlist], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var accentNode = stretchy.mathMLnode(group.label);
+    var node = new mathMLTree.MathNode("munder", [buildMathML_buildGroup(group.base, options), accentNode]);
+    node.setAttribute("accentunder", "true");
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/arrow.js
+
+
+
+
+
+
+
+// Helper function
+var arrow_paddedNode = function paddedNode(group) {
+  var node = new mathMLTree.MathNode("mpadded", group ? [group] : []);
+  node.setAttribute("width", "+0.6em");
+  node.setAttribute("lspace", "0.3em");
+  return node;
+}; // Stretchy arrows with an optional argument
+
+
+defineFunction({
+  type: "xArrow",
+  names: ["\\xleftarrow", "\\xrightarrow", "\\xLeftarrow", "\\xRightarrow", "\\xleftrightarrow", "\\xLeftrightarrow", "\\xhookleftarrow", "\\xhookrightarrow", "\\xmapsto", "\\xrightharpoondown", "\\xrightharpoonup", "\\xleftharpoondown", "\\xleftharpoonup", "\\xrightleftharpoons", "\\xleftrightharpoons", "\\xlongequal", "\\xtwoheadrightarrow", "\\xtwoheadleftarrow", "\\xtofrom", // The next 3 functions are here to support the mhchem extension.
+  // Direct use of these functions is discouraged and may break someday.
+  "\\xrightleftarrows", "\\xrightequilibrium", "\\xleftequilibrium"],
+  props: {
+    numArgs: 1,
+    numOptionalArgs: 1
+  },
+  handler: function handler(_ref, args, optArgs) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    return {
+      type: "xArrow",
+      mode: parser.mode,
+      label: funcName,
+      body: args[0],
+      below: optArgs[0]
+    };
+  },
+  // Flow is unable to correctly infer the type of `group`, even though it's
+  // unamibiguously determined from the passed-in `type` above.
+  htmlBuilder: function htmlBuilder(group, options) {
+    var style = options.style; // Build the argument groups in the appropriate style.
+    // Ref: amsmath.dtx:   \hbox{$\scriptstyle\mkern#3mu{#6}\mkern#4mu$}%
+    // Some groups can return document fragments.  Handle those by wrapping
+    // them in a span.
+
+    var newOptions = options.havingStyle(style.sup());
+    var upperGroup = buildCommon.wrapFragment(buildHTML_buildGroup(group.body, newOptions, options), options);
+    upperGroup.classes.push("x-arrow-pad");
+    var lowerGroup;
+
+    if (group.below) {
+      // Build the lower group
+      newOptions = options.havingStyle(style.sub());
+      lowerGroup = buildCommon.wrapFragment(buildHTML_buildGroup(group.below, newOptions, options), options);
+      lowerGroup.classes.push("x-arrow-pad");
+    }
+
+    var arrowBody = stretchy.svgSpan(group, options); // Re shift: Note that stretchy.svgSpan returned arrowBody.depth = 0.
+    // The point we want on the math axis is at 0.5 * arrowBody.height.
+
+    var arrowShift = -options.fontMetrics().axisHeight + 0.5 * arrowBody.height; // 2 mu kern. Ref: amsmath.dtx: #7\if0#2\else\mkern#2mu\fi
+
+    var upperShift = -options.fontMetrics().axisHeight - 0.5 * arrowBody.height - 0.111; // 0.111 em = 2 mu
+
+    if (upperGroup.depth > 0.25 || group.label === "\\xleftequilibrium") {
+      upperShift -= upperGroup.depth; // shift up if depth encroaches
+    } // Generate the vlist
+
+
+    var vlist;
+
+    if (lowerGroup) {
+      var lowerShift = -options.fontMetrics().axisHeight + lowerGroup.height + 0.5 * arrowBody.height + 0.111;
+      vlist = buildCommon.makeVList({
+        positionType: "individualShift",
+        children: [{
+          type: "elem",
+          elem: upperGroup,
+          shift: upperShift
+        }, {
+          type: "elem",
+          elem: arrowBody,
+          shift: arrowShift
+        }, {
+          type: "elem",
+          elem: lowerGroup,
+          shift: lowerShift
+        }]
+      }, options);
+    } else {
+      vlist = buildCommon.makeVList({
+        positionType: "individualShift",
+        children: [{
+          type: "elem",
+          elem: upperGroup,
+          shift: upperShift
+        }, {
+          type: "elem",
+          elem: arrowBody,
+          shift: arrowShift
+        }]
+      }, options);
+    } // $FlowFixMe: Replace this with passing "svg-align" into makeVList.
+
+
+    vlist.children[0].children[0].children[1].classes.push("svg-align");
+    return buildCommon.makeSpan(["mrel", "x-arrow"], [vlist], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var arrowNode = stretchy.mathMLnode(group.label);
+    var node;
+
+    if (group.body) {
+      var upperNode = arrow_paddedNode(buildMathML_buildGroup(group.body, options));
+
+      if (group.below) {
+        var lowerNode = arrow_paddedNode(buildMathML_buildGroup(group.below, options));
+        node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
+      } else {
+        node = new mathMLTree.MathNode("mover", [arrowNode, upperNode]);
+      }
+    } else if (group.below) {
+      var _lowerNode = arrow_paddedNode(buildMathML_buildGroup(group.below, options));
+
+      node = new mathMLTree.MathNode("munder", [arrowNode, _lowerNode]);
+    } else {
+      // This should never happen.
+      // Parser.js throws an error if there is no argument.
+      node = arrow_paddedNode();
+      node = new mathMLTree.MathNode("mover", [arrowNode, node]);
+    }
+
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/char.js
+
+
+ // \@char is an internal function that takes a grouped decimal argument like
+// {123} and converts into symbol with code 123.  It is used by the *macro*
+// \char defined in macros.js.
+
+defineFunction({
+  type: "textord",
+  names: ["\\@char"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    var arg = assertNodeType(args[0], "ordgroup");
+    var group = arg.body;
+    var number = "";
+
+    for (var i = 0; i < group.length; i++) {
+      var node = assertNodeType(group[i], "textord");
+      number += node.text;
+    }
+
+    var code = parseInt(number);
+
+    if (isNaN(code)) {
+      throw new src_ParseError("\\@char has non-numeric argument " + number);
+    }
+
+    return {
+      type: "textord",
+      mode: parser.mode,
+      text: String.fromCharCode(code)
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/functions/color.js
+
+
+
+
+
+
+
+var color_htmlBuilder = function htmlBuilder(group, options) {
+  var elements = buildHTML_buildExpression(group.body, options.withColor(group.color), false); // \color isn't supposed to affect the type of the elements it contains.
+  // To accomplish this, we wrap the results in a fragment, so the inner
+  // elements will be able to directly interact with their neighbors. For
+  // example, `\color{red}{2 +} 3` has the same spacing as `2 + 3`
+
+  return buildCommon.makeFragment(elements);
+};
+
+var color_mathmlBuilder = function mathmlBuilder(group, options) {
+  var inner = buildMathML_buildExpression(group.body, options.withColor(group.color));
+  var node = new mathMLTree.MathNode("mstyle", inner);
+  node.setAttribute("mathcolor", group.color);
+  return node;
+};
+
+defineFunction({
+  type: "color",
+  names: ["\\textcolor"],
+  props: {
+    numArgs: 2,
+    allowedInText: true,
+    greediness: 3,
+    argTypes: ["color", "original"]
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    var color = assertNodeType(args[0], "color-token").color;
+    var body = args[1];
+    return {
+      type: "color",
+      mode: parser.mode,
+      color: color,
+      body: ordargument(body)
+    };
+  },
+  htmlBuilder: color_htmlBuilder,
+  mathmlBuilder: color_mathmlBuilder
+});
+defineFunction({
+  type: "color",
+  names: ["\\color"],
+  props: {
+    numArgs: 1,
+    allowedInText: true,
+    greediness: 3,
+    argTypes: ["color"]
+  },
+  handler: function handler(_ref2, args) {
+    var parser = _ref2.parser,
+        breakOnTokenText = _ref2.breakOnTokenText;
+    var color = assertNodeType(args[0], "color-token").color; // Set macro \current@color in current namespace to store the current
+    // color, mimicking the behavior of color.sty.
+    // This is currently used just to correctly color a \right
+    // that follows a \color command.
+
+    parser.gullet.macros.set("\\current@color", color); // Parse out the implicit body that should be colored.
+
+    var body = parser.parseExpression(true, breakOnTokenText);
+    return {
+      type: "color",
+      mode: parser.mode,
+      color: color,
+      body: body
+    };
+  },
+  htmlBuilder: color_htmlBuilder,
+  mathmlBuilder: color_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/cr.js
+// Row breaks within tabular environments, and line breaks at top level
+
+
+
+
+
+ // \\ is a macro mapping to either \cr or \newline.  Because they have the
+// same signature, we implement them as one megafunction, with newRow
+// indicating whether we're in the \cr case, and newLine indicating whether
+// to break the line in the \newline case.
+
+defineFunction({
+  type: "cr",
+  names: ["\\cr", "\\newline"],
+  props: {
+    numArgs: 0,
+    numOptionalArgs: 1,
+    argTypes: ["size"],
+    allowedInText: true
+  },
+  handler: function handler(_ref, args, optArgs) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var size = optArgs[0];
+    var newRow = funcName === "\\cr";
+    var newLine = false;
+
+    if (!newRow) {
+      if (parser.settings.displayMode && parser.settings.useStrictBehavior("newLineInDisplayMode", "In LaTeX, \\\\ or \\newline " + "does nothing in display mode")) {
+        newLine = false;
+      } else {
+        newLine = true;
+      }
+    }
+
+    return {
+      type: "cr",
+      mode: parser.mode,
+      newLine: newLine,
+      newRow: newRow,
+      size: size && assertNodeType(size, "size").value
+    };
+  },
+  // The following builders are called only at the top level,
+  // not within tabular/array environments.
+  htmlBuilder: function htmlBuilder(group, options) {
+    if (group.newRow) {
+      throw new src_ParseError("\\cr valid only within a tabular/array environment");
+    }
+
+    var span = buildCommon.makeSpan(["mspace"], [], options);
+
+    if (group.newLine) {
+      span.classes.push("newline");
+
+      if (group.size) {
+        span.style.marginTop = units_calculateSize(group.size, options) + "em";
+      }
+    }
+
+    return span;
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var node = new mathMLTree.MathNode("mspace");
+
+    if (group.newLine) {
+      node.setAttribute("linebreak", "newline");
+
+      if (group.size) {
+        node.setAttribute("height", units_calculateSize(group.size, options) + "em");
+      }
+    }
+
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/def.js
+
+
+
+var globalMap = {
+  "\\global": "\\global",
+  "\\long": "\\\\globallong",
+  "\\\\globallong": "\\\\globallong",
+  "\\def": "\\gdef",
+  "\\gdef": "\\gdef",
+  "\\edef": "\\xdef",
+  "\\xdef": "\\xdef",
+  "\\let": "\\\\globallet",
+  "\\futurelet": "\\\\globalfuture"
+};
+
+var def_checkControlSequence = function checkControlSequence(tok) {
+  var name = tok.text;
+
+  if (/^(?:[\\{}$&#^_]|EOF)$/.test(name)) {
+    throw new src_ParseError("Expected a control sequence", tok);
+  }
+
+  return name;
+};
+
+var getRHS = function getRHS(parser) {
+  var tok = parser.gullet.popToken();
+
+  if (tok.text === "=") {
+    // consume optional equals
+    tok = parser.gullet.popToken();
+
+    if (tok.text === " ") {
+      // consume one optional space
+      tok = parser.gullet.popToken();
+    }
+  }
+
+  return tok;
+};
+
+var letCommand = function letCommand(parser, name, tok, global) {
+  var macro = parser.gullet.macros.get(tok.text);
+
+  if (macro == null) {
+    // don't expand it later even if a macro with the same name is defined
+    // e.g., \let\foo=\frac \def\frac{\relax} \frac12
+    tok.noexpand = true;
+    macro = {
+      tokens: [tok],
+      numArgs: 0,
+      // reproduce the same behavior in expansion
+      unexpandable: !parser.gullet.isExpandable(tok.text)
+    };
+  }
+
+  parser.gullet.macros.set(name, macro, global);
+}; // <assignment> -> <non-macro assignment>|<macro assignment>
+// <non-macro assignment> -> <simple assignment>|\global<non-macro assignment>
+// <macro assignment> -> <definition>|<prefix><macro assignment>
+// <prefix> -> \global|\long|\outer
+
+
+defineFunction({
+  type: "internal",
+  names: ["\\global", "\\long", "\\\\globallong"],
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(_ref) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    parser.consumeSpaces();
+    var token = parser.fetch();
+
+    if (globalMap[token.text]) {
+      // KaTeX doesn't have \par, so ignore \long
+      if (funcName === "\\global" || funcName === "\\\\globallong") {
+        token.text = globalMap[token.text];
+      }
+
+      return assertNodeType(parser.parseFunction(), "internal");
+    }
+
+    throw new src_ParseError("Invalid token after macro prefix", token);
+  }
+}); // Basic support for macro definitions: \def, \gdef, \edef, \xdef
+// <definition> -> <def><control sequence><definition text>
+// <def> -> \def|\gdef|\edef|\xdef
+// <definition text> -> <parameter text><left brace><balanced text><right brace>
+
+defineFunction({
+  type: "internal",
+  names: ["\\def", "\\gdef", "\\edef", "\\xdef"],
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(_ref2) {
+    var parser = _ref2.parser,
+        funcName = _ref2.funcName;
+    var arg = parser.gullet.consumeArgs(1)[0];
+
+    if (arg.length !== 1) {
+      throw new src_ParseError("\\gdef's first argument must be a macro name");
+    }
+
+    var name = arg[0].text; // Count argument specifiers, and check they are in the order #1 #2 ...
+
+    var numArgs = 0;
+    arg = parser.gullet.consumeArgs(1)[0];
+
+    while (arg.length === 1 && arg[0].text === "#") {
+      arg = parser.gullet.consumeArgs(1)[0];
+
+      if (arg.length !== 1) {
+        throw new src_ParseError("Invalid argument number length \"" + arg.length + "\"");
+      }
+
+      if (!/^[1-9]$/.test(arg[0].text)) {
+        throw new src_ParseError("Invalid argument number \"" + arg[0].text + "\"");
+      }
+
+      numArgs++;
+
+      if (parseInt(arg[0].text) !== numArgs) {
+        throw new src_ParseError("Argument number \"" + arg[0].text + "\" out of order");
+      }
+
+      arg = parser.gullet.consumeArgs(1)[0];
+    }
+
+    if (funcName === "\\edef" || funcName === "\\xdef") {
+      arg = parser.gullet.expandTokens(arg);
+      arg.reverse(); // to fit in with stack order
+    } // Final arg is the expansion of the macro
+
+
+    parser.gullet.macros.set(name, {
+      tokens: arg,
+      numArgs: numArgs
+    }, funcName === globalMap[funcName]);
+    return {
+      type: "internal",
+      mode: parser.mode
+    };
+  }
+}); // <simple assignment> -> <let assignment>
+// <let assignment> -> \futurelet<control sequence><token><token>
+//     | \let<control sequence><equals><one optional space><token>
+// <equals> -> <optional spaces>|<optional spaces>=
+
+defineFunction({
+  type: "internal",
+  names: ["\\let", "\\\\globallet"],
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(_ref3) {
+    var parser = _ref3.parser,
+        funcName = _ref3.funcName;
+    var name = def_checkControlSequence(parser.gullet.popToken());
+    parser.gullet.consumeSpaces();
+    var tok = getRHS(parser);
+    letCommand(parser, name, tok, funcName === "\\\\globallet");
+    return {
+      type: "internal",
+      mode: parser.mode
+    };
+  }
+}); // ref: https://www.tug.org/TUGboat/tb09-3/tb22bechtolsheim.pdf
+
+defineFunction({
+  type: "internal",
+  names: ["\\futurelet", "\\\\globalfuture"],
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(_ref4) {
+    var parser = _ref4.parser,
+        funcName = _ref4.funcName;
+    var name = def_checkControlSequence(parser.gullet.popToken());
+    var middle = parser.gullet.popToken();
+    var tok = parser.gullet.popToken();
+    letCommand(parser, name, tok, funcName === "\\\\globalfuture");
+    parser.gullet.pushToken(tok);
+    parser.gullet.pushToken(middle);
+    return {
+      type: "internal",
+      mode: parser.mode
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/delimiter.js
+/**
+ * This file deals with creating delimiters of various sizes. The TeXbook
+ * discusses these routines on page 441-442, in the "Another subroutine sets box
+ * x to a specified variable delimiter" paragraph.
+ *
+ * There are three main routines here. `makeSmallDelim` makes a delimiter in the
+ * normal font, but in either text, script, or scriptscript style.
+ * `makeLargeDelim` makes a delimiter in textstyle, but in one of the Size1,
+ * Size2, Size3, or Size4 fonts. `makeStackedDelim` makes a delimiter out of
+ * smaller pieces that are stacked on top of one another.
+ *
+ * The functions take a parameter `center`, which determines if the delimiter
+ * should be centered around the axis.
+ *
+ * Then, there are three exposed functions. `sizedDelim` makes a delimiter in
+ * one of the given sizes. This is used for things like `\bigl`.
+ * `customSizedDelim` makes a delimiter with a given total height+depth. It is
+ * called in places like `\sqrt`. `leftRightDelim` makes an appropriate
+ * delimiter which surrounds an expression of a given height an depth. It is
+ * used in `\left` and `\right`.
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Get the metrics for a given symbol and font, after transformation (i.e.
+ * after following replacement from symbols.js)
+ */
+var delimiter_getMetrics = function getMetrics(symbol, font, mode) {
+  var replace = src_symbols.math[symbol] && src_symbols.math[symbol].replace;
+  var metrics = getCharacterMetrics(replace || symbol, font, mode);
+
+  if (!metrics) {
+    throw new Error("Unsupported symbol " + symbol + " and font size " + font + ".");
+  }
+
+  return metrics;
+};
+/**
+ * Puts a delimiter span in a given style, and adds appropriate height, depth,
+ * and maxFontSizes.
+ */
+
+
+var delimiter_styleWrap = function styleWrap(delim, toStyle, options, classes) {
+  var newOptions = options.havingBaseStyle(toStyle);
+  var span = buildCommon.makeSpan(classes.concat(newOptions.sizingClasses(options)), [delim], options);
+  var delimSizeMultiplier = newOptions.sizeMultiplier / options.sizeMultiplier;
+  span.height *= delimSizeMultiplier;
+  span.depth *= delimSizeMultiplier;
+  span.maxFontSize = newOptions.sizeMultiplier;
+  return span;
+};
+
+var centerSpan = function centerSpan(span, options, style) {
+  var newOptions = options.havingBaseStyle(style);
+  var shift = (1 - options.sizeMultiplier / newOptions.sizeMultiplier) * options.fontMetrics().axisHeight;
+  span.classes.push("delimcenter");
+  span.style.top = shift + "em";
+  span.height -= shift;
+  span.depth += shift;
+};
+/**
+ * Makes a small delimiter. This is a delimiter that comes in the Main-Regular
+ * font, but is restyled to either be in textstyle, scriptstyle, or
+ * scriptscriptstyle.
+ */
+
+
+var delimiter_makeSmallDelim = function makeSmallDelim(delim, style, center, options, mode, classes) {
+  var text = buildCommon.makeSymbol(delim, "Main-Regular", mode, options);
+  var span = delimiter_styleWrap(text, style, options, classes);
+
+  if (center) {
+    centerSpan(span, options, style);
+  }
+
+  return span;
+};
+/**
+ * Builds a symbol in the given font size (note size is an integer)
+ */
+
+
+var delimiter_mathrmSize = function mathrmSize(value, size, mode, options) {
+  return buildCommon.makeSymbol(value, "Size" + size + "-Regular", mode, options);
+};
+/**
+ * Makes a large delimiter. This is a delimiter that comes in the Size1, Size2,
+ * Size3, or Size4 fonts. It is always rendered in textstyle.
+ */
+
+
+var delimiter_makeLargeDelim = function makeLargeDelim(delim, size, center, options, mode, classes) {
+  var inner = delimiter_mathrmSize(delim, size, mode, options);
+  var span = delimiter_styleWrap(buildCommon.makeSpan(["delimsizing", "size" + size], [inner], options), src_Style.TEXT, options, classes);
+
+  if (center) {
+    centerSpan(span, options, src_Style.TEXT);
+  }
+
+  return span;
+};
+/**
+ * Make an inner span with the given offset and in the given font. This is used
+ * in `makeStackedDelim` to make the stacking pieces for the delimiter.
+ */
+
+
+var delimiter_makeInner = function makeInner(symbol, font, mode) {
+  var sizeClass; // Apply the correct CSS class to choose the right font.
+
+  if (font === "Size1-Regular") {
+    sizeClass = "delim-size1";
+  } else
+    /* if (font === "Size4-Regular") */
+    {
+      sizeClass = "delim-size4";
+    }
+
+  var inner = buildCommon.makeSpan(["delimsizinginner", sizeClass], [buildCommon.makeSpan([], [buildCommon.makeSymbol(symbol, font, mode)])]); // Since this will be passed into `makeVList` in the end, wrap the element
+  // in the appropriate tag that VList uses.
+
+  return {
+    type: "elem",
+    elem: inner
+  };
+}; // Helper for makeStackedDelim
+
+
+var lap = {
+  type: "kern",
+  size: -0.005
+};
+/**
+ * Make a stacked delimiter out of a given delimiter, with the total height at
+ * least `heightTotal`. This routine is mentioned on page 442 of the TeXbook.
+ */
+
+var delimiter_makeStackedDelim = function makeStackedDelim(delim, heightTotal, center, options, mode, classes) {
+  // There are four parts, the top, an optional middle, a repeated part, and a
+  // bottom.
+  var top;
+  var middle;
+  var repeat;
+  var bottom;
+  top = repeat = bottom = delim;
+  middle = null; // Also keep track of what font the delimiters are in
+
+  var font = "Size1-Regular"; // We set the parts and font based on the symbol. Note that we use
+  // '\u23d0' instead of '|' and '\u2016' instead of '\\|' for the
+  // repeats of the arrows
+
+  if (delim === "\\uparrow") {
+    repeat = bottom = "\u23D0";
+  } else if (delim === "\\Uparrow") {
+    repeat = bottom = "\u2016";
+  } else if (delim === "\\downarrow") {
+    top = repeat = "\u23D0";
+  } else if (delim === "\\Downarrow") {
+    top = repeat = "\u2016";
+  } else if (delim === "\\updownarrow") {
+    top = "\\uparrow";
+    repeat = "\u23D0";
+    bottom = "\\downarrow";
+  } else if (delim === "\\Updownarrow") {
+    top = "\\Uparrow";
+    repeat = "\u2016";
+    bottom = "\\Downarrow";
+  } else if (delim === "[" || delim === "\\lbrack") {
+    top = "\u23A1";
+    repeat = "\u23A2";
+    bottom = "\u23A3";
+    font = "Size4-Regular";
+  } else if (delim === "]" || delim === "\\rbrack") {
+    top = "\u23A4";
+    repeat = "\u23A5";
+    bottom = "\u23A6";
+    font = "Size4-Regular";
+  } else if (delim === "\\lfloor" || delim === "\u230A") {
+    repeat = top = "\u23A2";
+    bottom = "\u23A3";
+    font = "Size4-Regular";
+  } else if (delim === "\\lceil" || delim === "\u2308") {
+    top = "\u23A1";
+    repeat = bottom = "\u23A2";
+    font = "Size4-Regular";
+  } else if (delim === "\\rfloor" || delim === "\u230B") {
+    repeat = top = "\u23A5";
+    bottom = "\u23A6";
+    font = "Size4-Regular";
+  } else if (delim === "\\rceil" || delim === "\u2309") {
+    top = "\u23A4";
+    repeat = bottom = "\u23A5";
+    font = "Size4-Regular";
+  } else if (delim === "(" || delim === "\\lparen") {
+    top = "\u239B";
+    repeat = "\u239C";
+    bottom = "\u239D";
+    font = "Size4-Regular";
+  } else if (delim === ")" || delim === "\\rparen") {
+    top = "\u239E";
+    repeat = "\u239F";
+    bottom = "\u23A0";
+    font = "Size4-Regular";
+  } else if (delim === "\\{" || delim === "\\lbrace") {
+    top = "\u23A7";
+    middle = "\u23A8";
+    bottom = "\u23A9";
+    repeat = "\u23AA";
+    font = "Size4-Regular";
+  } else if (delim === "\\}" || delim === "\\rbrace") {
+    top = "\u23AB";
+    middle = "\u23AC";
+    bottom = "\u23AD";
+    repeat = "\u23AA";
+    font = "Size4-Regular";
+  } else if (delim === "\\lgroup" || delim === "\u27EE") {
+    top = "\u23A7";
+    bottom = "\u23A9";
+    repeat = "\u23AA";
+    font = "Size4-Regular";
+  } else if (delim === "\\rgroup" || delim === "\u27EF") {
+    top = "\u23AB";
+    bottom = "\u23AD";
+    repeat = "\u23AA";
+    font = "Size4-Regular";
+  } else if (delim === "\\lmoustache" || delim === "\u23B0") {
+    top = "\u23A7";
+    bottom = "\u23AD";
+    repeat = "\u23AA";
+    font = "Size4-Regular";
+  } else if (delim === "\\rmoustache" || delim === "\u23B1") {
+    top = "\u23AB";
+    bottom = "\u23A9";
+    repeat = "\u23AA";
+    font = "Size4-Regular";
+  } // Get the metrics of the four sections
+
+
+  var topMetrics = delimiter_getMetrics(top, font, mode);
+  var topHeightTotal = topMetrics.height + topMetrics.depth;
+  var repeatMetrics = delimiter_getMetrics(repeat, font, mode);
+  var repeatHeightTotal = repeatMetrics.height + repeatMetrics.depth;
+  var bottomMetrics = delimiter_getMetrics(bottom, font, mode);
+  var bottomHeightTotal = bottomMetrics.height + bottomMetrics.depth;
+  var middleHeightTotal = 0;
+  var middleFactor = 1;
+
+  if (middle !== null) {
+    var middleMetrics = delimiter_getMetrics(middle, font, mode);
+    middleHeightTotal = middleMetrics.height + middleMetrics.depth;
+    middleFactor = 2; // repeat symmetrically above and below middle
+  } // Calcuate the minimal height that the delimiter can have.
+  // It is at least the size of the top, bottom, and optional middle combined.
+
+
+  var minHeight = topHeightTotal + bottomHeightTotal + middleHeightTotal; // Compute the number of copies of the repeat symbol we will need
+
+  var repeatCount = Math.max(0, Math.ceil((heightTotal - minHeight) / (middleFactor * repeatHeightTotal))); // Compute the total height of the delimiter including all the symbols
+
+  var realHeightTotal = minHeight + repeatCount * middleFactor * repeatHeightTotal; // The center of the delimiter is placed at the center of the axis. Note
+  // that in this context, "center" means that the delimiter should be
+  // centered around the axis in the current style, while normally it is
+  // centered around the axis in textstyle.
+
+  var axisHeight = options.fontMetrics().axisHeight;
+
+  if (center) {
+    axisHeight *= options.sizeMultiplier;
+  } // Calculate the depth
+
+
+  var depth = realHeightTotal / 2 - axisHeight; // This function differs from the TeX procedure in one way.
+  // We shift each repeat element downwards by 0.005em, to prevent a gap
+  // due to browser floating point rounding error.
+  // Then, at the last element-to element joint, we add one extra repeat
+  // element to cover the gap created by the shifts.
+  // Find the shift needed to align the upper end of the extra element at a point
+  // 0.005em above the lower end of the top element.
+
+  var shiftOfExtraElement = (repeatCount + 1) * 0.005 - repeatHeightTotal; // Now, we start building the pieces that will go into the vlist
+  // Keep a list of the inner pieces
+
+  var inners = []; // Add the bottom symbol
+
+  inners.push(delimiter_makeInner(bottom, font, mode));
+
+  if (middle === null) {
+    // Add that many symbols
+    for (var i = 0; i < repeatCount; i++) {
+      inners.push(lap); // overlap
+
+      inners.push(delimiter_makeInner(repeat, font, mode));
+    }
+  } else {
+    // When there is a middle bit, we need the middle part and two repeated
+    // sections
+    for (var _i = 0; _i < repeatCount; _i++) {
+      inners.push(lap);
+      inners.push(delimiter_makeInner(repeat, font, mode));
+    } // Insert one extra repeat element.
+
+
+    inners.push({
+      type: "kern",
+      size: shiftOfExtraElement
+    });
+    inners.push(delimiter_makeInner(repeat, font, mode));
+    inners.push(lap); // Now insert the middle of the brace.
+
+    inners.push(delimiter_makeInner(middle, font, mode));
+
+    for (var _i2 = 0; _i2 < repeatCount; _i2++) {
+      inners.push(lap);
+      inners.push(delimiter_makeInner(repeat, font, mode));
+    }
+  } // To cover the gap create by the overlaps, insert one more repeat element,
+  // at a position that juts 0.005 above the bottom of the top element.
+
+
+  if ((repeat === "\u239C" || repeat === "\u239F") && repeatCount === 0) {
+    // Parentheses need a short repeat element in order to avoid an overrun.
+    // We'll make a 0.3em tall element from a SVG.
+    var overlap = buildCommon.svgData.leftParenInner[2] / 2;
+    inners.push({
+      type: "kern",
+      size: -overlap
+    });
+    var pathName = repeat === "\u239C" ? "leftParenInner" : "rightParenInner";
+    var innerSpan = buildCommon.staticSvg(pathName, options);
+    inners.push({
+      type: "elem",
+      elem: innerSpan
+    });
+    inners.push({
+      type: "kern",
+      size: -overlap
+    });
+  } else {
+    inners.push({
+      type: "kern",
+      size: shiftOfExtraElement
+    });
+    inners.push(delimiter_makeInner(repeat, font, mode));
+    inners.push(lap);
+  } // Add the top symbol
+
+
+  inners.push(delimiter_makeInner(top, font, mode)); // Finally, build the vlist
+
+  var newOptions = options.havingBaseStyle(src_Style.TEXT);
+  var inner = buildCommon.makeVList({
+    positionType: "bottom",
+    positionData: depth,
+    children: inners
+  }, newOptions);
+  return delimiter_styleWrap(buildCommon.makeSpan(["delimsizing", "mult"], [inner], newOptions), src_Style.TEXT, options, classes);
+}; // All surds have 0.08em padding above the viniculum inside the SVG.
+// That keeps browser span height rounding error from pinching the line.
+
+
+var vbPad = 80; // padding above the surd, measured inside the viewBox.
+
+var emPad = 0.08; // padding, in ems, measured in the document.
+
+var delimiter_sqrtSvg = function sqrtSvg(sqrtName, height, viewBoxHeight, extraViniculum, options) {
+  var path = sqrtPath(sqrtName, extraViniculum, viewBoxHeight);
+  var pathNode = new domTree_PathNode(sqrtName, path);
+  var svg = new SvgNode([pathNode], {
+    // Note: 1000:1 ratio of viewBox to document em width.
+    "width": "400em",
+    "height": height + "em",
+    "viewBox": "0 0 400000 " + viewBoxHeight,
+    "preserveAspectRatio": "xMinYMin slice"
+  });
+  return buildCommon.makeSvgSpan(["hide-tail"], [svg], options);
+};
+/**
+ * Make a sqrt image of the given height,
+ */
+
+
+var makeSqrtImage = function makeSqrtImage(height, options) {
+  // Define a newOptions that removes the effect of size changes such as \Huge.
+  // We don't pick different a height surd for \Huge. For it, we scale up.
+  var newOptions = options.havingBaseSizing(); // Pick the desired surd glyph from a sequence of surds.
+
+  var delim = traverseSequence("\\surd", height * newOptions.sizeMultiplier, stackLargeDelimiterSequence, newOptions);
+  var sizeMultiplier = newOptions.sizeMultiplier; // default
+  // The standard sqrt SVGs each have a 0.04em thick viniculum.
+  // If Settings.minRuleThickness is larger than that, we add extraViniculum.
+
+  var extraViniculum = Math.max(0, options.minRuleThickness - options.fontMetrics().sqrtRuleThickness); // Create a span containing an SVG image of a sqrt symbol.
+
+  var span;
+  var spanHeight = 0;
+  var texHeight = 0;
+  var viewBoxHeight = 0;
+  var advanceWidth; // We create viewBoxes with 80 units of "padding" above each surd.
+  // Then browser rounding error on the parent span height will not
+  // encroach on the ink of the viniculum. But that padding is not
+  // included in the TeX-like `height` used for calculation of
+  // vertical alignment. So texHeight = span.height < span.style.height.
+
+  if (delim.type === "small") {
+    // Get an SVG that is derived from glyph U+221A in font KaTeX-Main.
+    // 1000 unit normal glyph height.
+    viewBoxHeight = 1000 + 1000 * extraViniculum + vbPad;
+
+    if (height < 1.0) {
+      sizeMultiplier = 1.0; // mimic a \textfont radical
+    } else if (height < 1.4) {
+      sizeMultiplier = 0.7; // mimic a \scriptfont radical
+    }
+
+    spanHeight = (1.0 + extraViniculum + emPad) / sizeMultiplier;
+    texHeight = (1.00 + extraViniculum) / sizeMultiplier;
+    span = delimiter_sqrtSvg("sqrtMain", spanHeight, viewBoxHeight, extraViniculum, options);
+    span.style.minWidth = "0.853em";
+    advanceWidth = 0.833 / sizeMultiplier; // from the font.
+  } else if (delim.type === "large") {
+    // These SVGs come from fonts: KaTeX_Size1, _Size2, etc.
+    viewBoxHeight = (1000 + vbPad) * sizeToMaxHeight[delim.size];
+    texHeight = (sizeToMaxHeight[delim.size] + extraViniculum) / sizeMultiplier;
+    spanHeight = (sizeToMaxHeight[delim.size] + extraViniculum + emPad) / sizeMultiplier;
+    span = delimiter_sqrtSvg("sqrtSize" + delim.size, spanHeight, viewBoxHeight, extraViniculum, options);
+    span.style.minWidth = "1.02em";
+    advanceWidth = 1.0 / sizeMultiplier; // 1.0 from the font.
+  } else {
+    // Tall sqrt. In TeX, this would be stacked using multiple glyphs.
+    // We'll use a single SVG to accomplish the same thing.
+    spanHeight = height + extraViniculum + emPad;
+    texHeight = height + extraViniculum;
+    viewBoxHeight = Math.floor(1000 * height + extraViniculum) + vbPad;
+    span = delimiter_sqrtSvg("sqrtTall", spanHeight, viewBoxHeight, extraViniculum, options);
+    span.style.minWidth = "0.742em";
+    advanceWidth = 1.056;
+  }
+
+  span.height = texHeight;
+  span.style.height = spanHeight + "em";
+  return {
+    span: span,
+    advanceWidth: advanceWidth,
+    // Calculate the actual line width.
+    // This actually should depend on the chosen font -- e.g. \boldmath
+    // should use the thicker surd symbols from e.g. KaTeX_Main-Bold, and
+    // have thicker rules.
+    ruleWidth: (options.fontMetrics().sqrtRuleThickness + extraViniculum) * sizeMultiplier
+  };
+}; // There are three kinds of delimiters, delimiters that stack when they become
+// too large
+
+
+var stackLargeDelimiters = ["(", "\\lparen", ")", "\\rparen", "[", "\\lbrack", "]", "\\rbrack", "\\{", "\\lbrace", "\\}", "\\rbrace", "\\lfloor", "\\rfloor", "\u230A", "\u230B", "\\lceil", "\\rceil", "\u2308", "\u2309", "\\surd"]; // delimiters that always stack
+
+var stackAlwaysDelimiters = ["\\uparrow", "\\downarrow", "\\updownarrow", "\\Uparrow", "\\Downarrow", "\\Updownarrow", "|", "\\|", "\\vert", "\\Vert", "\\lvert", "\\rvert", "\\lVert", "\\rVert", "\\lgroup", "\\rgroup", "\u27EE", "\u27EF", "\\lmoustache", "\\rmoustache", "\u23B0", "\u23B1"]; // and delimiters that never stack
+
+var stackNeverDelimiters = ["<", ">", "\\langle", "\\rangle", "/", "\\backslash", "\\lt", "\\gt"]; // Metrics of the different sizes. Found by looking at TeX's output of
+// $\bigl| // \Bigl| \biggl| \Biggl| \showlists$
+// Used to create stacked delimiters of appropriate sizes in makeSizedDelim.
+
+var sizeToMaxHeight = [0, 1.2, 1.8, 2.4, 3.0];
+/**
+ * Used to create a delimiter of a specific size, where `size` is 1, 2, 3, or 4.
+ */
+
+var delimiter_makeSizedDelim = function makeSizedDelim(delim, size, options, mode, classes) {
+  // < and > turn into \langle and \rangle in delimiters
+  if (delim === "<" || delim === "\\lt" || delim === "\u27E8") {
+    delim = "\\langle";
+  } else if (delim === ">" || delim === "\\gt" || delim === "\u27E9") {
+    delim = "\\rangle";
+  } // Sized delimiters are never centered.
+
+
+  if (utils.contains(stackLargeDelimiters, delim) || utils.contains(stackNeverDelimiters, delim)) {
+    return delimiter_makeLargeDelim(delim, size, false, options, mode, classes);
+  } else if (utils.contains(stackAlwaysDelimiters, delim)) {
+    return delimiter_makeStackedDelim(delim, sizeToMaxHeight[size], false, options, mode, classes);
+  } else {
+    throw new src_ParseError("Illegal delimiter: '" + delim + "'");
+  }
+};
+/**
+ * There are three different sequences of delimiter sizes that the delimiters
+ * follow depending on the kind of delimiter. This is used when creating custom
+ * sized delimiters to decide whether to create a small, large, or stacked
+ * delimiter.
+ *
+ * In real TeX, these sequences aren't explicitly defined, but are instead
+ * defined inside the font metrics. Since there are only three sequences that
+ * are possible for the delimiters that TeX defines, it is easier to just encode
+ * them explicitly here.
+ */
+
+
+// Delimiters that never stack try small delimiters and large delimiters only
+var stackNeverDelimiterSequence = [{
+  type: "small",
+  style: src_Style.SCRIPTSCRIPT
+}, {
+  type: "small",
+  style: src_Style.SCRIPT
+}, {
+  type: "small",
+  style: src_Style.TEXT
+}, {
+  type: "large",
+  size: 1
+}, {
+  type: "large",
+  size: 2
+}, {
+  type: "large",
+  size: 3
+}, {
+  type: "large",
+  size: 4
+}]; // Delimiters that always stack try the small delimiters first, then stack
+
+var stackAlwaysDelimiterSequence = [{
+  type: "small",
+  style: src_Style.SCRIPTSCRIPT
+}, {
+  type: "small",
+  style: src_Style.SCRIPT
+}, {
+  type: "small",
+  style: src_Style.TEXT
+}, {
+  type: "stack"
+}]; // Delimiters that stack when large try the small and then large delimiters, and
+// stack afterwards
+
+var stackLargeDelimiterSequence = [{
+  type: "small",
+  style: src_Style.SCRIPTSCRIPT
+}, {
+  type: "small",
+  style: src_Style.SCRIPT
+}, {
+  type: "small",
+  style: src_Style.TEXT
+}, {
+  type: "large",
+  size: 1
+}, {
+  type: "large",
+  size: 2
+}, {
+  type: "large",
+  size: 3
+}, {
+  type: "large",
+  size: 4
+}, {
+  type: "stack"
+}];
+/**
+ * Get the font used in a delimiter based on what kind of delimiter it is.
+ * TODO(#963) Use more specific font family return type once that is introduced.
+ */
+
+var delimTypeToFont = function delimTypeToFont(type) {
+  if (type.type === "small") {
+    return "Main-Regular";
+  } else if (type.type === "large") {
+    return "Size" + type.size + "-Regular";
+  } else if (type.type === "stack") {
+    return "Size4-Regular";
+  } else {
+    throw new Error("Add support for delim type '" + type.type + "' here.");
+  }
+};
+/**
+ * Traverse a sequence of types of delimiters to decide what kind of delimiter
+ * should be used to create a delimiter of the given height+depth.
+ */
+
+
+var traverseSequence = function traverseSequence(delim, height, sequence, options) {
+  // Here, we choose the index we should start at in the sequences. In smaller
+  // sizes (which correspond to larger numbers in style.size) we start earlier
+  // in the sequence. Thus, scriptscript starts at index 3-3=0, script starts
+  // at index 3-2=1, text starts at 3-1=2, and display starts at min(2,3-0)=2
+  var start = Math.min(2, 3 - options.style.size);
+
+  for (var i = start; i < sequence.length; i++) {
+    if (sequence[i].type === "stack") {
+      // This is always the last delimiter, so we just break the loop now.
+      break;
+    }
+
+    var metrics = delimiter_getMetrics(delim, delimTypeToFont(sequence[i]), "math");
+    var heightDepth = metrics.height + metrics.depth; // Small delimiters are scaled down versions of the same font, so we
+    // account for the style change size.
+
+    if (sequence[i].type === "small") {
+      var newOptions = options.havingBaseStyle(sequence[i].style);
+      heightDepth *= newOptions.sizeMultiplier;
+    } // Check if the delimiter at this size works for the given height.
+
+
+    if (heightDepth > height) {
+      return sequence[i];
+    }
+  } // If we reached the end of the sequence, return the last sequence element.
+
+
+  return sequence[sequence.length - 1];
+};
+/**
+ * Make a delimiter of a given height+depth, with optional centering. Here, we
+ * traverse the sequences, and create a delimiter that the sequence tells us to.
+ */
+
+
+var delimiter_makeCustomSizedDelim = function makeCustomSizedDelim(delim, height, center, options, mode, classes) {
+  if (delim === "<" || delim === "\\lt" || delim === "\u27E8") {
+    delim = "\\langle";
+  } else if (delim === ">" || delim === "\\gt" || delim === "\u27E9") {
+    delim = "\\rangle";
+  } // Decide what sequence to use
+
+
+  var sequence;
+
+  if (utils.contains(stackNeverDelimiters, delim)) {
+    sequence = stackNeverDelimiterSequence;
+  } else if (utils.contains(stackLargeDelimiters, delim)) {
+    sequence = stackLargeDelimiterSequence;
+  } else {
+    sequence = stackAlwaysDelimiterSequence;
+  } // Look through the sequence
+
+
+  var delimType = traverseSequence(delim, height, sequence, options); // Get the delimiter from font glyphs.
+  // Depending on the sequence element we decided on, call the
+  // appropriate function.
+
+  if (delimType.type === "small") {
+    return delimiter_makeSmallDelim(delim, delimType.style, center, options, mode, classes);
+  } else if (delimType.type === "large") {
+    return delimiter_makeLargeDelim(delim, delimType.size, center, options, mode, classes);
+  } else
+    /* if (delimType.type === "stack") */
+    {
+      return delimiter_makeStackedDelim(delim, height, center, options, mode, classes);
+    }
+};
+/**
+ * Make a delimiter for use with `\left` and `\right`, given a height and depth
+ * of an expression that the delimiters surround.
+ */
+
+
+var makeLeftRightDelim = function makeLeftRightDelim(delim, height, depth, options, mode, classes) {
+  // We always center \left/\right delimiters, so the axis is always shifted
+  var axisHeight = options.fontMetrics().axisHeight * options.sizeMultiplier; // Taken from TeX source, tex.web, function make_left_right
+
+  var delimiterFactor = 901;
+  var delimiterExtend = 5.0 / options.fontMetrics().ptPerEm;
+  var maxDistFromAxis = Math.max(height - axisHeight, depth + axisHeight);
+  var totalHeight = Math.max( // In real TeX, calculations are done using integral values which are
+  // 65536 per pt, or 655360 per em. So, the division here truncates in
+  // TeX but doesn't here, producing different results. If we wanted to
+  // exactly match TeX's calculation, we could do
+  //   Math.floor(655360 * maxDistFromAxis / 500) *
+  //    delimiterFactor / 655360
+  // (To see the difference, compare
+  //    x^{x^{\left(\rule{0.1em}{0.68em}\right)}}
+  // in TeX and KaTeX)
+  maxDistFromAxis / 500 * delimiterFactor, 2 * maxDistFromAxis - delimiterExtend); // Finally, we defer to `makeCustomSizedDelim` with our calculated total
+  // height
+
+  return delimiter_makeCustomSizedDelim(delim, totalHeight, true, options, mode, classes);
+};
+
+/* harmony default export */ var delimiter = ({
+  sqrtImage: makeSqrtImage,
+  sizedDelim: delimiter_makeSizedDelim,
+  customSizedDelim: delimiter_makeCustomSizedDelim,
+  leftRightDelim: makeLeftRightDelim
+});
+// CONCATENATED MODULE: ./src/functions/delimsizing.js
+
+
+
+
+
+
+
+
+
+// Extra data needed for the delimiter handler down below
+var delimiterSizes = {
+  "\\bigl": {
+    mclass: "mopen",
+    size: 1
+  },
+  "\\Bigl": {
+    mclass: "mopen",
+    size: 2
+  },
+  "\\biggl": {
+    mclass: "mopen",
+    size: 3
+  },
+  "\\Biggl": {
+    mclass: "mopen",
+    size: 4
+  },
+  "\\bigr": {
+    mclass: "mclose",
+    size: 1
+  },
+  "\\Bigr": {
+    mclass: "mclose",
+    size: 2
+  },
+  "\\biggr": {
+    mclass: "mclose",
+    size: 3
+  },
+  "\\Biggr": {
+    mclass: "mclose",
+    size: 4
+  },
+  "\\bigm": {
+    mclass: "mrel",
+    size: 1
+  },
+  "\\Bigm": {
+    mclass: "mrel",
+    size: 2
+  },
+  "\\biggm": {
+    mclass: "mrel",
+    size: 3
+  },
+  "\\Biggm": {
+    mclass: "mrel",
+    size: 4
+  },
+  "\\big": {
+    mclass: "mord",
+    size: 1
+  },
+  "\\Big": {
+    mclass: "mord",
+    size: 2
+  },
+  "\\bigg": {
+    mclass: "mord",
+    size: 3
+  },
+  "\\Bigg": {
+    mclass: "mord",
+    size: 4
+  }
+};
+var delimiters = ["(", "\\lparen", ")", "\\rparen", "[", "\\lbrack", "]", "\\rbrack", "\\{", "\\lbrace", "\\}", "\\rbrace", "\\lfloor", "\\rfloor", "\u230A", "\u230B", "\\lceil", "\\rceil", "\u2308", "\u2309", "<", ">", "\\langle", "\u27E8", "\\rangle", "\u27E9", "\\lt", "\\gt", "\\lvert", "\\rvert", "\\lVert", "\\rVert", "\\lgroup", "\\rgroup", "\u27EE", "\u27EF", "\\lmoustache", "\\rmoustache", "\u23B0", "\u23B1", "/", "\\backslash", "|", "\\vert", "\\|", "\\Vert", "\\uparrow", "\\Uparrow", "\\downarrow", "\\Downarrow", "\\updownarrow", "\\Updownarrow", "."];
+
+// Delimiter functions
+function checkDelimiter(delim, context) {
+  var symDelim = checkSymbolNodeType(delim);
+
+  if (symDelim && utils.contains(delimiters, symDelim.text)) {
+    return symDelim;
+  } else if (symDelim) {
+    throw new src_ParseError("Invalid delimiter '" + symDelim.text + "' after '" + context.funcName + "'", delim);
+  } else {
+    throw new src_ParseError("Invalid delimiter type '" + delim.type + "'", delim);
+  }
+}
+
+defineFunction({
+  type: "delimsizing",
+  names: ["\\bigl", "\\Bigl", "\\biggl", "\\Biggl", "\\bigr", "\\Bigr", "\\biggr", "\\Biggr", "\\bigm", "\\Bigm", "\\biggm", "\\Biggm", "\\big", "\\Big", "\\bigg", "\\Bigg"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(context, args) {
+    var delim = checkDelimiter(args[0], context);
+    return {
+      type: "delimsizing",
+      mode: context.parser.mode,
+      size: delimiterSizes[context.funcName].size,
+      mclass: delimiterSizes[context.funcName].mclass,
+      delim: delim.text
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    if (group.delim === ".") {
+      // Empty delimiters still count as elements, even though they don't
+      // show anything.
+      return buildCommon.makeSpan([group.mclass]);
+    } // Use delimiter.sizedDelim to generate the delimiter.
+
+
+    return delimiter.sizedDelim(group.delim, group.size, options, group.mode, [group.mclass]);
+  },
+  mathmlBuilder: function mathmlBuilder(group) {
+    var children = [];
+
+    if (group.delim !== ".") {
+      children.push(buildMathML_makeText(group.delim, group.mode));
+    }
+
+    var node = new mathMLTree.MathNode("mo", children);
+
+    if (group.mclass === "mopen" || group.mclass === "mclose") {
+      // Only some of the delimsizing functions act as fences, and they
+      // return "mopen" or "mclose" mclass.
+      node.setAttribute("fence", "true");
+    } else {
+      // Explicitly disable fencing if it's not a fence, to override the
+      // defaults.
+      node.setAttribute("fence", "false");
+    }
+
+    return node;
+  }
+});
+
+function assertParsed(group) {
+  if (!group.body) {
+    throw new Error("Bug: The leftright ParseNode wasn't fully parsed.");
+  }
+}
+
+defineFunction({
+  type: "leftright-right",
+  names: ["\\right"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(context, args) {
+    // \left case below triggers parsing of \right in
+    //   `const right = parser.parseFunction();`
+    // uses this return value.
+    var color = context.parser.gullet.macros.get("\\current@color");
+
+    if (color && typeof color !== "string") {
+      throw new src_ParseError("\\current@color set to non-string in \\right");
+    }
+
+    return {
+      type: "leftright-right",
+      mode: context.parser.mode,
+      delim: checkDelimiter(args[0], context).text,
+      color: color // undefined if not set via \color
+
+    };
+  }
+});
+defineFunction({
+  type: "leftright",
+  names: ["\\left"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(context, args) {
+    var delim = checkDelimiter(args[0], context);
+    var parser = context.parser; // Parse out the implicit body
+
+    ++parser.leftrightDepth; // parseExpression stops before '\\right'
+
+    var body = parser.parseExpression(false);
+    --parser.leftrightDepth; // Check the next token
+
+    parser.expect("\\right", false);
+    var right = assertNodeType(parser.parseFunction(), "leftright-right");
+    return {
+      type: "leftright",
+      mode: parser.mode,
+      body: body,
+      left: delim.text,
+      right: right.delim,
+      rightColor: right.color
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    assertParsed(group); // Build the inner expression
+
+    var inner = buildHTML_buildExpression(group.body, options, true, ["mopen", "mclose"]);
+    var innerHeight = 0;
+    var innerDepth = 0;
+    var hadMiddle = false; // Calculate its height and depth
+
+    for (var i = 0; i < inner.length; i++) {
+      // Property `isMiddle` not defined on `span`. See comment in
+      // "middle"'s htmlBuilder.
+      // $FlowFixMe
+      if (inner[i].isMiddle) {
+        hadMiddle = true;
+      } else {
+        innerHeight = Math.max(inner[i].height, innerHeight);
+        innerDepth = Math.max(inner[i].depth, innerDepth);
+      }
+    } // The size of delimiters is the same, regardless of what style we are
+    // in. Thus, to correctly calculate the size of delimiter we need around
+    // a group, we scale down the inner size based on the size.
+
+
+    innerHeight *= options.sizeMultiplier;
+    innerDepth *= options.sizeMultiplier;
+    var leftDelim;
+
+    if (group.left === ".") {
+      // Empty delimiters in \left and \right make null delimiter spaces.
+      leftDelim = makeNullDelimiter(options, ["mopen"]);
+    } else {
+      // Otherwise, use leftRightDelim to generate the correct sized
+      // delimiter.
+      leftDelim = delimiter.leftRightDelim(group.left, innerHeight, innerDepth, options, group.mode, ["mopen"]);
+    } // Add it to the beginning of the expression
+
+
+    inner.unshift(leftDelim); // Handle middle delimiters
+
+    if (hadMiddle) {
+      for (var _i = 1; _i < inner.length; _i++) {
+        var middleDelim = inner[_i]; // Property `isMiddle` not defined on `span`. See comment in
+        // "middle"'s htmlBuilder.
+        // $FlowFixMe
+
+        var isMiddle = middleDelim.isMiddle;
+
+        if (isMiddle) {
+          // Apply the options that were active when \middle was called
+          inner[_i] = delimiter.leftRightDelim(isMiddle.delim, innerHeight, innerDepth, isMiddle.options, group.mode, []);
+        }
+      }
+    }
+
+    var rightDelim; // Same for the right delimiter, but using color specified by \color
+
+    if (group.right === ".") {
+      rightDelim = makeNullDelimiter(options, ["mclose"]);
+    } else {
+      var colorOptions = group.rightColor ? options.withColor(group.rightColor) : options;
+      rightDelim = delimiter.leftRightDelim(group.right, innerHeight, innerDepth, colorOptions, group.mode, ["mclose"]);
+    } // Add it to the end of the expression.
+
+
+    inner.push(rightDelim);
+    return buildCommon.makeSpan(["minner"], inner, options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    assertParsed(group);
+    var inner = buildMathML_buildExpression(group.body, options);
+
+    if (group.left !== ".") {
+      var leftNode = new mathMLTree.MathNode("mo", [buildMathML_makeText(group.left, group.mode)]);
+      leftNode.setAttribute("fence", "true");
+      inner.unshift(leftNode);
+    }
+
+    if (group.right !== ".") {
+      var rightNode = new mathMLTree.MathNode("mo", [buildMathML_makeText(group.right, group.mode)]);
+      rightNode.setAttribute("fence", "true");
+
+      if (group.rightColor) {
+        rightNode.setAttribute("mathcolor", group.rightColor);
+      }
+
+      inner.push(rightNode);
+    }
+
+    return buildMathML_makeRow(inner);
+  }
+});
+defineFunction({
+  type: "middle",
+  names: ["\\middle"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(context, args) {
+    var delim = checkDelimiter(args[0], context);
+
+    if (!context.parser.leftrightDepth) {
+      throw new src_ParseError("\\middle without preceding \\left", delim);
+    }
+
+    return {
+      type: "middle",
+      mode: context.parser.mode,
+      delim: delim.text
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var middleDelim;
+
+    if (group.delim === ".") {
+      middleDelim = makeNullDelimiter(options, []);
+    } else {
+      middleDelim = delimiter.sizedDelim(group.delim, 1, options, group.mode, []);
+      var isMiddle = {
+        delim: group.delim,
+        options: options
+      }; // Property `isMiddle` not defined on `span`. It is only used in
+      // this file above.
+      // TODO: Fix this violation of the `span` type and possibly rename
+      // things since `isMiddle` sounds like a boolean, but is a struct.
+      // $FlowFixMe
+
+      middleDelim.isMiddle = isMiddle;
+    }
+
+    return middleDelim;
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    // A Firefox \middle will strech a character vertically only if it
+    // is in the fence part of the operator dictionary at:
+    // https://www.w3.org/TR/MathML3/appendixc.html.
+    // So we need to avoid U+2223 and use plain "|" instead.
+    var textNode = group.delim === "\\vert" || group.delim === "|" ? buildMathML_makeText("|", "text") : buildMathML_makeText(group.delim, group.mode);
+    var middleNode = new mathMLTree.MathNode("mo", [textNode]);
+    middleNode.setAttribute("fence", "true"); // MathML gives 5/18em spacing to each <mo> element.
+    // \middle should get delimiter spacing instead.
+
+    middleNode.setAttribute("lspace", "0.05em");
+    middleNode.setAttribute("rspace", "0.05em");
+    return middleNode;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/enclose.js
+
+
+
+
+
+
+
+
+
+var enclose_htmlBuilder = function htmlBuilder(group, options) {
+  // \cancel, \bcancel, \xcancel, \sout, \fbox, \colorbox, \fcolorbox
+  // Some groups can return document fragments.  Handle those by wrapping
+  // them in a span.
+  var inner = buildCommon.wrapFragment(buildHTML_buildGroup(group.body, options), options);
+  var label = group.label.substr(1);
+  var scale = options.sizeMultiplier;
+  var img;
+  var imgShift = 0; // In the LaTeX cancel package, line geometry is slightly different
+  // depending on whether the subject is wider than it is tall, or vice versa.
+  // We don't know the width of a group, so as a proxy, we test if
+  // the subject is a single character. This captures most of the
+  // subjects that should get the "tall" treatment.
+
+  var isSingleChar = utils.isCharacterBox(group.body);
+
+  if (label === "sout") {
+    img = buildCommon.makeSpan(["stretchy", "sout"]);
+    img.height = options.fontMetrics().defaultRuleThickness / scale;
+    imgShift = -0.5 * options.fontMetrics().xHeight;
+  } else {
+    // Add horizontal padding
+    if (/cancel/.test(label)) {
+      if (!isSingleChar) {
+        inner.classes.push("cancel-pad");
+      }
+    } else {
+      inner.classes.push("boxpad");
+    } // Add vertical padding
+
+
+    var vertPad = 0;
+    var ruleThickness = 0; // ref: cancel package: \advance\totalheight2\p@ % "+2"
+
+    if (/box/.test(label)) {
+      ruleThickness = Math.max(options.fontMetrics().fboxrule, // default
+      options.minRuleThickness // User override.
+      );
+      vertPad = options.fontMetrics().fboxsep + (label === "colorbox" ? 0 : ruleThickness);
+    } else {
+      vertPad = isSingleChar ? 0.2 : 0;
+    }
+
+    img = stretchy.encloseSpan(inner, label, vertPad, options);
+
+    if (/fbox|boxed|fcolorbox/.test(label)) {
+      img.style.borderStyle = "solid";
+      img.style.borderWidth = ruleThickness + "em";
+    }
+
+    imgShift = inner.depth + vertPad;
+
+    if (group.backgroundColor) {
+      img.style.backgroundColor = group.backgroundColor;
+
+      if (group.borderColor) {
+        img.style.borderColor = group.borderColor;
+      }
+    }
+  }
+
+  var vlist;
+
+  if (group.backgroundColor) {
+    vlist = buildCommon.makeVList({
+      positionType: "individualShift",
+      children: [// Put the color background behind inner;
+      {
+        type: "elem",
+        elem: img,
+        shift: imgShift
+      }, {
+        type: "elem",
+        elem: inner,
+        shift: 0
+      }]
+    }, options);
+  } else {
+    vlist = buildCommon.makeVList({
+      positionType: "individualShift",
+      children: [// Write the \cancel stroke on top of inner.
+      {
+        type: "elem",
+        elem: inner,
+        shift: 0
+      }, {
+        type: "elem",
+        elem: img,
+        shift: imgShift,
+        wrapperClasses: /cancel/.test(label) ? ["svg-align"] : []
+      }]
+    }, options);
+  }
+
+  if (/cancel/.test(label)) {
+    // The cancel package documentation says that cancel lines add their height
+    // to the expression, but tests show that isn't how it actually works.
+    vlist.height = inner.height;
+    vlist.depth = inner.depth;
+  }
+
+  if (/cancel/.test(label) && !isSingleChar) {
+    // cancel does not create horiz space for its line extension.
+    return buildCommon.makeSpan(["mord", "cancel-lap"], [vlist], options);
+  } else {
+    return buildCommon.makeSpan(["mord"], [vlist], options);
+  }
+};
+
+var enclose_mathmlBuilder = function mathmlBuilder(group, options) {
+  var fboxsep = 0;
+  var node = new mathMLTree.MathNode(group.label.indexOf("colorbox") > -1 ? "mpadded" : "menclose", [buildMathML_buildGroup(group.body, options)]);
+
+  switch (group.label) {
+    case "\\cancel":
+      node.setAttribute("notation", "updiagonalstrike");
+      break;
+
+    case "\\bcancel":
+      node.setAttribute("notation", "downdiagonalstrike");
+      break;
+
+    case "\\sout":
+      node.setAttribute("notation", "horizontalstrike");
+      break;
+
+    case "\\fbox":
+      node.setAttribute("notation", "box");
+      break;
+
+    case "\\fcolorbox":
+    case "\\colorbox":
+      // <menclose> doesn't have a good notation option. So use <mpadded>
+      // instead. Set some attributes that come included with <menclose>.
+      fboxsep = options.fontMetrics().fboxsep * options.fontMetrics().ptPerEm;
+      node.setAttribute("width", "+" + 2 * fboxsep + "pt");
+      node.setAttribute("height", "+" + 2 * fboxsep + "pt");
+      node.setAttribute("lspace", fboxsep + "pt"); //
+
+      node.setAttribute("voffset", fboxsep + "pt");
+
+      if (group.label === "\\fcolorbox") {
+        var thk = Math.max(options.fontMetrics().fboxrule, // default
+        options.minRuleThickness // user override
+        );
+        node.setAttribute("style", "border: " + thk + "em solid " + String(group.borderColor));
+      }
+
+      break;
+
+    case "\\xcancel":
+      node.setAttribute("notation", "updiagonalstrike downdiagonalstrike");
+      break;
+  }
+
+  if (group.backgroundColor) {
+    node.setAttribute("mathbackground", group.backgroundColor);
+  }
+
+  return node;
+};
+
+defineFunction({
+  type: "enclose",
+  names: ["\\colorbox"],
+  props: {
+    numArgs: 2,
+    allowedInText: true,
+    greediness: 3,
+    argTypes: ["color", "text"]
+  },
+  handler: function handler(_ref, args, optArgs) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var color = assertNodeType(args[0], "color-token").color;
+    var body = args[1];
+    return {
+      type: "enclose",
+      mode: parser.mode,
+      label: funcName,
+      backgroundColor: color,
+      body: body
+    };
+  },
+  htmlBuilder: enclose_htmlBuilder,
+  mathmlBuilder: enclose_mathmlBuilder
+});
+defineFunction({
+  type: "enclose",
+  names: ["\\fcolorbox"],
+  props: {
+    numArgs: 3,
+    allowedInText: true,
+    greediness: 3,
+    argTypes: ["color", "color", "text"]
+  },
+  handler: function handler(_ref2, args, optArgs) {
+    var parser = _ref2.parser,
+        funcName = _ref2.funcName;
+    var borderColor = assertNodeType(args[0], "color-token").color;
+    var backgroundColor = assertNodeType(args[1], "color-token").color;
+    var body = args[2];
+    return {
+      type: "enclose",
+      mode: parser.mode,
+      label: funcName,
+      backgroundColor: backgroundColor,
+      borderColor: borderColor,
+      body: body
+    };
+  },
+  htmlBuilder: enclose_htmlBuilder,
+  mathmlBuilder: enclose_mathmlBuilder
+});
+defineFunction({
+  type: "enclose",
+  names: ["\\fbox"],
+  props: {
+    numArgs: 1,
+    argTypes: ["hbox"],
+    allowedInText: true
+  },
+  handler: function handler(_ref3, args) {
+    var parser = _ref3.parser;
+    return {
+      type: "enclose",
+      mode: parser.mode,
+      label: "\\fbox",
+      body: args[0]
+    };
+  }
+});
+defineFunction({
+  type: "enclose",
+  names: ["\\cancel", "\\bcancel", "\\xcancel", "\\sout"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(_ref4, args, optArgs) {
+    var parser = _ref4.parser,
+        funcName = _ref4.funcName;
+    var body = args[0];
+    return {
+      type: "enclose",
+      mode: parser.mode,
+      label: funcName,
+      body: body
+    };
+  },
+  htmlBuilder: enclose_htmlBuilder,
+  mathmlBuilder: enclose_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/defineEnvironment.js
+
+
+/**
+ * All registered environments.
+ * `environments.js` exports this same dictionary again and makes it public.
+ * `Parser.js` requires this dictionary via `environments.js`.
+ */
+var _environments = {};
+function defineEnvironment(_ref) {
+  var type = _ref.type,
+      names = _ref.names,
+      props = _ref.props,
+      handler = _ref.handler,
+      htmlBuilder = _ref.htmlBuilder,
+      mathmlBuilder = _ref.mathmlBuilder;
+  // Set default values of environments.
+  var data = {
+    type: type,
+    numArgs: props.numArgs || 0,
+    greediness: 1,
+    allowedInText: false,
+    numOptionalArgs: 0,
+    handler: handler
+  };
+
+  for (var i = 0; i < names.length; ++i) {
+    // TODO: The value type of _environments should be a type union of all
+    // possible `EnvSpec<>` possibilities instead of `EnvSpec<*>`, which is
+    // an existential type.
+    // $FlowFixMe
+    _environments[names[i]] = data;
+  }
+
+  if (htmlBuilder) {
+    _htmlGroupBuilders[type] = htmlBuilder;
+  }
+
+  if (mathmlBuilder) {
+    _mathmlGroupBuilders[type] = mathmlBuilder;
+  }
+}
+// CONCATENATED MODULE: ./src/environments/array.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+function getHLines(parser) {
+  // Return an array. The array length = number of hlines.
+  // Each element in the array tells if the line is dashed.
+  var hlineInfo = [];
+  parser.consumeSpaces();
+  var nxt = parser.fetch().text;
+
+  while (nxt === "\\hline" || nxt === "\\hdashline") {
+    parser.consume();
+    hlineInfo.push(nxt === "\\hdashline");
+    parser.consumeSpaces();
+    nxt = parser.fetch().text;
+  }
+
+  return hlineInfo;
+}
+/**
+ * Parse the body of the environment, with rows delimited by \\ and
+ * columns delimited by &, and create a nested list in row-major order
+ * with one group per cell.  If given an optional argument style
+ * ("text", "display", etc.), then each cell is cast into that style.
+ */
+
+
+function parseArray(parser, _ref, style) {
+  var hskipBeforeAndAfter = _ref.hskipBeforeAndAfter,
+      addJot = _ref.addJot,
+      cols = _ref.cols,
+      arraystretch = _ref.arraystretch,
+      colSeparationType = _ref.colSeparationType;
+  // Parse body of array with \\ temporarily mapped to \cr
+  parser.gullet.beginGroup();
+  parser.gullet.macros.set("\\\\", "\\cr"); // Get current arraystretch if it's not set by the environment
+
+  if (!arraystretch) {
+    var stretch = parser.gullet.expandMacroAsText("\\arraystretch");
+
+    if (stretch == null) {
+      // Default \arraystretch from lttab.dtx
+      arraystretch = 1;
+    } else {
+      arraystretch = parseFloat(stretch);
+
+      if (!arraystretch || arraystretch < 0) {
+        throw new src_ParseError("Invalid \\arraystretch: " + stretch);
+      }
+    }
+  } // Start group for first cell
+
+
+  parser.gullet.beginGroup();
+  var row = [];
+  var body = [row];
+  var rowGaps = [];
+  var hLinesBeforeRow = []; // Test for \hline at the top of the array.
+
+  hLinesBeforeRow.push(getHLines(parser));
+
+  while (true) {
+    // eslint-disable-line no-constant-condition
+    // Parse each cell in its own group (namespace)
+    var cell = parser.parseExpression(false, "\\cr");
+    parser.gullet.endGroup();
+    parser.gullet.beginGroup();
+    cell = {
+      type: "ordgroup",
+      mode: parser.mode,
+      body: cell
+    };
+
+    if (style) {
+      cell = {
+        type: "styling",
+        mode: parser.mode,
+        style: style,
+        body: [cell]
+      };
+    }
+
+    row.push(cell);
+    var next = parser.fetch().text;
+
+    if (next === "&") {
+      parser.consume();
+    } else if (next === "\\end") {
+      // Arrays terminate newlines with `\crcr` which consumes a `\cr` if
+      // the last line is empty.
+      // NOTE: Currently, `cell` is the last item added into `row`.
+      if (row.length === 1 && cell.type === "styling" && cell.body[0].body.length === 0) {
+        body.pop();
+      }
+
+      if (hLinesBeforeRow.length < body.length + 1) {
+        hLinesBeforeRow.push([]);
+      }
+
+      break;
+    } else if (next === "\\cr") {
+      var cr = assertNodeType(parser.parseFunction(), "cr");
+      rowGaps.push(cr.size); // check for \hline(s) following the row separator
+
+      hLinesBeforeRow.push(getHLines(parser));
+      row = [];
+      body.push(row);
+    } else {
+      throw new src_ParseError("Expected & or \\\\ or \\cr or \\end", parser.nextToken);
+    }
+  } // End cell group
+
+
+  parser.gullet.endGroup(); // End array group defining \\
+
+  parser.gullet.endGroup();
+  return {
+    type: "array",
+    mode: parser.mode,
+    addJot: addJot,
+    arraystretch: arraystretch,
+    body: body,
+    cols: cols,
+    rowGaps: rowGaps,
+    hskipBeforeAndAfter: hskipBeforeAndAfter,
+    hLinesBeforeRow: hLinesBeforeRow,
+    colSeparationType: colSeparationType
+  };
+} // Decides on a style for cells in an array according to whether the given
+// environment name starts with the letter 'd'.
+
+
+function dCellStyle(envName) {
+  if (envName.substr(0, 1) === "d") {
+    return "display";
+  } else {
+    return "text";
+  }
+}
+
+var array_htmlBuilder = function htmlBuilder(group, options) {
+  var r;
+  var c;
+  var nr = group.body.length;
+  var hLinesBeforeRow = group.hLinesBeforeRow;
+  var nc = 0;
+  var body = new Array(nr);
+  var hlines = [];
+  var ruleThickness = Math.max( // From LaTeX \showthe\arrayrulewidth. Equals 0.04 em.
+  options.fontMetrics().arrayRuleWidth, options.minRuleThickness // User override.
+  ); // Horizontal spacing
+
+  var pt = 1 / options.fontMetrics().ptPerEm;
+  var arraycolsep = 5 * pt; // default value, i.e. \arraycolsep in article.cls
+
+  if (group.colSeparationType && group.colSeparationType === "small") {
+    // We're in a {smallmatrix}. Default column space is \thickspace,
+    // i.e. 5/18em = 0.2778em, per amsmath.dtx for {smallmatrix}.
+    // But that needs adjustment because LaTeX applies \scriptstyle to the
+    // entire array, including the colspace, but this function applies
+    // \scriptstyle only inside each element.
+    var localMultiplier = options.havingStyle(src_Style.SCRIPT).sizeMultiplier;
+    arraycolsep = 0.2778 * (localMultiplier / options.sizeMultiplier);
+  } // Vertical spacing
+
+
+  var baselineskip = 12 * pt; // see size10.clo
+  // Default \jot from ltmath.dtx
+  // TODO(edemaine): allow overriding \jot via \setlength (#687)
+
+  var jot = 3 * pt;
+  var arrayskip = group.arraystretch * baselineskip;
+  var arstrutHeight = 0.7 * arrayskip; // \strutbox in ltfsstrc.dtx and
+
+  var arstrutDepth = 0.3 * arrayskip; // \@arstrutbox in lttab.dtx
+
+  var totalHeight = 0; // Set a position for \hline(s) at the top of the array, if any.
+
+  function setHLinePos(hlinesInGap) {
+    for (var i = 0; i < hlinesInGap.length; ++i) {
+      if (i > 0) {
+        totalHeight += 0.25;
+      }
+
+      hlines.push({
+        pos: totalHeight,
+        isDashed: hlinesInGap[i]
+      });
+    }
+  }
+
+  setHLinePos(hLinesBeforeRow[0]);
+
+  for (r = 0; r < group.body.length; ++r) {
+    var inrow = group.body[r];
+    var height = arstrutHeight; // \@array adds an \@arstrut
+
+    var depth = arstrutDepth; // to each tow (via the template)
+
+    if (nc < inrow.length) {
+      nc = inrow.length;
+    }
+
+    var outrow = new Array(inrow.length);
+
+    for (c = 0; c < inrow.length; ++c) {
+      var elt = buildHTML_buildGroup(inrow[c], options);
+
+      if (depth < elt.depth) {
+        depth = elt.depth;
+      }
+
+      if (height < elt.height) {
+        height = elt.height;
+      }
+
+      outrow[c] = elt;
+    }
+
+    var rowGap = group.rowGaps[r];
+    var gap = 0;
+
+    if (rowGap) {
+      gap = units_calculateSize(rowGap, options);
+
+      if (gap > 0) {
+        // \@argarraycr
+        gap += arstrutDepth;
+
+        if (depth < gap) {
+          depth = gap; // \@xargarraycr
+        }
+
+        gap = 0;
+      }
+    } // In AMS multiline environments such as aligned and gathered, rows
+    // correspond to lines that have additional \jot added to the
+    // \baselineskip via \openup.
+
+
+    if (group.addJot) {
+      depth += jot;
+    }
+
+    outrow.height = height;
+    outrow.depth = depth;
+    totalHeight += height;
+    outrow.pos = totalHeight;
+    totalHeight += depth + gap; // \@yargarraycr
+
+    body[r] = outrow; // Set a position for \hline(s), if any.
+
+    setHLinePos(hLinesBeforeRow[r + 1]);
+  }
+
+  var offset = totalHeight / 2 + options.fontMetrics().axisHeight;
+  var colDescriptions = group.cols || [];
+  var cols = [];
+  var colSep;
+  var colDescrNum;
+
+  for (c = 0, colDescrNum = 0; // Continue while either there are more columns or more column
+  // descriptions, so trailing separators don't get lost.
+  c < nc || colDescrNum < colDescriptions.length; ++c, ++colDescrNum) {
+    var colDescr = colDescriptions[colDescrNum] || {};
+    var firstSeparator = true;
+
+    while (colDescr.type === "separator") {
+      // If there is more than one separator in a row, add a space
+      // between them.
+      if (!firstSeparator) {
+        colSep = buildCommon.makeSpan(["arraycolsep"], []);
+        colSep.style.width = options.fontMetrics().doubleRuleSep + "em";
+        cols.push(colSep);
+      }
+
+      if (colDescr.separator === "|" || colDescr.separator === ":") {
+        var lineType = colDescr.separator === "|" ? "solid" : "dashed";
+        var separator = buildCommon.makeSpan(["vertical-separator"], [], options);
+        separator.style.height = totalHeight + "em";
+        separator.style.borderRightWidth = ruleThickness + "em";
+        separator.style.borderRightStyle = lineType;
+        separator.style.margin = "0 -" + ruleThickness / 2 + "em";
+        separator.style.verticalAlign = -(totalHeight - offset) + "em";
+        cols.push(separator);
+      } else {
+        throw new src_ParseError("Invalid separator type: " + colDescr.separator);
+      }
+
+      colDescrNum++;
+      colDescr = colDescriptions[colDescrNum] || {};
+      firstSeparator = false;
+    }
+
+    if (c >= nc) {
+      continue;
+    }
+
+    var sepwidth = void 0;
+
+    if (c > 0 || group.hskipBeforeAndAfter) {
+      sepwidth = utils.deflt(colDescr.pregap, arraycolsep);
+
+      if (sepwidth !== 0) {
+        colSep = buildCommon.makeSpan(["arraycolsep"], []);
+        colSep.style.width = sepwidth + "em";
+        cols.push(colSep);
+      }
+    }
+
+    var col = [];
+
+    for (r = 0; r < nr; ++r) {
+      var row = body[r];
+      var elem = row[c];
+
+      if (!elem) {
+        continue;
+      }
+
+      var shift = row.pos - offset;
+      elem.depth = row.depth;
+      elem.height = row.height;
+      col.push({
+        type: "elem",
+        elem: elem,
+        shift: shift
+      });
+    }
+
+    col = buildCommon.makeVList({
+      positionType: "individualShift",
+      children: col
+    }, options);
+    col = buildCommon.makeSpan(["col-align-" + (colDescr.align || "c")], [col]);
+    cols.push(col);
+
+    if (c < nc - 1 || group.hskipBeforeAndAfter) {
+      sepwidth = utils.deflt(colDescr.postgap, arraycolsep);
+
+      if (sepwidth !== 0) {
+        colSep = buildCommon.makeSpan(["arraycolsep"], []);
+        colSep.style.width = sepwidth + "em";
+        cols.push(colSep);
+      }
+    }
+  }
+
+  body = buildCommon.makeSpan(["mtable"], cols); // Add \hline(s), if any.
+
+  if (hlines.length > 0) {
+    var line = buildCommon.makeLineSpan("hline", options, ruleThickness);
+    var dashes = buildCommon.makeLineSpan("hdashline", options, ruleThickness);
+    var vListElems = [{
+      type: "elem",
+      elem: body,
+      shift: 0
+    }];
+
+    while (hlines.length > 0) {
+      var hline = hlines.pop();
+      var lineShift = hline.pos - offset;
+
+      if (hline.isDashed) {
+        vListElems.push({
+          type: "elem",
+          elem: dashes,
+          shift: lineShift
+        });
+      } else {
+        vListElems.push({
+          type: "elem",
+          elem: line,
+          shift: lineShift
+        });
+      }
+    }
+
+    body = buildCommon.makeVList({
+      positionType: "individualShift",
+      children: vListElems
+    }, options);
+  }
+
+  return buildCommon.makeSpan(["mord"], [body], options);
+};
+
+var alignMap = {
+  c: "center ",
+  l: "left ",
+  r: "right "
+};
+
+var array_mathmlBuilder = function mathmlBuilder(group, options) {
+  var table = new mathMLTree.MathNode("mtable", group.body.map(function (row) {
+    return new mathMLTree.MathNode("mtr", row.map(function (cell) {
+      return new mathMLTree.MathNode("mtd", [buildMathML_buildGroup(cell, options)]);
+    }));
+  })); // Set column alignment, row spacing, column spacing, and
+  // array lines by setting attributes on the table element.
+  // Set the row spacing. In MathML, we specify a gap distance.
+  // We do not use rowGap[] because MathML automatically increases
+  // cell height with the height/depth of the element content.
+  // LaTeX \arraystretch multiplies the row baseline-to-baseline distance.
+  // We simulate this by adding (arraystretch - 1)em to the gap. This
+  // does a reasonable job of adjusting arrays containing 1 em tall content.
+  // The 0.16 and 0.09 values are found emprically. They produce an array
+  // similar to LaTeX and in which content does not interfere with \hines.
+
+  var gap = group.arraystretch === 0.5 ? 0.1 // {smallmatrix}, {subarray}
+  : 0.16 + group.arraystretch - 1 + (group.addJot ? 0.09 : 0);
+  table.setAttribute("rowspacing", gap + "em"); // MathML table lines go only between cells.
+  // To place a line on an edge we'll use <menclose>, if necessary.
+
+  var menclose = "";
+  var align = "";
+
+  if (group.cols && group.cols.length > 0) {
+    // Find column alignment, column spacing, and  vertical lines.
+    var cols = group.cols;
+    var columnLines = "";
+    var prevTypeWasAlign = false;
+    var iStart = 0;
+    var iEnd = cols.length;
+
+    if (cols[0].type === "separator") {
+      menclose += "top ";
+      iStart = 1;
+    }
+
+    if (cols[cols.length - 1].type === "separator") {
+      menclose += "bottom ";
+      iEnd -= 1;
+    }
+
+    for (var i = iStart; i < iEnd; i++) {
+      if (cols[i].type === "align") {
+        align += alignMap[cols[i].align];
+
+        if (prevTypeWasAlign) {
+          columnLines += "none ";
+        }
+
+        prevTypeWasAlign = true;
+      } else if (cols[i].type === "separator") {
+        // MathML accepts only single lines between cells.
+        // So we read only the first of consecutive separators.
+        if (prevTypeWasAlign) {
+          columnLines += cols[i].separator === "|" ? "solid " : "dashed ";
+          prevTypeWasAlign = false;
+        }
+      }
+    }
+
+    table.setAttribute("columnalign", align.trim());
+
+    if (/[sd]/.test(columnLines)) {
+      table.setAttribute("columnlines", columnLines.trim());
+    }
+  } // Set column spacing.
+
+
+  if (group.colSeparationType === "align") {
+    var _cols = group.cols || [];
+
+    var spacing = "";
+
+    for (var _i = 1; _i < _cols.length; _i++) {
+      spacing += _i % 2 ? "0em " : "1em ";
+    }
+
+    table.setAttribute("columnspacing", spacing.trim());
+  } else if (group.colSeparationType === "alignat") {
+    table.setAttribute("columnspacing", "0em");
+  } else if (group.colSeparationType === "small") {
+    table.setAttribute("columnspacing", "0.2778em");
+  } else {
+    table.setAttribute("columnspacing", "1em");
+  } // Address \hline and \hdashline
+
+
+  var rowLines = "";
+  var hlines = group.hLinesBeforeRow;
+  menclose += hlines[0].length > 0 ? "left " : "";
+  menclose += hlines[hlines.length - 1].length > 0 ? "right " : "";
+
+  for (var _i2 = 1; _i2 < hlines.length - 1; _i2++) {
+    rowLines += hlines[_i2].length === 0 ? "none " // MathML accepts only a single line between rows. Read one element.
+    : hlines[_i2][0] ? "dashed " : "solid ";
+  }
+
+  if (/[sd]/.test(rowLines)) {
+    table.setAttribute("rowlines", rowLines.trim());
+  }
+
+  if (menclose !== "") {
+    table = new mathMLTree.MathNode("menclose", [table]);
+    table.setAttribute("notation", menclose.trim());
+  }
+
+  if (group.arraystretch && group.arraystretch < 1) {
+    // A small array. Wrap in scriptstyle so row gap is not too large.
+    table = new mathMLTree.MathNode("mstyle", [table]);
+    table.setAttribute("scriptlevel", "1");
+  }
+
+  return table;
+}; // Convenience function for aligned and alignedat environments.
+
+
+var array_alignedHandler = function alignedHandler(context, args) {
+  var cols = [];
+  var res = parseArray(context.parser, {
+    cols: cols,
+    addJot: true
+  }, "display"); // Determining number of columns.
+  // 1. If the first argument is given, we use it as a number of columns,
+  //    and makes sure that each row doesn't exceed that number.
+  // 2. Otherwise, just count number of columns = maximum number
+  //    of cells in each row ("aligned" mode -- isAligned will be true).
+  //
+  // At the same time, prepend empty group {} at beginning of every second
+  // cell in each row (starting with second cell) so that operators become
+  // binary.  This behavior is implemented in amsmath's \start@aligned.
+
+  var numMaths;
+  var numCols = 0;
+  var emptyGroup = {
+    type: "ordgroup",
+    mode: context.mode,
+    body: []
+  };
+
+  if (args[0] && args[0].type === "ordgroup") {
+    var arg0 = "";
+
+    for (var i = 0; i < args[0].body.length; i++) {
+      var textord = assertNodeType(args[0].body[i], "textord");
+      arg0 += textord.text;
+    }
+
+    numMaths = Number(arg0);
+    numCols = numMaths * 2;
+  }
+
+  var isAligned = !numCols;
+  res.body.forEach(function (row) {
+    for (var _i3 = 1; _i3 < row.length; _i3 += 2) {
+      // Modify ordgroup node within styling node
+      var styling = assertNodeType(row[_i3], "styling");
+      var ordgroup = assertNodeType(styling.body[0], "ordgroup");
+      ordgroup.body.unshift(emptyGroup);
+    }
+
+    if (!isAligned) {
+      // Case 1
+      var curMaths = row.length / 2;
+
+      if (numMaths < curMaths) {
+        throw new src_ParseError("Too many math in a row: " + ("expected " + numMaths + ", but got " + curMaths), row[0]);
+      }
+    } else if (numCols < row.length) {
+      // Case 2
+      numCols = row.length;
+    }
+  }); // Adjusting alignment.
+  // In aligned mode, we add one \qquad between columns;
+  // otherwise we add nothing.
+
+  for (var _i4 = 0; _i4 < numCols; ++_i4) {
+    var align = "r";
+    var pregap = 0;
+
+    if (_i4 % 2 === 1) {
+      align = "l";
+    } else if (_i4 > 0 && isAligned) {
+      // "aligned" mode.
+      pregap = 1; // add one \quad
+    }
+
+    cols[_i4] = {
+      type: "align",
+      align: align,
+      pregap: pregap,
+      postgap: 0
+    };
+  }
+
+  res.colSeparationType = isAligned ? "align" : "alignat";
+  return res;
+}; // Arrays are part of LaTeX, defined in lttab.dtx so its documentation
+// is part of the source2e.pdf file of LaTeX2e source documentation.
+// {darray} is an {array} environment where cells are set in \displaystyle,
+// as defined in nccmath.sty.
+
+
+defineEnvironment({
+  type: "array",
+  names: ["array", "darray"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(context, args) {
+    // Since no types are specified above, the two possibilities are
+    // - The argument is wrapped in {} or [], in which case Parser's
+    //   parseGroup() returns an "ordgroup" wrapping some symbol node.
+    // - The argument is a bare symbol node.
+    var symNode = checkSymbolNodeType(args[0]);
+    var colalign = symNode ? [args[0]] : assertNodeType(args[0], "ordgroup").body;
+    var cols = colalign.map(function (nde) {
+      var node = assertSymbolNodeType(nde);
+      var ca = node.text;
+
+      if ("lcr".indexOf(ca) !== -1) {
+        return {
+          type: "align",
+          align: ca
+        };
+      } else if (ca === "|") {
+        return {
+          type: "separator",
+          separator: "|"
+        };
+      } else if (ca === ":") {
+        return {
+          type: "separator",
+          separator: ":"
+        };
+      }
+
+      throw new src_ParseError("Unknown column alignment: " + ca, nde);
+    });
+    var res = {
+      cols: cols,
+      hskipBeforeAndAfter: true // \@preamble in lttab.dtx
+
+    };
+    return parseArray(context.parser, res, dCellStyle(context.envName));
+  },
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+}); // The matrix environments of amsmath builds on the array environment
+// of LaTeX, which is discussed above.
+
+defineEnvironment({
+  type: "array",
+  names: ["matrix", "pmatrix", "bmatrix", "Bmatrix", "vmatrix", "Vmatrix"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(context) {
+    var delimiters = {
+      "matrix": null,
+      "pmatrix": ["(", ")"],
+      "bmatrix": ["[", "]"],
+      "Bmatrix": ["\\{", "\\}"],
+      "vmatrix": ["|", "|"],
+      "Vmatrix": ["\\Vert", "\\Vert"]
+    }[context.envName]; // \hskip -\arraycolsep in amsmath
+
+    var payload = {
+      hskipBeforeAndAfter: false
+    };
+    var res = parseArray(context.parser, payload, dCellStyle(context.envName));
+    return delimiters ? {
+      type: "leftright",
+      mode: context.mode,
+      body: [res],
+      left: delimiters[0],
+      right: delimiters[1],
+      rightColor: undefined // \right uninfluenced by \color in array
+
+    } : res;
+  },
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+});
+defineEnvironment({
+  type: "array",
+  names: ["smallmatrix"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(context) {
+    var payload = {
+      arraystretch: 0.5
+    };
+    var res = parseArray(context.parser, payload, "script");
+    res.colSeparationType = "small";
+    return res;
+  },
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+});
+defineEnvironment({
+  type: "array",
+  names: ["subarray"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(context, args) {
+    // Parsing of {subarray} is similar to {array}
+    var symNode = checkSymbolNodeType(args[0]);
+    var colalign = symNode ? [args[0]] : assertNodeType(args[0], "ordgroup").body;
+    var cols = colalign.map(function (nde) {
+      var node = assertSymbolNodeType(nde);
+      var ca = node.text; // {subarray} only recognizes "l" & "c"
+
+      if ("lc".indexOf(ca) !== -1) {
+        return {
+          type: "align",
+          align: ca
+        };
+      }
+
+      throw new src_ParseError("Unknown column alignment: " + ca, nde);
+    });
+
+    if (cols.length > 1) {
+      throw new src_ParseError("{subarray} can contain only one column");
+    }
+
+    var res = {
+      cols: cols,
+      hskipBeforeAndAfter: false,
+      arraystretch: 0.5
+    };
+    res = parseArray(context.parser, res, "script");
+
+    if (res.body.length > 0 && res.body[0].length > 1) {
+      throw new src_ParseError("{subarray} can contain only one column");
+    }
+
+    return res;
+  },
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+}); // A cases environment (in amsmath.sty) is almost equivalent to
+// \def\arraystretch{1.2}%
+// \left\{\begin{array}{@{}l@{\quad}l@{}} … \end{array}\right.
+// {dcases} is a {cases} environment where cells are set in \displaystyle,
+// as defined in mathtools.sty.
+// {rcases} is another mathtools environment. It's brace is on the right side.
+
+defineEnvironment({
+  type: "array",
+  names: ["cases", "dcases", "rcases", "drcases"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(context) {
+    var payload = {
+      arraystretch: 1.2,
+      cols: [{
+        type: "align",
+        align: "l",
+        pregap: 0,
+        // TODO(kevinb) get the current style.
+        // For now we use the metrics for TEXT style which is what we were
+        // doing before.  Before attempting to get the current style we
+        // should look at TeX's behavior especially for \over and matrices.
+        postgap: 1.0
+        /* 1em quad */
+
+      }, {
+        type: "align",
+        align: "l",
+        pregap: 0,
+        postgap: 0
+      }]
+    };
+    var res = parseArray(context.parser, payload, dCellStyle(context.envName));
+    return {
+      type: "leftright",
+      mode: context.mode,
+      body: [res],
+      left: context.envName.indexOf("r") > -1 ? "." : "\\{",
+      right: context.envName.indexOf("r") > -1 ? "\\}" : ".",
+      rightColor: undefined
+    };
+  },
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+}); // An aligned environment is like the align* environment
+// except it operates within math mode.
+// Note that we assume \nomallineskiplimit to be zero,
+// so that \strut@ is the same as \strut.
+
+defineEnvironment({
+  type: "array",
+  names: ["aligned"],
+  props: {
+    numArgs: 0
+  },
+  handler: array_alignedHandler,
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+}); // A gathered environment is like an array environment with one centered
+// column, but where rows are considered lines so get \jot line spacing
+// and contents are set in \displaystyle.
+
+defineEnvironment({
+  type: "array",
+  names: ["gathered"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(context) {
+    var res = {
+      cols: [{
+        type: "align",
+        align: "c"
+      }],
+      addJot: true
+    };
+    return parseArray(context.parser, res, "display");
+  },
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+}); // alignat environment is like an align environment, but one must explicitly
+// specify maximum number of columns in each row, and can adjust spacing between
+// each columns.
+
+defineEnvironment({
+  type: "array",
+  names: ["alignedat"],
+  // One for numbered and for unnumbered;
+  // but, KaTeX doesn't supports math numbering yet,
+  // they make no difference for now.
+  props: {
+    numArgs: 1
+  },
+  handler: array_alignedHandler,
+  htmlBuilder: array_htmlBuilder,
+  mathmlBuilder: array_mathmlBuilder
+}); // Catch \hline outside array environment
+
+defineFunction({
+  type: "text",
+  // Doesn't matter what this is.
+  names: ["\\hline", "\\hdashline"],
+  props: {
+    numArgs: 0,
+    allowedInText: true,
+    allowedInMath: true
+  },
+  handler: function handler(context, args) {
+    throw new src_ParseError(context.funcName + " valid only within array environment");
+  }
+});
+// CONCATENATED MODULE: ./src/environments.js
+
+var environments = _environments;
+/* harmony default export */ var src_environments = (environments); // All environment definitions should be imported below
+
+
+// CONCATENATED MODULE: ./src/functions/environment.js
+
+
+
+ // Environment delimiters. HTML/MathML rendering is defined in the corresponding
+// defineEnvironment definitions.
+// $FlowFixMe, "environment" handler returns an environment ParseNode
+
+defineFunction({
+  type: "environment",
+  names: ["\\begin", "\\end"],
+  props: {
+    numArgs: 1,
+    argTypes: ["text"]
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var nameGroup = args[0];
+
+    if (nameGroup.type !== "ordgroup") {
+      throw new src_ParseError("Invalid environment name", nameGroup);
+    }
+
+    var envName = "";
+
+    for (var i = 0; i < nameGroup.body.length; ++i) {
+      envName += assertNodeType(nameGroup.body[i], "textord").text;
+    }
+
+    if (funcName === "\\begin") {
+      // begin...end is similar to left...right
+      if (!src_environments.hasOwnProperty(envName)) {
+        throw new src_ParseError("No such environment: " + envName, nameGroup);
+      } // Build the environment object. Arguments and other information will
+      // be made available to the begin and end methods using properties.
+
+
+      var env = src_environments[envName];
+
+      var _parser$parseArgument = parser.parseArguments("\\begin{" + envName + "}", env),
+          _args = _parser$parseArgument.args,
+          optArgs = _parser$parseArgument.optArgs;
+
+      var context = {
+        mode: parser.mode,
+        envName: envName,
+        parser: parser
+      };
+      var result = env.handler(context, _args, optArgs);
+      parser.expect("\\end", false);
+      var endNameToken = parser.nextToken;
+      var end = assertNodeType(parser.parseFunction(), "environment");
+
+      if (end.name !== envName) {
+        throw new src_ParseError("Mismatch: \\begin{" + envName + "} matched by \\end{" + end.name + "}", endNameToken);
+      }
+
+      return result;
+    }
+
+    return {
+      type: "environment",
+      mode: parser.mode,
+      name: envName,
+      nameGroup: nameGroup
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/functions/mclass.js
+
+
+
+
+
+
+var mclass_makeSpan = buildCommon.makeSpan;
+
+function mclass_htmlBuilder(group, options) {
+  var elements = buildHTML_buildExpression(group.body, options, true);
+  return mclass_makeSpan([group.mclass], elements, options);
+}
+
+function mclass_mathmlBuilder(group, options) {
+  var node;
+  var inner = buildMathML_buildExpression(group.body, options);
+
+  if (group.mclass === "minner") {
+    return mathMLTree.newDocumentFragment(inner);
+  } else if (group.mclass === "mord") {
+    if (group.isCharacterBox) {
+      node = inner[0];
+      node.type = "mi";
+    } else {
+      node = new mathMLTree.MathNode("mi", inner);
+    }
+  } else {
+    if (group.isCharacterBox) {
+      node = inner[0];
+      node.type = "mo";
+    } else {
+      node = new mathMLTree.MathNode("mo", inner);
+    } // Set spacing based on what is the most likely adjacent atom type.
+    // See TeXbook p170.
+
+
+    if (group.mclass === "mbin") {
+      node.attributes.lspace = "0.22em"; // medium space
+
+      node.attributes.rspace = "0.22em";
+    } else if (group.mclass === "mpunct") {
+      node.attributes.lspace = "0em";
+      node.attributes.rspace = "0.17em"; // thinspace
+    } else if (group.mclass === "mopen" || group.mclass === "mclose") {
+      node.attributes.lspace = "0em";
+      node.attributes.rspace = "0em";
+    } // MathML <mo> default space is 5/18 em, so <mrel> needs no action.
+    // Ref: https://developer.mozilla.org/en-US/docs/Web/MathML/Element/mo
+
+  }
+
+  return node;
+} // Math class commands except \mathop
+
+
+defineFunction({
+  type: "mclass",
+  names: ["\\mathord", "\\mathbin", "\\mathrel", "\\mathopen", "\\mathclose", "\\mathpunct", "\\mathinner"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var body = args[0];
+    return {
+      type: "mclass",
+      mode: parser.mode,
+      mclass: "m" + funcName.substr(5),
+      // TODO(kevinb): don't prefix with 'm'
+      body: ordargument(body),
+      isCharacterBox: utils.isCharacterBox(body)
+    };
+  },
+  htmlBuilder: mclass_htmlBuilder,
+  mathmlBuilder: mclass_mathmlBuilder
+});
+var binrelClass = function binrelClass(arg) {
+  // \binrel@ spacing varies with (bin|rel|ord) of the atom in the argument.
+  // (by rendering separately and with {}s before and after, and measuring
+  // the change in spacing).  We'll do roughly the same by detecting the
+  // atom type directly.
+  var atom = arg.type === "ordgroup" && arg.body.length ? arg.body[0] : arg;
+
+  if (atom.type === "atom" && (atom.family === "bin" || atom.family === "rel")) {
+    return "m" + atom.family;
+  } else {
+    return "mord";
+  }
+}; // \@binrel{x}{y} renders like y but as mbin/mrel/mord if x is mbin/mrel/mord.
+// This is equivalent to \binrel@{x}\binrel@@{y} in AMSTeX.
+
+defineFunction({
+  type: "mclass",
+  names: ["\\@binrel"],
+  props: {
+    numArgs: 2
+  },
+  handler: function handler(_ref2, args) {
+    var parser = _ref2.parser;
+    return {
+      type: "mclass",
+      mode: parser.mode,
+      mclass: binrelClass(args[0]),
+      body: [args[1]],
+      isCharacterBox: utils.isCharacterBox(args[1])
+    };
+  }
+}); // Build a relation or stacked op by placing one symbol on top of another
+
+defineFunction({
+  type: "mclass",
+  names: ["\\stackrel", "\\overset", "\\underset"],
+  props: {
+    numArgs: 2
+  },
+  handler: function handler(_ref3, args) {
+    var parser = _ref3.parser,
+        funcName = _ref3.funcName;
+    var baseArg = args[1];
+    var shiftedArg = args[0];
+    var mclass;
+
+    if (funcName !== "\\stackrel") {
+      // LaTeX applies \binrel spacing to \overset and \underset.
+      mclass = binrelClass(baseArg);
+    } else {
+      mclass = "mrel"; // for \stackrel
+    }
+
+    var baseOp = {
+      type: "op",
+      mode: baseArg.mode,
+      limits: true,
+      alwaysHandleSupSub: true,
+      parentIsSupSub: false,
+      symbol: false,
+      suppressBaseShift: funcName !== "\\stackrel",
+      body: ordargument(baseArg)
+    };
+    var supsub = {
+      type: "supsub",
+      mode: shiftedArg.mode,
+      base: baseOp,
+      sup: funcName === "\\underset" ? null : shiftedArg,
+      sub: funcName === "\\underset" ? shiftedArg : null
+    };
+    return {
+      type: "mclass",
+      mode: parser.mode,
+      mclass: mclass,
+      body: [supsub],
+      isCharacterBox: utils.isCharacterBox(supsub)
+    };
+  },
+  htmlBuilder: mclass_htmlBuilder,
+  mathmlBuilder: mclass_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/font.js
+// TODO(kevinb): implement \\sl and \\sc
+
+
+
+
+
+
+var font_htmlBuilder = function htmlBuilder(group, options) {
+  var font = group.font;
+  var newOptions = options.withFont(font);
+  return buildHTML_buildGroup(group.body, newOptions);
+};
+
+var font_mathmlBuilder = function mathmlBuilder(group, options) {
+  var font = group.font;
+  var newOptions = options.withFont(font);
+  return buildMathML_buildGroup(group.body, newOptions);
+};
+
+var fontAliases = {
+  "\\Bbb": "\\mathbb",
+  "\\bold": "\\mathbf",
+  "\\frak": "\\mathfrak",
+  "\\bm": "\\boldsymbol"
+};
+defineFunction({
+  type: "font",
+  names: [// styles, except \boldsymbol defined below
+  "\\mathrm", "\\mathit", "\\mathbf", "\\mathnormal", // families
+  "\\mathbb", "\\mathcal", "\\mathfrak", "\\mathscr", "\\mathsf", "\\mathtt", // aliases, except \bm defined below
+  "\\Bbb", "\\bold", "\\frak"],
+  props: {
+    numArgs: 1,
+    greediness: 2
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var body = args[0];
+    var func = funcName;
+
+    if (func in fontAliases) {
+      func = fontAliases[func];
+    }
+
+    return {
+      type: "font",
+      mode: parser.mode,
+      font: func.slice(1),
+      body: body
+    };
+  },
+  htmlBuilder: font_htmlBuilder,
+  mathmlBuilder: font_mathmlBuilder
+});
+defineFunction({
+  type: "mclass",
+  names: ["\\boldsymbol", "\\bm"],
+  props: {
+    numArgs: 1,
+    greediness: 2
+  },
+  handler: function handler(_ref2, args) {
+    var parser = _ref2.parser;
+    var body = args[0];
+    var isCharacterBox = utils.isCharacterBox(body); // amsbsy.sty's \boldsymbol uses \binrel spacing to inherit the
+    // argument's bin|rel|ord status
+
+    return {
+      type: "mclass",
+      mode: parser.mode,
+      mclass: binrelClass(body),
+      body: [{
+        type: "font",
+        mode: parser.mode,
+        font: "boldsymbol",
+        body: body
+      }],
+      isCharacterBox: isCharacterBox
+    };
+  }
+}); // Old font changing functions
+
+defineFunction({
+  type: "font",
+  names: ["\\rm", "\\sf", "\\tt", "\\bf", "\\it", "\\cal"],
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(_ref3, args) {
+    var parser = _ref3.parser,
+        funcName = _ref3.funcName,
+        breakOnTokenText = _ref3.breakOnTokenText;
+    var mode = parser.mode;
+    var body = parser.parseExpression(true, breakOnTokenText);
+    var style = "math" + funcName.slice(1);
+    return {
+      type: "font",
+      mode: mode,
+      font: style,
+      body: {
+        type: "ordgroup",
+        mode: parser.mode,
+        body: body
+      }
+    };
+  },
+  htmlBuilder: font_htmlBuilder,
+  mathmlBuilder: font_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/genfrac.js
+
+
+
+
+
+
+
+
+
+
+
+var genfrac_adjustStyle = function adjustStyle(size, originalStyle) {
+  // Figure out what style this fraction should be in based on the
+  // function used
+  var style = originalStyle;
+
+  if (size === "display") {
+    // Get display style as a default.
+    // If incoming style is sub/sup, use style.text() to get correct size.
+    style = style.id >= src_Style.SCRIPT.id ? style.text() : src_Style.DISPLAY;
+  } else if (size === "text" && style.size === src_Style.DISPLAY.size) {
+    // We're in a \tfrac but incoming style is displaystyle, so:
+    style = src_Style.TEXT;
+  } else if (size === "script") {
+    style = src_Style.SCRIPT;
+  } else if (size === "scriptscript") {
+    style = src_Style.SCRIPTSCRIPT;
+  }
+
+  return style;
+};
+
+var genfrac_htmlBuilder = function htmlBuilder(group, options) {
+  // Fractions are handled in the TeXbook on pages 444-445, rules 15(a-e).
+  var style = genfrac_adjustStyle(group.size, options.style);
+  var nstyle = style.fracNum();
+  var dstyle = style.fracDen();
+  var newOptions;
+  newOptions = options.havingStyle(nstyle);
+  var numerm = buildHTML_buildGroup(group.numer, newOptions, options);
+
+  if (group.continued) {
+    // \cfrac inserts a \strut into the numerator.
+    // Get \strut dimensions from TeXbook page 353.
+    var hStrut = 8.5 / options.fontMetrics().ptPerEm;
+    var dStrut = 3.5 / options.fontMetrics().ptPerEm;
+    numerm.height = numerm.height < hStrut ? hStrut : numerm.height;
+    numerm.depth = numerm.depth < dStrut ? dStrut : numerm.depth;
+  }
+
+  newOptions = options.havingStyle(dstyle);
+  var denomm = buildHTML_buildGroup(group.denom, newOptions, options);
+  var rule;
+  var ruleWidth;
+  var ruleSpacing;
+
+  if (group.hasBarLine) {
+    if (group.barSize) {
+      ruleWidth = units_calculateSize(group.barSize, options);
+      rule = buildCommon.makeLineSpan("frac-line", options, ruleWidth);
+    } else {
+      rule = buildCommon.makeLineSpan("frac-line", options);
+    }
+
+    ruleWidth = rule.height;
+    ruleSpacing = rule.height;
+  } else {
+    rule = null;
+    ruleWidth = 0;
+    ruleSpacing = options.fontMetrics().defaultRuleThickness;
+  } // Rule 15b
+
+
+  var numShift;
+  var clearance;
+  var denomShift;
+
+  if (style.size === src_Style.DISPLAY.size || group.size === "display") {
+    numShift = options.fontMetrics().num1;
+
+    if (ruleWidth > 0) {
+      clearance = 3 * ruleSpacing;
+    } else {
+      clearance = 7 * ruleSpacing;
+    }
+
+    denomShift = options.fontMetrics().denom1;
+  } else {
+    if (ruleWidth > 0) {
+      numShift = options.fontMetrics().num2;
+      clearance = ruleSpacing;
+    } else {
+      numShift = options.fontMetrics().num3;
+      clearance = 3 * ruleSpacing;
+    }
+
+    denomShift = options.fontMetrics().denom2;
+  }
+
+  var frac;
+
+  if (!rule) {
+    // Rule 15c
+    var candidateClearance = numShift - numerm.depth - (denomm.height - denomShift);
+
+    if (candidateClearance < clearance) {
+      numShift += 0.5 * (clearance - candidateClearance);
+      denomShift += 0.5 * (clearance - candidateClearance);
+    }
+
+    frac = buildCommon.makeVList({
+      positionType: "individualShift",
+      children: [{
+        type: "elem",
+        elem: denomm,
+        shift: denomShift
+      }, {
+        type: "elem",
+        elem: numerm,
+        shift: -numShift
+      }]
+    }, options);
+  } else {
+    // Rule 15d
+    var axisHeight = options.fontMetrics().axisHeight;
+
+    if (numShift - numerm.depth - (axisHeight + 0.5 * ruleWidth) < clearance) {
+      numShift += clearance - (numShift - numerm.depth - (axisHeight + 0.5 * ruleWidth));
+    }
+
+    if (axisHeight - 0.5 * ruleWidth - (denomm.height - denomShift) < clearance) {
+      denomShift += clearance - (axisHeight - 0.5 * ruleWidth - (denomm.height - denomShift));
+    }
+
+    var midShift = -(axisHeight - 0.5 * ruleWidth);
+    frac = buildCommon.makeVList({
+      positionType: "individualShift",
+      children: [{
+        type: "elem",
+        elem: denomm,
+        shift: denomShift
+      }, {
+        type: "elem",
+        elem: rule,
+        shift: midShift
+      }, {
+        type: "elem",
+        elem: numerm,
+        shift: -numShift
+      }]
+    }, options);
+  } // Since we manually change the style sometimes (with \dfrac or \tfrac),
+  // account for the possible size change here.
+
+
+  newOptions = options.havingStyle(style);
+  frac.height *= newOptions.sizeMultiplier / options.sizeMultiplier;
+  frac.depth *= newOptions.sizeMultiplier / options.sizeMultiplier; // Rule 15e
+
+  var delimSize;
+
+  if (style.size === src_Style.DISPLAY.size) {
+    delimSize = options.fontMetrics().delim1;
+  } else {
+    delimSize = options.fontMetrics().delim2;
+  }
+
+  var leftDelim;
+  var rightDelim;
+
+  if (group.leftDelim == null) {
+    leftDelim = makeNullDelimiter(options, ["mopen"]);
+  } else {
+    leftDelim = delimiter.customSizedDelim(group.leftDelim, delimSize, true, options.havingStyle(style), group.mode, ["mopen"]);
+  }
+
+  if (group.continued) {
+    rightDelim = buildCommon.makeSpan([]); // zero width for \cfrac
+  } else if (group.rightDelim == null) {
+    rightDelim = makeNullDelimiter(options, ["mclose"]);
+  } else {
+    rightDelim = delimiter.customSizedDelim(group.rightDelim, delimSize, true, options.havingStyle(style), group.mode, ["mclose"]);
+  }
+
+  return buildCommon.makeSpan(["mord"].concat(newOptions.sizingClasses(options)), [leftDelim, buildCommon.makeSpan(["mfrac"], [frac]), rightDelim], options);
+};
+
+var genfrac_mathmlBuilder = function mathmlBuilder(group, options) {
+  var node = new mathMLTree.MathNode("mfrac", [buildMathML_buildGroup(group.numer, options), buildMathML_buildGroup(group.denom, options)]);
+
+  if (!group.hasBarLine) {
+    node.setAttribute("linethickness", "0px");
+  } else if (group.barSize) {
+    var ruleWidth = units_calculateSize(group.barSize, options);
+    node.setAttribute("linethickness", ruleWidth + "em");
+  }
+
+  var style = genfrac_adjustStyle(group.size, options.style);
+
+  if (style.size !== options.style.size) {
+    node = new mathMLTree.MathNode("mstyle", [node]);
+    var isDisplay = style.size === src_Style.DISPLAY.size ? "true" : "false";
+    node.setAttribute("displaystyle", isDisplay);
+    node.setAttribute("scriptlevel", "0");
+  }
+
+  if (group.leftDelim != null || group.rightDelim != null) {
+    var withDelims = [];
+
+    if (group.leftDelim != null) {
+      var leftOp = new mathMLTree.MathNode("mo", [new mathMLTree.TextNode(group.leftDelim.replace("\\", ""))]);
+      leftOp.setAttribute("fence", "true");
+      withDelims.push(leftOp);
+    }
+
+    withDelims.push(node);
+
+    if (group.rightDelim != null) {
+      var rightOp = new mathMLTree.MathNode("mo", [new mathMLTree.TextNode(group.rightDelim.replace("\\", ""))]);
+      rightOp.setAttribute("fence", "true");
+      withDelims.push(rightOp);
+    }
+
+    return buildMathML_makeRow(withDelims);
+  }
+
+  return node;
+};
+
+defineFunction({
+  type: "genfrac",
+  names: ["\\cfrac", "\\dfrac", "\\frac", "\\tfrac", "\\dbinom", "\\binom", "\\tbinom", "\\\\atopfrac", // can’t be entered directly
+  "\\\\bracefrac", "\\\\brackfrac"],
+  props: {
+    numArgs: 2,
+    greediness: 2
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var numer = args[0];
+    var denom = args[1];
+    var hasBarLine;
+    var leftDelim = null;
+    var rightDelim = null;
+    var size = "auto";
+
+    switch (funcName) {
+      case "\\cfrac":
+      case "\\dfrac":
+      case "\\frac":
+      case "\\tfrac":
+        hasBarLine = true;
+        break;
+
+      case "\\\\atopfrac":
+        hasBarLine = false;
+        break;
+
+      case "\\dbinom":
+      case "\\binom":
+      case "\\tbinom":
+        hasBarLine = false;
+        leftDelim = "(";
+        rightDelim = ")";
+        break;
+
+      case "\\\\bracefrac":
+        hasBarLine = false;
+        leftDelim = "\\{";
+        rightDelim = "\\}";
+        break;
+
+      case "\\\\brackfrac":
+        hasBarLine = false;
+        leftDelim = "[";
+        rightDelim = "]";
+        break;
+
+      default:
+        throw new Error("Unrecognized genfrac command");
+    }
+
+    switch (funcName) {
+      case "\\cfrac":
+      case "\\dfrac":
+      case "\\dbinom":
+        size = "display";
+        break;
+
+      case "\\tfrac":
+      case "\\tbinom":
+        size = "text";
+        break;
+    }
+
+    return {
+      type: "genfrac",
+      mode: parser.mode,
+      continued: funcName === "\\cfrac",
+      numer: numer,
+      denom: denom,
+      hasBarLine: hasBarLine,
+      leftDelim: leftDelim,
+      rightDelim: rightDelim,
+      size: size,
+      barSize: null
+    };
+  },
+  htmlBuilder: genfrac_htmlBuilder,
+  mathmlBuilder: genfrac_mathmlBuilder
+}); // Infix generalized fractions -- these are not rendered directly, but replaced
+// immediately by one of the variants above.
+
+defineFunction({
+  type: "infix",
+  names: ["\\over", "\\choose", "\\atop", "\\brace", "\\brack"],
+  props: {
+    numArgs: 0,
+    infix: true
+  },
+  handler: function handler(_ref2) {
+    var parser = _ref2.parser,
+        funcName = _ref2.funcName,
+        token = _ref2.token;
+    var replaceWith;
+
+    switch (funcName) {
+      case "\\over":
+        replaceWith = "\\frac";
+        break;
+
+      case "\\choose":
+        replaceWith = "\\binom";
+        break;
+
+      case "\\atop":
+        replaceWith = "\\\\atopfrac";
+        break;
+
+      case "\\brace":
+        replaceWith = "\\\\bracefrac";
+        break;
+
+      case "\\brack":
+        replaceWith = "\\\\brackfrac";
+        break;
+
+      default:
+        throw new Error("Unrecognized infix genfrac command");
+    }
+
+    return {
+      type: "infix",
+      mode: parser.mode,
+      replaceWith: replaceWith,
+      token: token
+    };
+  }
+});
+var stylArray = ["display", "text", "script", "scriptscript"];
+
+var delimFromValue = function delimFromValue(delimString) {
+  var delim = null;
+
+  if (delimString.length > 0) {
+    delim = delimString;
+    delim = delim === "." ? null : delim;
+  }
+
+  return delim;
+};
+
+defineFunction({
+  type: "genfrac",
+  names: ["\\genfrac"],
+  props: {
+    numArgs: 6,
+    greediness: 6,
+    argTypes: ["math", "math", "size", "text", "math", "math"]
+  },
+  handler: function handler(_ref3, args) {
+    var parser = _ref3.parser;
+    var numer = args[4];
+    var denom = args[5]; // Look into the parse nodes to get the desired delimiters.
+
+    var leftDelim = args[0].type === "atom" && args[0].family === "open" ? delimFromValue(args[0].text) : null;
+    var rightDelim = args[1].type === "atom" && args[1].family === "close" ? delimFromValue(args[1].text) : null;
+    var barNode = assertNodeType(args[2], "size");
+    var hasBarLine;
+    var barSize = null;
+
+    if (barNode.isBlank) {
+      // \genfrac acts differently than \above.
+      // \genfrac treats an empty size group as a signal to use a
+      // standard bar size. \above would see size = 0 and omit the bar.
+      hasBarLine = true;
+    } else {
+      barSize = barNode.value;
+      hasBarLine = barSize.number > 0;
+    } // Find out if we want displaystyle, textstyle, etc.
+
+
+    var size = "auto";
+    var styl = args[3];
+
+    if (styl.type === "ordgroup") {
+      if (styl.body.length > 0) {
+        var textOrd = assertNodeType(styl.body[0], "textord");
+        size = stylArray[Number(textOrd.text)];
+      }
+    } else {
+      styl = assertNodeType(styl, "textord");
+      size = stylArray[Number(styl.text)];
+    }
+
+    return {
+      type: "genfrac",
+      mode: parser.mode,
+      numer: numer,
+      denom: denom,
+      continued: false,
+      hasBarLine: hasBarLine,
+      barSize: barSize,
+      leftDelim: leftDelim,
+      rightDelim: rightDelim,
+      size: size
+    };
+  },
+  htmlBuilder: genfrac_htmlBuilder,
+  mathmlBuilder: genfrac_mathmlBuilder
+}); // \above is an infix fraction that also defines a fraction bar size.
+
+defineFunction({
+  type: "infix",
+  names: ["\\above"],
+  props: {
+    numArgs: 1,
+    argTypes: ["size"],
+    infix: true
+  },
+  handler: function handler(_ref4, args) {
+    var parser = _ref4.parser,
+        funcName = _ref4.funcName,
+        token = _ref4.token;
+    return {
+      type: "infix",
+      mode: parser.mode,
+      replaceWith: "\\\\abovefrac",
+      size: assertNodeType(args[0], "size").value,
+      token: token
+    };
+  }
+});
+defineFunction({
+  type: "genfrac",
+  names: ["\\\\abovefrac"],
+  props: {
+    numArgs: 3,
+    argTypes: ["math", "size", "math"]
+  },
+  handler: function handler(_ref5, args) {
+    var parser = _ref5.parser,
+        funcName = _ref5.funcName;
+    var numer = args[0];
+    var barSize = assert(assertNodeType(args[1], "infix").size);
+    var denom = args[2];
+    var hasBarLine = barSize.number > 0;
+    return {
+      type: "genfrac",
+      mode: parser.mode,
+      numer: numer,
+      denom: denom,
+      continued: false,
+      hasBarLine: hasBarLine,
+      barSize: barSize,
+      leftDelim: null,
+      rightDelim: null,
+      size: "auto"
+    };
+  },
+  htmlBuilder: genfrac_htmlBuilder,
+  mathmlBuilder: genfrac_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/horizBrace.js
+
+
+
+
+
+
+
+
+// NOTE: Unlike most `htmlBuilder`s, this one handles not only "horizBrace", but
+var horizBrace_htmlBuilder = function htmlBuilder(grp, options) {
+  var style = options.style; // Pull out the `ParseNode<"horizBrace">` if `grp` is a "supsub" node.
+
+  var supSubGroup;
+  var group;
+
+  if (grp.type === "supsub") {
+    // Ref: LaTeX source2e: }}}}\limits}
+    // i.e. LaTeX treats the brace similar to an op and passes it
+    // with \limits, so we need to assign supsub style.
+    supSubGroup = grp.sup ? buildHTML_buildGroup(grp.sup, options.havingStyle(style.sup()), options) : buildHTML_buildGroup(grp.sub, options.havingStyle(style.sub()), options);
+    group = assertNodeType(grp.base, "horizBrace");
+  } else {
+    group = assertNodeType(grp, "horizBrace");
+  } // Build the base group
+
+
+  var body = buildHTML_buildGroup(group.base, options.havingBaseStyle(src_Style.DISPLAY)); // Create the stretchy element
+
+  var braceBody = stretchy.svgSpan(group, options); // Generate the vlist, with the appropriate kerns        ┏━━━━━━━━┓
+  // This first vlist contains the content and the brace:   equation
+
+  var vlist;
+
+  if (group.isOver) {
+    vlist = buildCommon.makeVList({
+      positionType: "firstBaseline",
+      children: [{
+        type: "elem",
+        elem: body
+      }, {
+        type: "kern",
+        size: 0.1
+      }, {
+        type: "elem",
+        elem: braceBody
+      }]
+    }, options); // $FlowFixMe: Replace this with passing "svg-align" into makeVList.
+
+    vlist.children[0].children[0].children[1].classes.push("svg-align");
+  } else {
+    vlist = buildCommon.makeVList({
+      positionType: "bottom",
+      positionData: body.depth + 0.1 + braceBody.height,
+      children: [{
+        type: "elem",
+        elem: braceBody
+      }, {
+        type: "kern",
+        size: 0.1
+      }, {
+        type: "elem",
+        elem: body
+      }]
+    }, options); // $FlowFixMe: Replace this with passing "svg-align" into makeVList.
+
+    vlist.children[0].children[0].children[0].classes.push("svg-align");
+  }
+
+  if (supSubGroup) {
+    // To write the supsub, wrap the first vlist in another vlist:
+    // They can't all go in the same vlist, because the note might be
+    // wider than the equation. We want the equation to control the
+    // brace width.
+    //      note          long note           long note
+    //   ┏━━━━━━━━┓   or    ┏━━━┓     not    ┏━━━━━━━━━┓
+    //    equation           eqn                 eqn
+    var vSpan = buildCommon.makeSpan(["mord", group.isOver ? "mover" : "munder"], [vlist], options);
+
+    if (group.isOver) {
+      vlist = buildCommon.makeVList({
+        positionType: "firstBaseline",
+        children: [{
+          type: "elem",
+          elem: vSpan
+        }, {
+          type: "kern",
+          size: 0.2
+        }, {
+          type: "elem",
+          elem: supSubGroup
+        }]
+      }, options);
+    } else {
+      vlist = buildCommon.makeVList({
+        positionType: "bottom",
+        positionData: vSpan.depth + 0.2 + supSubGroup.height + supSubGroup.depth,
+        children: [{
+          type: "elem",
+          elem: supSubGroup
+        }, {
+          type: "kern",
+          size: 0.2
+        }, {
+          type: "elem",
+          elem: vSpan
+        }]
+      }, options);
+    }
+  }
+
+  return buildCommon.makeSpan(["mord", group.isOver ? "mover" : "munder"], [vlist], options);
+};
+
+var horizBrace_mathmlBuilder = function mathmlBuilder(group, options) {
+  var accentNode = stretchy.mathMLnode(group.label);
+  return new mathMLTree.MathNode(group.isOver ? "mover" : "munder", [buildMathML_buildGroup(group.base, options), accentNode]);
+}; // Horizontal stretchy braces
+
+
+defineFunction({
+  type: "horizBrace",
+  names: ["\\overbrace", "\\underbrace"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    return {
+      type: "horizBrace",
+      mode: parser.mode,
+      label: funcName,
+      isOver: /^\\over/.test(funcName),
+      base: args[0]
+    };
+  },
+  htmlBuilder: horizBrace_htmlBuilder,
+  mathmlBuilder: horizBrace_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/href.js
+
+
+
+
+
+
+defineFunction({
+  type: "href",
+  names: ["\\href"],
+  props: {
+    numArgs: 2,
+    argTypes: ["url", "original"],
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    var body = args[1];
+    var href = assertNodeType(args[0], "url").url;
+
+    if (!parser.settings.isTrusted({
+      command: "\\href",
+      url: href
+    })) {
+      return parser.formatUnsupportedCmd("\\href");
+    }
+
+    return {
+      type: "href",
+      mode: parser.mode,
+      href: href,
+      body: ordargument(body)
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var elements = buildHTML_buildExpression(group.body, options, false);
+    return buildCommon.makeAnchor(group.href, [], elements, options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var math = buildExpressionRow(group.body, options);
+
+    if (!(math instanceof mathMLTree_MathNode)) {
+      math = new mathMLTree_MathNode("mrow", [math]);
+    }
+
+    math.setAttribute("href", group.href);
+    return math;
+  }
+});
+defineFunction({
+  type: "href",
+  names: ["\\url"],
+  props: {
+    numArgs: 1,
+    argTypes: ["url"],
+    allowedInText: true
+  },
+  handler: function handler(_ref2, args) {
+    var parser = _ref2.parser;
+    var href = assertNodeType(args[0], "url").url;
+
+    if (!parser.settings.isTrusted({
+      command: "\\url",
+      url: href
+    })) {
+      return parser.formatUnsupportedCmd("\\url");
+    }
+
+    var chars = [];
+
+    for (var i = 0; i < href.length; i++) {
+      var c = href[i];
+
+      if (c === "~") {
+        c = "\\textasciitilde";
+      }
+
+      chars.push({
+        type: "textord",
+        mode: "text",
+        text: c
+      });
+    }
+
+    var body = {
+      type: "text",
+      mode: parser.mode,
+      font: "\\texttt",
+      body: chars
+    };
+    return {
+      type: "href",
+      mode: parser.mode,
+      href: href,
+      body: ordargument(body)
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/functions/html.js
+
+
+
+
+
+
+defineFunction({
+  type: "html",
+  names: ["\\htmlClass", "\\htmlId", "\\htmlStyle", "\\htmlData"],
+  props: {
+    numArgs: 2,
+    argTypes: ["raw", "original"],
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName,
+        token = _ref.token;
+    var value = assertNodeType(args[0], "raw").string;
+    var body = args[1];
+
+    if (parser.settings.strict) {
+      parser.settings.reportNonstrict("htmlExtension", "HTML extension is disabled on strict mode");
+    }
+
+    var trustContext;
+    var attributes = {};
+
+    switch (funcName) {
+      case "\\htmlClass":
+        attributes.class = value;
+        trustContext = {
+          command: "\\htmlClass",
+          class: value
+        };
+        break;
+
+      case "\\htmlId":
+        attributes.id = value;
+        trustContext = {
+          command: "\\htmlId",
+          id: value
+        };
+        break;
+
+      case "\\htmlStyle":
+        attributes.style = value;
+        trustContext = {
+          command: "\\htmlStyle",
+          style: value
+        };
+        break;
+
+      case "\\htmlData":
+        {
+          var data = value.split(",");
+
+          for (var i = 0; i < data.length; i++) {
+            var keyVal = data[i].split("=");
+
+            if (keyVal.length !== 2) {
+              throw new src_ParseError("Error parsing key-value for \\htmlData");
+            }
+
+            attributes["data-" + keyVal[0].trim()] = keyVal[1].trim();
+          }
+
+          trustContext = {
+            command: "\\htmlData",
+            attributes: attributes
+          };
+          break;
+        }
+
+      default:
+        throw new Error("Unrecognized html command");
+    }
+
+    if (!parser.settings.isTrusted(trustContext)) {
+      return parser.formatUnsupportedCmd(funcName);
+    }
+
+    return {
+      type: "html",
+      mode: parser.mode,
+      attributes: attributes,
+      body: ordargument(body)
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var elements = buildHTML_buildExpression(group.body, options, false);
+    var classes = ["enclosing"];
+
+    if (group.attributes.class) {
+      classes.push.apply(classes, group.attributes.class.trim().split(/\s+/));
+    }
+
+    var span = buildCommon.makeSpan(classes, elements, options);
+
+    for (var attr in group.attributes) {
+      if (attr !== "class" && group.attributes.hasOwnProperty(attr)) {
+        span.setAttribute(attr, group.attributes[attr]);
+      }
+    }
+
+    return span;
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    return buildExpressionRow(group.body, options);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/htmlmathml.js
+
+
+
+
+defineFunction({
+  type: "htmlmathml",
+  names: ["\\html@mathml"],
+  props: {
+    numArgs: 2,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    return {
+      type: "htmlmathml",
+      mode: parser.mode,
+      html: ordargument(args[0]),
+      mathml: ordargument(args[1])
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var elements = buildHTML_buildExpression(group.html, options, false);
+    return buildCommon.makeFragment(elements);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    return buildExpressionRow(group.mathml, options);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/includegraphics.js
+
+
+
+
+
+
+
+var includegraphics_sizeData = function sizeData(str) {
+  if (/^[-+]? *(\d+(\.\d*)?|\.\d+)$/.test(str)) {
+    // str is a number with no unit specified.
+    // default unit is bp, per graphix package.
+    return {
+      number: +str,
+      unit: "bp"
+    };
+  } else {
+    var match = /([-+]?) *(\d+(?:\.\d*)?|\.\d+) *([a-z]{2})/.exec(str);
+
+    if (!match) {
+      throw new src_ParseError("Invalid size: '" + str + "' in \\includegraphics");
+    }
+
+    var data = {
+      number: +(match[1] + match[2]),
+      // sign + magnitude, cast to number
+      unit: match[3]
+    };
+
+    if (!validUnit(data)) {
+      throw new src_ParseError("Invalid unit: '" + data.unit + "' in \\includegraphics.");
+    }
+
+    return data;
+  }
+};
+
+defineFunction({
+  type: "includegraphics",
+  names: ["\\includegraphics"],
+  props: {
+    numArgs: 1,
+    numOptionalArgs: 1,
+    argTypes: ["raw", "url"],
+    allowedInText: false
+  },
+  handler: function handler(_ref, args, optArgs) {
+    var parser = _ref.parser;
+    var width = {
+      number: 0,
+      unit: "em"
+    };
+    var height = {
+      number: 0.9,
+      unit: "em"
+    }; // sorta character sized.
+
+    var totalheight = {
+      number: 0,
+      unit: "em"
+    };
+    var alt = "";
+
+    if (optArgs[0]) {
+      var attributeStr = assertNodeType(optArgs[0], "raw").string; // Parser.js does not parse key/value pairs. We get a string.
+
+      var attributes = attributeStr.split(",");
+
+      for (var i = 0; i < attributes.length; i++) {
+        var keyVal = attributes[i].split("=");
+
+        if (keyVal.length === 2) {
+          var str = keyVal[1].trim();
+
+          switch (keyVal[0].trim()) {
+            case "alt":
+              alt = str;
+              break;
+
+            case "width":
+              width = includegraphics_sizeData(str);
+              break;
+
+            case "height":
+              height = includegraphics_sizeData(str);
+              break;
+
+            case "totalheight":
+              totalheight = includegraphics_sizeData(str);
+              break;
+
+            default:
+              throw new src_ParseError("Invalid key: '" + keyVal[0] + "' in \\includegraphics.");
+          }
+        }
+      }
+    }
+
+    var src = assertNodeType(args[0], "url").url;
+
+    if (alt === "") {
+      // No alt given. Use the file name. Strip away the path.
+      alt = src;
+      alt = alt.replace(/^.*[\\/]/, '');
+      alt = alt.substring(0, alt.lastIndexOf('.'));
+    }
+
+    if (!parser.settings.isTrusted({
+      command: "\\includegraphics",
+      url: src
+    })) {
+      return parser.formatUnsupportedCmd("\\includegraphics");
+    }
+
+    return {
+      type: "includegraphics",
+      mode: parser.mode,
+      alt: alt,
+      width: width,
+      height: height,
+      totalheight: totalheight,
+      src: src
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var height = units_calculateSize(group.height, options);
+    var depth = 0;
+
+    if (group.totalheight.number > 0) {
+      depth = units_calculateSize(group.totalheight, options) - height;
+      depth = Number(depth.toFixed(2));
+    }
+
+    var width = 0;
+
+    if (group.width.number > 0) {
+      width = units_calculateSize(group.width, options);
+    }
+
+    var style = {
+      height: height + depth + "em"
+    };
+
+    if (width > 0) {
+      style.width = width + "em";
+    }
+
+    if (depth > 0) {
+      style.verticalAlign = -depth + "em";
+    }
+
+    var node = new domTree_Img(group.src, group.alt, style);
+    node.height = height;
+    node.depth = depth;
+    return node;
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var node = new mathMLTree.MathNode("mglyph", []);
+    node.setAttribute("alt", group.alt);
+    var height = units_calculateSize(group.height, options);
+    var depth = 0;
+
+    if (group.totalheight.number > 0) {
+      depth = units_calculateSize(group.totalheight, options) - height;
+      depth = depth.toFixed(2);
+      node.setAttribute("valign", "-" + depth + "em");
+    }
+
+    node.setAttribute("height", height + depth + "em");
+
+    if (group.width.number > 0) {
+      var width = units_calculateSize(group.width, options);
+      node.setAttribute("width", width + "em");
+    }
+
+    node.setAttribute("src", group.src);
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/kern.js
+// Horizontal spacing commands
+
+
+
+
+ // TODO: \hskip and \mskip should support plus and minus in lengths
+
+defineFunction({
+  type: "kern",
+  names: ["\\kern", "\\mkern", "\\hskip", "\\mskip"],
+  props: {
+    numArgs: 1,
+    argTypes: ["size"],
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var size = assertNodeType(args[0], "size");
+
+    if (parser.settings.strict) {
+      var mathFunction = funcName[1] === 'm'; // \mkern, \mskip
+
+      var muUnit = size.value.unit === 'mu';
+
+      if (mathFunction) {
+        if (!muUnit) {
+          parser.settings.reportNonstrict("mathVsTextUnits", "LaTeX's " + funcName + " supports only mu units, " + ("not " + size.value.unit + " units"));
+        }
+
+        if (parser.mode !== "math") {
+          parser.settings.reportNonstrict("mathVsTextUnits", "LaTeX's " + funcName + " works only in math mode");
+        }
+      } else {
+        // !mathFunction
+        if (muUnit) {
+          parser.settings.reportNonstrict("mathVsTextUnits", "LaTeX's " + funcName + " doesn't support mu units");
+        }
+      }
+    }
+
+    return {
+      type: "kern",
+      mode: parser.mode,
+      dimension: size.value
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    return buildCommon.makeGlue(group.dimension, options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var dimension = units_calculateSize(group.dimension, options);
+    return new mathMLTree.SpaceNode(dimension);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/lap.js
+// Horizontal overlap functions
+
+
+
+
+
+defineFunction({
+  type: "lap",
+  names: ["\\mathllap", "\\mathrlap", "\\mathclap"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var body = args[0];
+    return {
+      type: "lap",
+      mode: parser.mode,
+      alignment: funcName.slice(5),
+      body: body
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    // mathllap, mathrlap, mathclap
+    var inner;
+
+    if (group.alignment === "clap") {
+      // ref: https://www.math.lsu.edu/~aperlis/publications/mathclap/
+      inner = buildCommon.makeSpan([], [buildHTML_buildGroup(group.body, options)]); // wrap, since CSS will center a .clap > .inner > span
+
+      inner = buildCommon.makeSpan(["inner"], [inner], options);
+    } else {
+      inner = buildCommon.makeSpan(["inner"], [buildHTML_buildGroup(group.body, options)]);
+    }
+
+    var fix = buildCommon.makeSpan(["fix"], []);
+    var node = buildCommon.makeSpan([group.alignment], [inner, fix], options); // At this point, we have correctly set horizontal alignment of the
+    // two items involved in the lap.
+    // Next, use a strut to set the height of the HTML bounding box.
+    // Otherwise, a tall argument may be misplaced.
+    // This code resolved issue #1153
+
+    var strut = buildCommon.makeSpan(["strut"]);
+    strut.style.height = node.height + node.depth + "em";
+    strut.style.verticalAlign = -node.depth + "em";
+    node.children.unshift(strut); // Next, prevent vertical misplacement when next to something tall.
+    // This code resolves issue #1234
+
+    node = buildCommon.makeSpan(["thinbox"], [node], options);
+    return buildCommon.makeSpan(["mord", "vbox"], [node], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    // mathllap, mathrlap, mathclap
+    var node = new mathMLTree.MathNode("mpadded", [buildMathML_buildGroup(group.body, options)]);
+
+    if (group.alignment !== "rlap") {
+      var offset = group.alignment === "llap" ? "-1" : "-0.5";
+      node.setAttribute("lspace", offset + "width");
+    }
+
+    node.setAttribute("width", "0px");
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/math.js
+
+ // Switching from text mode back to math mode
+
+defineFunction({
+  type: "styling",
+  names: ["\\(", "$"],
+  props: {
+    numArgs: 0,
+    allowedInText: true,
+    allowedInMath: false
+  },
+  handler: function handler(_ref, args) {
+    var funcName = _ref.funcName,
+        parser = _ref.parser;
+    var outerMode = parser.mode;
+    parser.switchMode("math");
+    var close = funcName === "\\(" ? "\\)" : "$";
+    var body = parser.parseExpression(false, close);
+    parser.expect(close);
+    parser.switchMode(outerMode);
+    return {
+      type: "styling",
+      mode: parser.mode,
+      style: "text",
+      body: body
+    };
+  }
+}); // Check for extra closing math delimiters
+
+defineFunction({
+  type: "text",
+  // Doesn't matter what this is.
+  names: ["\\)", "\\]"],
+  props: {
+    numArgs: 0,
+    allowedInText: true,
+    allowedInMath: false
+  },
+  handler: function handler(context, args) {
+    throw new src_ParseError("Mismatched " + context.funcName);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/mathchoice.js
+
+
+
+
+
+
+var mathchoice_chooseMathStyle = function chooseMathStyle(group, options) {
+  switch (options.style.size) {
+    case src_Style.DISPLAY.size:
+      return group.display;
+
+    case src_Style.TEXT.size:
+      return group.text;
+
+    case src_Style.SCRIPT.size:
+      return group.script;
+
+    case src_Style.SCRIPTSCRIPT.size:
+      return group.scriptscript;
+
+    default:
+      return group.text;
+  }
+};
+
+defineFunction({
+  type: "mathchoice",
+  names: ["\\mathchoice"],
+  props: {
+    numArgs: 4
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    return {
+      type: "mathchoice",
+      mode: parser.mode,
+      display: ordargument(args[0]),
+      text: ordargument(args[1]),
+      script: ordargument(args[2]),
+      scriptscript: ordargument(args[3])
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var body = mathchoice_chooseMathStyle(group, options);
+    var elements = buildHTML_buildExpression(body, options, false);
+    return buildCommon.makeFragment(elements);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var body = mathchoice_chooseMathStyle(group, options);
+    return buildExpressionRow(body, options);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/utils/assembleSupSub.js
+
+
+// For an operator with limits, assemble the base, sup, and sub into a span.
+var assembleSupSub_assembleSupSub = function assembleSupSub(base, supGroup, subGroup, options, style, slant, baseShift) {
+  base = buildCommon.makeSpan([], [base]);
+  var sub;
+  var sup; // We manually have to handle the superscripts and subscripts. This,
+  // aside from the kern calculations, is copied from supsub.
+
+  if (supGroup) {
+    var elem = buildHTML_buildGroup(supGroup, options.havingStyle(style.sup()), options);
+    sup = {
+      elem: elem,
+      kern: Math.max(options.fontMetrics().bigOpSpacing1, options.fontMetrics().bigOpSpacing3 - elem.depth)
+    };
+  }
+
+  if (subGroup) {
+    var _elem = buildHTML_buildGroup(subGroup, options.havingStyle(style.sub()), options);
+
+    sub = {
+      elem: _elem,
+      kern: Math.max(options.fontMetrics().bigOpSpacing2, options.fontMetrics().bigOpSpacing4 - _elem.height)
+    };
+  } // Build the final group as a vlist of the possible subscript, base,
+  // and possible superscript.
+
+
+  var finalGroup;
+
+  if (sup && sub) {
+    var bottom = options.fontMetrics().bigOpSpacing5 + sub.elem.height + sub.elem.depth + sub.kern + base.depth + baseShift;
+    finalGroup = buildCommon.makeVList({
+      positionType: "bottom",
+      positionData: bottom,
+      children: [{
+        type: "kern",
+        size: options.fontMetrics().bigOpSpacing5
+      }, {
+        type: "elem",
+        elem: sub.elem,
+        marginLeft: -slant + "em"
+      }, {
+        type: "kern",
+        size: sub.kern
+      }, {
+        type: "elem",
+        elem: base
+      }, {
+        type: "kern",
+        size: sup.kern
+      }, {
+        type: "elem",
+        elem: sup.elem,
+        marginLeft: slant + "em"
+      }, {
+        type: "kern",
+        size: options.fontMetrics().bigOpSpacing5
+      }]
+    }, options);
+  } else if (sub) {
+    var top = base.height - baseShift; // Shift the limits by the slant of the symbol. Note
+    // that we are supposed to shift the limits by 1/2 of the slant,
+    // but since we are centering the limits adding a full slant of
+    // margin will shift by 1/2 that.
+
+    finalGroup = buildCommon.makeVList({
+      positionType: "top",
+      positionData: top,
+      children: [{
+        type: "kern",
+        size: options.fontMetrics().bigOpSpacing5
+      }, {
+        type: "elem",
+        elem: sub.elem,
+        marginLeft: -slant + "em"
+      }, {
+        type: "kern",
+        size: sub.kern
+      }, {
+        type: "elem",
+        elem: base
+      }]
+    }, options);
+  } else if (sup) {
+    var _bottom = base.depth + baseShift;
+
+    finalGroup = buildCommon.makeVList({
+      positionType: "bottom",
+      positionData: _bottom,
+      children: [{
+        type: "elem",
+        elem: base
+      }, {
+        type: "kern",
+        size: sup.kern
+      }, {
+        type: "elem",
+        elem: sup.elem,
+        marginLeft: slant + "em"
+      }, {
+        type: "kern",
+        size: options.fontMetrics().bigOpSpacing5
+      }]
+    }, options);
+  } else {
+    // This case probably shouldn't occur (this would mean the
+    // supsub was sending us a group with no superscript or
+    // subscript) but be safe.
+    return base;
+  }
+
+  return buildCommon.makeSpan(["mop", "op-limits"], [finalGroup], options);
+};
+// CONCATENATED MODULE: ./src/functions/op.js
+// Limits, symbols
+
+
+
+
+
+
+
+
+
+
+// Most operators have a large successor symbol, but these don't.
+var noSuccessor = ["\\smallint"]; // NOTE: Unlike most `htmlBuilder`s, this one handles not only "op", but also
+// "supsub" since some of them (like \int) can affect super/subscripting.
+
+var op_htmlBuilder = function htmlBuilder(grp, options) {
+  // Operators are handled in the TeXbook pg. 443-444, rule 13(a).
+  var supGroup;
+  var subGroup;
+  var hasLimits = false;
+  var group;
+
+  if (grp.type === "supsub") {
+    // If we have limits, supsub will pass us its group to handle. Pull
+    // out the superscript and subscript and set the group to the op in
+    // its base.
+    supGroup = grp.sup;
+    subGroup = grp.sub;
+    group = assertNodeType(grp.base, "op");
+    hasLimits = true;
+  } else {
+    group = assertNodeType(grp, "op");
+  }
+
+  var style = options.style;
+  var large = false;
+
+  if (style.size === src_Style.DISPLAY.size && group.symbol && !utils.contains(noSuccessor, group.name)) {
+    // Most symbol operators get larger in displaystyle (rule 13)
+    large = true;
+  }
+
+  var base;
+
+  if (group.symbol) {
+    // If this is a symbol, create the symbol.
+    var fontName = large ? "Size2-Regular" : "Size1-Regular";
+    var stash = "";
+
+    if (group.name === "\\oiint" || group.name === "\\oiiint") {
+      // No font glyphs yet, so use a glyph w/o the oval.
+      // TODO: When font glyphs are available, delete this code.
+      stash = group.name.substr(1); // $FlowFixMe
+
+      group.name = stash === "oiint" ? "\\iint" : "\\iiint";
+    }
+
+    base = buildCommon.makeSymbol(group.name, fontName, "math", options, ["mop", "op-symbol", large ? "large-op" : "small-op"]);
+
+    if (stash.length > 0) {
+      // We're in \oiint or \oiiint. Overlay the oval.
+      // TODO: When font glyphs are available, delete this code.
+      var italic = base.italic;
+      var oval = buildCommon.staticSvg(stash + "Size" + (large ? "2" : "1"), options);
+      base = buildCommon.makeVList({
+        positionType: "individualShift",
+        children: [{
+          type: "elem",
+          elem: base,
+          shift: 0
+        }, {
+          type: "elem",
+          elem: oval,
+          shift: large ? 0.08 : 0
+        }]
+      }, options); // $FlowFixMe
+
+      group.name = "\\" + stash;
+      base.classes.unshift("mop"); // $FlowFixMe
+
+      base.italic = italic;
+    }
+  } else if (group.body) {
+    // If this is a list, compose that list.
+    var inner = buildHTML_buildExpression(group.body, options, true);
+
+    if (inner.length === 1 && inner[0] instanceof domTree_SymbolNode) {
+      base = inner[0];
+      base.classes[0] = "mop"; // replace old mclass
+    } else {
+      base = buildCommon.makeSpan(["mop"], buildCommon.tryCombineChars(inner), options);
+    }
+  } else {
+    // Otherwise, this is a text operator. Build the text from the
+    // operator's name.
+    // TODO(emily): Add a space in the middle of some of these
+    // operators, like \limsup
+    var output = [];
+
+    for (var i = 1; i < group.name.length; i++) {
+      output.push(buildCommon.mathsym(group.name[i], group.mode, options));
+    }
+
+    base = buildCommon.makeSpan(["mop"], output, options);
+  } // If content of op is a single symbol, shift it vertically.
+
+
+  var baseShift = 0;
+  var slant = 0;
+
+  if ((base instanceof domTree_SymbolNode || group.name === "\\oiint" || group.name === "\\oiiint") && !group.suppressBaseShift) {
+    // We suppress the shift of the base of \overset and \underset. Otherwise,
+    // shift the symbol so its center lies on the axis (rule 13). It
+    // appears that our fonts have the centers of the symbols already
+    // almost on the axis, so these numbers are very small. Note we
+    // don't actually apply this here, but instead it is used either in
+    // the vlist creation or separately when there are no limits.
+    baseShift = (base.height - base.depth) / 2 - options.fontMetrics().axisHeight; // The slant of the symbol is just its italic correction.
+    // $FlowFixMe
+
+    slant = base.italic;
+  }
+
+  if (hasLimits) {
+    return assembleSupSub_assembleSupSub(base, supGroup, subGroup, options, style, slant, baseShift);
+  } else {
+    if (baseShift) {
+      base.style.position = "relative";
+      base.style.top = baseShift + "em";
+    }
+
+    return base;
+  }
+};
+
+var op_mathmlBuilder = function mathmlBuilder(group, options) {
+  var node;
+
+  if (group.symbol) {
+    // This is a symbol. Just add the symbol.
+    node = new mathMLTree_MathNode("mo", [buildMathML_makeText(group.name, group.mode)]);
+
+    if (utils.contains(noSuccessor, group.name)) {
+      node.setAttribute("largeop", "false");
+    }
+  } else if (group.body) {
+    // This is an operator with children. Add them.
+    node = new mathMLTree_MathNode("mo", buildMathML_buildExpression(group.body, options));
+  } else {
+    // This is a text operator. Add all of the characters from the
+    // operator's name.
+    node = new mathMLTree_MathNode("mi", [new mathMLTree_TextNode(group.name.slice(1))]); // Append an <mo>&ApplyFunction;</mo>.
+    // ref: https://www.w3.org/TR/REC-MathML/chap3_2.html#sec3.2.4
+
+    var operator = new mathMLTree_MathNode("mo", [buildMathML_makeText("\u2061", "text")]);
+
+    if (group.parentIsSupSub) {
+      node = new mathMLTree_MathNode("mo", [node, operator]);
+    } else {
+      node = newDocumentFragment([node, operator]);
+    }
+  }
+
+  return node;
+};
+
+var singleCharBigOps = {
+  "\u220F": "\\prod",
+  "\u2210": "\\coprod",
+  "\u2211": "\\sum",
+  "\u22C0": "\\bigwedge",
+  "\u22C1": "\\bigvee",
+  "\u22C2": "\\bigcap",
+  "\u22C3": "\\bigcup",
+  "\u2A00": "\\bigodot",
+  "\u2A01": "\\bigoplus",
+  "\u2A02": "\\bigotimes",
+  "\u2A04": "\\biguplus",
+  "\u2A06": "\\bigsqcup"
+};
+defineFunction({
+  type: "op",
+  names: ["\\coprod", "\\bigvee", "\\bigwedge", "\\biguplus", "\\bigcap", "\\bigcup", "\\intop", "\\prod", "\\sum", "\\bigotimes", "\\bigoplus", "\\bigodot", "\\bigsqcup", "\\smallint", "\u220F", "\u2210", "\u2211", "\u22C0", "\u22C1", "\u22C2", "\u22C3", "\u2A00", "\u2A01", "\u2A02", "\u2A04", "\u2A06"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var fName = funcName;
+
+    if (fName.length === 1) {
+      fName = singleCharBigOps[fName];
+    }
+
+    return {
+      type: "op",
+      mode: parser.mode,
+      limits: true,
+      parentIsSupSub: false,
+      symbol: true,
+      name: fName
+    };
+  },
+  htmlBuilder: op_htmlBuilder,
+  mathmlBuilder: op_mathmlBuilder
+}); // Note: calling defineFunction with a type that's already been defined only
+// works because the same htmlBuilder and mathmlBuilder are being used.
+
+defineFunction({
+  type: "op",
+  names: ["\\mathop"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(_ref2, args) {
+    var parser = _ref2.parser;
+    var body = args[0];
+    return {
+      type: "op",
+      mode: parser.mode,
+      limits: false,
+      parentIsSupSub: false,
+      symbol: false,
+      body: ordargument(body)
+    };
+  },
+  htmlBuilder: op_htmlBuilder,
+  mathmlBuilder: op_mathmlBuilder
+}); // There are 2 flags for operators; whether they produce limits in
+// displaystyle, and whether they are symbols and should grow in
+// displaystyle. These four groups cover the four possible choices.
+
+var singleCharIntegrals = {
+  "\u222B": "\\int",
+  "\u222C": "\\iint",
+  "\u222D": "\\iiint",
+  "\u222E": "\\oint",
+  "\u222F": "\\oiint",
+  "\u2230": "\\oiiint"
+}; // No limits, not symbols
+
+defineFunction({
+  type: "op",
+  names: ["\\arcsin", "\\arccos", "\\arctan", "\\arctg", "\\arcctg", "\\arg", "\\ch", "\\cos", "\\cosec", "\\cosh", "\\cot", "\\cotg", "\\coth", "\\csc", "\\ctg", "\\cth", "\\deg", "\\dim", "\\exp", "\\hom", "\\ker", "\\lg", "\\ln", "\\log", "\\sec", "\\sin", "\\sinh", "\\sh", "\\tan", "\\tanh", "\\tg", "\\th"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(_ref3) {
+    var parser = _ref3.parser,
+        funcName = _ref3.funcName;
+    return {
+      type: "op",
+      mode: parser.mode,
+      limits: false,
+      parentIsSupSub: false,
+      symbol: false,
+      name: funcName
+    };
+  },
+  htmlBuilder: op_htmlBuilder,
+  mathmlBuilder: op_mathmlBuilder
+}); // Limits, not symbols
+
+defineFunction({
+  type: "op",
+  names: ["\\det", "\\gcd", "\\inf", "\\lim", "\\max", "\\min", "\\Pr", "\\sup"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(_ref4) {
+    var parser = _ref4.parser,
+        funcName = _ref4.funcName;
+    return {
+      type: "op",
+      mode: parser.mode,
+      limits: true,
+      parentIsSupSub: false,
+      symbol: false,
+      name: funcName
+    };
+  },
+  htmlBuilder: op_htmlBuilder,
+  mathmlBuilder: op_mathmlBuilder
+}); // No limits, symbols
+
+defineFunction({
+  type: "op",
+  names: ["\\int", "\\iint", "\\iiint", "\\oint", "\\oiint", "\\oiiint", "\u222B", "\u222C", "\u222D", "\u222E", "\u222F", "\u2230"],
+  props: {
+    numArgs: 0
+  },
+  handler: function handler(_ref5) {
+    var parser = _ref5.parser,
+        funcName = _ref5.funcName;
+    var fName = funcName;
+
+    if (fName.length === 1) {
+      fName = singleCharIntegrals[fName];
+    }
+
+    return {
+      type: "op",
+      mode: parser.mode,
+      limits: false,
+      parentIsSupSub: false,
+      symbol: true,
+      name: fName
+    };
+  },
+  htmlBuilder: op_htmlBuilder,
+  mathmlBuilder: op_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/operatorname.js
+
+
+
+
+
+
+
+
+// NOTE: Unlike most `htmlBuilder`s, this one handles not only
+// "operatorname", but also  "supsub" since \operatorname* can
+var operatorname_htmlBuilder = function htmlBuilder(grp, options) {
+  // Operators are handled in the TeXbook pg. 443-444, rule 13(a).
+  var supGroup;
+  var subGroup;
+  var hasLimits = false;
+  var group;
+
+  if (grp.type === "supsub") {
+    // If we have limits, supsub will pass us its group to handle. Pull
+    // out the superscript and subscript and set the group to the op in
+    // its base.
+    supGroup = grp.sup;
+    subGroup = grp.sub;
+    group = assertNodeType(grp.base, "operatorname");
+    hasLimits = true;
+  } else {
+    group = assertNodeType(grp, "operatorname");
+  }
+
+  var base;
+
+  if (group.body.length > 0) {
+    var body = group.body.map(function (child) {
+      // $FlowFixMe: Check if the node has a string `text` property.
+      var childText = child.text;
+
+      if (typeof childText === "string") {
+        return {
+          type: "textord",
+          mode: child.mode,
+          text: childText
+        };
+      } else {
+        return child;
+      }
+    }); // Consolidate function names into symbol characters.
+
+    var expression = buildHTML_buildExpression(body, options.withFont("mathrm"), true);
+
+    for (var i = 0; i < expression.length; i++) {
+      var child = expression[i];
+
+      if (child instanceof domTree_SymbolNode) {
+        // Per amsopn package,
+        // change minus to hyphen and \ast to asterisk
+        child.text = child.text.replace(/\u2212/, "-").replace(/\u2217/, "*");
+      }
+    }
+
+    base = buildCommon.makeSpan(["mop"], expression, options);
+  } else {
+    base = buildCommon.makeSpan(["mop"], [], options);
+  }
+
+  if (hasLimits) {
+    return assembleSupSub_assembleSupSub(base, supGroup, subGroup, options, options.style, 0, 0);
+  } else {
+    return base;
+  }
+};
+
+var operatorname_mathmlBuilder = function mathmlBuilder(group, options) {
+  // The steps taken here are similar to the html version.
+  var expression = buildMathML_buildExpression(group.body, options.withFont("mathrm")); // Is expression a string or has it something like a fraction?
+
+  var isAllString = true; // default
+
+  for (var i = 0; i < expression.length; i++) {
+    var node = expression[i];
+
+    if (node instanceof mathMLTree.SpaceNode) {// Do nothing
+    } else if (node instanceof mathMLTree.MathNode) {
+      switch (node.type) {
+        case "mi":
+        case "mn":
+        case "ms":
+        case "mspace":
+        case "mtext":
+          break;
+        // Do nothing yet.
+
+        case "mo":
+          {
+            var child = node.children[0];
+
+            if (node.children.length === 1 && child instanceof mathMLTree.TextNode) {
+              child.text = child.text.replace(/\u2212/, "-").replace(/\u2217/, "*");
+            } else {
+              isAllString = false;
+            }
+
+            break;
+          }
+
+        default:
+          isAllString = false;
+      }
+    } else {
+      isAllString = false;
+    }
+  }
+
+  if (isAllString) {
+    // Write a single TextNode instead of multiple nested tags.
+    var word = expression.map(function (node) {
+      return node.toText();
+    }).join("");
+    expression = [new mathMLTree.TextNode(word)];
+  }
+
+  var identifier = new mathMLTree.MathNode("mi", expression);
+  identifier.setAttribute("mathvariant", "normal"); // \u2061 is the same as &ApplyFunction;
+  // ref: https://www.w3schools.com/charsets/ref_html_entities_a.asp
+
+  var operator = new mathMLTree.MathNode("mo", [buildMathML_makeText("\u2061", "text")]);
+
+  if (group.parentIsSupSub) {
+    return new mathMLTree.MathNode("mo", [identifier, operator]);
+  } else {
+    return mathMLTree.newDocumentFragment([identifier, operator]);
+  }
+}; // \operatorname
+// amsopn.dtx: \mathop{#1\kern\z@\operator@font#3}\newmcodes@
+
+
+defineFunction({
+  type: "operatorname",
+  names: ["\\operatorname", "\\operatorname*"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var body = args[0];
+    return {
+      type: "operatorname",
+      mode: parser.mode,
+      body: ordargument(body),
+      alwaysHandleSupSub: funcName === "\\operatorname*",
+      limits: false,
+      parentIsSupSub: false
+    };
+  },
+  htmlBuilder: operatorname_htmlBuilder,
+  mathmlBuilder: operatorname_mathmlBuilder
+});
+// CONCATENATED MODULE: ./src/functions/ordgroup.js
+
+
+
+
+defineFunctionBuilders({
+  type: "ordgroup",
+  htmlBuilder: function htmlBuilder(group, options) {
+    if (group.semisimple) {
+      return buildCommon.makeFragment(buildHTML_buildExpression(group.body, options, false));
+    }
+
+    return buildCommon.makeSpan(["mord"], buildHTML_buildExpression(group.body, options, true), options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    return buildExpressionRow(group.body, options, true);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/overline.js
+
+
+
+
+
+defineFunction({
+  type: "overline",
+  names: ["\\overline"],
+  props: {
+    numArgs: 1
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    var body = args[0];
+    return {
+      type: "overline",
+      mode: parser.mode,
+      body: body
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    // Overlines are handled in the TeXbook pg 443, Rule 9.
+    // Build the inner group in the cramped style.
+    var innerGroup = buildHTML_buildGroup(group.body, options.havingCrampedStyle()); // Create the line above the body
+
+    var line = buildCommon.makeLineSpan("overline-line", options); // Generate the vlist, with the appropriate kerns
+
+    var defaultRuleThickness = options.fontMetrics().defaultRuleThickness;
+    var vlist = buildCommon.makeVList({
+      positionType: "firstBaseline",
+      children: [{
+        type: "elem",
+        elem: innerGroup
+      }, {
+        type: "kern",
+        size: 3 * defaultRuleThickness
+      }, {
+        type: "elem",
+        elem: line
+      }, {
+        type: "kern",
+        size: defaultRuleThickness
+      }]
+    }, options);
+    return buildCommon.makeSpan(["mord", "overline"], [vlist], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var operator = new mathMLTree.MathNode("mo", [new mathMLTree.TextNode("\u203E")]);
+    operator.setAttribute("stretchy", "true");
+    var node = new mathMLTree.MathNode("mover", [buildMathML_buildGroup(group.body, options), operator]);
+    node.setAttribute("accent", "true");
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/phantom.js
+
+
+
+
+
+defineFunction({
+  type: "phantom",
+  names: ["\\phantom"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    var body = args[0];
+    return {
+      type: "phantom",
+      mode: parser.mode,
+      body: ordargument(body)
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var elements = buildHTML_buildExpression(group.body, options.withPhantom(), false); // \phantom isn't supposed to affect the elements it contains.
+    // See "color" for more details.
+
+    return buildCommon.makeFragment(elements);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var inner = buildMathML_buildExpression(group.body, options);
+    return new mathMLTree.MathNode("mphantom", inner);
+  }
+});
+defineFunction({
+  type: "hphantom",
+  names: ["\\hphantom"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+  handler: function handler(_ref2, args) {
+    var parser = _ref2.parser;
+    var body = args[0];
+    return {
+      type: "hphantom",
+      mode: parser.mode,
+      body: body
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var node = buildCommon.makeSpan([], [buildHTML_buildGroup(group.body, options.withPhantom())]);
+    node.height = 0;
+    node.depth = 0;
+
+    if (node.children) {
+      for (var i = 0; i < node.children.length; i++) {
+        node.children[i].height = 0;
+        node.children[i].depth = 0;
+      }
+    } // See smash for comment re: use of makeVList
+
+
+    node = buildCommon.makeVList({
+      positionType: "firstBaseline",
+      children: [{
+        type: "elem",
+        elem: node
+      }]
+    }, options); // For spacing, TeX treats \smash as a math group (same spacing as ord).
+
+    return buildCommon.makeSpan(["mord"], [node], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var inner = buildMathML_buildExpression(ordargument(group.body), options);
+    var phantom = new mathMLTree.MathNode("mphantom", inner);
+    var node = new mathMLTree.MathNode("mpadded", [phantom]);
+    node.setAttribute("height", "0px");
+    node.setAttribute("depth", "0px");
+    return node;
+  }
+});
+defineFunction({
+  type: "vphantom",
+  names: ["\\vphantom"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+  handler: function handler(_ref3, args) {
+    var parser = _ref3.parser;
+    var body = args[0];
+    return {
+      type: "vphantom",
+      mode: parser.mode,
+      body: body
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var inner = buildCommon.makeSpan(["inner"], [buildHTML_buildGroup(group.body, options.withPhantom())]);
+    var fix = buildCommon.makeSpan(["fix"], []);
+    return buildCommon.makeSpan(["mord", "rlap"], [inner, fix], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var inner = buildMathML_buildExpression(ordargument(group.body), options);
+    var phantom = new mathMLTree.MathNode("mphantom", inner);
+    var node = new mathMLTree.MathNode("mpadded", [phantom]);
+    node.setAttribute("width", "0px");
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/raisebox.js
+
+
+
+
+
+
+ // Box manipulation
+
+defineFunction({
+  type: "raisebox",
+  names: ["\\raisebox"],
+  props: {
+    numArgs: 2,
+    argTypes: ["size", "hbox"],
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    var amount = assertNodeType(args[0], "size").value;
+    var body = args[1];
+    return {
+      type: "raisebox",
+      mode: parser.mode,
+      dy: amount,
+      body: body
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var body = buildHTML_buildGroup(group.body, options);
+    var dy = units_calculateSize(group.dy, options);
+    return buildCommon.makeVList({
+      positionType: "shift",
+      positionData: -dy,
+      children: [{
+        type: "elem",
+        elem: body
+      }]
+    }, options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var node = new mathMLTree.MathNode("mpadded", [buildMathML_buildGroup(group.body, options)]);
+    var dy = group.dy.number + group.dy.unit;
+    node.setAttribute("voffset", dy);
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/rule.js
+
+
+
+
+
+defineFunction({
+  type: "rule",
+  names: ["\\rule"],
+  props: {
+    numArgs: 2,
+    numOptionalArgs: 1,
+    argTypes: ["size", "size", "size"]
+  },
+  handler: function handler(_ref, args, optArgs) {
+    var parser = _ref.parser;
+    var shift = optArgs[0];
+    var width = assertNodeType(args[0], "size");
+    var height = assertNodeType(args[1], "size");
+    return {
+      type: "rule",
+      mode: parser.mode,
+      shift: shift && assertNodeType(shift, "size").value,
+      width: width.value,
+      height: height.value
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    // Make an empty span for the rule
+    var rule = buildCommon.makeSpan(["mord", "rule"], [], options); // Calculate the shift, width, and height of the rule, and account for units
+
+    var width = units_calculateSize(group.width, options);
+    var height = units_calculateSize(group.height, options);
+    var shift = group.shift ? units_calculateSize(group.shift, options) : 0; // Style the rule to the right size
+
+    rule.style.borderRightWidth = width + "em";
+    rule.style.borderTopWidth = height + "em";
+    rule.style.bottom = shift + "em"; // Record the height and width
+
+    rule.width = width;
+    rule.height = height + shift;
+    rule.depth = -shift; // Font size is the number large enough that the browser will
+    // reserve at least `absHeight` space above the baseline.
+    // The 1.125 factor was empirically determined
+
+    rule.maxFontSize = height * 1.125 * options.sizeMultiplier;
+    return rule;
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var width = units_calculateSize(group.width, options);
+    var height = units_calculateSize(group.height, options);
+    var shift = group.shift ? units_calculateSize(group.shift, options) : 0;
+    var color = options.color && options.getColor() || "black";
+    var rule = new mathMLTree.MathNode("mspace");
+    rule.setAttribute("mathbackground", color);
+    rule.setAttribute("width", width + "em");
+    rule.setAttribute("height", height + "em");
+    var wrapper = new mathMLTree.MathNode("mpadded", [rule]);
+
+    if (shift >= 0) {
+      wrapper.setAttribute("height", "+" + shift + "em");
+    } else {
+      wrapper.setAttribute("height", shift + "em");
+      wrapper.setAttribute("depth", "+" + -shift + "em");
+    }
+
+    wrapper.setAttribute("voffset", shift + "em");
+    return wrapper;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/sizing.js
+
+
+
+
+
+function sizingGroup(value, options, baseOptions) {
+  var inner = buildHTML_buildExpression(value, options, false);
+  var multiplier = options.sizeMultiplier / baseOptions.sizeMultiplier; // Add size-resetting classes to the inner list and set maxFontSize
+  // manually. Handle nested size changes.
+
+  for (var i = 0; i < inner.length; i++) {
+    var pos = inner[i].classes.indexOf("sizing");
+
+    if (pos < 0) {
+      Array.prototype.push.apply(inner[i].classes, options.sizingClasses(baseOptions));
+    } else if (inner[i].classes[pos + 1] === "reset-size" + options.size) {
+      // This is a nested size change: e.g., inner[i] is the "b" in
+      // `\Huge a \small b`. Override the old size (the `reset-` class)
+      // but not the new size.
+      inner[i].classes[pos + 1] = "reset-size" + baseOptions.size;
+    }
+
+    inner[i].height *= multiplier;
+    inner[i].depth *= multiplier;
+  }
+
+  return buildCommon.makeFragment(inner);
+}
+var sizeFuncs = ["\\tiny", "\\sixptsize", "\\scriptsize", "\\footnotesize", "\\small", "\\normalsize", "\\large", "\\Large", "\\LARGE", "\\huge", "\\Huge"];
+var sizing_htmlBuilder = function htmlBuilder(group, options) {
+  // Handle sizing operators like \Huge. Real TeX doesn't actually allow
+  // these functions inside of math expressions, so we do some special
+  // handling.
+  var newOptions = options.havingSize(group.size);
+  return sizingGroup(group.body, newOptions, options);
+};
+defineFunction({
+  type: "sizing",
+  names: sizeFuncs,
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var breakOnTokenText = _ref.breakOnTokenText,
+        funcName = _ref.funcName,
+        parser = _ref.parser;
+    var body = parser.parseExpression(false, breakOnTokenText);
+    return {
+      type: "sizing",
+      mode: parser.mode,
+      // Figure out what size to use based on the list of functions above
+      size: sizeFuncs.indexOf(funcName) + 1,
+      body: body
+    };
+  },
+  htmlBuilder: sizing_htmlBuilder,
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var newOptions = options.havingSize(group.size);
+    var inner = buildMathML_buildExpression(group.body, newOptions);
+    var node = new mathMLTree.MathNode("mstyle", inner); // TODO(emily): This doesn't produce the correct size for nested size
+    // changes, because we don't keep state of what style we're currently
+    // in, so we can't reset the size to normal before changing it.  Now
+    // that we're passing an options parameter we should be able to fix
+    // this.
+
+    node.setAttribute("mathsize", newOptions.sizeMultiplier + "em");
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/smash.js
+// smash, with optional [tb], as in AMS
+
+
+
+
+
+
+defineFunction({
+  type: "smash",
+  names: ["\\smash"],
+  props: {
+    numArgs: 1,
+    numOptionalArgs: 1,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args, optArgs) {
+    var parser = _ref.parser;
+    var smashHeight = false;
+    var smashDepth = false;
+    var tbArg = optArgs[0] && assertNodeType(optArgs[0], "ordgroup");
+
+    if (tbArg) {
+      // Optional [tb] argument is engaged.
+      // ref: amsmath: \renewcommand{\smash}[1][tb]{%
+      //               def\mb@t{\ht}\def\mb@b{\dp}\def\mb@tb{\ht\z@\z@\dp}%
+      var letter = "";
+
+      for (var i = 0; i < tbArg.body.length; ++i) {
+        var node = tbArg.body[i]; // $FlowFixMe: Not every node type has a `text` property.
+
+        letter = node.text;
+
+        if (letter === "t") {
+          smashHeight = true;
+        } else if (letter === "b") {
+          smashDepth = true;
+        } else {
+          smashHeight = false;
+          smashDepth = false;
+          break;
+        }
+      }
+    } else {
+      smashHeight = true;
+      smashDepth = true;
+    }
+
+    var body = args[0];
+    return {
+      type: "smash",
+      mode: parser.mode,
+      body: body,
+      smashHeight: smashHeight,
+      smashDepth: smashDepth
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var node = buildCommon.makeSpan([], [buildHTML_buildGroup(group.body, options)]);
+
+    if (!group.smashHeight && !group.smashDepth) {
+      return node;
+    }
+
+    if (group.smashHeight) {
+      node.height = 0; // In order to influence makeVList, we have to reset the children.
+
+      if (node.children) {
+        for (var i = 0; i < node.children.length; i++) {
+          node.children[i].height = 0;
+        }
+      }
+    }
+
+    if (group.smashDepth) {
+      node.depth = 0;
+
+      if (node.children) {
+        for (var _i = 0; _i < node.children.length; _i++) {
+          node.children[_i].depth = 0;
+        }
+      }
+    } // At this point, we've reset the TeX-like height and depth values.
+    // But the span still has an HTML line height.
+    // makeVList applies "display: table-cell", which prevents the browser
+    // from acting on that line height. So we'll call makeVList now.
+
+
+    var smashedNode = buildCommon.makeVList({
+      positionType: "firstBaseline",
+      children: [{
+        type: "elem",
+        elem: node
+      }]
+    }, options); // For spacing, TeX treats \hphantom as a math group (same spacing as ord).
+
+    return buildCommon.makeSpan(["mord"], [smashedNode], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var node = new mathMLTree.MathNode("mpadded", [buildMathML_buildGroup(group.body, options)]);
+
+    if (group.smashHeight) {
+      node.setAttribute("height", "0px");
+    }
+
+    if (group.smashDepth) {
+      node.setAttribute("depth", "0px");
+    }
+
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/sqrt.js
+
+
+
+
+
+
+
+defineFunction({
+  type: "sqrt",
+  names: ["\\sqrt"],
+  props: {
+    numArgs: 1,
+    numOptionalArgs: 1
+  },
+  handler: function handler(_ref, args, optArgs) {
+    var parser = _ref.parser;
+    var index = optArgs[0];
+    var body = args[0];
+    return {
+      type: "sqrt",
+      mode: parser.mode,
+      body: body,
+      index: index
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    // Square roots are handled in the TeXbook pg. 443, Rule 11.
+    // First, we do the same steps as in overline to build the inner group
+    // and line
+    var inner = buildHTML_buildGroup(group.body, options.havingCrampedStyle());
+
+    if (inner.height === 0) {
+      // Render a small surd.
+      inner.height = options.fontMetrics().xHeight;
+    } // Some groups can return document fragments.  Handle those by wrapping
+    // them in a span.
+
+
+    inner = buildCommon.wrapFragment(inner, options); // Calculate the minimum size for the \surd delimiter
+
+    var metrics = options.fontMetrics();
+    var theta = metrics.defaultRuleThickness;
+    var phi = theta;
+
+    if (options.style.id < src_Style.TEXT.id) {
+      phi = options.fontMetrics().xHeight;
+    } // Calculate the clearance between the body and line
+
+
+    var lineClearance = theta + phi / 4;
+    var minDelimiterHeight = inner.height + inner.depth + lineClearance + theta; // Create a sqrt SVG of the required minimum size
+
+    var _delimiter$sqrtImage = delimiter.sqrtImage(minDelimiterHeight, options),
+        img = _delimiter$sqrtImage.span,
+        ruleWidth = _delimiter$sqrtImage.ruleWidth,
+        advanceWidth = _delimiter$sqrtImage.advanceWidth;
+
+    var delimDepth = img.height - ruleWidth; // Adjust the clearance based on the delimiter size
+
+    if (delimDepth > inner.height + inner.depth + lineClearance) {
+      lineClearance = (lineClearance + delimDepth - inner.height - inner.depth) / 2;
+    } // Shift the sqrt image
+
+
+    var imgShift = img.height - inner.height - lineClearance - ruleWidth;
+    inner.style.paddingLeft = advanceWidth + "em"; // Overlay the image and the argument.
+
+    var body = buildCommon.makeVList({
+      positionType: "firstBaseline",
+      children: [{
+        type: "elem",
+        elem: inner,
+        wrapperClasses: ["svg-align"]
+      }, {
+        type: "kern",
+        size: -(inner.height + imgShift)
+      }, {
+        type: "elem",
+        elem: img
+      }, {
+        type: "kern",
+        size: ruleWidth
+      }]
+    }, options);
+
+    if (!group.index) {
+      return buildCommon.makeSpan(["mord", "sqrt"], [body], options);
+    } else {
+      // Handle the optional root index
+      // The index is always in scriptscript style
+      var newOptions = options.havingStyle(src_Style.SCRIPTSCRIPT);
+      var rootm = buildHTML_buildGroup(group.index, newOptions, options); // The amount the index is shifted by. This is taken from the TeX
+      // source, in the definition of `\r@@t`.
+
+      var toShift = 0.6 * (body.height - body.depth); // Build a VList with the superscript shifted up correctly
+
+      var rootVList = buildCommon.makeVList({
+        positionType: "shift",
+        positionData: -toShift,
+        children: [{
+          type: "elem",
+          elem: rootm
+        }]
+      }, options); // Add a class surrounding it so we can add on the appropriate
+      // kerning
+
+      var rootVListWrap = buildCommon.makeSpan(["root"], [rootVList]);
+      return buildCommon.makeSpan(["mord", "sqrt"], [rootVListWrap, body], options);
+    }
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var body = group.body,
+        index = group.index;
+    return index ? new mathMLTree.MathNode("mroot", [buildMathML_buildGroup(body, options), buildMathML_buildGroup(index, options)]) : new mathMLTree.MathNode("msqrt", [buildMathML_buildGroup(body, options)]);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/styling.js
+
+
+
+
+
+var styling_styleMap = {
+  "display": src_Style.DISPLAY,
+  "text": src_Style.TEXT,
+  "script": src_Style.SCRIPT,
+  "scriptscript": src_Style.SCRIPTSCRIPT
+};
+defineFunction({
+  type: "styling",
+  names: ["\\displaystyle", "\\textstyle", "\\scriptstyle", "\\scriptscriptstyle"],
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var breakOnTokenText = _ref.breakOnTokenText,
+        funcName = _ref.funcName,
+        parser = _ref.parser;
+    // parse out the implicit body
+    var body = parser.parseExpression(true, breakOnTokenText); // TODO: Refactor to avoid duplicating styleMap in multiple places (e.g.
+    // here and in buildHTML and de-dupe the enumeration of all the styles).
+    // $FlowFixMe: The names above exactly match the styles.
+
+    var style = funcName.slice(1, funcName.length - 5);
+    return {
+      type: "styling",
+      mode: parser.mode,
+      // Figure out what style to use by pulling out the style from
+      // the function name
+      style: style,
+      body: body
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    // Style changes are handled in the TeXbook on pg. 442, Rule 3.
+    var newStyle = styling_styleMap[group.style];
+    var newOptions = options.havingStyle(newStyle).withFont('');
+    return sizingGroup(group.body, newOptions, options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    // Figure out what style we're changing to.
+    var newStyle = styling_styleMap[group.style];
+    var newOptions = options.havingStyle(newStyle);
+    var inner = buildMathML_buildExpression(group.body, newOptions);
+    var node = new mathMLTree.MathNode("mstyle", inner);
+    var styleAttributes = {
+      "display": ["0", "true"],
+      "text": ["0", "false"],
+      "script": ["1", "false"],
+      "scriptscript": ["2", "false"]
+    };
+    var attr = styleAttributes[group.style];
+    node.setAttribute("scriptlevel", attr[0]);
+    node.setAttribute("displaystyle", attr[1]);
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/supsub.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Sometimes, groups perform special rules when they have superscripts or
+ * subscripts attached to them. This function lets the `supsub` group know that
+ * Sometimes, groups perform special rules when they have superscripts or
+ * its inner element should handle the superscripts and subscripts instead of
+ * handling them itself.
+ */
+var supsub_htmlBuilderDelegate = function htmlBuilderDelegate(group, options) {
+  var base = group.base;
+
+  if (!base) {
+    return null;
+  } else if (base.type === "op") {
+    // Operators handle supsubs differently when they have limits
+    // (e.g. `\displaystyle\sum_2^3`)
+    var delegate = base.limits && (options.style.size === src_Style.DISPLAY.size || base.alwaysHandleSupSub);
+    return delegate ? op_htmlBuilder : null;
+  } else if (base.type === "operatorname") {
+    var _delegate = base.alwaysHandleSupSub && (options.style.size === src_Style.DISPLAY.size || base.limits);
+
+    return _delegate ? operatorname_htmlBuilder : null;
+  } else if (base.type === "accent") {
+    return utils.isCharacterBox(base.base) ? accent_htmlBuilder : null;
+  } else if (base.type === "horizBrace") {
+    var isSup = !group.sub;
+    return isSup === base.isOver ? horizBrace_htmlBuilder : null;
+  } else {
+    return null;
+  }
+}; // Super scripts and subscripts, whose precise placement can depend on other
+// functions that precede them.
+
+
+defineFunctionBuilders({
+  type: "supsub",
+  htmlBuilder: function htmlBuilder(group, options) {
+    // Superscript and subscripts are handled in the TeXbook on page
+    // 445-446, rules 18(a-f).
+    // Here is where we defer to the inner group if it should handle
+    // superscripts and subscripts itself.
+    var builderDelegate = supsub_htmlBuilderDelegate(group, options);
+
+    if (builderDelegate) {
+      return builderDelegate(group, options);
+    }
+
+    var valueBase = group.base,
+        valueSup = group.sup,
+        valueSub = group.sub;
+    var base = buildHTML_buildGroup(valueBase, options);
+    var supm;
+    var subm;
+    var metrics = options.fontMetrics(); // Rule 18a
+
+    var supShift = 0;
+    var subShift = 0;
+    var isCharacterBox = valueBase && utils.isCharacterBox(valueBase);
+
+    if (valueSup) {
+      var newOptions = options.havingStyle(options.style.sup());
+      supm = buildHTML_buildGroup(valueSup, newOptions, options);
+
+      if (!isCharacterBox) {
+        supShift = base.height - newOptions.fontMetrics().supDrop * newOptions.sizeMultiplier / options.sizeMultiplier;
+      }
+    }
+
+    if (valueSub) {
+      var _newOptions = options.havingStyle(options.style.sub());
+
+      subm = buildHTML_buildGroup(valueSub, _newOptions, options);
+
+      if (!isCharacterBox) {
+        subShift = base.depth + _newOptions.fontMetrics().subDrop * _newOptions.sizeMultiplier / options.sizeMultiplier;
+      }
+    } // Rule 18c
+
+
+    var minSupShift;
+
+    if (options.style === src_Style.DISPLAY) {
+      minSupShift = metrics.sup1;
+    } else if (options.style.cramped) {
+      minSupShift = metrics.sup3;
+    } else {
+      minSupShift = metrics.sup2;
+    } // scriptspace is a font-size-independent size, so scale it
+    // appropriately for use as the marginRight.
+
+
+    var multiplier = options.sizeMultiplier;
+    var marginRight = 0.5 / metrics.ptPerEm / multiplier + "em";
+    var marginLeft = null;
+
+    if (subm) {
+      // Subscripts shouldn't be shifted by the base's italic correction.
+      // Account for that by shifting the subscript back the appropriate
+      // amount. Note we only do this when the base is a single symbol.
+      var isOiint = group.base && group.base.type === "op" && group.base.name && (group.base.name === "\\oiint" || group.base.name === "\\oiiint");
+
+      if (base instanceof domTree_SymbolNode || isOiint) {
+        // $FlowFixMe
+        marginLeft = -base.italic + "em";
+      }
+    }
+
+    var supsub;
+
+    if (supm && subm) {
+      supShift = Math.max(supShift, minSupShift, supm.depth + 0.25 * metrics.xHeight);
+      subShift = Math.max(subShift, metrics.sub2);
+      var ruleWidth = metrics.defaultRuleThickness; // Rule 18e
+
+      var maxWidth = 4 * ruleWidth;
+
+      if (supShift - supm.depth - (subm.height - subShift) < maxWidth) {
+        subShift = maxWidth - (supShift - supm.depth) + subm.height;
+        var psi = 0.8 * metrics.xHeight - (supShift - supm.depth);
+
+        if (psi > 0) {
+          supShift += psi;
+          subShift -= psi;
+        }
+      }
+
+      var vlistElem = [{
+        type: "elem",
+        elem: subm,
+        shift: subShift,
+        marginRight: marginRight,
+        marginLeft: marginLeft
+      }, {
+        type: "elem",
+        elem: supm,
+        shift: -supShift,
+        marginRight: marginRight
+      }];
+      supsub = buildCommon.makeVList({
+        positionType: "individualShift",
+        children: vlistElem
+      }, options);
+    } else if (subm) {
+      // Rule 18b
+      subShift = Math.max(subShift, metrics.sub1, subm.height - 0.8 * metrics.xHeight);
+      var _vlistElem = [{
+        type: "elem",
+        elem: subm,
+        marginLeft: marginLeft,
+        marginRight: marginRight
+      }];
+      supsub = buildCommon.makeVList({
+        positionType: "shift",
+        positionData: subShift,
+        children: _vlistElem
+      }, options);
+    } else if (supm) {
+      // Rule 18c, d
+      supShift = Math.max(supShift, minSupShift, supm.depth + 0.25 * metrics.xHeight);
+      supsub = buildCommon.makeVList({
+        positionType: "shift",
+        positionData: -supShift,
+        children: [{
+          type: "elem",
+          elem: supm,
+          marginRight: marginRight
+        }]
+      }, options);
+    } else {
+      throw new Error("supsub must have either sup or sub.");
+    } // Wrap the supsub vlist in a span.msupsub to reset text-align.
+
+
+    var mclass = getTypeOfDomTree(base, "right") || "mord";
+    return buildCommon.makeSpan([mclass], [base, buildCommon.makeSpan(["msupsub"], [supsub])], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    // Is the inner group a relevant horizonal brace?
+    var isBrace = false;
+    var isOver;
+    var isSup;
+
+    if (group.base && group.base.type === "horizBrace") {
+      isSup = !!group.sup;
+
+      if (isSup === group.base.isOver) {
+        isBrace = true;
+        isOver = group.base.isOver;
+      }
+    }
+
+    if (group.base && (group.base.type === "op" || group.base.type === "operatorname")) {
+      group.base.parentIsSupSub = true;
+    }
+
+    var children = [buildMathML_buildGroup(group.base, options)];
+
+    if (group.sub) {
+      children.push(buildMathML_buildGroup(group.sub, options));
+    }
+
+    if (group.sup) {
+      children.push(buildMathML_buildGroup(group.sup, options));
+    }
+
+    var nodeType;
+
+    if (isBrace) {
+      nodeType = isOver ? "mover" : "munder";
+    } else if (!group.sub) {
+      var base = group.base;
+
+      if (base && base.type === "op" && base.limits && (options.style === src_Style.DISPLAY || base.alwaysHandleSupSub)) {
+        nodeType = "mover";
+      } else if (base && base.type === "operatorname" && base.alwaysHandleSupSub && (base.limits || options.style === src_Style.DISPLAY)) {
+        nodeType = "mover";
+      } else {
+        nodeType = "msup";
+      }
+    } else if (!group.sup) {
+      var _base = group.base;
+
+      if (_base && _base.type === "op" && _base.limits && (options.style === src_Style.DISPLAY || _base.alwaysHandleSupSub)) {
+        nodeType = "munder";
+      } else if (_base && _base.type === "operatorname" && _base.alwaysHandleSupSub && (_base.limits || options.style === src_Style.DISPLAY)) {
+        nodeType = "munder";
+      } else {
+        nodeType = "msub";
+      }
+    } else {
+      var _base2 = group.base;
+
+      if (_base2 && _base2.type === "op" && _base2.limits && options.style === src_Style.DISPLAY) {
+        nodeType = "munderover";
+      } else if (_base2 && _base2.type === "operatorname" && _base2.alwaysHandleSupSub && (options.style === src_Style.DISPLAY || _base2.limits)) {
+        nodeType = "munderover";
+      } else {
+        nodeType = "msubsup";
+      }
+    }
+
+    var node = new mathMLTree.MathNode(nodeType, children);
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/symbolsOp.js
+
+
+
+ // Operator ParseNodes created in Parser.js from symbol Groups in src/symbols.js.
+
+defineFunctionBuilders({
+  type: "atom",
+  htmlBuilder: function htmlBuilder(group, options) {
+    return buildCommon.mathsym(group.text, group.mode, options, ["m" + group.family]);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var node = new mathMLTree.MathNode("mo", [buildMathML_makeText(group.text, group.mode)]);
+
+    if (group.family === "bin") {
+      var variant = buildMathML_getVariant(group, options);
+
+      if (variant === "bold-italic") {
+        node.setAttribute("mathvariant", variant);
+      }
+    } else if (group.family === "punct") {
+      node.setAttribute("separator", "true");
+    } else if (group.family === "open" || group.family === "close") {
+      // Delims built here should not stretch vertically.
+      // See delimsizing.js for stretchy delims.
+      node.setAttribute("stretchy", "false");
+    }
+
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/symbolsOrd.js
+
+
+
+
+// "mathord" and "textord" ParseNodes created in Parser.js from symbol Groups in
+var defaultVariant = {
+  "mi": "italic",
+  "mn": "normal",
+  "mtext": "normal"
+};
+defineFunctionBuilders({
+  type: "mathord",
+  htmlBuilder: function htmlBuilder(group, options) {
+    return buildCommon.makeOrd(group, options, "mathord");
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var node = new mathMLTree.MathNode("mi", [buildMathML_makeText(group.text, group.mode, options)]);
+    var variant = buildMathML_getVariant(group, options) || "italic";
+
+    if (variant !== defaultVariant[node.type]) {
+      node.setAttribute("mathvariant", variant);
+    }
+
+    return node;
+  }
+});
+defineFunctionBuilders({
+  type: "textord",
+  htmlBuilder: function htmlBuilder(group, options) {
+    return buildCommon.makeOrd(group, options, "textord");
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var text = buildMathML_makeText(group.text, group.mode, options);
+    var variant = buildMathML_getVariant(group, options) || "normal";
+    var node;
+
+    if (group.mode === 'text') {
+      node = new mathMLTree.MathNode("mtext", [text]);
+    } else if (/[0-9]/.test(group.text)) {
+      // TODO(kevinb) merge adjacent <mn> nodes
+      // do it as a post processing step
+      node = new mathMLTree.MathNode("mn", [text]);
+    } else if (group.text === "\\prime") {
+      node = new mathMLTree.MathNode("mo", [text]);
+    } else {
+      node = new mathMLTree.MathNode("mi", [text]);
+    }
+
+    if (variant !== defaultVariant[node.type]) {
+      node.setAttribute("mathvariant", variant);
+    }
+
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/symbolsSpacing.js
+
+
+
+ // A map of CSS-based spacing functions to their CSS class.
+
+var cssSpace = {
+  "\\nobreak": "nobreak",
+  "\\allowbreak": "allowbreak"
+}; // A lookup table to determine whether a spacing function/symbol should be
+// treated like a regular space character.  If a symbol or command is a key
+// in this table, then it should be a regular space character.  Furthermore,
+// the associated value may have a `className` specifying an extra CSS class
+// to add to the created `span`.
+
+var regularSpace = {
+  " ": {},
+  "\\ ": {},
+  "~": {
+    className: "nobreak"
+  },
+  "\\space": {},
+  "\\nobreakspace": {
+    className: "nobreak"
+  }
+}; // ParseNode<"spacing"> created in Parser.js from the "spacing" symbol Groups in
+// src/symbols.js.
+
+defineFunctionBuilders({
+  type: "spacing",
+  htmlBuilder: function htmlBuilder(group, options) {
+    if (regularSpace.hasOwnProperty(group.text)) {
+      var className = regularSpace[group.text].className || ""; // Spaces are generated by adding an actual space. Each of these
+      // things has an entry in the symbols table, so these will be turned
+      // into appropriate outputs.
+
+      if (group.mode === "text") {
+        var ord = buildCommon.makeOrd(group, options, "textord");
+        ord.classes.push(className);
+        return ord;
+      } else {
+        return buildCommon.makeSpan(["mspace", className], [buildCommon.mathsym(group.text, group.mode, options)], options);
+      }
+    } else if (cssSpace.hasOwnProperty(group.text)) {
+      // Spaces based on just a CSS class.
+      return buildCommon.makeSpan(["mspace", cssSpace[group.text]], [], options);
+    } else {
+      throw new src_ParseError("Unknown type of space \"" + group.text + "\"");
+    }
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var node;
+
+    if (regularSpace.hasOwnProperty(group.text)) {
+      node = new mathMLTree.MathNode("mtext", [new mathMLTree.TextNode("\xA0")]);
+    } else if (cssSpace.hasOwnProperty(group.text)) {
+      // CSS-based MathML spaces (\nobreak, \allowbreak) are ignored
+      return new mathMLTree.MathNode("mspace");
+    } else {
+      throw new src_ParseError("Unknown type of space \"" + group.text + "\"");
+    }
+
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/tag.js
+
+
+
+
+var tag_pad = function pad() {
+  var padNode = new mathMLTree.MathNode("mtd", []);
+  padNode.setAttribute("width", "50%");
+  return padNode;
+};
+
+defineFunctionBuilders({
+  type: "tag",
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var table = new mathMLTree.MathNode("mtable", [new mathMLTree.MathNode("mtr", [tag_pad(), new mathMLTree.MathNode("mtd", [buildExpressionRow(group.body, options)]), tag_pad(), new mathMLTree.MathNode("mtd", [buildExpressionRow(group.tag, options)])])]);
+    table.setAttribute("width", "100%");
+    return table; // TODO: Left-aligned tags.
+    // Currently, the group and options passed here do not contain
+    // enough info to set tag alignment. `leqno` is in Settings but it is
+    // not passed to Options. On the HTML side, leqno is
+    // set by a CSS class applied in buildTree.js. That would have worked
+    // in MathML if browsers supported <mlabeledtr>. Since they don't, we
+    // need to rewrite the way this function is called.
+  }
+});
+// CONCATENATED MODULE: ./src/functions/text.js
+
+
+
+ // Non-mathy text, possibly in a font
+
+var textFontFamilies = {
+  "\\text": undefined,
+  "\\textrm": "textrm",
+  "\\textsf": "textsf",
+  "\\texttt": "texttt",
+  "\\textnormal": "textrm"
+};
+var textFontWeights = {
+  "\\textbf": "textbf",
+  "\\textmd": "textmd"
+};
+var textFontShapes = {
+  "\\textit": "textit",
+  "\\textup": "textup"
+};
+
+var optionsWithFont = function optionsWithFont(group, options) {
+  var font = group.font; // Checks if the argument is a font family or a font style.
+
+  if (!font) {
+    return options;
+  } else if (textFontFamilies[font]) {
+    return options.withTextFontFamily(textFontFamilies[font]);
+  } else if (textFontWeights[font]) {
+    return options.withTextFontWeight(textFontWeights[font]);
+  } else {
+    return options.withTextFontShape(textFontShapes[font]);
+  }
+};
+
+defineFunction({
+  type: "text",
+  names: [// Font families
+  "\\text", "\\textrm", "\\textsf", "\\texttt", "\\textnormal", // Font weights
+  "\\textbf", "\\textmd", // Font Shapes
+  "\\textit", "\\textup"],
+  props: {
+    numArgs: 1,
+    argTypes: ["text"],
+    greediness: 2,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser,
+        funcName = _ref.funcName;
+    var body = args[0];
+    return {
+      type: "text",
+      mode: parser.mode,
+      body: ordargument(body),
+      font: funcName
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var newOptions = optionsWithFont(group, options);
+    var inner = buildHTML_buildExpression(group.body, newOptions, true);
+    return buildCommon.makeSpan(["mord", "text"], buildCommon.tryCombineChars(inner), newOptions);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var newOptions = optionsWithFont(group, options);
+    return buildExpressionRow(group.body, newOptions);
+  }
+});
+// CONCATENATED MODULE: ./src/functions/underline.js
+
+
+
+
+
+defineFunction({
+  type: "underline",
+  names: ["\\underline"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+  handler: function handler(_ref, args) {
+    var parser = _ref.parser;
+    return {
+      type: "underline",
+      mode: parser.mode,
+      body: args[0]
+    };
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    // Underlines are handled in the TeXbook pg 443, Rule 10.
+    // Build the inner group.
+    var innerGroup = buildHTML_buildGroup(group.body, options); // Create the line to go below the body
+
+    var line = buildCommon.makeLineSpan("underline-line", options); // Generate the vlist, with the appropriate kerns
+
+    var defaultRuleThickness = options.fontMetrics().defaultRuleThickness;
+    var vlist = buildCommon.makeVList({
+      positionType: "top",
+      positionData: innerGroup.height,
+      children: [{
+        type: "kern",
+        size: defaultRuleThickness
+      }, {
+        type: "elem",
+        elem: line
+      }, {
+        type: "kern",
+        size: 3 * defaultRuleThickness
+      }, {
+        type: "elem",
+        elem: innerGroup
+      }]
+    }, options);
+    return buildCommon.makeSpan(["mord", "underline"], [vlist], options);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var operator = new mathMLTree.MathNode("mo", [new mathMLTree.TextNode("\u203E")]);
+    operator.setAttribute("stretchy", "true");
+    var node = new mathMLTree.MathNode("munder", [buildMathML_buildGroup(group.body, options), operator]);
+    node.setAttribute("accentunder", "true");
+    return node;
+  }
+});
+// CONCATENATED MODULE: ./src/functions/verb.js
+
+
+
+
+defineFunction({
+  type: "verb",
+  names: ["\\verb"],
+  props: {
+    numArgs: 0,
+    allowedInText: true
+  },
+  handler: function handler(context, args, optArgs) {
+    // \verb and \verb* are dealt with directly in Parser.js.
+    // If we end up here, it's because of a failure to match the two delimiters
+    // in the regex in Lexer.js.  LaTeX raises the following error when \verb is
+    // terminated by end of line (or file).
+    throw new src_ParseError("\\verb ended by end of line instead of matching delimiter");
+  },
+  htmlBuilder: function htmlBuilder(group, options) {
+    var text = makeVerb(group);
+    var body = []; // \verb enters text mode and therefore is sized like \textstyle
+
+    var newOptions = options.havingStyle(options.style.text());
+
+    for (var i = 0; i < text.length; i++) {
+      var c = text[i];
+
+      if (c === '~') {
+        c = '\\textasciitilde';
+      }
+
+      body.push(buildCommon.makeSymbol(c, "Typewriter-Regular", group.mode, newOptions, ["mord", "texttt"]));
+    }
+
+    return buildCommon.makeSpan(["mord", "text"].concat(newOptions.sizingClasses(options)), buildCommon.tryCombineChars(body), newOptions);
+  },
+  mathmlBuilder: function mathmlBuilder(group, options) {
+    var text = new mathMLTree.TextNode(makeVerb(group));
+    var node = new mathMLTree.MathNode("mtext", [text]);
+    node.setAttribute("mathvariant", "monospace");
+    return node;
+  }
+});
+/**
+ * Converts verb group into body string.
+ *
+ * \verb* replaces each space with an open box \u2423
+ * \verb replaces each space with a no-break space \xA0
+ */
+
+var makeVerb = function makeVerb(group) {
+  return group.body.replace(/ /g, group.star ? "\u2423" : '\xA0');
+};
+// CONCATENATED MODULE: ./src/functions.js
+/** Include this to ensure that all functions are defined. */
+
+var functions = _functions;
+/* harmony default export */ var src_functions = (functions); // TODO(kevinb): have functions return an object and call defineFunction with
+// that object in this file instead of relying on side-effects.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// CONCATENATED MODULE: ./src/Lexer.js
+/**
+ * The Lexer class handles tokenizing the input in various ways. Since our
+ * parser expects us to be able to backtrack, the lexer allows lexing from any
+ * given starting point.
+ *
+ * Its main exposed function is the `lex` function, which takes a position to
+ * lex from and a type of token to lex. It defers to the appropriate `_innerLex`
+ * function.
+ *
+ * The various `_innerLex` functions perform the actual lexing of different
+ * kinds.
+ */
+
+
+
+
+/* The following tokenRegex
+ * - matches typical whitespace (but not NBSP etc.) using its first group
+ * - does not match any control character \x00-\x1f except whitespace
+ * - does not match a bare backslash
+ * - matches any ASCII character except those just mentioned
+ * - does not match the BMP private use area \uE000-\uF8FF
+ * - does not match bare surrogate code units
+ * - matches any BMP character except for those just described
+ * - matches any valid Unicode surrogate pair
+ * - matches a backslash followed by one or more letters
+ * - matches a backslash followed by any BMP character, including newline
+ * Just because the Lexer matches something doesn't mean it's valid input:
+ * If there is no matching function or symbol definition, the Parser will
+ * still reject the input.
+ */
+var spaceRegexString = "[ \r\n\t]";
+var controlWordRegexString = "\\\\[a-zA-Z@]+";
+var controlSymbolRegexString = "\\\\[^\uD800-\uDFFF]";
+var controlWordWhitespaceRegexString = "" + controlWordRegexString + spaceRegexString + "*";
+var controlWordWhitespaceRegex = new RegExp("^(" + controlWordRegexString + ")" + spaceRegexString + "*$");
+var combiningDiacriticalMarkString = "[\u0300-\u036F]";
+var combiningDiacriticalMarksEndRegex = new RegExp(combiningDiacriticalMarkString + "+$");
+var tokenRegexString = "(" + spaceRegexString + "+)|" + // whitespace
+"([!-\\[\\]-\u2027\u202A-\uD7FF\uF900-\uFFFF]" + ( // single codepoint
+combiningDiacriticalMarkString + "*") + // ...plus accents
+"|[\uD800-\uDBFF][\uDC00-\uDFFF]" + ( // surrogate pair
+combiningDiacriticalMarkString + "*") + // ...plus accents
+"|\\\\verb\\*([^]).*?\\3" + // \verb*
+"|\\\\verb([^*a-zA-Z]).*?\\4" + // \verb unstarred
+"|\\\\operatorname\\*" + ( // \operatorname*
+"|" + controlWordWhitespaceRegexString) + ( // \macroName + spaces
+"|" + controlSymbolRegexString + ")"); // \\, \', etc.
+
+/** Main Lexer class */
+
+var Lexer_Lexer =
+/*#__PURE__*/
+function () {
+  // category codes, only supports comment characters (14) for now
+  function Lexer(input, settings) {
+    this.input = void 0;
+    this.settings = void 0;
+    this.tokenRegex = void 0;
+    this.catcodes = void 0;
+    // Separate accents from characters
+    this.input = input;
+    this.settings = settings;
+    this.tokenRegex = new RegExp(tokenRegexString, 'g');
+    this.catcodes = {
+      "%": 14 // comment character
+
+    };
+  }
+
+  var _proto = Lexer.prototype;
+
+  _proto.setCatcode = function setCatcode(char, code) {
+    this.catcodes[char] = code;
+  }
+  /**
+   * This function lexes a single token.
+   */
+  ;
+
+  _proto.lex = function lex() {
+    var input = this.input;
+    var pos = this.tokenRegex.lastIndex;
+
+    if (pos === input.length) {
+      return new Token_Token("EOF", new SourceLocation(this, pos, pos));
+    }
+
+    var match = this.tokenRegex.exec(input);
+
+    if (match === null || match.index !== pos) {
+      throw new src_ParseError("Unexpected character: '" + input[pos] + "'", new Token_Token(input[pos], new SourceLocation(this, pos, pos + 1)));
+    }
+
+    var text = match[2] || " ";
+
+    if (this.catcodes[text] === 14) {
+      // comment character
+      var nlIndex = input.indexOf('\n', this.tokenRegex.lastIndex);
+
+      if (nlIndex === -1) {
+        this.tokenRegex.lastIndex = input.length; // EOF
+
+        this.settings.reportNonstrict("commentAtEnd", "% comment has no terminating newline; LaTeX would " + "fail because of commenting the end of math mode (e.g. $)");
+      } else {
+        this.tokenRegex.lastIndex = nlIndex + 1;
+      }
+
+      return this.lex();
+    } // Trim any trailing whitespace from control word match
+
+
+    var controlMatch = text.match(controlWordWhitespaceRegex);
+
+    if (controlMatch) {
+      text = controlMatch[1];
+    }
+
+    return new Token_Token(text, new SourceLocation(this, pos, this.tokenRegex.lastIndex));
+  };
+
+  return Lexer;
+}();
+
+
+// CONCATENATED MODULE: ./src/Namespace.js
+/**
+ * A `Namespace` refers to a space of nameable things like macros or lengths,
+ * which can be `set` either globally or local to a nested group, using an
+ * undo stack similar to how TeX implements this functionality.
+ * Performance-wise, `get` and local `set` take constant time, while global
+ * `set` takes time proportional to the depth of group nesting.
+ */
+
+
+var Namespace_Namespace =
+/*#__PURE__*/
+function () {
+  /**
+   * Both arguments are optional.  The first argument is an object of
+   * built-in mappings which never change.  The second argument is an object
+   * of initial (global-level) mappings, which will constantly change
+   * according to any global/top-level `set`s done.
+   */
+  function Namespace(builtins, globalMacros) {
+    if (builtins === void 0) {
+      builtins = {};
+    }
+
+    if (globalMacros === void 0) {
+      globalMacros = {};
+    }
+
+    this.current = void 0;
+    this.builtins = void 0;
+    this.undefStack = void 0;
+    this.current = globalMacros;
+    this.builtins = builtins;
+    this.undefStack = [];
+  }
+  /**
+   * Start a new nested group, affecting future local `set`s.
+   */
+
+
+  var _proto = Namespace.prototype;
+
+  _proto.beginGroup = function beginGroup() {
+    this.undefStack.push({});
+  }
+  /**
+   * End current nested group, restoring values before the group began.
+   */
+  ;
+
+  _proto.endGroup = function endGroup() {
+    if (this.undefStack.length === 0) {
+      throw new src_ParseError("Unbalanced namespace destruction: attempt " + "to pop global namespace; please report this as a bug");
+    }
+
+    var undefs = this.undefStack.pop();
+
+    for (var undef in undefs) {
+      if (undefs.hasOwnProperty(undef)) {
+        if (undefs[undef] === undefined) {
+          delete this.current[undef];
+        } else {
+          this.current[undef] = undefs[undef];
+        }
+      }
+    }
+  }
+  /**
+   * Detect whether `name` has a definition.  Equivalent to
+   * `get(name) != null`.
+   */
+  ;
+
+  _proto.has = function has(name) {
+    return this.current.hasOwnProperty(name) || this.builtins.hasOwnProperty(name);
+  }
+  /**
+   * Get the current value of a name, or `undefined` if there is no value.
+   *
+   * Note: Do not use `if (namespace.get(...))` to detect whether a macro
+   * is defined, as the definition may be the empty string which evaluates
+   * to `false` in JavaScript.  Use `if (namespace.get(...) != null)` or
+   * `if (namespace.has(...))`.
+   */
+  ;
+
+  _proto.get = function get(name) {
+    if (this.current.hasOwnProperty(name)) {
+      return this.current[name];
+    } else {
+      return this.builtins[name];
+    }
+  }
+  /**
+   * Set the current value of a name, and optionally set it globally too.
+   * Local set() sets the current value and (when appropriate) adds an undo
+   * operation to the undo stack.  Global set() may change the undo
+   * operation at every level, so takes time linear in their number.
+   */
+  ;
+
+  _proto.set = function set(name, value, global) {
+    if (global === void 0) {
+      global = false;
+    }
+
+    if (global) {
+      // Global set is equivalent to setting in all groups.  Simulate this
+      // by destroying any undos currently scheduled for this name,
+      // and adding an undo with the *new* value (in case it later gets
+      // locally reset within this environment).
+      for (var i = 0; i < this.undefStack.length; i++) {
+        delete this.undefStack[i][name];
+      }
+
+      if (this.undefStack.length > 0) {
+        this.undefStack[this.undefStack.length - 1][name] = value;
+      }
+    } else {
+      // Undo this set at end of this group (possibly to `undefined`),
+      // unless an undo is already in place, in which case that older
+      // value is the correct one.
+      var top = this.undefStack[this.undefStack.length - 1];
+
+      if (top && !top.hasOwnProperty(name)) {
+        top[name] = this.current[name];
+      }
+    }
+
+    this.current[name] = value;
+  };
+
+  return Namespace;
+}();
+
+
+// CONCATENATED MODULE: ./src/macros.js
+/**
+ * Predefined macros for KaTeX.
+ * This can be used to define some commands in terms of others.
+ */
+
+
+
+
+
+
+var builtinMacros = {};
+/* harmony default export */ var macros = (builtinMacros); // This function might one day accept an additional argument and do more things.
+
+function defineMacro(name, body) {
+  builtinMacros[name] = body;
+} //////////////////////////////////////////////////////////////////////
+// macro tools
+
+defineMacro("\\noexpand", function (context) {
+  // The expansion is the token itself; but that token is interpreted
+  // as if its meaning were ‘\relax’ if it is a control sequence that
+  // would ordinarily be expanded by TeX’s expansion rules.
+  var t = context.popToken();
+
+  if (context.isExpandable(t.text)) {
+    t.noexpand = true;
+    t.treatAsRelax = true;
+  }
+
+  return {
+    tokens: [t],
+    numArgs: 0
+  };
+});
+defineMacro("\\expandafter", function (context) {
+  // TeX first reads the token that comes immediately after \expandafter,
+  // without expanding it; let’s call this token t. Then TeX reads the
+  // token that comes after t (and possibly more tokens, if that token
+  // has an argument), replacing it by its expansion. Finally TeX puts
+  // t back in front of that expansion.
+  var t = context.popToken();
+  context.expandOnce(true); // expand only an expandable token
+
+  return {
+    tokens: [t],
+    numArgs: 0
+  };
+}); // LaTeX's \@firstoftwo{#1}{#2} expands to #1, skipping #2
+// TeX source: \long\def\@firstoftwo#1#2{#1}
+
+defineMacro("\\@firstoftwo", function (context) {
+  var args = context.consumeArgs(2);
+  return {
+    tokens: args[0],
+    numArgs: 0
+  };
+}); // LaTeX's \@secondoftwo{#1}{#2} expands to #2, skipping #1
+// TeX source: \long\def\@secondoftwo#1#2{#2}
+
+defineMacro("\\@secondoftwo", function (context) {
+  var args = context.consumeArgs(2);
+  return {
+    tokens: args[1],
+    numArgs: 0
+  };
+}); // LaTeX's \@ifnextchar{#1}{#2}{#3} looks ahead to the next (unexpanded)
+// symbol that isn't a space, consuming any spaces but not consuming the
+// first nonspace character.  If that nonspace character matches #1, then
+// the macro expands to #2; otherwise, it expands to #3.
+
+defineMacro("\\@ifnextchar", function (context) {
+  var args = context.consumeArgs(3); // symbol, if, else
+
+  context.consumeSpaces();
+  var nextToken = context.future();
+
+  if (args[0].length === 1 && args[0][0].text === nextToken.text) {
+    return {
+      tokens: args[1],
+      numArgs: 0
+    };
+  } else {
+    return {
+      tokens: args[2],
+      numArgs: 0
+    };
+  }
+}); // LaTeX's \@ifstar{#1}{#2} looks ahead to the next (unexpanded) symbol.
+// If it is `*`, then it consumes the symbol, and the macro expands to #1;
+// otherwise, the macro expands to #2 (without consuming the symbol).
+// TeX source: \def\@ifstar#1{\@ifnextchar *{\@firstoftwo{#1}}}
+
+defineMacro("\\@ifstar", "\\@ifnextchar *{\\@firstoftwo{#1}}"); // LaTeX's \TextOrMath{#1}{#2} expands to #1 in text mode, #2 in math mode
+
+defineMacro("\\TextOrMath", function (context) {
+  var args = context.consumeArgs(2);
+
+  if (context.mode === 'text') {
+    return {
+      tokens: args[0],
+      numArgs: 0
+    };
+  } else {
+    return {
+      tokens: args[1],
+      numArgs: 0
+    };
+  }
+}); // Lookup table for parsing numbers in base 8 through 16
+
+var digitToNumber = {
+  "0": 0,
+  "1": 1,
+  "2": 2,
+  "3": 3,
+  "4": 4,
+  "5": 5,
+  "6": 6,
+  "7": 7,
+  "8": 8,
+  "9": 9,
+  "a": 10,
+  "A": 10,
+  "b": 11,
+  "B": 11,
+  "c": 12,
+  "C": 12,
+  "d": 13,
+  "D": 13,
+  "e": 14,
+  "E": 14,
+  "f": 15,
+  "F": 15
+}; // TeX \char makes a literal character (catcode 12) using the following forms:
+// (see The TeXBook, p. 43)
+//   \char123  -- decimal
+//   \char'123 -- octal
+//   \char"123 -- hex
+//   \char`x   -- character that can be written (i.e. isn't active)
+//   \char`\x  -- character that cannot be written (e.g. %)
+// These all refer to characters from the font, so we turn them into special
+// calls to a function \@char dealt with in the Parser.
+
+defineMacro("\\char", function (context) {
+  var token = context.popToken();
+  var base;
+  var number = '';
+
+  if (token.text === "'") {
+    base = 8;
+    token = context.popToken();
+  } else if (token.text === '"') {
+    base = 16;
+    token = context.popToken();
+  } else if (token.text === "`") {
+    token = context.popToken();
+
+    if (token.text[0] === "\\") {
+      number = token.text.charCodeAt(1);
+    } else if (token.text === "EOF") {
+      throw new src_ParseError("\\char` missing argument");
+    } else {
+      number = token.text.charCodeAt(0);
+    }
+  } else {
+    base = 10;
+  }
+
+  if (base) {
+    // Parse a number in the given base, starting with first `token`.
+    number = digitToNumber[token.text];
+
+    if (number == null || number >= base) {
+      throw new src_ParseError("Invalid base-" + base + " digit " + token.text);
+    }
+
+    var digit;
+
+    while ((digit = digitToNumber[context.future().text]) != null && digit < base) {
+      number *= base;
+      number += digit;
+      context.popToken();
+    }
+  }
+
+  return "\\@char{" + number + "}";
+}); // \newcommand{\macro}[args]{definition}
+// \renewcommand{\macro}[args]{definition}
+// TODO: Optional arguments: \newcommand{\macro}[args][default]{definition}
+
+var macros_newcommand = function newcommand(context, existsOK, nonexistsOK) {
+  var arg = context.consumeArgs(1)[0];
+
+  if (arg.length !== 1) {
+    throw new src_ParseError("\\newcommand's first argument must be a macro name");
+  }
+
+  var name = arg[0].text;
+  var exists = context.isDefined(name);
+
+  if (exists && !existsOK) {
+    throw new src_ParseError("\\newcommand{" + name + "} attempting to redefine " + (name + "; use \\renewcommand"));
+  }
+
+  if (!exists && !nonexistsOK) {
+    throw new src_ParseError("\\renewcommand{" + name + "} when command " + name + " " + "does not yet exist; use \\newcommand");
+  }
+
+  var numArgs = 0;
+  arg = context.consumeArgs(1)[0];
+
+  if (arg.length === 1 && arg[0].text === "[") {
+    var argText = '';
+    var token = context.expandNextToken();
+
+    while (token.text !== "]" && token.text !== "EOF") {
+      // TODO: Should properly expand arg, e.g., ignore {}s
+      argText += token.text;
+      token = context.expandNextToken();
+    }
+
+    if (!argText.match(/^\s*[0-9]+\s*$/)) {
+      throw new src_ParseError("Invalid number of arguments: " + argText);
+    }
+
+    numArgs = parseInt(argText);
+    arg = context.consumeArgs(1)[0];
+  } // Final arg is the expansion of the macro
+
+
+  context.macros.set(name, {
+    tokens: arg,
+    numArgs: numArgs
+  });
+  return '';
+};
+
+defineMacro("\\newcommand", function (context) {
+  return macros_newcommand(context, false, true);
+});
+defineMacro("\\renewcommand", function (context) {
+  return macros_newcommand(context, true, false);
+});
+defineMacro("\\providecommand", function (context) {
+  return macros_newcommand(context, true, true);
+}); // terminal (console) tools
+
+defineMacro("\\message", function (context) {
+  var arg = context.consumeArgs(1)[0]; // eslint-disable-next-line no-console
+
+  console.log(arg.reverse().map(function (token) {
+    return token.text;
+  }).join(""));
+  return '';
+});
+defineMacro("\\errmessage", function (context) {
+  var arg = context.consumeArgs(1)[0]; // eslint-disable-next-line no-console
+
+  console.error(arg.reverse().map(function (token) {
+    return token.text;
+  }).join(""));
+  return '';
+});
+defineMacro("\\show", function (context) {
+  var tok = context.popToken();
+  var name = tok.text; // eslint-disable-next-line no-console
+
+  console.log(tok, context.macros.get(name), src_functions[name], src_symbols.math[name], src_symbols.text[name]);
+  return '';
+}); //////////////////////////////////////////////////////////////////////
+// Grouping
+// \let\bgroup={ \let\egroup=}
+
+defineMacro("\\bgroup", "{");
+defineMacro("\\egroup", "}"); // Symbols from latex.ltx:
+// \def\lq{`}
+// \def\rq{'}
+// \def \aa {\r a}
+// \def \AA {\r A}
+
+defineMacro("\\lq", "`");
+defineMacro("\\rq", "'");
+defineMacro("\\aa", "\\r a");
+defineMacro("\\AA", "\\r A"); // Copyright (C) and registered (R) symbols. Use raw symbol in MathML.
+// \DeclareTextCommandDefault{\textcopyright}{\textcircled{c}}
+// \DeclareTextCommandDefault{\textregistered}{\textcircled{%
+//      \check@mathfonts\fontsize\sf@size\z@\math@fontsfalse\selectfont R}}
+// \DeclareRobustCommand{\copyright}{%
+//    \ifmmode{\nfss@text{\textcopyright}}\else\textcopyright\fi}
+
+defineMacro("\\textcopyright", "\\html@mathml{\\textcircled{c}}{\\char`©}");
+defineMacro("\\copyright", "\\TextOrMath{\\textcopyright}{\\text{\\textcopyright}}");
+defineMacro("\\textregistered", "\\html@mathml{\\textcircled{\\scriptsize R}}{\\char`®}"); // Characters omitted from Unicode range 1D400–1D7FF
+
+defineMacro("\u212C", "\\mathscr{B}"); // script
+
+defineMacro("\u2130", "\\mathscr{E}");
+defineMacro("\u2131", "\\mathscr{F}");
+defineMacro("\u210B", "\\mathscr{H}");
+defineMacro("\u2110", "\\mathscr{I}");
+defineMacro("\u2112", "\\mathscr{L}");
+defineMacro("\u2133", "\\mathscr{M}");
+defineMacro("\u211B", "\\mathscr{R}");
+defineMacro("\u212D", "\\mathfrak{C}"); // Fraktur
+
+defineMacro("\u210C", "\\mathfrak{H}");
+defineMacro("\u2128", "\\mathfrak{Z}"); // Define \Bbbk with a macro that works in both HTML and MathML.
+
+defineMacro("\\Bbbk", "\\Bbb{k}"); // Unicode middle dot
+// The KaTeX fonts do not contain U+00B7. Instead, \cdotp displays
+// the dot at U+22C5 and gives it punct spacing.
+
+defineMacro("\xB7", "\\cdotp"); // \llap and \rlap render their contents in text mode
+
+defineMacro("\\llap", "\\mathllap{\\textrm{#1}}");
+defineMacro("\\rlap", "\\mathrlap{\\textrm{#1}}");
+defineMacro("\\clap", "\\mathclap{\\textrm{#1}}"); // \not is defined by base/fontmath.ltx via
+// \DeclareMathSymbol{\not}{\mathrel}{symbols}{"36}
+// It's thus treated like a \mathrel, but defined by a symbol that has zero
+// width but extends to the right.  We use \rlap to get that spacing.
+// For MathML we write U+0338 here. buildMathML.js will then do the overlay.
+
+defineMacro("\\not", '\\html@mathml{\\mathrel{\\mathrlap\\@not}}{\\char"338}'); // Negated symbols from base/fontmath.ltx:
+// \def\neq{\not=} \let\ne=\neq
+// \DeclareRobustCommand
+//   \notin{\mathrel{\m@th\mathpalette\c@ncel\in}}
+// \def\c@ncel#1#2{\m@th\ooalign{$\hfil#1\mkern1mu/\hfil$\crcr$#1#2$}}
+
+defineMacro("\\neq", "\\html@mathml{\\mathrel{\\not=}}{\\mathrel{\\char`≠}}");
+defineMacro("\\ne", "\\neq");
+defineMacro("\u2260", "\\neq");
+defineMacro("\\notin", "\\html@mathml{\\mathrel{{\\in}\\mathllap{/\\mskip1mu}}}" + "{\\mathrel{\\char`∉}}");
+defineMacro("\u2209", "\\notin"); // Unicode stacked relations
+
+defineMacro("\u2258", "\\html@mathml{" + "\\mathrel{=\\kern{-1em}\\raisebox{0.4em}{$\\scriptsize\\frown$}}" + "}{\\mathrel{\\char`\u2258}}");
+defineMacro("\u2259", "\\html@mathml{\\stackrel{\\tiny\\wedge}{=}}{\\mathrel{\\char`\u2258}}");
+defineMacro("\u225A", "\\html@mathml{\\stackrel{\\tiny\\vee}{=}}{\\mathrel{\\char`\u225A}}");
+defineMacro("\u225B", "\\html@mathml{\\stackrel{\\scriptsize\\star}{=}}" + "{\\mathrel{\\char`\u225B}}");
+defineMacro("\u225D", "\\html@mathml{\\stackrel{\\tiny\\mathrm{def}}{=}}" + "{\\mathrel{\\char`\u225D}}");
+defineMacro("\u225E", "\\html@mathml{\\stackrel{\\tiny\\mathrm{m}}{=}}" + "{\\mathrel{\\char`\u225E}}");
+defineMacro("\u225F", "\\html@mathml{\\stackrel{\\tiny?}{=}}{\\mathrel{\\char`\u225F}}"); // Misc Unicode
+
+defineMacro("\u27C2", "\\perp");
+defineMacro("\u203C", "\\mathclose{!\\mkern-0.8mu!}");
+defineMacro("\u220C", "\\notni");
+defineMacro("\u231C", "\\ulcorner");
+defineMacro("\u231D", "\\urcorner");
+defineMacro("\u231E", "\\llcorner");
+defineMacro("\u231F", "\\lrcorner");
+defineMacro("\xA9", "\\copyright");
+defineMacro("\xAE", "\\textregistered");
+defineMacro("\uFE0F", "\\textregistered"); // The KaTeX fonts have corners at codepoints that don't match Unicode.
+// For MathML purposes, use the Unicode code point.
+
+defineMacro("\\ulcorner", "\\html@mathml{\\@ulcorner}{\\mathop{\\char\"231c}}");
+defineMacro("\\urcorner", "\\html@mathml{\\@urcorner}{\\mathop{\\char\"231d}}");
+defineMacro("\\llcorner", "\\html@mathml{\\@llcorner}{\\mathop{\\char\"231e}}");
+defineMacro("\\lrcorner", "\\html@mathml{\\@lrcorner}{\\mathop{\\char\"231f}}"); //////////////////////////////////////////////////////////////////////
+// LaTeX_2ε
+// \vdots{\vbox{\baselineskip4\p@  \lineskiplimit\z@
+// \kern6\p@\hbox{.}\hbox{.}\hbox{.}}}
+// We'll call \varvdots, which gets a glyph from symbols.js.
+// The zero-width rule gets us an equivalent to the vertical 6pt kern.
+
+defineMacro("\\vdots", "\\mathord{\\varvdots\\rule{0pt}{15pt}}");
+defineMacro("\u22EE", "\\vdots"); //////////////////////////////////////////////////////////////////////
+// amsmath.sty
+// http://mirrors.concertpass.com/tex-archive/macros/latex/required/amsmath/amsmath.pdf
+// Italic Greek capital letters.  AMS defines these with \DeclareMathSymbol,
+// but they are equivalent to \mathit{\Letter}.
+
+defineMacro("\\varGamma", "\\mathit{\\Gamma}");
+defineMacro("\\varDelta", "\\mathit{\\Delta}");
+defineMacro("\\varTheta", "\\mathit{\\Theta}");
+defineMacro("\\varLambda", "\\mathit{\\Lambda}");
+defineMacro("\\varXi", "\\mathit{\\Xi}");
+defineMacro("\\varPi", "\\mathit{\\Pi}");
+defineMacro("\\varSigma", "\\mathit{\\Sigma}");
+defineMacro("\\varUpsilon", "\\mathit{\\Upsilon}");
+defineMacro("\\varPhi", "\\mathit{\\Phi}");
+defineMacro("\\varPsi", "\\mathit{\\Psi}");
+defineMacro("\\varOmega", "\\mathit{\\Omega}"); //\newcommand{\substack}[1]{\subarray{c}#1\endsubarray}
+
+defineMacro("\\substack", "\\begin{subarray}{c}#1\\end{subarray}"); // \renewcommand{\colon}{\nobreak\mskip2mu\mathpunct{}\nonscript
+// \mkern-\thinmuskip{:}\mskip6muplus1mu\relax}
+
+defineMacro("\\colon", "\\nobreak\\mskip2mu\\mathpunct{}" + "\\mathchoice{\\mkern-3mu}{\\mkern-3mu}{}{}{:}\\mskip6mu"); // \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}}
+
+defineMacro("\\boxed", "\\fbox{$\\displaystyle{#1}$}"); // \def\iff{\DOTSB\;\Longleftrightarrow\;}
+// \def\implies{\DOTSB\;\Longrightarrow\;}
+// \def\impliedby{\DOTSB\;\Longleftarrow\;}
+
+defineMacro("\\iff", "\\DOTSB\\;\\Longleftrightarrow\\;");
+defineMacro("\\implies", "\\DOTSB\\;\\Longrightarrow\\;");
+defineMacro("\\impliedby", "\\DOTSB\\;\\Longleftarrow\\;"); // AMSMath's automatic \dots, based on \mdots@@ macro.
+
+var dotsByToken = {
+  ',': '\\dotsc',
+  '\\not': '\\dotsb',
+  // \keybin@ checks for the following:
+  '+': '\\dotsb',
+  '=': '\\dotsb',
+  '<': '\\dotsb',
+  '>': '\\dotsb',
+  '-': '\\dotsb',
+  '*': '\\dotsb',
+  ':': '\\dotsb',
+  // Symbols whose definition starts with \DOTSB:
+  '\\DOTSB': '\\dotsb',
+  '\\coprod': '\\dotsb',
+  '\\bigvee': '\\dotsb',
+  '\\bigwedge': '\\dotsb',
+  '\\biguplus': '\\dotsb',
+  '\\bigcap': '\\dotsb',
+  '\\bigcup': '\\dotsb',
+  '\\prod': '\\dotsb',
+  '\\sum': '\\dotsb',
+  '\\bigotimes': '\\dotsb',
+  '\\bigoplus': '\\dotsb',
+  '\\bigodot': '\\dotsb',
+  '\\bigsqcup': '\\dotsb',
+  '\\And': '\\dotsb',
+  '\\longrightarrow': '\\dotsb',
+  '\\Longrightarrow': '\\dotsb',
+  '\\longleftarrow': '\\dotsb',
+  '\\Longleftarrow': '\\dotsb',
+  '\\longleftrightarrow': '\\dotsb',
+  '\\Longleftrightarrow': '\\dotsb',
+  '\\mapsto': '\\dotsb',
+  '\\longmapsto': '\\dotsb',
+  '\\hookrightarrow': '\\dotsb',
+  '\\doteq': '\\dotsb',
+  // Symbols whose definition starts with \mathbin:
+  '\\mathbin': '\\dotsb',
+  // Symbols whose definition starts with \mathrel:
+  '\\mathrel': '\\dotsb',
+  '\\relbar': '\\dotsb',
+  '\\Relbar': '\\dotsb',
+  '\\xrightarrow': '\\dotsb',
+  '\\xleftarrow': '\\dotsb',
+  // Symbols whose definition starts with \DOTSI:
+  '\\DOTSI': '\\dotsi',
+  '\\int': '\\dotsi',
+  '\\oint': '\\dotsi',
+  '\\iint': '\\dotsi',
+  '\\iiint': '\\dotsi',
+  '\\iiiint': '\\dotsi',
+  '\\idotsint': '\\dotsi',
+  // Symbols whose definition starts with \DOTSX:
+  '\\DOTSX': '\\dotsx'
+};
+defineMacro("\\dots", function (context) {
+  // TODO: If used in text mode, should expand to \textellipsis.
+  // However, in KaTeX, \textellipsis and \ldots behave the same
+  // (in text mode), and it's unlikely we'd see any of the math commands
+  // that affect the behavior of \dots when in text mode.  So fine for now
+  // (until we support \ifmmode ... \else ... \fi).
+  var thedots = '\\dotso';
+  var next = context.expandAfterFuture().text;
+
+  if (next in dotsByToken) {
+    thedots = dotsByToken[next];
+  } else if (next.substr(0, 4) === '\\not') {
+    thedots = '\\dotsb';
+  } else if (next in src_symbols.math) {
+    if (utils.contains(['bin', 'rel'], src_symbols.math[next].group)) {
+      thedots = '\\dotsb';
+    }
+  }
+
+  return thedots;
+});
+var spaceAfterDots = {
+  // \rightdelim@ checks for the following:
+  ')': true,
+  ']': true,
+  '\\rbrack': true,
+  '\\}': true,
+  '\\rbrace': true,
+  '\\rangle': true,
+  '\\rceil': true,
+  '\\rfloor': true,
+  '\\rgroup': true,
+  '\\rmoustache': true,
+  '\\right': true,
+  '\\bigr': true,
+  '\\biggr': true,
+  '\\Bigr': true,
+  '\\Biggr': true,
+  // \extra@ also tests for the following:
+  '$': true,
+  // \extrap@ checks for the following:
+  ';': true,
+  '.': true,
+  ',': true
+};
+defineMacro("\\dotso", function (context) {
+  var next = context.future().text;
+
+  if (next in spaceAfterDots) {
+    return "\\ldots\\,";
+  } else {
+    return "\\ldots";
+  }
+});
+defineMacro("\\dotsc", function (context) {
+  var next = context.future().text; // \dotsc uses \extra@ but not \extrap@, instead specially checking for
+  // ';' and '.', but doesn't check for ','.
+
+  if (next in spaceAfterDots && next !== ',') {
+    return "\\ldots\\,";
+  } else {
+    return "\\ldots";
+  }
+});
+defineMacro("\\cdots", function (context) {
+  var next = context.future().text;
+
+  if (next in spaceAfterDots) {
+    return "\\@cdots\\,";
+  } else {
+    return "\\@cdots";
+  }
+});
+defineMacro("\\dotsb", "\\cdots");
+defineMacro("\\dotsm", "\\cdots");
+defineMacro("\\dotsi", "\\!\\cdots"); // amsmath doesn't actually define \dotsx, but \dots followed by a macro
+// starting with \DOTSX implies \dotso, and then \extra@ detects this case
+// and forces the added `\,`.
+
+defineMacro("\\dotsx", "\\ldots\\,"); // \let\DOTSI\relax
+// \let\DOTSB\relax
+// \let\DOTSX\relax
+
+defineMacro("\\DOTSI", "\\relax");
+defineMacro("\\DOTSB", "\\relax");
+defineMacro("\\DOTSX", "\\relax"); // Spacing, based on amsmath.sty's override of LaTeX defaults
+// \DeclareRobustCommand{\tmspace}[3]{%
+//   \ifmmode\mskip#1#2\else\kern#1#3\fi\relax}
+
+defineMacro("\\tmspace", "\\TextOrMath{\\kern#1#3}{\\mskip#1#2}\\relax"); // \renewcommand{\,}{\tmspace+\thinmuskip{.1667em}}
+// TODO: math mode should use \thinmuskip
+
+defineMacro("\\,", "\\tmspace+{3mu}{.1667em}"); // \let\thinspace\,
+
+defineMacro("\\thinspace", "\\,"); // \def\>{\mskip\medmuskip}
+// \renewcommand{\:}{\tmspace+\medmuskip{.2222em}}
+// TODO: \> and math mode of \: should use \medmuskip = 4mu plus 2mu minus 4mu
+
+defineMacro("\\>", "\\mskip{4mu}");
+defineMacro("\\:", "\\tmspace+{4mu}{.2222em}"); // \let\medspace\:
+
+defineMacro("\\medspace", "\\:"); // \renewcommand{\;}{\tmspace+\thickmuskip{.2777em}}
+// TODO: math mode should use \thickmuskip = 5mu plus 5mu
+
+defineMacro("\\;", "\\tmspace+{5mu}{.2777em}"); // \let\thickspace\;
+
+defineMacro("\\thickspace", "\\;"); // \renewcommand{\!}{\tmspace-\thinmuskip{.1667em}}
+// TODO: math mode should use \thinmuskip
+
+defineMacro("\\!", "\\tmspace-{3mu}{.1667em}"); // \let\negthinspace\!
+
+defineMacro("\\negthinspace", "\\!"); // \newcommand{\negmedspace}{\tmspace-\medmuskip{.2222em}}
+// TODO: math mode should use \medmuskip
+
+defineMacro("\\negmedspace", "\\tmspace-{4mu}{.2222em}"); // \newcommand{\negthickspace}{\tmspace-\thickmuskip{.2777em}}
+// TODO: math mode should use \thickmuskip
+
+defineMacro("\\negthickspace", "\\tmspace-{5mu}{.277em}"); // \def\enspace{\kern.5em }
+
+defineMacro("\\enspace", "\\kern.5em "); // \def\enskip{\hskip.5em\relax}
+
+defineMacro("\\enskip", "\\hskip.5em\\relax"); // \def\quad{\hskip1em\relax}
+
+defineMacro("\\quad", "\\hskip1em\\relax"); // \def\qquad{\hskip2em\relax}
+
+defineMacro("\\qquad", "\\hskip2em\\relax"); // \tag@in@display form of \tag
+
+defineMacro("\\tag", "\\@ifstar\\tag@literal\\tag@paren");
+defineMacro("\\tag@paren", "\\tag@literal{({#1})}");
+defineMacro("\\tag@literal", function (context) {
+  if (context.macros.get("\\df@tag")) {
+    throw new src_ParseError("Multiple \\tag");
+  }
+
+  return "\\gdef\\df@tag{\\text{#1}}";
+}); // \renewcommand{\bmod}{\nonscript\mskip-\medmuskip\mkern5mu\mathbin
+//   {\operator@font mod}\penalty900
+//   \mkern5mu\nonscript\mskip-\medmuskip}
+// \newcommand{\pod}[1]{\allowbreak
+//   \if@display\mkern18mu\else\mkern8mu\fi(#1)}
+// \renewcommand{\pmod}[1]{\pod{{\operator@font mod}\mkern6mu#1}}
+// \newcommand{\mod}[1]{\allowbreak\if@display\mkern18mu
+//   \else\mkern12mu\fi{\operator@font mod}\,\,#1}
+// TODO: math mode should use \medmuskip = 4mu plus 2mu minus 4mu
+
+defineMacro("\\bmod", "\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}" + "\\mathbin{\\rm mod}" + "\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}");
+defineMacro("\\pod", "\\allowbreak" + "\\mathchoice{\\mkern18mu}{\\mkern8mu}{\\mkern8mu}{\\mkern8mu}(#1)");
+defineMacro("\\pmod", "\\pod{{\\rm mod}\\mkern6mu#1}");
+defineMacro("\\mod", "\\allowbreak" + "\\mathchoice{\\mkern18mu}{\\mkern12mu}{\\mkern12mu}{\\mkern12mu}" + "{\\rm mod}\\,\\,#1"); // \pmb    --   A simulation of bold.
+// The version in ambsy.sty works by typesetting three copies of the argument
+// with small offsets. We use two copies. We omit the vertical offset because
+// of rendering problems that makeVList encounters in Safari.
+
+defineMacro("\\pmb", "\\html@mathml{" + "\\@binrel{#1}{\\mathrlap{#1}\\kern0.5px#1}}" + "{\\mathbf{#1}}"); //////////////////////////////////////////////////////////////////////
+// LaTeX source2e
+// \\ defaults to \newline, but changes to \cr within array environment
+
+defineMacro("\\\\", "\\newline"); // \def\TeX{T\kern-.1667em\lower.5ex\hbox{E}\kern-.125emX\@}
+// TODO: Doesn't normally work in math mode because \@ fails.  KaTeX doesn't
+// support \@ yet, so that's omitted, and we add \text so that the result
+// doesn't look funny in math mode.
+
+defineMacro("\\TeX", "\\textrm{\\html@mathml{" + "T\\kern-.1667em\\raisebox{-.5ex}{E}\\kern-.125emX" + "}{TeX}}"); // \DeclareRobustCommand{\LaTeX}{L\kern-.36em%
+//         {\sbox\z@ T%
+//          \vbox to\ht\z@{\hbox{\check@mathfonts
+//                               \fontsize\sf@size\z@
+//                               \math@fontsfalse\selectfont
+//                               A}%
+//                         \vss}%
+//         }%
+//         \kern-.15em%
+//         \TeX}
+// This code aligns the top of the A with the T (from the perspective of TeX's
+// boxes, though visually the A appears to extend above slightly).
+// We compute the corresponding \raisebox when A is rendered in \normalsize
+// \scriptstyle, which has a scale factor of 0.7 (see Options.js).
+
+var latexRaiseA = fontMetricsData['Main-Regular']["T".charCodeAt(0)][1] - 0.7 * fontMetricsData['Main-Regular']["A".charCodeAt(0)][1] + "em";
+defineMacro("\\LaTeX", "\\textrm{\\html@mathml{" + ("L\\kern-.36em\\raisebox{" + latexRaiseA + "}{\\scriptstyle A}") + "\\kern-.15em\\TeX}{LaTeX}}"); // New KaTeX logo based on tweaking LaTeX logo
+
+defineMacro("\\KaTeX", "\\textrm{\\html@mathml{" + ("K\\kern-.17em\\raisebox{" + latexRaiseA + "}{\\scriptstyle A}") + "\\kern-.15em\\TeX}{KaTeX}}"); // \DeclareRobustCommand\hspace{\@ifstar\@hspacer\@hspace}
+// \def\@hspace#1{\hskip  #1\relax}
+// \def\@hspacer#1{\vrule \@width\z@\nobreak
+//                 \hskip #1\hskip \z@skip}
+
+defineMacro("\\hspace", "\\@ifstar\\@hspacer\\@hspace");
+defineMacro("\\@hspace", "\\hskip #1\\relax");
+defineMacro("\\@hspacer", "\\rule{0pt}{0pt}\\hskip #1\\relax"); //////////////////////////////////////////////////////////////////////
+// mathtools.sty
+//\providecommand\ordinarycolon{:}
+
+defineMacro("\\ordinarycolon", ":"); //\def\vcentcolon{\mathrel{\mathop\ordinarycolon}}
+//TODO(edemaine): Not yet centered. Fix via \raisebox or #726
+
+defineMacro("\\vcentcolon", "\\mathrel{\\mathop\\ordinarycolon}"); // \providecommand*\dblcolon{\vcentcolon\mathrel{\mkern-.9mu}\vcentcolon}
+
+defineMacro("\\dblcolon", "\\html@mathml{" + "\\mathrel{\\vcentcolon\\mathrel{\\mkern-.9mu}\\vcentcolon}}" + "{\\mathop{\\char\"2237}}"); // \providecommand*\coloneqq{\vcentcolon\mathrel{\mkern-1.2mu}=}
+
+defineMacro("\\coloneqq", "\\html@mathml{" + "\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}=}}" + "{\\mathop{\\char\"2254}}"); // ≔
+// \providecommand*\Coloneqq{\dblcolon\mathrel{\mkern-1.2mu}=}
+
+defineMacro("\\Coloneqq", "\\html@mathml{" + "\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}=}}" + "{\\mathop{\\char\"2237\\char\"3d}}"); // \providecommand*\coloneq{\vcentcolon\mathrel{\mkern-1.2mu}\mathrel{-}}
+
+defineMacro("\\coloneq", "\\html@mathml{" + "\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\mathrel{-}}}" + "{\\mathop{\\char\"3a\\char\"2212}}"); // \providecommand*\Coloneq{\dblcolon\mathrel{\mkern-1.2mu}\mathrel{-}}
+
+defineMacro("\\Coloneq", "\\html@mathml{" + "\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\mathrel{-}}}" + "{\\mathop{\\char\"2237\\char\"2212}}"); // \providecommand*\eqqcolon{=\mathrel{\mkern-1.2mu}\vcentcolon}
+
+defineMacro("\\eqqcolon", "\\html@mathml{" + "\\mathrel{=\\mathrel{\\mkern-1.2mu}\\vcentcolon}}" + "{\\mathop{\\char\"2255}}"); // ≕
+// \providecommand*\Eqqcolon{=\mathrel{\mkern-1.2mu}\dblcolon}
+
+defineMacro("\\Eqqcolon", "\\html@mathml{" + "\\mathrel{=\\mathrel{\\mkern-1.2mu}\\dblcolon}}" + "{\\mathop{\\char\"3d\\char\"2237}}"); // \providecommand*\eqcolon{\mathrel{-}\mathrel{\mkern-1.2mu}\vcentcolon}
+
+defineMacro("\\eqcolon", "\\html@mathml{" + "\\mathrel{\\mathrel{-}\\mathrel{\\mkern-1.2mu}\\vcentcolon}}" + "{\\mathop{\\char\"2239}}"); // \providecommand*\Eqcolon{\mathrel{-}\mathrel{\mkern-1.2mu}\dblcolon}
+
+defineMacro("\\Eqcolon", "\\html@mathml{" + "\\mathrel{\\mathrel{-}\\mathrel{\\mkern-1.2mu}\\dblcolon}}" + "{\\mathop{\\char\"2212\\char\"2237}}"); // \providecommand*\colonapprox{\vcentcolon\mathrel{\mkern-1.2mu}\approx}
+
+defineMacro("\\colonapprox", "\\html@mathml{" + "\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\approx}}" + "{\\mathop{\\char\"3a\\char\"2248}}"); // \providecommand*\Colonapprox{\dblcolon\mathrel{\mkern-1.2mu}\approx}
+
+defineMacro("\\Colonapprox", "\\html@mathml{" + "\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\approx}}" + "{\\mathop{\\char\"2237\\char\"2248}}"); // \providecommand*\colonsim{\vcentcolon\mathrel{\mkern-1.2mu}\sim}
+
+defineMacro("\\colonsim", "\\html@mathml{" + "\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\sim}}" + "{\\mathop{\\char\"3a\\char\"223c}}"); // \providecommand*\Colonsim{\dblcolon\mathrel{\mkern-1.2mu}\sim}
+
+defineMacro("\\Colonsim", "\\html@mathml{" + "\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\sim}}" + "{\\mathop{\\char\"2237\\char\"223c}}"); // Some Unicode characters are implemented with macros to mathtools functions.
+
+defineMacro("\u2237", "\\dblcolon"); // ::
+
+defineMacro("\u2239", "\\eqcolon"); // -:
+
+defineMacro("\u2254", "\\coloneqq"); // :=
+
+defineMacro("\u2255", "\\eqqcolon"); // =:
+
+defineMacro("\u2A74", "\\Coloneqq"); // ::=
+//////////////////////////////////////////////////////////////////////
+// colonequals.sty
+// Alternate names for mathtools's macros:
+
+defineMacro("\\ratio", "\\vcentcolon");
+defineMacro("\\coloncolon", "\\dblcolon");
+defineMacro("\\colonequals", "\\coloneqq");
+defineMacro("\\coloncolonequals", "\\Coloneqq");
+defineMacro("\\equalscolon", "\\eqqcolon");
+defineMacro("\\equalscoloncolon", "\\Eqqcolon");
+defineMacro("\\colonminus", "\\coloneq");
+defineMacro("\\coloncolonminus", "\\Coloneq");
+defineMacro("\\minuscolon", "\\eqcolon");
+defineMacro("\\minuscoloncolon", "\\Eqcolon"); // \colonapprox name is same in mathtools and colonequals.
+
+defineMacro("\\coloncolonapprox", "\\Colonapprox"); // \colonsim name is same in mathtools and colonequals.
+
+defineMacro("\\coloncolonsim", "\\Colonsim"); // Additional macros, implemented by analogy with mathtools definitions:
+
+defineMacro("\\simcolon", "\\mathrel{\\sim\\mathrel{\\mkern-1.2mu}\\vcentcolon}");
+defineMacro("\\simcoloncolon", "\\mathrel{\\sim\\mathrel{\\mkern-1.2mu}\\dblcolon}");
+defineMacro("\\approxcolon", "\\mathrel{\\approx\\mathrel{\\mkern-1.2mu}\\vcentcolon}");
+defineMacro("\\approxcoloncolon", "\\mathrel{\\approx\\mathrel{\\mkern-1.2mu}\\dblcolon}"); // Present in newtxmath, pxfonts and txfonts
+
+defineMacro("\\notni", "\\html@mathml{\\not\\ni}{\\mathrel{\\char`\u220C}}");
+defineMacro("\\limsup", "\\DOTSB\\operatorname*{lim\\,sup}");
+defineMacro("\\liminf", "\\DOTSB\\operatorname*{lim\\,inf}"); //////////////////////////////////////////////////////////////////////
+// MathML alternates for KaTeX glyphs in the Unicode private area
+
+defineMacro("\\gvertneqq", "\\html@mathml{\\@gvertneqq}{\u2269}");
+defineMacro("\\lvertneqq", "\\html@mathml{\\@lvertneqq}{\u2268}");
+defineMacro("\\ngeqq", "\\html@mathml{\\@ngeqq}{\u2271}");
+defineMacro("\\ngeqslant", "\\html@mathml{\\@ngeqslant}{\u2271}");
+defineMacro("\\nleqq", "\\html@mathml{\\@nleqq}{\u2270}");
+defineMacro("\\nleqslant", "\\html@mathml{\\@nleqslant}{\u2270}");
+defineMacro("\\nshortmid", "\\html@mathml{\\@nshortmid}{∤}");
+defineMacro("\\nshortparallel", "\\html@mathml{\\@nshortparallel}{∦}");
+defineMacro("\\nsubseteqq", "\\html@mathml{\\@nsubseteqq}{\u2288}");
+defineMacro("\\nsupseteqq", "\\html@mathml{\\@nsupseteqq}{\u2289}");
+defineMacro("\\varsubsetneq", "\\html@mathml{\\@varsubsetneq}{⊊}");
+defineMacro("\\varsubsetneqq", "\\html@mathml{\\@varsubsetneqq}{⫋}");
+defineMacro("\\varsupsetneq", "\\html@mathml{\\@varsupsetneq}{⊋}");
+defineMacro("\\varsupsetneqq", "\\html@mathml{\\@varsupsetneqq}{⫌}");
+defineMacro("\\imath", "\\html@mathml{\\@imath}{\u0131}");
+defineMacro("\\jmath", "\\html@mathml{\\@jmath}{\u0237}"); //////////////////////////////////////////////////////////////////////
+// stmaryrd and semantic
+// The stmaryrd and semantic packages render the next four items by calling a
+// glyph. Those glyphs do not exist in the KaTeX fonts. Hence the macros.
+
+defineMacro("\\llbracket", "\\html@mathml{" + "\\mathopen{[\\mkern-3.2mu[}}" + "{\\mathopen{\\char`\u27E6}}");
+defineMacro("\\rrbracket", "\\html@mathml{" + "\\mathclose{]\\mkern-3.2mu]}}" + "{\\mathclose{\\char`\u27E7}}");
+defineMacro("\u27E6", "\\llbracket"); // blackboard bold [
+
+defineMacro("\u27E7", "\\rrbracket"); // blackboard bold ]
+
+defineMacro("\\lBrace", "\\html@mathml{" + "\\mathopen{\\{\\mkern-3.2mu[}}" + "{\\mathopen{\\char`\u2983}}");
+defineMacro("\\rBrace", "\\html@mathml{" + "\\mathclose{]\\mkern-3.2mu\\}}}" + "{\\mathclose{\\char`\u2984}}");
+defineMacro("\u2983", "\\lBrace"); // blackboard bold {
+
+defineMacro("\u2984", "\\rBrace"); // blackboard bold }
+// TODO: Create variable sized versions of the last two items. I believe that
+// will require new font glyphs.
+// The stmaryrd function `\minuso` provides a "Plimsoll" symbol that
+// superimposes the characters \circ and \mathminus. Used in chemistry.
+
+defineMacro("\\minuso", "\\mathbin{\\html@mathml{" + "{\\mathrlap{\\mathchoice{\\kern{0.145em}}{\\kern{0.145em}}" + "{\\kern{0.1015em}}{\\kern{0.0725em}}\\circ}{-}}}" + "{\\char`⦵}}");
+defineMacro("⦵", "\\minuso"); //////////////////////////////////////////////////////////////////////
+// texvc.sty
+// The texvc package contains macros available in mediawiki pages.
+// We omit the functions deprecated at
+// https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Deprecated_syntax
+// We also omit texvc's \O, which conflicts with \text{\O}
+
+defineMacro("\\darr", "\\downarrow");
+defineMacro("\\dArr", "\\Downarrow");
+defineMacro("\\Darr", "\\Downarrow");
+defineMacro("\\lang", "\\langle");
+defineMacro("\\rang", "\\rangle");
+defineMacro("\\uarr", "\\uparrow");
+defineMacro("\\uArr", "\\Uparrow");
+defineMacro("\\Uarr", "\\Uparrow");
+defineMacro("\\N", "\\mathbb{N}");
+defineMacro("\\R", "\\mathbb{R}");
+defineMacro("\\Z", "\\mathbb{Z}");
+defineMacro("\\alef", "\\aleph");
+defineMacro("\\alefsym", "\\aleph");
+defineMacro("\\Alpha", "\\mathrm{A}");
+defineMacro("\\Beta", "\\mathrm{B}");
+defineMacro("\\bull", "\\bullet");
+defineMacro("\\Chi", "\\mathrm{X}");
+defineMacro("\\clubs", "\\clubsuit");
+defineMacro("\\cnums", "\\mathbb{C}");
+defineMacro("\\Complex", "\\mathbb{C}");
+defineMacro("\\Dagger", "\\ddagger");
+defineMacro("\\diamonds", "\\diamondsuit");
+defineMacro("\\empty", "\\emptyset");
+defineMacro("\\Epsilon", "\\mathrm{E}");
+defineMacro("\\Eta", "\\mathrm{H}");
+defineMacro("\\exist", "\\exists");
+defineMacro("\\harr", "\\leftrightarrow");
+defineMacro("\\hArr", "\\Leftrightarrow");
+defineMacro("\\Harr", "\\Leftrightarrow");
+defineMacro("\\hearts", "\\heartsuit");
+defineMacro("\\image", "\\Im");
+defineMacro("\\infin", "\\infty");
+defineMacro("\\Iota", "\\mathrm{I}");
+defineMacro("\\isin", "\\in");
+defineMacro("\\Kappa", "\\mathrm{K}");
+defineMacro("\\larr", "\\leftarrow");
+defineMacro("\\lArr", "\\Leftarrow");
+defineMacro("\\Larr", "\\Leftarrow");
+defineMacro("\\lrarr", "\\leftrightarrow");
+defineMacro("\\lrArr", "\\Leftrightarrow");
+defineMacro("\\Lrarr", "\\Leftrightarrow");
+defineMacro("\\Mu", "\\mathrm{M}");
+defineMacro("\\natnums", "\\mathbb{N}");
+defineMacro("\\Nu", "\\mathrm{N}");
+defineMacro("\\Omicron", "\\mathrm{O}");
+defineMacro("\\plusmn", "\\pm");
+defineMacro("\\rarr", "\\rightarrow");
+defineMacro("\\rArr", "\\Rightarrow");
+defineMacro("\\Rarr", "\\Rightarrow");
+defineMacro("\\real", "\\Re");
+defineMacro("\\reals", "\\mathbb{R}");
+defineMacro("\\Reals", "\\mathbb{R}");
+defineMacro("\\Rho", "\\mathrm{P}");
+defineMacro("\\sdot", "\\cdot");
+defineMacro("\\sect", "\\S");
+defineMacro("\\spades", "\\spadesuit");
+defineMacro("\\sub", "\\subset");
+defineMacro("\\sube", "\\subseteq");
+defineMacro("\\supe", "\\supseteq");
+defineMacro("\\Tau", "\\mathrm{T}");
+defineMacro("\\thetasym", "\\vartheta"); // TODO: defineMacro("\\varcoppa", "\\\mbox{\\coppa}");
+
+defineMacro("\\weierp", "\\wp");
+defineMacro("\\Zeta", "\\mathrm{Z}"); //////////////////////////////////////////////////////////////////////
+// statmath.sty
+// https://ctan.math.illinois.edu/macros/latex/contrib/statmath/statmath.pdf
+
+defineMacro("\\argmin", "\\DOTSB\\operatorname*{arg\\,min}");
+defineMacro("\\argmax", "\\DOTSB\\operatorname*{arg\\,max}");
+defineMacro("\\plim", "\\DOTSB\\mathop{\\operatorname{plim}}\\limits"); //////////////////////////////////////////////////////////////////////
+// braket.sty
+// http://ctan.math.washington.edu/tex-archive/macros/latex/contrib/braket/braket.pdf
+
+defineMacro("\\bra", "\\mathinner{\\langle{#1}|}");
+defineMacro("\\ket", "\\mathinner{|{#1}\\rangle}");
+defineMacro("\\braket", "\\mathinner{\\langle{#1}\\rangle}");
+defineMacro("\\Bra", "\\left\\langle#1\\right|");
+defineMacro("\\Ket", "\\left|#1\\right\\rangle"); // Custom Khan Academy colors, should be moved to an optional package
+
+defineMacro("\\blue", "\\textcolor{##6495ed}{#1}");
+defineMacro("\\orange", "\\textcolor{##ffa500}{#1}");
+defineMacro("\\pink", "\\textcolor{##ff00af}{#1}");
+defineMacro("\\red", "\\textcolor{##df0030}{#1}");
+defineMacro("\\green", "\\textcolor{##28ae7b}{#1}");
+defineMacro("\\gray", "\\textcolor{gray}{#1}");
+defineMacro("\\purple", "\\textcolor{##9d38bd}{#1}");
+defineMacro("\\blueA", "\\textcolor{##ccfaff}{#1}");
+defineMacro("\\blueB", "\\textcolor{##80f6ff}{#1}");
+defineMacro("\\blueC", "\\textcolor{##63d9ea}{#1}");
+defineMacro("\\blueD", "\\textcolor{##11accd}{#1}");
+defineMacro("\\blueE", "\\textcolor{##0c7f99}{#1}");
+defineMacro("\\tealA", "\\textcolor{##94fff5}{#1}");
+defineMacro("\\tealB", "\\textcolor{##26edd5}{#1}");
+defineMacro("\\tealC", "\\textcolor{##01d1c1}{#1}");
+defineMacro("\\tealD", "\\textcolor{##01a995}{#1}");
+defineMacro("\\tealE", "\\textcolor{##208170}{#1}");
+defineMacro("\\greenA", "\\textcolor{##b6ffb0}{#1}");
+defineMacro("\\greenB", "\\textcolor{##8af281}{#1}");
+defineMacro("\\greenC", "\\textcolor{##74cf70}{#1}");
+defineMacro("\\greenD", "\\textcolor{##1fab54}{#1}");
+defineMacro("\\greenE", "\\textcolor{##0d923f}{#1}");
+defineMacro("\\goldA", "\\textcolor{##ffd0a9}{#1}");
+defineMacro("\\goldB", "\\textcolor{##ffbb71}{#1}");
+defineMacro("\\goldC", "\\textcolor{##ff9c39}{#1}");
+defineMacro("\\goldD", "\\textcolor{##e07d10}{#1}");
+defineMacro("\\goldE", "\\textcolor{##a75a05}{#1}");
+defineMacro("\\redA", "\\textcolor{##fca9a9}{#1}");
+defineMacro("\\redB", "\\textcolor{##ff8482}{#1}");
+defineMacro("\\redC", "\\textcolor{##f9685d}{#1}");
+defineMacro("\\redD", "\\textcolor{##e84d39}{#1}");
+defineMacro("\\redE", "\\textcolor{##bc2612}{#1}");
+defineMacro("\\maroonA", "\\textcolor{##ffbde0}{#1}");
+defineMacro("\\maroonB", "\\textcolor{##ff92c6}{#1}");
+defineMacro("\\maroonC", "\\textcolor{##ed5fa6}{#1}");
+defineMacro("\\maroonD", "\\textcolor{##ca337c}{#1}");
+defineMacro("\\maroonE", "\\textcolor{##9e034e}{#1}");
+defineMacro("\\purpleA", "\\textcolor{##ddd7ff}{#1}");
+defineMacro("\\purpleB", "\\textcolor{##c6b9fc}{#1}");
+defineMacro("\\purpleC", "\\textcolor{##aa87ff}{#1}");
+defineMacro("\\purpleD", "\\textcolor{##7854ab}{#1}");
+defineMacro("\\purpleE", "\\textcolor{##543b78}{#1}");
+defineMacro("\\mintA", "\\textcolor{##f5f9e8}{#1}");
+defineMacro("\\mintB", "\\textcolor{##edf2df}{#1}");
+defineMacro("\\mintC", "\\textcolor{##e0e5cc}{#1}");
+defineMacro("\\grayA", "\\textcolor{##f6f7f7}{#1}");
+defineMacro("\\grayB", "\\textcolor{##f0f1f2}{#1}");
+defineMacro("\\grayC", "\\textcolor{##e3e5e6}{#1}");
+defineMacro("\\grayD", "\\textcolor{##d6d8da}{#1}");
+defineMacro("\\grayE", "\\textcolor{##babec2}{#1}");
+defineMacro("\\grayF", "\\textcolor{##888d93}{#1}");
+defineMacro("\\grayG", "\\textcolor{##626569}{#1}");
+defineMacro("\\grayH", "\\textcolor{##3b3e40}{#1}");
+defineMacro("\\grayI", "\\textcolor{##21242c}{#1}");
+defineMacro("\\kaBlue", "\\textcolor{##314453}{#1}");
+defineMacro("\\kaGreen", "\\textcolor{##71B307}{#1}");
+// CONCATENATED MODULE: ./src/MacroExpander.js
+/**
+ * This file contains the “gullet” where macros are expanded
+ * until only non-macro tokens remain.
+ */
+
+
+
+
+
+
+
+// List of commands that act like macros but aren't defined as a macro,
+// function, or symbol.  Used in `isDefined`.
+var implicitCommands = {
+  "\\relax": true,
+  // MacroExpander.js
+  "^": true,
+  // Parser.js
+  "_": true,
+  // Parser.js
+  "\\limits": true,
+  // Parser.js
+  "\\nolimits": true // Parser.js
+
+};
+
+var MacroExpander_MacroExpander =
+/*#__PURE__*/
+function () {
+  function MacroExpander(input, settings, mode) {
+    this.settings = void 0;
+    this.expansionCount = void 0;
+    this.lexer = void 0;
+    this.macros = void 0;
+    this.stack = void 0;
+    this.mode = void 0;
+    this.settings = settings;
+    this.expansionCount = 0;
+    this.feed(input); // Make new global namespace
+
+    this.macros = new Namespace_Namespace(macros, settings.macros);
+    this.mode = mode;
+    this.stack = []; // contains tokens in REVERSE order
+  }
+  /**
+   * Feed a new input string to the same MacroExpander
+   * (with existing macros etc.).
+   */
+
+
+  var _proto = MacroExpander.prototype;
+
+  _proto.feed = function feed(input) {
+    this.lexer = new Lexer_Lexer(input, this.settings);
+  }
+  /**
+   * Switches between "text" and "math" modes.
+   */
+  ;
+
+  _proto.switchMode = function switchMode(newMode) {
+    this.mode = newMode;
+  }
+  /**
+   * Start a new group nesting within all namespaces.
+   */
+  ;
+
+  _proto.beginGroup = function beginGroup() {
+    this.macros.beginGroup();
+  }
+  /**
+   * End current group nesting within all namespaces.
+   */
+  ;
+
+  _proto.endGroup = function endGroup() {
+    this.macros.endGroup();
+  }
+  /**
+   * Returns the topmost token on the stack, without expanding it.
+   * Similar in behavior to TeX's `\futurelet`.
+   */
+  ;
+
+  _proto.future = function future() {
+    if (this.stack.length === 0) {
+      this.pushToken(this.lexer.lex());
+    }
+
+    return this.stack[this.stack.length - 1];
+  }
+  /**
+   * Remove and return the next unexpanded token.
+   */
+  ;
+
+  _proto.popToken = function popToken() {
+    this.future(); // ensure non-empty stack
+
+    return this.stack.pop();
+  }
+  /**
+   * Add a given token to the token stack.  In particular, this get be used
+   * to put back a token returned from one of the other methods.
+   */
+  ;
+
+  _proto.pushToken = function pushToken(token) {
+    this.stack.push(token);
+  }
+  /**
+   * Append an array of tokens to the token stack.
+   */
+  ;
+
+  _proto.pushTokens = function pushTokens(tokens) {
+    var _this$stack;
+
+    (_this$stack = this.stack).push.apply(_this$stack, tokens);
+  }
+  /**
+   * Consume all following space tokens, without expansion.
+   */
+  ;
+
+  _proto.consumeSpaces = function consumeSpaces() {
+    for (;;) {
+      var token = this.future();
+
+      if (token.text === " ") {
+        this.stack.pop();
+      } else {
+        break;
+      }
+    }
+  }
+  /**
+   * Consume the specified number of arguments from the token stream,
+   * and return the resulting array of arguments.
+   */
+  ;
+
+  _proto.consumeArgs = function consumeArgs(numArgs) {
+    var args = []; // obtain arguments, either single token or balanced {…} group
+
+    for (var i = 0; i < numArgs; ++i) {
+      this.consumeSpaces(); // ignore spaces before each argument
+
+      var startOfArg = this.popToken();
+
+      if (startOfArg.text === "{") {
+        var arg = [];
+        var depth = 1;
+
+        while (depth !== 0) {
+          var tok = this.popToken();
+          arg.push(tok);
+
+          if (tok.text === "{") {
+            ++depth;
+          } else if (tok.text === "}") {
+            --depth;
+          } else if (tok.text === "EOF") {
+            throw new src_ParseError("End of input in macro argument", startOfArg);
+          }
+        }
+
+        arg.pop(); // remove last }
+
+        arg.reverse(); // like above, to fit in with stack order
+
+        args[i] = arg;
+      } else if (startOfArg.text === "EOF") {
+        throw new src_ParseError("End of input expecting macro argument");
+      } else {
+        args[i] = [startOfArg];
+      }
+    }
+
+    return args;
+  }
+  /**
+   * Expand the next token only once if possible.
+   *
+   * If the token is expanded, the resulting tokens will be pushed onto
+   * the stack in reverse order and will be returned as an array,
+   * also in reverse order.
+   *
+   * If not, the next token will be returned without removing it
+   * from the stack.  This case can be detected by a `Token` return value
+   * instead of an `Array` return value.
+   *
+   * In either case, the next token will be on the top of the stack,
+   * or the stack will be empty.
+   *
+   * Used to implement `expandAfterFuture` and `expandNextToken`.
+   *
+   * At the moment, macro expansion doesn't handle delimited macros,
+   * i.e. things like those defined by \def\foo#1\end{…}.
+   * See the TeX book page 202ff. for details on how those should behave.
+   *
+   * If expandableOnly, only expandable tokens are expanded and
+   * an undefined control sequence results in an error.
+   */
+  ;
+
+  _proto.expandOnce = function expandOnce(expandableOnly) {
+    var topToken = this.popToken();
+    var name = topToken.text;
+    var expansion = !topToken.noexpand ? this._getExpansion(name) : null;
+
+    if (expansion == null || expandableOnly && expansion.unexpandable) {
+      if (expandableOnly && expansion == null && name[0] === "\\" && !this.isDefined(name)) {
+        throw new src_ParseError("Undefined control sequence: " + name);
+      }
+
+      this.pushToken(topToken);
+      return topToken;
+    }
+
+    this.expansionCount++;
+
+    if (this.expansionCount > this.settings.maxExpand) {
+      throw new src_ParseError("Too many expansions: infinite loop or " + "need to increase maxExpand setting");
+    }
+
+    var tokens = expansion.tokens;
+
+    if (expansion.numArgs) {
+      var args = this.consumeArgs(expansion.numArgs); // paste arguments in place of the placeholders
+
+      tokens = tokens.slice(); // make a shallow copy
+
+      for (var i = tokens.length - 1; i >= 0; --i) {
+        var tok = tokens[i];
+
+        if (tok.text === "#") {
+          if (i === 0) {
+            throw new src_ParseError("Incomplete placeholder at end of macro body", tok);
+          }
+
+          tok = tokens[--i]; // next token on stack
+
+          if (tok.text === "#") {
+            // ## → #
+            tokens.splice(i + 1, 1); // drop first #
+          } else if (/^[1-9]$/.test(tok.text)) {
+            var _tokens;
+
+            // replace the placeholder with the indicated argument
+            (_tokens = tokens).splice.apply(_tokens, [i, 2].concat(args[+tok.text - 1]));
+          } else {
+            throw new src_ParseError("Not a valid argument number", tok);
+          }
+        }
+      }
+    } // Concatenate expansion onto top of stack.
+
+
+    this.pushTokens(tokens);
+    return tokens;
+  }
+  /**
+   * Expand the next token only once (if possible), and return the resulting
+   * top token on the stack (without removing anything from the stack).
+   * Similar in behavior to TeX's `\expandafter\futurelet`.
+   * Equivalent to expandOnce() followed by future().
+   */
+  ;
+
+  _proto.expandAfterFuture = function expandAfterFuture() {
+    this.expandOnce();
+    return this.future();
+  }
+  /**
+   * Recursively expand first token, then return first non-expandable token.
+   */
+  ;
+
+  _proto.expandNextToken = function expandNextToken() {
+    for (;;) {
+      var expanded = this.expandOnce(); // expandOnce returns Token if and only if it's fully expanded.
+
+      if (expanded instanceof Token_Token) {
+        // \relax stops the expansion, but shouldn't get returned (a
+        // null return value couldn't get implemented as a function).
+        // the token after \noexpand is interpreted as if its meaning
+        // were ‘\relax’
+        if (expanded.text === "\\relax" || expanded.treatAsRelax) {
+          this.stack.pop();
+        } else {
+          return this.stack.pop(); // === expanded
+        }
+      }
+    } // Flow unable to figure out that this pathway is impossible.
+    // https://github.com/facebook/flow/issues/4808
+
+
+    throw new Error(); // eslint-disable-line no-unreachable
+  }
+  /**
+   * Fully expand the given macro name and return the resulting list of
+   * tokens, or return `undefined` if no such macro is defined.
+   */
+  ;
+
+  _proto.expandMacro = function expandMacro(name) {
+    return this.macros.has(name) ? this.expandTokens([new Token_Token(name)]) : undefined;
+  }
+  /**
+   * Fully expand the given token stream and return the resulting list of tokens
+   */
+  ;
+
+  _proto.expandTokens = function expandTokens(tokens) {
+    var output = [];
+    var oldStackLength = this.stack.length;
+    this.pushTokens(tokens);
+
+    while (this.stack.length > oldStackLength) {
+      var expanded = this.expandOnce(true); // expand only expandable tokens
+      // expandOnce returns Token if and only if it's fully expanded.
+
+      if (expanded instanceof Token_Token) {
+        if (expanded.treatAsRelax) {
+          // the expansion of \noexpand is the token itself
+          expanded.noexpand = false;
+          expanded.treatAsRelax = false;
+        }
+
+        output.push(this.stack.pop());
+      }
+    }
+
+    return output;
+  }
+  /**
+   * Fully expand the given macro name and return the result as a string,
+   * or return `undefined` if no such macro is defined.
+   */
+  ;
+
+  _proto.expandMacroAsText = function expandMacroAsText(name) {
+    var tokens = this.expandMacro(name);
+
+    if (tokens) {
+      return tokens.map(function (token) {
+        return token.text;
+      }).join("");
+    } else {
+      return tokens;
+    }
+  }
+  /**
+   * Returns the expanded macro as a reversed array of tokens and a macro
+   * argument count.  Or returns `null` if no such macro.
+   */
+  ;
+
+  _proto._getExpansion = function _getExpansion(name) {
+    var definition = this.macros.get(name);
+
+    if (definition == null) {
+      // mainly checking for undefined here
+      return definition;
+    }
+
+    var expansion = typeof definition === "function" ? definition(this) : definition;
+
+    if (typeof expansion === "string") {
+      var numArgs = 0;
+
+      if (expansion.indexOf("#") !== -1) {
+        var stripped = expansion.replace(/##/g, "");
+
+        while (stripped.indexOf("#" + (numArgs + 1)) !== -1) {
+          ++numArgs;
+        }
+      }
+
+      var bodyLexer = new Lexer_Lexer(expansion, this.settings);
+      var tokens = [];
+      var tok = bodyLexer.lex();
+
+      while (tok.text !== "EOF") {
+        tokens.push(tok);
+        tok = bodyLexer.lex();
+      }
+
+      tokens.reverse(); // to fit in with stack using push and pop
+
+      var expanded = {
+        tokens: tokens,
+        numArgs: numArgs
+      };
+      return expanded;
+    }
+
+    return expansion;
+  }
+  /**
+   * Determine whether a command is currently "defined" (has some
+   * functionality), meaning that it's a macro (in the current group),
+   * a function, a symbol, or one of the special commands listed in
+   * `implicitCommands`.
+   */
+  ;
+
+  _proto.isDefined = function isDefined(name) {
+    return this.macros.has(name) || src_functions.hasOwnProperty(name) || src_symbols.math.hasOwnProperty(name) || src_symbols.text.hasOwnProperty(name) || implicitCommands.hasOwnProperty(name);
+  }
+  /**
+   * Determine whether a command is expandable.
+   */
+  ;
+
+  _proto.isExpandable = function isExpandable(name) {
+    var macro = this.macros.get(name);
+    return macro != null ? typeof macro === "string" || typeof macro === "function" || !macro.unexpandable // TODO(ylem): #2085
+    : src_functions.hasOwnProperty(name)
+    /* && !functions[name].primitive*/
+    ;
+  };
+
+  return MacroExpander;
+}();
+
+
+// CONCATENATED MODULE: ./src/Parser.js
+/* eslint no-constant-condition:0 */
+
+
+
+
+
+
+
+
+
+ // Pre-evaluate both modules as unicodeSymbols require String.normalize()
+
+var unicodeAccents = {
+  "́": {
+    "text": "\\'",
+    "math": "\\acute"
+  },
+  "̀": {
+    "text": "\\`",
+    "math": "\\grave"
+  },
+  "̈": {
+    "text": "\\\"",
+    "math": "\\ddot"
+  },
+  "̃": {
+    "text": "\\~",
+    "math": "\\tilde"
+  },
+  "̄": {
+    "text": "\\=",
+    "math": "\\bar"
+  },
+  "̆": {
+    "text": "\\u",
+    "math": "\\breve"
+  },
+  "̌": {
+    "text": "\\v",
+    "math": "\\check"
+  },
+  "̂": {
+    "text": "\\^",
+    "math": "\\hat"
+  },
+  "̇": {
+    "text": "\\.",
+    "math": "\\dot"
+  },
+  "̊": {
+    "text": "\\r",
+    "math": "\\mathring"
+  },
+  "̋": {
+    "text": "\\H"
+  }
+};
+var unicodeSymbols = {
+  "á": "á",
+  "à": "à",
+  "ä": "ä",
+  "ǟ": "ǟ",
+  "ã": "ã",
+  "ā": "ā",
+  "ă": "ă",
+  "ắ": "ắ",
+  "ằ": "ằ",
+  "ẵ": "ẵ",
+  "ǎ": "ǎ",
+  "â": "â",
+  "ấ": "ấ",
+  "ầ": "ầ",
+  "ẫ": "ẫ",
+  "ȧ": "ȧ",
+  "ǡ": "ǡ",
+  "å": "å",
+  "ǻ": "ǻ",
+  "ḃ": "ḃ",
+  "ć": "ć",
+  "č": "č",
+  "ĉ": "ĉ",
+  "ċ": "ċ",
+  "ď": "ď",
+  "ḋ": "ḋ",
+  "é": "é",
+  "è": "è",
+  "ë": "ë",
+  "ẽ": "ẽ",
+  "ē": "ē",
+  "ḗ": "ḗ",
+  "ḕ": "ḕ",
+  "ĕ": "ĕ",
+  "ě": "ě",
+  "ê": "ê",
+  "ế": "ế",
+  "ề": "ề",
+  "ễ": "ễ",
+  "ė": "ė",
+  "ḟ": "ḟ",
+  "ǵ": "ǵ",
+  "ḡ": "ḡ",
+  "ğ": "ğ",
+  "ǧ": "ǧ",
+  "ĝ": "ĝ",
+  "ġ": "ġ",
+  "ḧ": "ḧ",
+  "ȟ": "ȟ",
+  "ĥ": "ĥ",
+  "ḣ": "ḣ",
+  "í": "í",
+  "ì": "ì",
+  "ï": "ï",
+  "ḯ": "ḯ",
+  "ĩ": "ĩ",
+  "ī": "ī",
+  "ĭ": "ĭ",
+  "ǐ": "ǐ",
+  "î": "î",
+  "ǰ": "ǰ",
+  "ĵ": "ĵ",
+  "ḱ": "ḱ",
+  "ǩ": "ǩ",
+  "ĺ": "ĺ",
+  "ľ": "ľ",
+  "ḿ": "ḿ",
+  "ṁ": "ṁ",
+  "ń": "ń",
+  "ǹ": "ǹ",
+  "ñ": "ñ",
+  "ň": "ň",
+  "ṅ": "ṅ",
+  "ó": "ó",
+  "ò": "ò",
+  "ö": "ö",
+  "ȫ": "ȫ",
+  "õ": "õ",
+  "ṍ": "ṍ",
+  "ṏ": "ṏ",
+  "ȭ": "ȭ",
+  "ō": "ō",
+  "ṓ": "ṓ",
+  "ṑ": "ṑ",
+  "ŏ": "ŏ",
+  "ǒ": "ǒ",
+  "ô": "ô",
+  "ố": "ố",
+  "ồ": "ồ",
+  "ỗ": "ỗ",
+  "ȯ": "ȯ",
+  "ȱ": "ȱ",
+  "ő": "ő",
+  "ṕ": "ṕ",
+  "ṗ": "ṗ",
+  "ŕ": "ŕ",
+  "ř": "ř",
+  "ṙ": "ṙ",
+  "ś": "ś",
+  "ṥ": "ṥ",
+  "š": "š",
+  "ṧ": "ṧ",
+  "ŝ": "ŝ",
+  "ṡ": "ṡ",
+  "ẗ": "ẗ",
+  "ť": "ť",
+  "ṫ": "ṫ",
+  "ú": "ú",
+  "ù": "ù",
+  "ü": "ü",
+  "ǘ": "ǘ",
+  "ǜ": "ǜ",
+  "ǖ": "ǖ",
+  "ǚ": "ǚ",
+  "ũ": "ũ",
+  "ṹ": "ṹ",
+  "ū": "ū",
+  "ṻ": "ṻ",
+  "ŭ": "ŭ",
+  "ǔ": "ǔ",
+  "û": "û",
+  "ů": "ů",
+  "ű": "ű",
+  "ṽ": "ṽ",
+  "ẃ": "ẃ",
+  "ẁ": "ẁ",
+  "ẅ": "ẅ",
+  "ŵ": "ŵ",
+  "ẇ": "ẇ",
+  "ẘ": "ẘ",
+  "ẍ": "ẍ",
+  "ẋ": "ẋ",
+  "ý": "ý",
+  "ỳ": "ỳ",
+  "ÿ": "ÿ",
+  "ỹ": "ỹ",
+  "ȳ": "ȳ",
+  "ŷ": "ŷ",
+  "ẏ": "ẏ",
+  "ẙ": "ẙ",
+  "ź": "ź",
+  "ž": "ž",
+  "ẑ": "ẑ",
+  "ż": "ż",
+  "Á": "Á",
+  "À": "À",
+  "Ä": "Ä",
+  "Ǟ": "Ǟ",
+  "Ã": "Ã",
+  "Ā": "Ā",
+  "Ă": "Ă",
+  "Ắ": "Ắ",
+  "Ằ": "Ằ",
+  "Ẵ": "Ẵ",
+  "Ǎ": "Ǎ",
+  "Â": "Â",
+  "Ấ": "Ấ",
+  "Ầ": "Ầ",
+  "Ẫ": "Ẫ",
+  "Ȧ": "Ȧ",
+  "Ǡ": "Ǡ",
+  "Å": "Å",
+  "Ǻ": "Ǻ",
+  "Ḃ": "Ḃ",
+  "Ć": "Ć",
+  "Č": "Č",
+  "Ĉ": "Ĉ",
+  "Ċ": "Ċ",
+  "Ď": "Ď",
+  "Ḋ": "Ḋ",
+  "É": "É",
+  "È": "È",
+  "Ë": "Ë",
+  "Ẽ": "Ẽ",
+  "Ē": "Ē",
+  "Ḗ": "Ḗ",
+  "Ḕ": "Ḕ",
+  "Ĕ": "Ĕ",
+  "Ě": "Ě",
+  "Ê": "Ê",
+  "Ế": "Ế",
+  "Ề": "Ề",
+  "Ễ": "Ễ",
+  "Ė": "Ė",
+  "Ḟ": "Ḟ",
+  "Ǵ": "Ǵ",
+  "Ḡ": "Ḡ",
+  "Ğ": "Ğ",
+  "Ǧ": "Ǧ",
+  "Ĝ": "Ĝ",
+  "Ġ": "Ġ",
+  "Ḧ": "Ḧ",
+  "Ȟ": "Ȟ",
+  "Ĥ": "Ĥ",
+  "Ḣ": "Ḣ",
+  "Í": "Í",
+  "Ì": "Ì",
+  "Ï": "Ï",
+  "Ḯ": "Ḯ",
+  "Ĩ": "Ĩ",
+  "Ī": "Ī",
+  "Ĭ": "Ĭ",
+  "Ǐ": "Ǐ",
+  "Î": "Î",
+  "İ": "İ",
+  "Ĵ": "Ĵ",
+  "Ḱ": "Ḱ",
+  "Ǩ": "Ǩ",
+  "Ĺ": "Ĺ",
+  "Ľ": "Ľ",
+  "Ḿ": "Ḿ",
+  "Ṁ": "Ṁ",
+  "Ń": "Ń",
+  "Ǹ": "Ǹ",
+  "Ñ": "Ñ",
+  "Ň": "Ň",
+  "Ṅ": "Ṅ",
+  "Ó": "Ó",
+  "Ò": "Ò",
+  "Ö": "Ö",
+  "Ȫ": "Ȫ",
+  "Õ": "Õ",
+  "Ṍ": "Ṍ",
+  "Ṏ": "Ṏ",
+  "Ȭ": "Ȭ",
+  "Ō": "Ō",
+  "Ṓ": "Ṓ",
+  "Ṑ": "Ṑ",
+  "Ŏ": "Ŏ",
+  "Ǒ": "Ǒ",
+  "Ô": "Ô",
+  "Ố": "Ố",
+  "Ồ": "Ồ",
+  "Ỗ": "Ỗ",
+  "Ȯ": "Ȯ",
+  "Ȱ": "Ȱ",
+  "Ő": "Ő",
+  "Ṕ": "Ṕ",
+  "Ṗ": "Ṗ",
+  "Ŕ": "Ŕ",
+  "Ř": "Ř",
+  "Ṙ": "Ṙ",
+  "Ś": "Ś",
+  "Ṥ": "Ṥ",
+  "Š": "Š",
+  "Ṧ": "Ṧ",
+  "Ŝ": "Ŝ",
+  "Ṡ": "Ṡ",
+  "Ť": "Ť",
+  "Ṫ": "Ṫ",
+  "Ú": "Ú",
+  "Ù": "Ù",
+  "Ü": "Ü",
+  "Ǘ": "Ǘ",
+  "Ǜ": "Ǜ",
+  "Ǖ": "Ǖ",
+  "Ǚ": "Ǚ",
+  "Ũ": "Ũ",
+  "Ṹ": "Ṹ",
+  "Ū": "Ū",
+  "Ṻ": "Ṻ",
+  "Ŭ": "Ŭ",
+  "Ǔ": "Ǔ",
+  "Û": "Û",
+  "Ů": "Ů",
+  "Ű": "Ű",
+  "Ṽ": "Ṽ",
+  "Ẃ": "Ẃ",
+  "Ẁ": "Ẁ",
+  "Ẅ": "Ẅ",
+  "Ŵ": "Ŵ",
+  "Ẇ": "Ẇ",
+  "Ẍ": "Ẍ",
+  "Ẋ": "Ẋ",
+  "Ý": "Ý",
+  "Ỳ": "Ỳ",
+  "Ÿ": "Ÿ",
+  "Ỹ": "Ỹ",
+  "Ȳ": "Ȳ",
+  "Ŷ": "Ŷ",
+  "Ẏ": "Ẏ",
+  "Ź": "Ź",
+  "Ž": "Ž",
+  "Ẑ": "Ẑ",
+  "Ż": "Ż",
+  "ά": "ά",
+  "ὰ": "ὰ",
+  "ᾱ": "ᾱ",
+  "ᾰ": "ᾰ",
+  "έ": "έ",
+  "ὲ": "ὲ",
+  "ή": "ή",
+  "ὴ": "ὴ",
+  "ί": "ί",
+  "ὶ": "ὶ",
+  "ϊ": "ϊ",
+  "ΐ": "ΐ",
+  "ῒ": "ῒ",
+  "ῑ": "ῑ",
+  "ῐ": "ῐ",
+  "ό": "ό",
+  "ὸ": "ὸ",
+  "ύ": "ύ",
+  "ὺ": "ὺ",
+  "ϋ": "ϋ",
+  "ΰ": "ΰ",
+  "ῢ": "ῢ",
+  "ῡ": "ῡ",
+  "ῠ": "ῠ",
+  "ώ": "ώ",
+  "ὼ": "ὼ",
+  "Ύ": "Ύ",
+  "Ὺ": "Ὺ",
+  "Ϋ": "Ϋ",
+  "Ῡ": "Ῡ",
+  "Ῠ": "Ῠ",
+  "Ώ": "Ώ",
+  "Ὼ": "Ὼ"
+};
+
+/**
+ * This file contains the parser used to parse out a TeX expression from the
+ * input. Since TeX isn't context-free, standard parsers don't work particularly
+ * well.
+ *
+ * The strategy of this parser is as such:
+ *
+ * The main functions (the `.parse...` ones) take a position in the current
+ * parse string to parse tokens from. The lexer (found in Lexer.js, stored at
+ * this.gullet.lexer) also supports pulling out tokens at arbitrary places. When
+ * individual tokens are needed at a position, the lexer is called to pull out a
+ * token, which is then used.
+ *
+ * The parser has a property called "mode" indicating the mode that
+ * the parser is currently in. Currently it has to be one of "math" or
+ * "text", which denotes whether the current environment is a math-y
+ * one or a text-y one (e.g. inside \text). Currently, this serves to
+ * limit the functions which can be used in text mode.
+ *
+ * The main functions then return an object which contains the useful data that
+ * was parsed at its given point, and a new position at the end of the parsed
+ * data. The main functions can call each other and continue the parsing by
+ * using the returned position as a new starting point.
+ *
+ * There are also extra `.handle...` functions, which pull out some reused
+ * functionality into self-contained functions.
+ *
+ * The functions return ParseNodes.
+ */
+var Parser_Parser =
+/*#__PURE__*/
+function () {
+  function Parser(input, settings) {
+    this.mode = void 0;
+    this.gullet = void 0;
+    this.settings = void 0;
+    this.leftrightDepth = void 0;
+    this.nextToken = void 0;
+    // Start in math mode
+    this.mode = "math"; // Create a new macro expander (gullet) and (indirectly via that) also a
+    // new lexer (mouth) for this parser (stomach, in the language of TeX)
+
+    this.gullet = new MacroExpander_MacroExpander(input, settings, this.mode); // Store the settings for use in parsing
+
+    this.settings = settings; // Count leftright depth (for \middle errors)
+
+    this.leftrightDepth = 0;
+  }
+  /**
+   * Checks a result to make sure it has the right type, and throws an
+   * appropriate error otherwise.
+   */
+
+
+  var _proto = Parser.prototype;
+
+  _proto.expect = function expect(text, consume) {
+    if (consume === void 0) {
+      consume = true;
+    }
+
+    if (this.fetch().text !== text) {
+      throw new src_ParseError("Expected '" + text + "', got '" + this.fetch().text + "'", this.fetch());
+    }
+
+    if (consume) {
+      this.consume();
+    }
+  }
+  /**
+   * Discards the current lookahead token, considering it consumed.
+   */
+  ;
+
+  _proto.consume = function consume() {
+    this.nextToken = null;
+  }
+  /**
+   * Return the current lookahead token, or if there isn't one (at the
+   * beginning, or if the previous lookahead token was consume()d),
+   * fetch the next token as the new lookahead token and return it.
+   */
+  ;
+
+  _proto.fetch = function fetch() {
+    if (this.nextToken == null) {
+      this.nextToken = this.gullet.expandNextToken();
+    }
+
+    return this.nextToken;
+  }
+  /**
+   * Switches between "text" and "math" modes.
+   */
+  ;
+
+  _proto.switchMode = function switchMode(newMode) {
+    this.mode = newMode;
+    this.gullet.switchMode(newMode);
+  }
+  /**
+   * Main parsing function, which parses an entire input.
+   */
+  ;
+
+  _proto.parse = function parse() {
+    if (!this.settings.globalGroup) {
+      // Create a group namespace for the math expression.
+      // (LaTeX creates a new group for every $...$, $$...$$, \[...\].)
+      this.gullet.beginGroup();
+    } // Use old \color behavior (same as LaTeX's \textcolor) if requested.
+    // We do this within the group for the math expression, so it doesn't
+    // pollute settings.macros.
+
+
+    if (this.settings.colorIsTextColor) {
+      this.gullet.macros.set("\\color", "\\textcolor");
+    } // Try to parse the input
+
+
+    var parse = this.parseExpression(false); // If we succeeded, make sure there's an EOF at the end
+
+    this.expect("EOF"); // End the group namespace for the expression
+
+    if (!this.settings.globalGroup) {
+      this.gullet.endGroup();
+    }
+
+    return parse;
+  };
+
+  _proto.parseExpression = function parseExpression(breakOnInfix, breakOnTokenText) {
+    var body = []; // Keep adding atoms to the body until we can't parse any more atoms (either
+    // we reached the end, a }, or a \right)
+
+    while (true) {
+      // Ignore spaces in math mode
+      if (this.mode === "math") {
+        this.consumeSpaces();
+      }
+
+      var lex = this.fetch();
+
+      if (Parser.endOfExpression.indexOf(lex.text) !== -1) {
+        break;
+      }
+
+      if (breakOnTokenText && lex.text === breakOnTokenText) {
+        break;
+      }
+
+      if (breakOnInfix && src_functions[lex.text] && src_functions[lex.text].infix) {
+        break;
+      }
+
+      var atom = this.parseAtom(breakOnTokenText);
+
+      if (!atom) {
+        break;
+      } else if (atom.type === "internal") {
+        continue;
+      }
+
+      body.push(atom);
+    }
+
+    if (this.mode === "text") {
+      this.formLigatures(body);
+    }
+
+    return this.handleInfixNodes(body);
+  }
+  /**
+   * Rewrites infix operators such as \over with corresponding commands such
+   * as \frac.
+   *
+   * There can only be one infix operator per group.  If there's more than one
+   * then the expression is ambiguous.  This can be resolved by adding {}.
+   */
+  ;
+
+  _proto.handleInfixNodes = function handleInfixNodes(body) {
+    var overIndex = -1;
+    var funcName;
+
+    for (var i = 0; i < body.length; i++) {
+      if (body[i].type === "infix") {
+        if (overIndex !== -1) {
+          throw new src_ParseError("only one infix operator per group", body[i].token);
+        }
+
+        overIndex = i;
+        funcName = body[i].replaceWith;
+      }
+    }
+
+    if (overIndex !== -1 && funcName) {
+      var numerNode;
+      var denomNode;
+      var numerBody = body.slice(0, overIndex);
+      var denomBody = body.slice(overIndex + 1);
+
+      if (numerBody.length === 1 && numerBody[0].type === "ordgroup") {
+        numerNode = numerBody[0];
+      } else {
+        numerNode = {
+          type: "ordgroup",
+          mode: this.mode,
+          body: numerBody
+        };
+      }
+
+      if (denomBody.length === 1 && denomBody[0].type === "ordgroup") {
+        denomNode = denomBody[0];
+      } else {
+        denomNode = {
+          type: "ordgroup",
+          mode: this.mode,
+          body: denomBody
+        };
+      }
+
+      var node;
+
+      if (funcName === "\\\\abovefrac") {
+        node = this.callFunction(funcName, [numerNode, body[overIndex], denomNode], []);
+      } else {
+        node = this.callFunction(funcName, [numerNode, denomNode], []);
+      }
+
+      return [node];
+    } else {
+      return body;
+    }
+  } // The greediness of a superscript or subscript
+  ;
+
+  /**
+   * Handle a subscript or superscript with nice errors.
+   */
+  _proto.handleSupSubscript = function handleSupSubscript(name) {
+    var symbolToken = this.fetch();
+    var symbol = symbolToken.text;
+    this.consume();
+    var group = this.parseGroup(name, false, Parser.SUPSUB_GREEDINESS, undefined, undefined, true); // ignore spaces before sup/subscript argument
+
+    if (!group) {
+      throw new src_ParseError("Expected group after '" + symbol + "'", symbolToken);
+    }
+
+    return group;
+  }
+  /**
+   * Converts the textual input of an unsupported command into a text node
+   * contained within a color node whose color is determined by errorColor
+   */
+  ;
+
+  _proto.formatUnsupportedCmd = function formatUnsupportedCmd(text) {
+    var textordArray = [];
+
+    for (var i = 0; i < text.length; i++) {
+      textordArray.push({
+        type: "textord",
+        mode: "text",
+        text: text[i]
+      });
+    }
+
+    var textNode = {
+      type: "text",
+      mode: this.mode,
+      body: textordArray
+    };
+    var colorNode = {
+      type: "color",
+      mode: this.mode,
+      color: this.settings.errorColor,
+      body: [textNode]
+    };
+    return colorNode;
+  }
+  /**
+   * Parses a group with optional super/subscripts.
+   */
+  ;
+
+  _proto.parseAtom = function parseAtom(breakOnTokenText) {
+    // The body of an atom is an implicit group, so that things like
+    // \left(x\right)^2 work correctly.
+    var base = this.parseGroup("atom", false, null, breakOnTokenText); // In text mode, we don't have superscripts or subscripts
+
+    if (this.mode === "text") {
+      return base;
+    } // Note that base may be empty (i.e. null) at this point.
+
+
+    var superscript;
+    var subscript;
+
+    while (true) {
+      // Guaranteed in math mode, so eat any spaces first.
+      this.consumeSpaces(); // Lex the first token
+
+      var lex = this.fetch();
+
+      if (lex.text === "\\limits" || lex.text === "\\nolimits") {
+        // We got a limit control
+        if (base && base.type === "op") {
+          var limits = lex.text === "\\limits";
+          base.limits = limits;
+          base.alwaysHandleSupSub = true;
+        } else if (base && base.type === "operatorname" && base.alwaysHandleSupSub) {
+          var _limits = lex.text === "\\limits";
+
+          base.limits = _limits;
+        } else {
+          throw new src_ParseError("Limit controls must follow a math operator", lex);
+        }
+
+        this.consume();
+      } else if (lex.text === "^") {
+        // We got a superscript start
+        if (superscript) {
+          throw new src_ParseError("Double superscript", lex);
+        }
+
+        superscript = this.handleSupSubscript("superscript");
+      } else if (lex.text === "_") {
+        // We got a subscript start
+        if (subscript) {
+          throw new src_ParseError("Double subscript", lex);
+        }
+
+        subscript = this.handleSupSubscript("subscript");
+      } else if (lex.text === "'") {
+        // We got a prime
+        if (superscript) {
+          throw new src_ParseError("Double superscript", lex);
+        }
+
+        var prime = {
+          type: "textord",
+          mode: this.mode,
+          text: "\\prime"
+        }; // Many primes can be grouped together, so we handle this here
+
+        var primes = [prime];
+        this.consume(); // Keep lexing tokens until we get something that's not a prime
+
+        while (this.fetch().text === "'") {
+          // For each one, add another prime to the list
+          primes.push(prime);
+          this.consume();
+        } // If there's a superscript following the primes, combine that
+        // superscript in with the primes.
+
+
+        if (this.fetch().text === "^") {
+          primes.push(this.handleSupSubscript("superscript"));
+        } // Put everything into an ordgroup as the superscript
+
+
+        superscript = {
+          type: "ordgroup",
+          mode: this.mode,
+          body: primes
+        };
+      } else {
+        // If it wasn't ^, _, or ', stop parsing super/subscripts
+        break;
+      }
+    } // Base must be set if superscript or subscript are set per logic above,
+    // but need to check here for type check to pass.
+
+
+    if (superscript || subscript) {
+      // If we got either a superscript or subscript, create a supsub
+      return {
+        type: "supsub",
+        mode: this.mode,
+        base: base,
+        sup: superscript,
+        sub: subscript
+      };
+    } else {
+      // Otherwise return the original body
+      return base;
+    }
+  }
+  /**
+   * Parses an entire function, including its base and all of its arguments.
+   */
+  ;
+
+  _proto.parseFunction = function parseFunction(breakOnTokenText, name, // For error reporting.
+  greediness) {
+    var token = this.fetch();
+    var func = token.text;
+    var funcData = src_functions[func];
+
+    if (!funcData) {
+      return null;
+    }
+
+    this.consume(); // consume command token
+
+    if (greediness != null && funcData.greediness <= greediness) {
+      throw new src_ParseError("Got function '" + func + "' with no arguments" + (name ? " as " + name : ""), token);
+    } else if (this.mode === "text" && !funcData.allowedInText) {
+      throw new src_ParseError("Can't use function '" + func + "' in text mode", token);
+    } else if (this.mode === "math" && funcData.allowedInMath === false) {
+      throw new src_ParseError("Can't use function '" + func + "' in math mode", token);
+    }
+
+    var _this$parseArguments = this.parseArguments(func, funcData),
+        args = _this$parseArguments.args,
+        optArgs = _this$parseArguments.optArgs;
+
+    return this.callFunction(func, args, optArgs, token, breakOnTokenText);
+  }
+  /**
+   * Call a function handler with a suitable context and arguments.
+   */
+  ;
+
+  _proto.callFunction = function callFunction(name, args, optArgs, token, breakOnTokenText) {
+    var context = {
+      funcName: name,
+      parser: this,
+      token: token,
+      breakOnTokenText: breakOnTokenText
+    };
+    var func = src_functions[name];
+
+    if (func && func.handler) {
+      return func.handler(context, args, optArgs);
+    } else {
+      throw new src_ParseError("No function handler for " + name);
+    }
+  }
+  /**
+   * Parses the arguments of a function or environment
+   */
+  ;
+
+  _proto.parseArguments = function parseArguments(func, // Should look like "\name" or "\begin{name}".
+  funcData) {
+    var totalArgs = funcData.numArgs + funcData.numOptionalArgs;
+
+    if (totalArgs === 0) {
+      return {
+        args: [],
+        optArgs: []
+      };
+    }
+
+    var baseGreediness = funcData.greediness;
+    var args = [];
+    var optArgs = [];
+
+    for (var i = 0; i < totalArgs; i++) {
+      var argType = funcData.argTypes && funcData.argTypes[i];
+      var isOptional = i < funcData.numOptionalArgs; // Ignore spaces between arguments.  As the TeXbook says:
+      // "After you have said ‘\def\row#1#2{...}’, you are allowed to
+      //  put spaces between the arguments (e.g., ‘\row x n’), because
+      //  TeX doesn’t use single spaces as undelimited arguments."
+
+      var consumeSpaces = i > 0 && !isOptional || // Also consume leading spaces in math mode, as parseSymbol
+      // won't know what to do with them.  This can only happen with
+      // macros, e.g. \frac\foo\foo where \foo expands to a space symbol.
+      // In LaTeX, the \foo's get treated as (blank) arguments.
+      // In KaTeX, for now, both spaces will get consumed.
+      // TODO(edemaine)
+      i === 0 && !isOptional && this.mode === "math";
+      var arg = this.parseGroupOfType("argument to '" + func + "'", argType, isOptional, baseGreediness, consumeSpaces);
+
+      if (!arg) {
+        if (isOptional) {
+          optArgs.push(null);
+          continue;
+        }
+
+        throw new src_ParseError("Expected group after '" + func + "'", this.fetch());
+      }
+
+      (isOptional ? optArgs : args).push(arg);
+    }
+
+    return {
+      args: args,
+      optArgs: optArgs
+    };
+  }
+  /**
+   * Parses a group when the mode is changing.
+   */
+  ;
+
+  _proto.parseGroupOfType = function parseGroupOfType(name, type, optional, greediness, consumeSpaces) {
+    switch (type) {
+      case "color":
+        if (consumeSpaces) {
+          this.consumeSpaces();
+        }
+
+        return this.parseColorGroup(optional);
+
+      case "size":
+        if (consumeSpaces) {
+          this.consumeSpaces();
+        }
+
+        return this.parseSizeGroup(optional);
+
+      case "url":
+        return this.parseUrlGroup(optional, consumeSpaces);
+
+      case "math":
+      case "text":
+        return this.parseGroup(name, optional, greediness, undefined, type, consumeSpaces);
+
+      case "hbox":
+        {
+          // hbox argument type wraps the argument in the equivalent of
+          // \hbox, which is like \text but switching to \textstyle size.
+          var group = this.parseGroup(name, optional, greediness, undefined, "text", consumeSpaces);
+
+          if (!group) {
+            return group;
+          }
+
+          var styledGroup = {
+            type: "styling",
+            mode: group.mode,
+            body: [group],
+            style: "text" // simulate \textstyle
+
+          };
+          return styledGroup;
+        }
+
+      case "raw":
+        {
+          if (consumeSpaces) {
+            this.consumeSpaces();
+          }
+
+          if (optional && this.fetch().text === "{") {
+            return null;
+          }
+
+          var token = this.parseStringGroup("raw", optional, true);
+
+          if (token) {
+            return {
+              type: "raw",
+              mode: "text",
+              string: token.text
+            };
+          } else {
+            throw new src_ParseError("Expected raw group", this.fetch());
+          }
+        }
+
+      case "original":
+      case null:
+      case undefined:
+        return this.parseGroup(name, optional, greediness, undefined, undefined, consumeSpaces);
+
+      default:
+        throw new src_ParseError("Unknown group type as " + name, this.fetch());
+    }
+  }
+  /**
+   * Discard any space tokens, fetching the next non-space token.
+   */
+  ;
+
+  _proto.consumeSpaces = function consumeSpaces() {
+    while (this.fetch().text === " ") {
+      this.consume();
+    }
+  }
+  /**
+   * Parses a group, essentially returning the string formed by the
+   * brace-enclosed tokens plus some position information.
+   */
+  ;
+
+  _proto.parseStringGroup = function parseStringGroup(modeName, // Used to describe the mode in error messages.
+  optional, raw) {
+    var groupBegin = optional ? "[" : "{";
+    var groupEnd = optional ? "]" : "}";
+    var beginToken = this.fetch();
+
+    if (beginToken.text !== groupBegin) {
+      if (optional) {
+        return null;
+      } else if (raw && beginToken.text !== "EOF" && /[^{}[\]]/.test(beginToken.text)) {
+        this.consume();
+        return beginToken;
+      }
+    }
+
+    var outerMode = this.mode;
+    this.mode = "text";
+    this.expect(groupBegin);
+    var str = "";
+    var firstToken = this.fetch();
+    var nested = 0; // allow nested braces in raw string group
+
+    var lastToken = firstToken;
+    var nextToken;
+
+    while ((nextToken = this.fetch()).text !== groupEnd || raw && nested > 0) {
+      switch (nextToken.text) {
+        case "EOF":
+          throw new src_ParseError("Unexpected end of input in " + modeName, firstToken.range(lastToken, str));
+
+        case groupBegin:
+          nested++;
+          break;
+
+        case groupEnd:
+          nested--;
+          break;
+      }
+
+      lastToken = nextToken;
+      str += lastToken.text;
+      this.consume();
+    }
+
+    this.expect(groupEnd);
+    this.mode = outerMode;
+    return firstToken.range(lastToken, str);
+  }
+  /**
+   * Parses a regex-delimited group: the largest sequence of tokens
+   * whose concatenated strings match `regex`. Returns the string
+   * formed by the tokens plus some position information.
+   */
+  ;
+
+  _proto.parseRegexGroup = function parseRegexGroup(regex, modeName) {
+    var outerMode = this.mode;
+    this.mode = "text";
+    var firstToken = this.fetch();
+    var lastToken = firstToken;
+    var str = "";
+    var nextToken;
+
+    while ((nextToken = this.fetch()).text !== "EOF" && regex.test(str + nextToken.text)) {
+      lastToken = nextToken;
+      str += lastToken.text;
+      this.consume();
+    }
+
+    if (str === "") {
+      throw new src_ParseError("Invalid " + modeName + ": '" + firstToken.text + "'", firstToken);
+    }
+
+    this.mode = outerMode;
+    return firstToken.range(lastToken, str);
+  }
+  /**
+   * Parses a color description.
+   */
+  ;
+
+  _proto.parseColorGroup = function parseColorGroup(optional) {
+    var res = this.parseStringGroup("color", optional);
+
+    if (!res) {
+      return null;
+    }
+
+    var match = /^(#[a-f0-9]{3}|#?[a-f0-9]{6}|[a-z]+)$/i.exec(res.text);
+
+    if (!match) {
+      throw new src_ParseError("Invalid color: '" + res.text + "'", res);
+    }
+
+    var color = match[0];
+
+    if (/^[0-9a-f]{6}$/i.test(color)) {
+      // We allow a 6-digit HTML color spec without a leading "#".
+      // This follows the xcolor package's HTML color model.
+      // Predefined color names are all missed by this RegEx pattern.
+      color = "#" + color;
+    }
+
+    return {
+      type: "color-token",
+      mode: this.mode,
+      color: color
+    };
+  }
+  /**
+   * Parses a size specification, consisting of magnitude and unit.
+   */
+  ;
+
+  _proto.parseSizeGroup = function parseSizeGroup(optional) {
+    var res;
+    var isBlank = false;
+
+    if (!optional && this.fetch().text !== "{") {
+      res = this.parseRegexGroup(/^[-+]? *(?:$|\d+|\d+\.\d*|\.\d*) *[a-z]{0,2} *$/, "size");
+    } else {
+      res = this.parseStringGroup("size", optional);
+    }
+
+    if (!res) {
+      return null;
+    }
+
+    if (!optional && res.text.length === 0) {
+      // Because we've tested for what is !optional, this block won't
+      // affect \kern, \hspace, etc. It will capture the mandatory arguments
+      // to \genfrac and \above.
+      res.text = "0pt"; // Enable \above{}
+
+      isBlank = true; // This is here specifically for \genfrac
+    }
+
+    var match = /([-+]?) *(\d+(?:\.\d*)?|\.\d+) *([a-z]{2})/.exec(res.text);
+
+    if (!match) {
+      throw new src_ParseError("Invalid size: '" + res.text + "'", res);
+    }
+
+    var data = {
+      number: +(match[1] + match[2]),
+      // sign + magnitude, cast to number
+      unit: match[3]
+    };
+
+    if (!validUnit(data)) {
+      throw new src_ParseError("Invalid unit: '" + data.unit + "'", res);
+    }
+
+    return {
+      type: "size",
+      mode: this.mode,
+      value: data,
+      isBlank: isBlank
+    };
+  }
+  /**
+   * Parses an URL, checking escaped letters and allowed protocols,
+   * and setting the catcode of % as an active character (as in \hyperref).
+   */
+  ;
+
+  _proto.parseUrlGroup = function parseUrlGroup(optional, consumeSpaces) {
+    this.gullet.lexer.setCatcode("%", 13); // active character
+
+    var res = this.parseStringGroup("url", optional, true); // get raw string
+
+    this.gullet.lexer.setCatcode("%", 14); // comment character
+
+    if (!res) {
+      return null;
+    } // hyperref package allows backslashes alone in href, but doesn't
+    // generate valid links in such cases; we interpret this as
+    // "undefined" behaviour, and keep them as-is. Some browser will
+    // replace backslashes with forward slashes.
+
+
+    var url = res.text.replace(/\\([#$%&~_^{}])/g, '$1');
+    return {
+      type: "url",
+      mode: this.mode,
+      url: url
+    };
+  }
+  /**
+   * If `optional` is false or absent, this parses an ordinary group,
+   * which is either a single nucleus (like "x") or an expression
+   * in braces (like "{x+y}") or an implicit group, a group that starts
+   * at the current position, and ends right before a higher explicit
+   * group ends, or at EOF.
+   * If `optional` is true, it parses either a bracket-delimited expression
+   * (like "[x+y]") or returns null to indicate the absence of a
+   * bracket-enclosed group.
+   * If `mode` is present, switches to that mode while parsing the group,
+   * and switches back after.
+   */
+  ;
+
+  _proto.parseGroup = function parseGroup(name, // For error reporting.
+  optional, greediness, breakOnTokenText, mode, consumeSpaces) {
+    // Switch to specified mode
+    var outerMode = this.mode;
+
+    if (mode) {
+      this.switchMode(mode);
+    } // Consume spaces if requested, crucially *after* we switch modes,
+    // so that the next non-space token is parsed in the correct mode.
+
+
+    if (consumeSpaces) {
+      this.consumeSpaces();
+    } // Get first token
+
+
+    var firstToken = this.fetch();
+    var text = firstToken.text;
+    var result; // Try to parse an open brace or \begingroup
+
+    if (optional ? text === "[" : text === "{" || text === "\\begingroup") {
+      this.consume();
+      var groupEnd = Parser.endOfGroup[text]; // Start a new group namespace
+
+      this.gullet.beginGroup(); // If we get a brace, parse an expression
+
+      var expression = this.parseExpression(false, groupEnd);
+      var lastToken = this.fetch(); // Check that we got a matching closing brace
+
+      this.expect(groupEnd); // End group namespace
+
+      this.gullet.endGroup();
+      result = {
+        type: "ordgroup",
+        mode: this.mode,
+        loc: SourceLocation.range(firstToken, lastToken),
+        body: expression,
+        // A group formed by \begingroup...\endgroup is a semi-simple group
+        // which doesn't affect spacing in math mode, i.e., is transparent.
+        // https://tex.stackexchange.com/questions/1930/when-should-one-
+        // use-begingroup-instead-of-bgroup
+        semisimple: text === "\\begingroup" || undefined
+      };
+    } else if (optional) {
+      // Return nothing for an optional group
+      result = null;
+    } else {
+      // If there exists a function with this name, parse the function.
+      // Otherwise, just return a nucleus
+      result = this.parseFunction(breakOnTokenText, name, greediness) || this.parseSymbol();
+
+      if (result == null && text[0] === "\\" && !implicitCommands.hasOwnProperty(text)) {
+        if (this.settings.throwOnError) {
+          throw new src_ParseError("Undefined control sequence: " + text, firstToken);
+        }
+
+        result = this.formatUnsupportedCmd(text);
+        this.consume();
+      }
+    } // Switch mode back
+
+
+    if (mode) {
+      this.switchMode(outerMode);
+    }
+
+    return result;
+  }
+  /**
+   * Form ligature-like combinations of characters for text mode.
+   * This includes inputs like "--", "---", "``" and "''".
+   * The result will simply replace multiple textord nodes with a single
+   * character in each value by a single textord node having multiple
+   * characters in its value.  The representation is still ASCII source.
+   * The group will be modified in place.
+   */
+  ;
+
+  _proto.formLigatures = function formLigatures(group) {
+    var n = group.length - 1;
+
+    for (var i = 0; i < n; ++i) {
+      var a = group[i]; // $FlowFixMe: Not every node type has a `text` property.
+
+      var v = a.text;
+
+      if (v === "-" && group[i + 1].text === "-") {
+        if (i + 1 < n && group[i + 2].text === "-") {
+          group.splice(i, 3, {
+            type: "textord",
+            mode: "text",
+            loc: SourceLocation.range(a, group[i + 2]),
+            text: "---"
+          });
+          n -= 2;
+        } else {
+          group.splice(i, 2, {
+            type: "textord",
+            mode: "text",
+            loc: SourceLocation.range(a, group[i + 1]),
+            text: "--"
+          });
+          n -= 1;
+        }
+      }
+
+      if ((v === "'" || v === "`") && group[i + 1].text === v) {
+        group.splice(i, 2, {
+          type: "textord",
+          mode: "text",
+          loc: SourceLocation.range(a, group[i + 1]),
+          text: v + v
+        });
+        n -= 1;
+      }
+    }
+  }
+  /**
+   * Parse a single symbol out of the string. Here, we handle single character
+   * symbols and special functions like \verb.
+   */
+  ;
+
+  _proto.parseSymbol = function parseSymbol() {
+    var nucleus = this.fetch();
+    var text = nucleus.text;
+
+    if (/^\\verb[^a-zA-Z]/.test(text)) {
+      this.consume();
+      var arg = text.slice(5);
+      var star = arg.charAt(0) === "*";
+
+      if (star) {
+        arg = arg.slice(1);
+      } // Lexer's tokenRegex is constructed to always have matching
+      // first/last characters.
+
+
+      if (arg.length < 2 || arg.charAt(0) !== arg.slice(-1)) {
+        throw new src_ParseError("\\verb assertion failed --\n                    please report what input caused this bug");
+      }
+
+      arg = arg.slice(1, -1); // remove first and last char
+
+      return {
+        type: "verb",
+        mode: "text",
+        body: arg,
+        star: star
+      };
+    } // At this point, we should have a symbol, possibly with accents.
+    // First expand any accented base symbol according to unicodeSymbols.
+
+
+    if (unicodeSymbols.hasOwnProperty(text[0]) && !src_symbols[this.mode][text[0]]) {
+      // This behavior is not strict (XeTeX-compatible) in math mode.
+      if (this.settings.strict && this.mode === "math") {
+        this.settings.reportNonstrict("unicodeTextInMathMode", "Accented Unicode text character \"" + text[0] + "\" used in " + "math mode", nucleus);
+      }
+
+      text = unicodeSymbols[text[0]] + text.substr(1);
+    } // Strip off any combining characters
+
+
+    var match = combiningDiacriticalMarksEndRegex.exec(text);
+
+    if (match) {
+      text = text.substring(0, match.index);
+
+      if (text === 'i') {
+        text = "\u0131"; // dotless i, in math and text mode
+      } else if (text === 'j') {
+        text = "\u0237"; // dotless j, in math and text mode
+      }
+    } // Recognize base symbol
+
+
+    var symbol;
+
+    if (src_symbols[this.mode][text]) {
+      if (this.settings.strict && this.mode === 'math' && extraLatin.indexOf(text) >= 0) {
+        this.settings.reportNonstrict("unicodeTextInMathMode", "Latin-1/Unicode text character \"" + text[0] + "\" used in " + "math mode", nucleus);
+      }
+
+      var group = src_symbols[this.mode][text].group;
+      var loc = SourceLocation.range(nucleus);
+      var s;
+
+      if (ATOMS.hasOwnProperty(group)) {
+        // $FlowFixMe
+        var family = group;
+        s = {
+          type: "atom",
+          mode: this.mode,
+          family: family,
+          loc: loc,
+          text: text
+        };
+      } else {
+        // $FlowFixMe
+        s = {
+          type: group,
+          mode: this.mode,
+          loc: loc,
+          text: text
+        };
+      }
+
+      symbol = s;
+    } else if (text.charCodeAt(0) >= 0x80) {
+      // no symbol for e.g. ^
+      if (this.settings.strict) {
+        if (!supportedCodepoint(text.charCodeAt(0))) {
+          this.settings.reportNonstrict("unknownSymbol", "Unrecognized Unicode character \"" + text[0] + "\"" + (" (" + text.charCodeAt(0) + ")"), nucleus);
+        } else if (this.mode === "math") {
+          this.settings.reportNonstrict("unicodeTextInMathMode", "Unicode text character \"" + text[0] + "\" used in math mode", nucleus);
+        }
+      } // All nonmathematical Unicode characters are rendered as if they
+      // are in text mode (wrapped in \text) because that's what it
+      // takes to render them in LaTeX.  Setting `mode: this.mode` is
+      // another natural choice (the user requested math mode), but
+      // this makes it more difficult for getCharacterMetrics() to
+      // distinguish Unicode characters without metrics and those for
+      // which we want to simulate the letter M.
+
+
+      symbol = {
+        type: "textord",
+        mode: "text",
+        loc: SourceLocation.range(nucleus),
+        text: text
+      };
+    } else {
+      return null; // EOF, ^, _, {, }, etc.
+    }
+
+    this.consume(); // Transform combining characters into accents
+
+    if (match) {
+      for (var i = 0; i < match[0].length; i++) {
+        var accent = match[0][i];
+
+        if (!unicodeAccents[accent]) {
+          throw new src_ParseError("Unknown accent ' " + accent + "'", nucleus);
+        }
+
+        var command = unicodeAccents[accent][this.mode];
+
+        if (!command) {
+          throw new src_ParseError("Accent " + accent + " unsupported in " + this.mode + " mode", nucleus);
+        }
+
+        symbol = {
+          type: "accent",
+          mode: this.mode,
+          loc: SourceLocation.range(nucleus),
+          label: command,
+          isStretchy: false,
+          isShifty: true,
+          base: symbol
+        };
+      }
+    }
+
+    return symbol;
+  };
+
+  return Parser;
+}();
+
+Parser_Parser.endOfExpression = ["}", "\\endgroup", "\\end", "\\right", "&"];
+Parser_Parser.endOfGroup = {
+  "[": "]",
+  "{": "}",
+  "\\begingroup": "\\endgroup"
+  /**
+   * Parses an "expression", which is a list of atoms.
+   *
+   * `breakOnInfix`: Should the parsing stop when we hit infix nodes? This
+   *                 happens when functions have higher precendence han infix
+   *                 nodes in implicit parses.
+   *
+   * `breakOnTokenText`: The text of the token that the expression should end
+   *                     with, or `null` if something else should end the
+   *                     expression.
+   */
+
+};
+Parser_Parser.SUPSUB_GREEDINESS = 1;
+
+// CONCATENATED MODULE: ./src/parseTree.js
+/**
+ * Provides a single function for parsing an expression using a Parser
+ * TODO(emily): Remove this
+ */
+
+
+
+/**
+ * Parses an expression using a Parser, then returns the parsed result.
+ */
+var parseTree_parseTree = function parseTree(toParse, settings) {
+  if (!(typeof toParse === 'string' || toParse instanceof String)) {
+    throw new TypeError('KaTeX can only parse string typed expression');
+  }
+
+  var parser = new Parser_Parser(toParse, settings); // Blank out any \df@tag to avoid spurious "Duplicate \tag" errors
+
+  delete parser.gullet.macros.current["\\df@tag"];
+  var tree = parser.parse(); // If the input used \tag, it will set the \df@tag macro to the tag.
+  // In this case, we separately parse the tag and wrap the tree.
+
+  if (parser.gullet.macros.get("\\df@tag")) {
+    if (!settings.displayMode) {
+      throw new src_ParseError("\\tag works only in display equations");
+    }
+
+    parser.gullet.feed("\\df@tag");
+    tree = [{
+      type: "tag",
+      mode: "text",
+      body: tree,
+      tag: parser.parse()
+    }];
+  }
+
+  return tree;
+};
+
+/* harmony default export */ var src_parseTree = (parseTree_parseTree);
+// CONCATENATED MODULE: ./katex.js
+/* eslint no-console:0 */
+
+/**
+ * This is the main entry point for KaTeX. Here, we expose functions for
+ * rendering expressions either to DOM nodes or to markup strings.
+ *
+ * We also expose the ParseError class to check if errors thrown from KaTeX are
+ * errors in the expression, or errors in javascript handling.
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Parse and build an expression, and place that expression in the DOM node
+ * given.
+ */
+var katex_render = function render(expression, baseNode, options) {
+  baseNode.textContent = "";
+  var node = katex_renderToDomTree(expression, options).toNode();
+  baseNode.appendChild(node);
+}; // KaTeX's styles don't work properly in quirks mode. Print out an error, and
+// disable rendering.
+
+
+if (typeof document !== "undefined") {
+  if (document.compatMode !== "CSS1Compat") {
+    typeof console !== "undefined" && console.warn("Warning: KaTeX doesn't work in quirks mode. Make sure your " + "website has a suitable doctype.");
+
+    katex_render = function render() {
+      throw new src_ParseError("KaTeX doesn't work in quirks mode.");
+    };
+  }
+}
+/**
+ * Parse and build an expression, and return the markup for that.
+ */
+
+
+var renderToString = function renderToString(expression, options) {
+  var markup = katex_renderToDomTree(expression, options).toMarkup();
+  return markup;
+};
+/**
+ * Parse an expression and return the parse tree.
+ */
+
+
+var katex_generateParseTree = function generateParseTree(expression, options) {
+  var settings = new Settings_Settings(options);
+  return src_parseTree(expression, settings);
+};
+/**
+ * If the given error is a KaTeX ParseError and options.throwOnError is false,
+ * renders the invalid LaTeX as a span with hover title giving the KaTeX
+ * error message.  Otherwise, simply throws the error.
+ */
+
+
+var katex_renderError = function renderError(error, expression, options) {
+  if (options.throwOnError || !(error instanceof src_ParseError)) {
+    throw error;
+  }
+
+  var node = buildCommon.makeSpan(["katex-error"], [new domTree_SymbolNode(expression)]);
+  node.setAttribute("title", error.toString());
+  node.setAttribute("style", "color:" + options.errorColor);
+  return node;
+};
+/**
+ * Generates and returns the katex build tree. This is used for advanced
+ * use cases (like rendering to custom output).
+ */
+
+
+var katex_renderToDomTree = function renderToDomTree(expression, options) {
+  var settings = new Settings_Settings(options);
+
+  try {
+    var tree = src_parseTree(expression, settings);
+    return buildTree_buildTree(tree, expression, settings);
+  } catch (error) {
+    return katex_renderError(error, expression, settings);
+  }
+};
+/**
+ * Generates and returns the katex build tree, with just HTML (no MathML).
+ * This is used for advanced use cases (like rendering to custom output).
+ */
+
+
+var katex_renderToHTMLTree = function renderToHTMLTree(expression, options) {
+  var settings = new Settings_Settings(options);
+
+  try {
+    var tree = src_parseTree(expression, settings);
+    return buildTree_buildHTMLTree(tree, expression, settings);
+  } catch (error) {
+    return katex_renderError(error, expression, settings);
+  }
+};
+
+/* harmony default export */ var katex_0 = ({
+  /**
+   * Current KaTeX version
+   */
+  version: "0.12.0",
+
+  /**
+   * Renders the given LaTeX into an HTML+MathML combination, and adds
+   * it as a child to the specified DOM node.
+   */
+  render: katex_render,
+
+  /**
+   * Renders the given LaTeX into an HTML+MathML combination string,
+   * for sending to the client.
+   */
+  renderToString: renderToString,
+
+  /**
+   * KaTeX error, usually during parsing.
+   */
+  ParseError: src_ParseError,
+
+  /**
+   * Parses the given LaTeX into KaTeX's internal parse tree structure,
+   * without rendering to HTML or MathML.
+   *
+   * NOTE: This method is not currently recommended for public use.
+   * The internal tree representation is unstable and is very likely
+   * to change. Use at your own risk.
+   */
+  __parse: katex_generateParseTree,
+
+  /**
+   * Renders the given LaTeX into an HTML+MathML internal DOM tree
+   * representation, without flattening that representation to a string.
+   *
+   * NOTE: This method is not currently recommended for public use.
+   * The internal tree representation is unstable and is very likely
+   * to change. Use at your own risk.
+   */
+  __renderToDomTree: katex_renderToDomTree,
+
+  /**
+   * Renders the given LaTeX into an HTML internal DOM tree representation,
+   * without MathML and without flattening that representation to a string.
+   *
+   * NOTE: This method is not currently recommended for public use.
+   * The internal tree representation is unstable and is very likely
+   * to change. Use at your own risk.
+   */
+  __renderToHTMLTree: katex_renderToHTMLTree,
+
+  /**
+   * extends internal font metrics object with a new object
+   * each key in the new object represents a font name
+  */
+  __setFontMetrics: setFontMetrics,
+
+  /**
+   * adds a new symbol to builtin symbols table
+   */
+  __defineSymbol: defineSymbol,
+
+  /**
+   * adds a new macro to builtin macro list
+   */
+  __defineMacro: defineMacro,
+
+  /**
+   * Expose the dom tree node types, which can be useful for type checking nodes.
+   *
+   * NOTE: This method is not currently recommended for public use.
+   * The internal tree representation is unstable and is very likely
+   * to change. Use at your own risk.
+   */
+  __domTree: {
+    Span: domTree_Span,
+    Anchor: domTree_Anchor,
+    SymbolNode: domTree_SymbolNode,
+    SvgNode: SvgNode,
+    PathNode: domTree_PathNode,
+    LineNode: LineNode
+  }
+});
+// CONCATENATED MODULE: ./katex.webpack.js
+/**
+ * This is the webpack entry point for KaTeX. As ECMAScript, flow[1] and jest[2]
+ * doesn't support CSS modules natively, a separate entry point is used and
+ * it is not flowtyped.
+ *
+ * [1] https://gist.github.com/lambdahands/d19e0da96285b749f0ef
+ * [2] https://facebook.github.io/jest/docs/en/webpack.html
+ */
+
+
+/* harmony default export */ var katex_webpack = __webpack_exports__["default"] = (katex_0);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/public/page/1/index.html b/public/page/1/index.html
new file mode 100644
index 0000000..6926291
--- /dev/null
+++ b/public/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/</title><link rel="canonical" href="/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/" /></head></html>
\ No newline at end of file
diff --git a/public/page/2/index.html b/public/page/2/index.html
new file mode 100644
index 0000000..5db377b
--- /dev/null
+++ b/public/page/2/index.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+	<meta name="generator" content="Hugo 0.79.0" />
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>The Octet Press</title>
+  <meta name="description" content="Hi, I&#39;m n07070. This is my blog and homepage, where I post articles, art, code, links and more." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+
+    <main class="card-container side-gutter">
+      <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+      
+      
+      
+      
+      
+      
+      <a
+  href="/stories/across-town/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg">
+      <img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Across Town</h2>
+    <p class="card-text">As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-03">Jan 3, 2019</time></p>
+      <p>#English #Blog </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/un-mastodon-dans-le-cyber-espace/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Un Mastodon dans le cyber-espace</h2>
+    <p class="card-text">On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+      <p>#Blog #Fran%C3%A7ais </p>
+    </div>
+  </article>
+</a>
+<a
+  href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg">
+      <img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Hello World</h2>
+    <p class="card-text">I guess this is an obligatory first post ?</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
+      <p>#English </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    <nav class="pagination-nav side-padding">
+      <a href="/" class="pagination-newer pagination-text">&lt; Newer Posts</a>
+      
+    </nav>
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..dac2607
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  
+  <url>
+    <loc>/articles/</loc>
+    <lastmod>2020-09-01T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/categories/blog/</loc>
+    <lastmod>2020-09-01T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/categories/</loc>
+    <lastmod>2020-09-01T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/categories/fran%C3%A7ais/</loc>
+    <lastmod>2020-09-01T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/september/</loc>
+    <lastmod>2020-09-01T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/</loc>
+    <lastmod>2020-09-01T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/july/</loc>
+    <lastmod>2020-07-30T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/categories/english/</loc>
+    <lastmod>2020-07-30T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/a-case-for-the-importance-of-multiples-identites/</loc>
+    <lastmod>2019-07-01T00:00:01+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/june/</loc>
+    <lastmod>2019-06-30T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/may/</loc>
+    <lastmod>2019-06-03T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/april/</loc>
+    <lastmod>2019-05-03T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/march/</loc>
+    <lastmod>2019-04-02T13:37:42+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/zapatista-oventik-petite-ecole/</loc>
+    <lastmod>2019-03-11T20:00:00+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/categories/politique/</loc>
+    <lastmod>2019-03-11T20:00:00+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/febuary/</loc>
+    <lastmod>2019-02-28T08:25:20+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/cool-links/january/</loc>
+    <lastmod>2019-01-28T08:25:20+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/stories/across-town/</loc>
+    <lastmod>2019-01-03T18:27:07+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/stories/</loc>
+    <lastmod>2019-01-03T18:27:07+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/about-me/</loc>
+    <lastmod>2019-01-02T22:25:20+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/un-mastodon-dans-le-cyber-espace/</loc>
+    <lastmod>2019-01-02T21:00:00+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/articles/hello-world/</loc>
+    <lastmod>2019-01-02T00:00:00+00:00</lastmod>
+  </url>
+  
+  <url>
+    <loc>/tags/</loc>
+  </url>
+  
+</urlset>
diff --git a/public/stories/across-town/cover.jpg b/public/stories/across-town/cover.jpg
new file mode 100644
index 0000000..7a0237e
Binary files /dev/null and b/public/stories/across-town/cover.jpg differ
diff --git a/public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg b/public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..1c0ec34
Binary files /dev/null and b/public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg differ
diff --git a/public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg b/public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..612b94a
Binary files /dev/null and b/public/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg differ
diff --git a/public/stories/across-town/gardening.jpg b/public/stories/across-town/gardening.jpg
new file mode 100644
index 0000000..c864709
Binary files /dev/null and b/public/stories/across-town/gardening.jpg differ
diff --git a/public/stories/across-town/hydro.jpg b/public/stories/across-town/hydro.jpg
new file mode 100644
index 0000000..6b2ff8a
Binary files /dev/null and b/public/stories/across-town/hydro.jpg differ
diff --git a/public/stories/across-town/index.html b/public/stories/across-town/index.html
new file mode 100644
index 0000000..257483f
--- /dev/null
+++ b/public/stories/across-town/index.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Across Town &middot; The Octet Press</title>
+  <meta name="description" content="As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price." />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  
+  
+</head>
+
+
+  <body class="single-body">
+
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+
+    <main class="content side-text-padding">
+      <article class="post dropcase">
+        <header class="post-header">
+          <h1 class="post-title">Across Town</h1>
+          <p class="post-date">Posted <time datetime="2019-01-03">Jan 3, 2019</time></p>
+        </header>
+        <img src="static/img/cover.jpg" alt="">
+        <picture class="post-figure">
+          
+          
+          <source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg">
+          <img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg" >
+        </picture>
+        
+        <p>As I came out of The Green Fairy, my neighbordhood&rsquo;s associative coffee shop, I was hit by a ray of light, and needed to stop for a few seconds. I&rsquo;d spent the night drinking, some home-made beer a friend had been brewing for the past months, and let me tell you, it was one of the finest beer I had recently. The sweet aromas of orange and cinammon were very welcome, but now I had to pay their price.</p>
+<p>Thankfully, this coffe shop is my little retreat. It’s not really a coffe shop actually, every one that comes in takes turns in opening and taking care of it, but nobody will serve you here. You can find couches, a kitchen, and it’s up to you too make your food and stuff. I can stay there as long as I want, and usually just sit on a chair in the courtyard behind the building, listing to the birds sing, the sound of the water and people discussing around me. In winter, the brick walls stay dry and warm, birds come for refuge, chirping as the sun rises.</p>
+<p>Anyways, today I wasn’t able to stay all afternoon as I usually do. I needed to see my friend Jules. He had gathered with a few friends to reopen a old building downtown, and they where starting to put a hydroponic system in place to grow their own food. There first though was to connect to the water grid and use a pump to bring water, but we wanted a better and more autonomous system.</p>
+<p>During my time in France, I had the chance to come across a collective that wanted to open-source agriculture, and try to simplify the tech we use. I learned a few things about punching holes in PVC and bamboo pipes. But today, I was gonna be useful, even without a drill.</p>
+<p>When I was 5, my grand parents bought me and my sister a bike for christmas. It had litte wheels on the side, and I went around the house and the garden with a big smile. The day after, we went to the closest parc, and since then I haven’t come off my bike’s saddle.</p>
+<p>I started walking toward the docks, only a few minutes away. I left my bike there last night, cause I wasn’t really able to ride it, if you see what I mean. I turned left on Proudhon street, and I arrived in front of a big warehouse. You could see a huge painting on the facade : a bicycle wheel with plants and flowers growing around it, painted by a crew of local artists and squatters, a few years back. Behind a big door, Mike was waiting for me. Mike&rsquo;s a cool guy. He&rsquo;s part of a collective who lends small four-wheel bikes with trunks to move stuff around. The solar panels on the roof power the electric batteries, so even people that aren’t very strong can move their cats and dogs around in the city. While I was lost in my thoughts, Mike slid the door open in front of me.</p>
+<p>As I passed through the door, everybody went silent. Mike looked at me, eyes wide open, and stared for what felt like an eternity. He started laughing, laughing so hard that everybody followed, and I was dazzeld as to what was happening.</p>
+<blockquote>
+<p>“You didn’t take a shower last night did you ? ” He asked.</p>
+</blockquote>
+<blockquote>
+<p>“Well, no, I didn’t have time, why ? ”</p>
+</blockquote>
+<blockquote>
+<p>“Go look at yourself in the mirrow”, he said, in tears.</p>
+</blockquote>
+<p>Fuck. My friends drew a huge fish, right in the middle of my forhead, again. The’re getting better at drawing fish, I thought, as I was cleaning my face.</p>
+<p>Mike told me to come see him in the back of the warehouse as I was whiping off the last bits of ink. He had prepared my ride for the day. I had the black-and-white stripped trike ! It also had a big eye painted on the back, which I always found funny because it made me think of the way some butterflies have “eyes” on there wings to scare birds. We painted the eye to scare cars !</p>
+<blockquote>
+<p>“As always, you’ll need to bring it back and service it with Thapelo, they’ll be the one in charge this afternoon…”</p>
+</blockquote>
+<blockquote>
+<p>“No worries Mike, you know how I drive !”</p>
+</blockquote>
+<blockquote>
+<p>“Yes that’s what worries me…”</p>
+</blockquote>
+<p>I took the keys of the trike, and said goodbye to everyone. I pressed on the pedal as I started to roll.</p>
+<p>I left the docks with my trike, and decided to take the bike lanes on the side of the river. The trees shade most the ride from the sun, and delicatly brush in the wind. I always like to see people rowing and swim, now that the rivers are clean. I never though I would of seen that one day, but it took only three years to get clean, and fish have now started to come back.</p>
+<p>I followed the river until I got to the new communal center, made a turn, and rode further into the city. As I arrived near the 20th district market, I stopped, and parked by bike.</p>
+<p>I heard that a new bamboo pipe shippement had arrived, and I wanted to get a few for the hydroponics system. I also wanted to go see the gardener’s corner to get a few seeds and, if I could find it, a hop plant. I’ve got a projet brewing in my mind for that one.</p>
+<p><img src="https://n07070.xyz/img/across-town/market.jpg" alt="Art by www.liekeland.nl"></p>
+<p>The market in itself was in a huge hall, made of cast iron. It was all painted red, in rememberance of the blood people spilled building it at the time. It had a glass roof that provided a lot of sun all year round, and in the winter, big curtains of vibrant colors where put up during a small festival in the first week of november. Every family, collective and there friends make the curtains and restore the old one during the party, and at night it becomes a huge music-hall… I love this place, sometimes when I go through it, I can almost hear last year&rsquo;s music in the back of my head. I was arriving to the building section of the market.</p>
+<p>Indeed the bamboo pipes had arrived. I took a few, and asked if someone wanted to help me move them to my trike. A young person smoking a cigarette told me that they would be there in a minute. I offered to teach them how to make a herbal cigarette with minth and hazelnut leaves in exchange.</p>
+<p>Moving the pipes was the easy part. We just took each pipe on each side, and stacked them on the roof. I was wondering if the tryke could hold the weight, but what really worried me was hitting someone while turning. I guess a small red cloth will do the trick, <strong>I hope</strong>&hellip;</p>
+<p>Once the pipes where loaded, we sat down. I had a small bag of smoking herbs, and handed them a small batch. It was a 70% hazelnut and 30% minth mix, but I explained you could mix it to your taste. We shared a cigarette and went each our ways.</p>
+<p>Now, for the best part of my day : the gardener’s corner. It’s filled with the most exotic plants, and, among other things, you can find a few herborists that have some of the best teas to cure the worst hangovers. At the entrance, you can spot a big pot of boiling water, where you can make yourself tea. I went to exchange a usb key for a few herbs.</p>
+<p>I took my usual, and asked around for a hop plant. An old woman, who traveled half the world after feeling her home in rural East Asia told me about a Berliner that had a few plants she grew in her garden. My german wasn&rsquo;t that good, but I managed to update her computer in exchange for two hops and a morning glory.</p>
+<p>After loading all of that in my trike, I pedaled to the building my friends had opened. It was an old, grey building that was once home to a horrible police departement. When the last officer of the city gave his gun back, the bulding closed, and nobody wanted to do anything with it. Until recently. It wasn’t very welcoming, but flowers were starting to bloom all over it&hellip; The parking had been destroyed and upgraded to a garden. My morning glories where soon going to be climing all over the walls. Someone was playing guitar and children where learning how to make a wind turbine.</p>
+<p><img src="https://n07070.xyz/img/across-town/gardening.jpg" alt="Art by www.liekeland.nl"></p>
+<p>As I unloaded the pipes, Jules shouted at me from the roof : “There you are ! We thought that you got lost in the gardener’s market again !”</p>
+<p>“Not today ! Come help me bring all of this upstairs instead of standing in front of my sunshine !” I shouted back jockingly.</p>
+<p>Bringing the pipes up to the roof was not easy, even with ropes. They were pretty heavy, but they especially moved around so much that we nearly smashed a window. It took us the best of an hour.</p>
+<p>Once all of the pipes were on the roof, we started measuring them to fit the water irrigation system we designed. Two buildings next to ours had big tarpaulins that fed into pipes, that connected to a big water tank on our roof. The system could store quite a bit of water, which would be good enough for most of the year. From that tank, we needed to bring water to the different parts of the roof, and the different plants.</p>
+<p><img src="https://n07070.xyz/img/across-town/hydro.jpg" alt="A hydroponic system with pvc pipes"></p>
+<p>Naseem, a friend of Jules, had studied electric-less water control systems and came up with something truly ingenious : a small black glass contraption. When it&rsquo;s heated by the sun, it creates a void that pumps up water from the tank into a Pythagorean cup system. Gravity then pumps water by itself. It took me some time to understand exactly how it worked, it seemed like magic for me.</p>
+<p>When it’s raining, no need for water, and went it’s cold, it takes more time for water to evaporate, so it’s fool-proof year-round.</p>
+<p>The difficulty lied in calibrating the system, and that&rsquo;s what took most of the evening. It was interruped by a water battle and a few water bombs from the kids downstairs, but we fought back with water guns !</p>
+<p>As the sun went down, we started to feel tired. The sun had been shining all day, but the LEDs were now starting to turn on, and it was becoming harded to see what we where doing&hellip; I headed to the cellar where a few jars of grass, a welcoming present from the couple down the street. When I came back up, everybody had stopped working. I offered everybody to have a joint, and someone brought out a guitar. Why is there always a guitar ?! The barbecue was well under way, and everybody needed to rest a little before eating.</p>
+<p>I climed to the top of the water tank, and, as I was sparking up, I admired the sky, where the setting sun had drawn big orange strays.</p>
+
+      </article>
+    </main>
+    <nav class="end-nav side-padding">
+      
+    </nav>
+    <footer class="side-padding" >
+</footer>
+
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/stories/across-town/market.jpg b/public/stories/across-town/market.jpg
new file mode 100644
index 0000000..691862f
Binary files /dev/null and b/public/stories/across-town/market.jpg differ
diff --git a/public/stories/index.html b/public/stories/index.html
new file mode 100644
index 0000000..09ea7c7
--- /dev/null
+++ b/public/stories/index.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Stories &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/stories/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      <a
+  href="/stories/across-town/" class="card blog-card" rel="bookmark" >
+  
+  <div class="card-img-container">
+    <picture>
+      
+      
+      <source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg">
+      <img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" >
+    </picture>
+  </div>
+  <article class="card-body">
+    <h2 class="card-title">Across Town</h2>
+    <p class="card-text">As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</p>
+    <div class="card-subtext muted-text">
+      <p>Posted <time datetime="2019-01-03">Jan 3, 2019</time></p>
+      <p>#English #Blog </p>
+    </div>
+  </article>
+</a>
+
+    </main>
+    
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/stories/index.xml b/public/stories/index.xml
new file mode 100644
index 0000000..c34bc4d
--- /dev/null
+++ b/public/stories/index.xml
@@ -0,0 +1,21 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Stories - The Octet Press</title>
+    <link>/stories/</link>
+    <description>Recent content in Stories on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    <lastBuildDate>Thu, 03 Jan 2019 18:27:07 +0000</lastBuildDate>
+    
+        <atom:link href="/stories/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Across Town</title>
+      <link>/stories/across-town/</link>
+      <pubDate>Thu, 03 Jan 2019 18:27:07 +0000</pubDate>
+      
+      <guid>/stories/across-town/</guid>
+      <description>As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</description>
+    </item>
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/stories/page/1/index.html b/public/stories/page/1/index.html
new file mode 100644
index 0000000..1256ee6
--- /dev/null
+++ b/public/stories/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/stories/</title><link rel="canonical" href="/stories/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/stories/" /></head></html>
\ No newline at end of file
diff --git a/public/tags/index.html b/public/tags/index.html
new file mode 100644
index 0000000..24e14a9
--- /dev/null
+++ b/public/tags/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="fr-FR" dir="ltr">
+  <head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Tags &middot; The Octet Press</title>
+  <meta name="description" content="" />
+  <link href="/css/katex.css" rel="stylesheet">
+  
+  
+  
+  
+  <link href="/css/concated.min.css" rel="stylesheet">
+  <link rel="alternate" type="application/rss+xml" href="/tags/index.xml" title="The Octet Press" />
+  
+  
+</head>
+
+  <body class="list-body">
+    <nav class="nav-bar card-container">
+
+ <div class="card blog-card menu-container">
+     <h1 class="nav-header">
+         <a href="" class="nav-text">The Octect Press</a>
+     </h1>
+     <br>
+     <section id="menu">
+       <ul>
+           <li><a href="" class="">HOME</a></li>
+
+           <li><a href="/about-me/" class="">ABOUT ME</a></li>
+           
+           
+
+           <li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
+       </ul>
+       </section>
+ </div>
+</nav>
+
+    <main class="card-container side-gutter">
+      
+      
+      
+      
+      
+    </main>
+    
+    
+  <script defer src="/js/katex.js"></script>
+
+
+  <script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
+
+
+<script src="/js/core.min.js"></script>
+
+  </body>
+</html>
diff --git a/public/tags/index.xml b/public/tags/index.xml
new file mode 100644
index 0000000..02754dd
--- /dev/null
+++ b/public/tags/index.xml
@@ -0,0 +1,13 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Tags - The Octet Press</title>
+    <link>/tags/</link>
+    <description>Recent content in Tags on The Octet Press</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>fr-FR</language>
+    
+        <atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
+    
+    
+  </channel>
+</rss>
\ No newline at end of file
diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html
new file mode 100644
index 0000000..a1f4490
--- /dev/null
+++ b/public/tags/page/1/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>/tags/</title><link rel="canonical" href="/tags/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=/tags/" /></head></html>
\ No newline at end of file
diff --git a/resources/_gen/images/About Me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/About Me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f6437fd
Binary files /dev/null and b/resources/_gen/images/About Me/cover_huc20fadf20c0107975c4d767560791f2e_413487_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141737_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141737_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..55d92b3
Binary files /dev/null and b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141737_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141737_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141737_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..55d92b3
Binary files /dev/null and b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141737_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..55d92b3
Binary files /dev/null and b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..55d92b3
Binary files /dev/null and b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..06aed14
Binary files /dev/null and b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..06aed14
Binary files /dev/null and b/resources/_gen/images/Articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/April/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/April/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..21cbf69
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/April/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/April/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/April/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..21cbf69
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/April/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/April/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/April/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f4851cb
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/April/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/April/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/April/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..f4851cb
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/April/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/Febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..9850056
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/Febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..9850056
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/Febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..79c709e
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/Febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..79c709e
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/Febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/January/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/January/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f9f4041
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/January/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/January/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/January/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..eeff497
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/January/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/January/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/January/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..4ac7204
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/January/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/January/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/January/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..ef394d3
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/January/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/July/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/July/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..7bb7ca6
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/July/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/July/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/July/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..7bb7ca6
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/July/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/July/cover_huebd85963d99d275be846c45773bfbc85_625065_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/July/cover_huebd85963d99d275be846c45773bfbc85_625065_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..08cf311
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/July/cover_huebd85963d99d275be846c45773bfbc85_625065_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/July/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/July/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..08cf311
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/July/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/June/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/June/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..1456e7b
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/June/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/June/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/June/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..1456e7b
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/June/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/June/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/June/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..58d4ddc
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/June/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/June/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/June/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..58d4ddc
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/June/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/March/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/March/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..f9f4041
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/March/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/March/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/March/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..eeff497
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/March/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/March/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/March/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..4ac7204
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/March/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/March/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/March/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..ef394d3
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/March/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..1544e81
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..079ab67
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..932983a
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..3529be7
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/May/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/September/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/September/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..b6e1239
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/September/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/September/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/September/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..b6e1239
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/September/cover_hu2e0796bed803ab752204b19f415b3d04_448272_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/September/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/September/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..e923514
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/September/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/cool-links/September/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/cool-links/September/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..e923514
Binary files /dev/null and b/resources/_gen/images/Articles/cool-links/September/cover_hu4f41cc99fcd69ac98a97133e2182bdc7_99328_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..faeec18
Binary files /dev/null and b/resources/_gen/images/Articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..faeec18
Binary files /dev/null and b/resources/_gen/images/Articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..7a411d6
Binary files /dev/null and b/resources/_gen/images/Articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..7a411d6
Binary files /dev/null and b/resources/_gen/images/Articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/hello-world/cover_hue585f61b28a74a671118de43150c5d63_19115_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/hello-world/cover_hue585f61b28a74a671118de43150c5d63_19115_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..faeec18
Binary files /dev/null and b/resources/_gen/images/Articles/hello-world/cover_hue585f61b28a74a671118de43150c5d63_19115_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/hello-world/cover_hue585f61b28a74a671118de43150c5d63_19115_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/hello-world/cover_hue585f61b28a74a671118de43150c5d63_19115_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..faeec18
Binary files /dev/null and b/resources/_gen/images/Articles/hello-world/cover_hue585f61b28a74a671118de43150c5d63_19115_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..c0edaba
Binary files /dev/null and b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..c0edaba
Binary files /dev/null and b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..901bb66
Binary files /dev/null and b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..901bb66
Binary files /dev/null and b/resources/_gen/images/Articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..e442e30
Binary files /dev/null and b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..e442e30
Binary files /dev/null and b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hu3e4dad390650b6dc74ed2245c90c9ff5_478496_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_451337_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_451337_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..9703ce5
Binary files /dev/null and b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_451337_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_451337_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_451337_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..9703ce5
Binary files /dev/null and b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_451337_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..9703ce5
Binary files /dev/null and b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..9703ce5
Binary files /dev/null and b/resources/_gen/images/Articles/zapatista-oventik-petite-ecole/cover_hucf967c33f389130ab619766a81118218_456872_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..acaee4e
Binary files /dev/null and b/resources/_gen/images/Stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..8883715
Binary files /dev/null and b/resources/_gen/images/Stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..1c0ec34
Binary files /dev/null and b/resources/_gen/images/Stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..612b94a
Binary files /dev/null and b/resources/_gen/images/Stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Stories/across-town/cover_huf8711a75f3ad82b01b98888da855445c_531790_800x0_resize_q75_lanczos.jpg b/resources/_gen/images/Stories/across-town/cover_huf8711a75f3ad82b01b98888da855445c_531790_800x0_resize_q75_lanczos.jpg
new file mode 100644
index 0000000..09703e5
Binary files /dev/null and b/resources/_gen/images/Stories/across-town/cover_huf8711a75f3ad82b01b98888da855445c_531790_800x0_resize_q75_lanczos.jpg differ
diff --git a/resources/_gen/images/Stories/across-town/cover_huf8711a75f3ad82b01b98888da855445c_531790_800x600_fit_q75_lanczos.jpg b/resources/_gen/images/Stories/across-town/cover_huf8711a75f3ad82b01b98888da855445c_531790_800x600_fit_q75_lanczos.jpg
new file mode 100644
index 0000000..cd95321
Binary files /dev/null and b/resources/_gen/images/Stories/across-town/cover_huf8711a75f3ad82b01b98888da855445c_531790_800x600_fit_q75_lanczos.jpg differ
diff --git a/static/img/across-town/across-town.jpg b/static/img/across-town/across-town.jpg
new file mode 100644
index 0000000..7a0237e
Binary files /dev/null and b/static/img/across-town/across-town.jpg differ
diff --git a/static/img/across-town/gardening.jpg b/static/img/across-town/gardening.jpg
new file mode 100644
index 0000000..c864709
Binary files /dev/null and b/static/img/across-town/gardening.jpg differ
diff --git a/static/img/across-town/hydro.jpg b/static/img/across-town/hydro.jpg
new file mode 100644
index 0000000..6b2ff8a
Binary files /dev/null and b/static/img/across-town/hydro.jpg differ
diff --git a/static/img/across-town/market.jpg b/static/img/across-town/market.jpg
new file mode 100644
index 0000000..691862f
Binary files /dev/null and b/static/img/across-town/market.jpg differ
diff --git a/static/img/cool-links/cool_links.jpg b/static/img/cool-links/cool_links.jpg
new file mode 100644
index 0000000..a2835ce
Binary files /dev/null and b/static/img/cool-links/cool_links.jpg differ
diff --git a/static/img/cool-links/space-flower.jpg b/static/img/cool-links/space-flower.jpg
new file mode 100644
index 0000000..f78f4c6
Binary files /dev/null and b/static/img/cool-links/space-flower.jpg differ
diff --git a/static/img/cover.jpg b/static/img/cover.jpg
new file mode 100644
index 0000000..eac4831
Binary files /dev/null and b/static/img/cover.jpg differ
diff --git a/static/img/me.jpg b/static/img/me.jpg
new file mode 100644
index 0000000..a07e30b
Binary files /dev/null and b/static/img/me.jpg differ