don't use netlify lfs

Fix SSG and just commmands
fix images and font bold styles
2024-09-17 18:22:47 +02:00 · 2024-09-15 22:08:44 +02:00 · 2024-09-15 20:38:58 +02:00 · 2024-09-13 23:21:51 +02:00 · 2024-09-13 13:10:33 +02:00 · 2024-09-13 11:32:06 +02:00
70 changed files with 1779 additions and 284 deletions
--- a/_posts/blog/2023-08-29-i-built-my-3rd-custom-keyboard.md
+++ b/_posts/blog/2023-08-29-i-built-my-3rd-custom-keyboard.md
@ -60,7 +60,7 @@ Another customization is that while the shield is designed for a wired connectio
 > Tip: If you plan on using your keyboard with a desktop computer, you might want to consider a wired connection. BIOS boot up check will not pass without a physical connection to a keyboard. I have to have 2 keyboards on my desk now :( 

 | Item                                                  | Quantity    | Price   | Link                                                                                                               |
-| ----------------------------------------------------- | ----------- | ------- | ------------------------------------------------------------------------------------------------------------------ |
+| :---------------------------------------------------- | :---------- | ------: | ------------------------------------------------------------------------------------------------------------------ |
 | DSA Blank Keycaps                                     | 4           | 14 EUR  | [🛒](https://www.aliexpress.com/item/1005002587285218.html?spm=a2g0o.order_list.0.0.3e541802H3XiA6)                |
 | Brass Hot Melt Inset Nuts M4 X D6.0 X L5.0            | 6 of 50pcs  | 3 EUR   | [🛒](https://www.aliexpress.com/item/4000232925592.html?spm=a2g0o.order_list.order_list_main.43.6e0d1802Xk8ijl)    |
 | M4 * 8 Screws                                         | 6 of 100pcs | 3 ELR   | [🛒](https://www.aliexpress.com/item/32896139810.html?spm=a2g0o.order_list.order_list_main.38.6e0d1802Xk8ijl)      |
--- a/_posts/blog/dev-2019-08-09-ide-to
+++ b/_posts/blog/dev-2019-08-09-ide-to
@ -27,6 +27,16 @@ similis: caput te prodere disceditis: quinque: an et in, accipis divitior talia?
 Per deducit ademi, _sub_ qvem orbatura Pindo te manus verbaque **tuorum nati**
 vivere, an me detectique est. Decoram erat mediaque auras.

+`sh ./oneliner.sh`
+
+This is a paragraph with a `reference to code` inside.
+This is a paragraph with a `reference to code` inside.
+This is a paragraph with a `reference to code` inside.
+This is a paragraph with a `reference to code` inside.
+This is a paragraph with a `reference to code` inside.
+This is a paragraph with a `reference to code` inside.
+This is a paragraph with a `reference to code` inside.
+
 > Leti ensis mihi torquere fiducia me sunt nec prima caeli quaeras et coma
 > tinctis sibi; tua fidem aethera. Animosque ferret vultus puellari poteris
 > florilegae ignes crevisse ad pulvere recenti, luce male; neque nec!
@ -51,7 +61,7 @@ praemia pariter exaestuat fecerat. Haemonio quem: _in_ sibi spectans parmam,
 tetenderat filia ait quo calcitrat at vides, cui iuvenem rerum erat. Eminus
 flammas iamque.

-```typescript
+```ts
 var brouterVisualRecycle =
  netmaskExbibyteMac +
  download(twitter_serp_yobibyte, backlinkDirectBandwidth, hot)
@ -73,7 +83,7 @@ Erat Iunonis pennis lugubris, vixque nec quo tua lacrimarum nubila nobiscum.
 Ferrum inhaeret ille; operi in Theseus contingere fateri, mirabatur, consequar
 ullis, exuit fatemur humani iustis!

-```
+```js
 var mpeg_reader_modifier = jfs;
 if (318464 >= association_thunderbolt_bar) {
    copyrightMemoryWep.skinHeaderEmoticon =
--- a/_posts/blog/dev-2019-08-09-ide-to.md
+++ b/_posts/blog/dev-2019-08-09-ide-to.md
@ -7,7 +7,7 @@ segments:
  - cookbook
 published: true
 date: 2019-08-09T17:24:13.481Z
-thumbnail: /images/uploads/screenshot.gif
+#thumbnail: /images/uploads/screenshot.gif
 tags:
  - dev
 ---
--- a/axum_server/.lfsconfig-netlify
+++ b/axum_server/.lfsconfig-netlify
--- a/axum_server/Cargo.toml
+++ b/axum_server/Cargo.toml
@ -23,6 +23,7 @@ tracing-subscriber = { version = "0.3", features = ["env-filter"] }
 image = "0.25.2"
 anyhow = "1.0.86"
 rayon = "1.10.0"
+syntect = "5.2.0"

 [build]
 rustflags = ["-Z", "threads=8"]
--- a/axum_server/docs/cicd_pipeline.md
+++ b/axum_server/docs/cicd_pipeline.md
@ -0,0 +1,25 @@
+# CI/CD Pipeline
+
+Gitea server for production.
+
+Github actions for build and release.
+Release -> Publish.
+
+## Build step
+
+1. Compile project
+2. Run in production mode
+3. wget command to download and create a static site.
+  a) ensure every image is downloaded and created / we can create a cache mechanism to download images from previous build / save a ton of time
+4. Backup old version
+5. Publish new version
+
+
+## Development
+
+1. Build the project
+2. Wget cannot be run on dev server due to tower reload
+
+## TODO
+
+- Some weird links (Colemak)
--- a/axum_server/justfile
+++ b/axum_server/justfile
@ -52,9 +52,18 @@ kill:
 clean:
 	rm -rf dist

+# SSG
+ssg:
+	- wget --no-convert-links -r -p -E -P dist --no-host-directories 127.0.0.1:{{port}}
+	- wget -P dist/svg 127.0.0.1:{{port}}/svg/icons-sprite.svg
+  
+# Preview server
+preview:
+  npx http-server dist
+
 # SSG export of production server
 export: clean
 	just prod &
 	just wait_for_port
-	- wget --convert-links -r -p --level 1 -E -P dist --no-host-directories localhost:{{port}}
+	just ssg
 	just kill
--- a/axum_server/src/filters.rs
+++ b/axum_server/src/filters.rs
@ -8,10 +8,10 @@ pub fn pretty_date(date_time: &DateTime<Utc>) -> ::askama::Result<String> {
 }

 // This filter does not have extra arguments
-pub fn description_filter(body: &String) -> ::askama::Result<String> {
+pub fn description_filter(body: &str) -> ::askama::Result<String> {
    let description = body
        .lines()
-        .filter(|line| line.starts_with("<p"))
+        .filter(|line| line.starts_with("<p>"))
        .take(2)
        .collect::<Vec<&str>>()
        .join("\n");
--- a/axum_server/src/main.rs
+++ b/axum_server/src/main.rs
@ -31,6 +31,7 @@ async fn main() {
    let app = router::get_router()
        .nest_service("/styles", ServeDir::new("styles"))
        .nest_service("/images", ServeDir::new("../static/images"))
+        .nest_service("/fonts", ServeDir::new("../static/fonts"))
        .nest_service("/generated_images", ServeDir::new("generated_images"))
        .nest_service("/svg", ServeDir::new("../static/svg"))
        .nest_service(
@ -48,6 +49,14 @@ async fn main() {
    axum::serve(listener, app).await.unwrap();
 }

-// TODO Display blog posts
-// TODO responsive design
+// TODO Socials
+// TODO ul li article styles
+// TODO header height difference
+// - fotos
+// TODO Colors
+// TODO print css and other 404 css linked in base.html
 // TODO go live pipeline
+// TODO after release
+// - contact
+// - projects page
+// - linktree page
--- a/axum_server/src/pages/blog_post_list.rs
+++ b/axum_server/src/pages/blog_post_list.rs
@ -1,20 +1,27 @@
 use askama::Template;
 use axum::{extract::Path, http::StatusCode};
+use tokio::try_join;

 use crate::{
-    blog_posts::blog_post_model::{BlogPostMetadata, BLOG_POST_PATH},
+    blog_posts::{
+        blog_post_model::{BlogPostMetadata, BLOG_POST_PATH},
+        tag_list::get_popular_blog_tags,
+    },
    components::site_header::{HeaderProps, Link},
    filters,
    post_utils::{post_listing::get_post_list, post_parser::ParseResult},
+    projects::{featured_projects::get_featured_projects, project_model::ProjectMetadata},
 };

 #[derive(Template)]
-#[template(path = "post_list.html")]
+#[template(path = "blog_post_list.html")]
 pub struct PostListTemplate {
    pub title: String,
    pub posts: Vec<ParseResult<BlogPostMetadata>>,
    pub tag: Option<String>,
    pub header_props: HeaderProps,
+    pub blog_tags: Vec<String>,
+    pub featured_projects: Vec<ParseResult<ProjectMetadata>>,
 }

 pub async fn render_blog_post_list(
@ -23,7 +30,12 @@ pub async fn render_blog_post_list(
    // I will forget what happens here in a week. But essentially it's pattern matching and shadowing
    let tag = tag.map(|Path(tag)| tag);

-    let mut post_list = get_post_list::<BlogPostMetadata>(BLOG_POST_PATH).await?;
+    let (blog_tags, featured_projects, mut post_list) = try_join!(
+        get_popular_blog_tags(),
+        get_featured_projects(),
+        get_post_list::<BlogPostMetadata>(BLOG_POST_PATH)
+    )?;
+
    post_list.sort_by_key(|post| post.metadata.date);
    post_list.retain(|post| post.metadata.published);
    post_list.reverse();
@ -56,5 +68,7 @@ pub async fn render_blog_post_list(
        posts,
        tag,
        header_props,
+        blog_tags,
+        featured_projects,
    })
 }
--- a/axum_server/src/picture_generator/picture_markup_generator.rs
+++ b/axum_server/src/picture_generator/picture_markup_generator.rs
@ -27,7 +27,7 @@ pub fn generate_picture_markup(
    let dev_only_img_path =
        Path::new("../static/").join(orig_img_path.strip_prefix("/").unwrap_or(orig_img_path));

-    let orig_img_dimensions = image_dimensions(&dev_only_img_path).unwrap();
+    let orig_img_dimensions = image_dimensions(&dev_only_img_path)?;
    let resolutions = get_resolutions(orig_img_dimensions, width, height);

    let path_to_generated_arc = Arc::new(path_to_generated);
@ -234,8 +234,11 @@ fn get_export_formats(orig_img_path: &str) -> Vec<ExportFormat> {
        .and_then(|ext| ext.to_str());

    match path {
-        Some("jpg" | "jpeg") => vec![ExportFormat::Avif, ExportFormat::Jpeg],
-        Some("png") => vec![ExportFormat::Avif, ExportFormat::Png],
+        // THINK: Do we want to enable avif? It's very expensive to encode
+        // Some("jpg" | "jpeg") => vec![ExportFormat::Avif, ExportFormat::Jpeg],
+        // Some("png") => vec![ExportFormat::Avif, ExportFormat::Png],
+        Some("jpg" | "jpeg") => vec![ExportFormat::Jpeg],
+        Some("png") => vec![ExportFormat::Png],
        Some(_) | None => vec![],
    }
 }
--- a/axum_server/src/post_utils/post_parser.rs
+++ b/axum_server/src/post_utils/post_parser.rs
@ -4,8 +4,9 @@ use axum::http::StatusCode;
 use chrono::{DateTime, Utc};
 use gray_matter::{engine::YAML, Matter};
 use image::image_dimensions;
-use pulldown_cmark::{Event, Options, Parser, Tag, TagEnd};
+use pulldown_cmark::{CodeBlockKind, Event, Options, Parser, Tag, TagEnd};
 use serde::{de::DeserializeOwned, Deserialize, Deserializer};
+use syntect::{highlighting::ThemeSet, html::highlighted_html_for_string, parsing::SyntaxSet};
 use tokio::fs;
 use tracing::debug;

@ -13,7 +14,7 @@ use crate::picture_generator::{
    picture_markup_generator::generate_picture_markup, resolutions::get_max_resolution,
 };

-pub const MAX_BLOG_IMAGE_RESOLUTION: (u32, u32) = (1000, 800);
+pub const MAX_BLOG_IMAGE_RESOLUTION: (u32, u32) = (1280, 860);

 pub fn deserialize_date<'de, D>(deserializer: D) -> Result<DateTime<Utc>, D::Error>
 where
@ -68,6 +69,11 @@ pub async fn parse_post<'de, Metadata: DeserializeOwned>(
    })
 }

+enum TextKind {
+    Text,
+    Code(String),
+}
+
 pub fn parse_html(markdown: &str, generate_images: bool) -> String {
    let mut options = Options::empty();
    options.insert(Options::ENABLE_TABLES);
@ -77,6 +83,11 @@ pub fn parse_html(markdown: &str, generate_images: bool) -> String {
    options.insert(Options::ENABLE_SMART_PUNCTUATION);
    options.insert(Options::ENABLE_HEADING_ATTRIBUTES);

+    let mut text_kind = TextKind::Text;
+    let syntax_set = SyntaxSet::load_defaults_newlines();
+    let theme_set = ThemeSet::load_defaults();
+    let theme = theme_set.themes.get("InspiredGitHub").unwrap();
+
    let parser = Parser::new_ext(markdown, options).map(|event| match event {
        /*
        Parsing images considers `alt` attribute as inner `Text` event
@ -123,16 +134,6 @@ pub fn parse_html(markdown: &str, generate_images: bool) -> String {
                        alt = title,
                        src = dest_url,
                    ));
-            // let picture_markup = format!(
-            //     r#"
-            //             <img
-            //               alt="{alt}"
-            //               src="{src}"
-            //             />"#,
-            //     alt = title,
-            //     src = dest_url,
-            // );
-
            debug!(
                "Image link_type: {:?} url: {} title: {} id: {}",
                link_type, dest_url, title, id
@ -147,8 +148,34 @@ pub fn parse_html(markdown: &str, generate_images: bool) -> String {
                .into(),
            )
        }
+        Event::Start(Tag::CodeBlock(CodeBlockKind::Fenced(lang))) => {
+            text_kind = TextKind::Code(lang.to_string());
+            Event::Start(Tag::CodeBlock(CodeBlockKind::Fenced(lang)))
+        }
+        Event::Text(text) => match &text_kind {
+            TextKind::Code(lang) => {
+                // TODO Check https://github.com/trishume/syntect/pull/535 for typescript support
+                let lang = if ["ts".to_string(), "typescript".to_string()].contains(lang) {
+                    "javascript"
+                } else {
+                    lang
+                };
+                let syntax_reference = syntax_set
+                    .find_syntax_by_token(lang)
+                    .unwrap_or(syntax_set.find_syntax_plain_text());
+                let highlighted =
+                    highlighted_html_for_string(&text, &syntax_set, syntax_reference, theme)
+                        .unwrap();
+                Event::Html(highlighted.into())
+            }
+            _ => Event::Text(text),
+        },
        Event::Start(_) => event,
        Event::End(TagEnd::Image) => Event::Html("</figcaption></figure>".into()),
+        Event::End(TagEnd::CodeBlock) => {
+            text_kind = TextKind::Text;
+            Event::End(TagEnd::CodeBlock)
+        }
        _ => event,
    });

--- a/axum_server/styles/input.css
+++ b/axum_server/styles/input.css
@ -2,6 +2,72 @@
@tailwind components;
@tailwind utilities;

+@layer base {
+  @font-face {
+    font-family: 'Comfortaa';
+    font-style: normal;
+    font-display: swap;
+    font-weight: 300;
+    src:
+      local('Comfortaa Light'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Light.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Light.ttf) format('truetype');
+  }
+  @font-face {
+    font-family: 'Comfortaa';
+    font-style: normal;
+    font-display: swap;
+    font-weight: 400;
+    src:
+      local('Comfortaa Regular'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Regular.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Regular.ttf) format('truetype');
+  }
+  @font-face {
+    font-family: 'Comfortaa';
+    font-style: normal;
+    font-display: swap;
+    font-weight: 500;
+    src:
+      local('Comfortaa Medium'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Medium.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Medium.ttf) format('truetype');
+  }
+  @font-face {
+    font-family: 'Comfortaa';
+    font-style: normal;
+    font-display: swap;
+    font-weight: 600;
+    src:
+      local('Comfortaa SemiBold'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-SemiBold.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-SemiBold.ttf) format('truetype');
+  }
+  @font-face {
+    font-family: 'Comfortaa';
+    font-style: normal;
+    font-display: swap;
+    font-weight: 700;
+    src:
+      local('Comfortaa Bold'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Bold.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Bold.ttf) format('truetype');
+  }
+  @font-face {
+    font-family: 'Baloo2';
+    font-style: normal;
+    font-display: swap;
+    src:
+      local('Baloo2'),
+      url(/fonts/baloo2/Baloo2-VariableFont_wght.ttf) format('truetype');
+  }
+}
+
 a {
  @apply text-pink-600 underline underline-offset-2;

@ -12,32 +78,69 @@ a {

 .article-body {
  h1 {
-    @apply px-4 text-2xl text-blue-900 my-2;
+    @apply px-4 text-2xl font-semibold text-blue-900 mb-3 mt-4 max-w-read mx-auto md:text-4xl lg:text-5xl;
  }
  h2 {
-    @apply px-4 text-xl text-blue-900 my-2;
+    @apply px-4 text-xl font-semibold text-blue-900 mb-3 mt-4 max-w-read mx-auto md:text-2xl md:mb-6 md:mt-8 lg:mb-8 lg:mt-12 lg:text-4xl;
  }
  p {
-    @apply px-4 my-2;
+    @apply px-4 my-2 text-slate-950 text-justify mx-auto max-w-read md:text-lg md:my-8 lg:text-readxl;
+  }
+  strong {
+    @apply font-medium;
  }
  pre {
-    @apply p-4 my-1 overflow-auto text-sm;
+    @apply p-4 my-1 overflow-auto text-sm mx-auto max-w-read;
  }
  figure {
-    @apply m-4;
+    @apply p-4;

    img {
-      @apply rounded shadow-md;
+      @apply rounded shadow-md mx-auto lg:max-w-image;
    }
  }
  figcaption {
-    @apply mt-2 text-center text-sm italic text-blue-800;
+    @apply mt-2 text-center text-sm italic text-blue-800 md:text-base lg:text-lg;
  }
+
  table {
-    @apply m-2 overflow-auto text-sm;
+    @apply text-sm mx-auto my-4 max-w-image table-auto border-collapse border-spacing-12 border border-gray-200 rounded md:text-base lg:text-xl lg:my-8;
+  }
+
+  thead {
+    @apply bg-blue-100;
+  }
+
+  tbody {
+    @apply bg-slate-50;
+  }
+
+  td,
+  th {
+    @apply py-0.5 px-2 border-b md:py-2 md:px-5;
+  }
+
+  tr {
+    @apply even:bg-slate-100;
+  }
+
+  blockquote {
+    @apply mx-6 py-1 px-2 bg-pink-50 lg:mx-auto max-w-note border-l-4 border-pink-500;
+
+    p {
+      @apply my-2 md:my-4 text-slate-600 max-w-note;
+    }
+  }
+
+  :not(pre) code {
+    @apply text-pink-950 rounded border border-blue-300 px-1 py-0.5 bg-blue-100 text-sm md:text-base lg:text-xl;
+  }
+
+  pre code pre {
+    @apply mx-2 rounded lg:mx-auto lg:text-lg shadow-sm lg:max-w-note;
  }
 }

 .video-embed {
-  @apply m-4;
+  @apply m-4 mx-auto max-w-image aspect-video;
 }
--- a/axum_server/styles/output.css
+++ b/axum_server/styles/output.css
@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com
 */

 /*
@ -46,7 +46,7 @@ html,
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: Baloo2, Comfortaa, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
@ -446,6 +446,98 @@ video {
  display: none;
 }

+@font-face {
+  font-family: 'Comfortaa';
+
+  font-style: normal;
+
+  font-display: swap;
+
+  font-weight: 300;
+
+  src:
+      local('Comfortaa Light'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Light.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Light.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Comfortaa';
+
+  font-style: normal;
+
+  font-display: swap;
+
+  font-weight: 400;
+
+  src:
+      local('Comfortaa Regular'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Regular.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Regular.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Comfortaa';
+
+  font-style: normal;
+
+  font-display: swap;
+
+  font-weight: 500;
+
+  src:
+      local('Comfortaa Medium'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Medium.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Medium.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Comfortaa';
+
+  font-style: normal;
+
+  font-display: swap;
+
+  font-weight: 600;
+
+  src:
+      local('Comfortaa SemiBold'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-SemiBold.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-SemiBold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Comfortaa';
+
+  font-style: normal;
+
+  font-display: swap;
+
+  font-weight: 700;
+
+  src:
+      local('Comfortaa Bold'),
+      local('Comfortaa'),
+      url(/fonts/comfortaa/Comfortaa-Bold.woff2) format('woff2'),
+      url(/fonts/comfortaa/Comfortaa-Bold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Baloo2';
+
+  font-style: normal;
+
+  font-display: swap;
+
+  src:
+      local('Baloo2'),
+      url(/fonts/baloo2/Baloo2-VariableFont_wght.ttf) format('truetype');
+}
+
 *, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
@ -554,6 +646,10 @@ video {
  --tw-contain-style:  ;
 }

+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
 .row-span-3 {
  grid-row: span 3 / span 3;
 }
@ -599,9 +695,9 @@ video {
  margin-right: 1.5rem;
 }

-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
 }

 .my-2 {
@ -609,11 +705,6 @@ video {
  margin-bottom: 0.5rem;
 }

-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-
 .my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
@ -624,11 +715,6 @@ video {
  margin-bottom: 1.5rem;
 }

-.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-
 .mb-1 {
  margin-bottom: 0.25rem;
 }
@ -645,6 +731,10 @@ video {
  margin-bottom: 1.25rem;
 }

+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
 .mt-3 {
  margin-top: 0.75rem;
 }
@ -677,10 +767,6 @@ video {
  aspect-ratio: 16 / 9;
 }

-.h-0 {
-  height: 0px;
-}
-
 .h-12 {
  height: 3rem;
 }
@ -697,12 +783,8 @@ video {
  height: 1.75rem;
 }

-.h-10 {
-  height: 2.5rem;
-}
-
-.h-8 {
-  height: 2rem;
+.h-\[240px\] {
+  height: 240px;
 }

 .min-h-full {
@ -721,30 +803,43 @@ video {
  width: 1.75rem;
 }

+.w-\[180px\] {
+  width: 180px;
+}
+
 .w-full {
  width: 100%;
 }

+.max-w-maxindex {
+  max-width: 100rem;
+}
+
+.max-w-read {
+  max-width: 64rem;
+}
+
 .flex-grow {
  flex-grow: 1;
 }

+.-translate-y-1\.5 {
+  --tw-translate-y: -0.375rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .grid-flow-col {
  grid-auto-flow: column;
 }

-.grid-cols-\[1fr_2fr\] {
-  grid-template-columns: 1fr 2fr;
-}
-
-.grid-cols-\[min-content_1fr\] {
-  grid-template-columns: min-content 1fr;
-}
-
 .grid-cols-\[max-content_1fr\] {
  grid-template-columns: max-content 1fr;
 }

+.grid-rows-\[max-content_1fr_max-content\] {
+  grid-template-rows: max-content 1fr max-content;
+}
+
 .flex-row {
  flex-direction: row;
 }
@ -781,6 +876,10 @@ video {
  gap: 1rem;
 }

+.self-center {
+  align-self: center;
+}
+
 .overflow-hidden {
  overflow: hidden;
 }
@ -789,6 +888,10 @@ video {
  border-radius: 0.25rem;
 }

+.rounded-2xl {
+  border-radius: 1rem;
+}
+
 .rounded-full {
  border-radius: 9999px;
 }
@ -805,9 +908,8 @@ video {
  border-width: 2px;
 }

-.border-blue-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(191 219 254 / var(--tw-border-opacity));
+.border-4 {
+  border-width: 4px;
 }

 .border-blue-500 {
@ -820,16 +922,16 @@ video {
  border-color: rgb(23 37 84 / var(--tw-border-opacity));
 }

+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+}
+
 .bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
 }

-.bg-blue-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
-}
-
 .bg-pink-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
@ -870,11 +972,6 @@ video {
  padding-right: 1rem;
 }

-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-
 .py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
@ -892,6 +989,10 @@ video {
  text-align: right;
 }

+.text-justify {
+  text-align: justify;
+}
+
 .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
@ -907,6 +1008,11 @@ video {
  line-height: 2.5rem;
 }

+.text-8xl {
+  font-size: 6rem;
+  line-height: 1;
+}
+
 .text-base {
  font-size: 1rem;
  line-height: 1.5rem;
@ -955,16 +1061,16 @@ video {
  line-height: 1.25rem;
 }

+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
+
 .text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
 }

-.text-blue-800 {
-  --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity));
-}
-
 .text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
@ -990,6 +1096,11 @@ video {
  color: rgb(80 7 36 / var(--tw-text-opacity));
 }

+.text-slate-800 {
+  --tw-text-opacity: 1;
+  color: rgb(30 41 59 / var(--tw-text-opacity));
+}
+
 .no-underline {
  text-decoration-line: none;
 }
@ -999,10 +1110,6 @@ video {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }

-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@ -1029,8 +1136,17 @@ a {

 .article-body {
  h1 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  h1 {
+    margin-bottom: 0.75rem;
+  }
+  h1 {
+    margin-top: 1rem;
+  }
+  h1 {
+    max-width: 64rem;
  }
  h1 {
    padding-left: 1rem;
@ -1040,13 +1156,37 @@ a {
    font-size: 1.5rem;
    line-height: 2rem;
  }
+  h1 {
+    font-weight: 600;
+  }
  h1 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity));
  }
+  @media (min-width: 768px) {
+    h1 {
+      font-size: 2.25rem;
+      line-height: 2.5rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    h1 {
+      font-size: 3rem;
+      line-height: 1;
+    }
+  }
  h2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  h2 {
+    margin-bottom: 0.75rem;
+  }
+  h2 {
+    margin-top: 1rem;
+  }
+  h2 {
+    max-width: 64rem;
  }
  h2 {
    padding-left: 1rem;
@ -1056,22 +1196,101 @@ a {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
+  h2 {
+    font-weight: 600;
+  }
  h2 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity));
  }
+  @media (min-width: 768px) {
+    h2 {
+      margin-bottom: 1.5rem;
+    }
+  }
+  @media (min-width: 768px) {
+    h2 {
+      margin-top: 2rem;
+    }
+  }
+  @media (min-width: 768px) {
+    h2 {
+      font-size: 1.5rem;
+      line-height: 2rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    h2 {
+      margin-bottom: 2rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    h2 {
+      margin-top: 3rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    h2 {
+      font-size: 2.25rem;
+      line-height: 2.5rem;
+    }
+  }
  p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
+  p {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  p {
+    max-width: 64rem;
+  }
  p {
    padding-left: 1rem;
    padding-right: 1rem;
  }
+  p {
+    text-align: justify;
+  }
+  p {
+    --tw-text-opacity: 1;
+    color: rgb(2 6 23 / var(--tw-text-opacity));
+  }
+  @media (min-width: 768px) {
+    p {
+      margin-top: 2rem;
+      margin-bottom: 2rem;
+    }
+  }
+  @media (min-width: 768px) {
+    p {
+      font-size: 1.125rem;
+      line-height: 1.75rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    p {
+      font-size: 1.75rem;
+      line-height: 2.25rem;
+      letter-spacing: -0.015em;
+      font-weight: 400;
+    }
+  }
+  strong {
+    font-weight: 500;
+  }
  pre {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
+  pre {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  pre {
+    max-width: 64rem;
+  }
  pre {
    overflow: auto;
  }
@ -1083,9 +1302,13 @@ a {
    line-height: 1.25rem;
  }
  figure {
-    margin: 1rem;
+    padding: 1rem;
  }
  figure {
+    img {
+      margin-left: auto;
+      margin-right: auto;
+    }
    img {
      border-radius: 0.25rem;
    }
@ -1094,6 +1317,11 @@ a {
      --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
+    @media (min-width: 1024px) {
+      img {
+        max-width: min(70rem, 95vw);
+      }
+    }
  }
  figcaption {
    margin-top: 0.5rem;
@ -1112,23 +1340,403 @@ a {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
  }
-  table {
-    margin: 0.5rem;
+  @media (min-width: 768px) {
+    figcaption {
+      font-size: 1rem;
+      line-height: 1.5rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    figcaption {
+      font-size: 1.125rem;
+      line-height: 1.75rem;
+    }
  }
  table {
-    overflow: auto;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  table {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+  table {
+    max-width: min(70rem, 95vw);
+  }
+  table {
+    table-layout: auto;
+  }
+  table {
+    border-collapse: collapse;
+  }
+  table {
+    --tw-border-spacing-x: 3rem;
+    --tw-border-spacing-y: 3rem;
+    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+  }
+  table {
+    border-radius: 0.25rem;
+  }
+  table {
+    border-width: 1px;
+  }
+  table {
+    --tw-border-opacity: 1;
+    border-color: rgb(229 231 235 / var(--tw-border-opacity));
  }
  table {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
+  @media (min-width: 768px) {
+    table {
+      font-size: 1rem;
+      line-height: 1.5rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    table {
+      margin-top: 2rem;
+      margin-bottom: 2rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    table {
+      font-size: 1.25rem;
+      line-height: 1.75rem;
+    }
+  }
+  thead {
+    --tw-bg-opacity: 1;
+    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+  }
+  tbody {
+    --tw-bg-opacity: 1;
+    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+  }
+  td,
+  th {
+    border-bottom-width: 1px;
+  }
+  td,
+  th {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+  td,
+  th {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  @media (min-width: 768px) {
+    td,
+  th {
+      padding-top: 0.5rem;
+      padding-bottom: 0.5rem;
+    }
+  }
+  @media (min-width: 768px) {
+    td,
+  th {
+      padding-left: 1.25rem;
+      padding-right: 1.25rem;
+    }
+  }
+  tr:nth-child(even) {
+    --tw-bg-opacity: 1;
+    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+  }
+  blockquote {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+  blockquote {
+    max-width: 60rem;
+  }
+  blockquote {
+    border-left-width: 4px;
+  }
+  blockquote {
+    --tw-border-opacity: 1;
+    border-color: rgb(236 72 153 / var(--tw-border-opacity));
+  }
+  blockquote {
+    --tw-bg-opacity: 1;
+    background-color: rgb(253 242 248 / var(--tw-bg-opacity));
+  }
+  blockquote {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  blockquote {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+  @media (min-width: 1024px) {
+    blockquote {
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+  blockquote {
+    p {
+      margin-top: 0.5rem;
+      margin-bottom: 0.5rem;
+    }
+    p {
+      max-width: 60rem;
+    }
+    p {
+      --tw-text-opacity: 1;
+      color: rgb(71 85 105 / var(--tw-text-opacity));
+    }
+    @media (min-width: 768px) {
+      p {
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+    }
+  }
+  :not(pre) code {
+    border-radius: 0.25rem;
+  }
+  :not(pre) code {
+    border-width: 1px;
+  }
+  :not(pre) code {
+    --tw-border-opacity: 1;
+    border-color: rgb(147 197 253 / var(--tw-border-opacity));
+  }
+  :not(pre) code {
+    --tw-bg-opacity: 1;
+    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+  }
+  :not(pre) code {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  :not(pre) code {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+  :not(pre) code {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+  :not(pre) code {
+    --tw-text-opacity: 1;
+    color: rgb(80 7 36 / var(--tw-text-opacity));
+  }
+  @media (min-width: 768px) {
+    :not(pre) code {
+      font-size: 1rem;
+      line-height: 1.5rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    :not(pre) code {
+      font-size: 1.25rem;
+      line-height: 1.75rem;
+    }
+  }
+  pre code pre {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+  pre code pre {
+    border-radius: 0.25rem;
+  }
+  pre code pre {
+    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+  @media (min-width: 1024px) {
+    pre code pre {
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+  @media (min-width: 1024px) {
+    pre code pre {
+      max-width: 60rem;
+    }
+  }
+  @media (min-width: 1024px) {
+    pre code pre {
+      font-size: 1.125rem;
+      line-height: 1.75rem;
+    }
+  }
 }

 .video-embed {
  margin: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+  aspect-ratio: 16 / 9;
+  max-width: min(70rem, 95vw);
 }

 .hover\:bg-pink-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
 }
+
+@media (min-width: 768px) {
+  .md\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .md\:grid {
+    display: grid;
+  }
+
+  .md\:h-16 {
+    height: 4rem;
+  }
+
+  .md\:w-16 {
+    width: 4rem;
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-\[masonry\] {
+    grid-template-rows: masonry;
+  }
+
+  .md\:items-stretch {
+    align-items: stretch;
+  }
+
+  .md\:justify-stretch {
+    justify-content: stretch;
+  }
+
+  .md\:gap-x-8 {
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+  }
+
+  .md\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .md\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .md\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .md\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .lg\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .lg\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:grid {
+    display: grid;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-\[2fr_1fr\] {
+    grid-template-columns: 2fr 1fr;
+  }
+
+  .lg\:grid-rows-\[min-content_1fr\] {
+    grid-template-rows: min-content 1fr;
+  }
+
+  .lg\:gap-x-32 {
+    -moz-column-gap: 8rem;
+         column-gap: 8rem;
+  }
+
+  .lg\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .lg\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .lg\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:col-auto {
+    grid-column: auto;
+  }
+
+  .xl\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .xl\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-\[1fr_2fr\] {
+    grid-template-columns: 1fr 2fr;
+  }
+}
--- a/axum_server/tailwind.config.js
+++ b/axum_server/tailwind.config.js
@ -1,8 +1,44 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-	content: ["./templates/**/*.html"],
+	content: ["./templates/**/**.html"],
 	theme: {
-		extend: {},
+		extend: {
+			fontFamily: {
+				sans: [
+					"Baloo2",
+					"Comfortaa",
+					"ui-sans-serif",
+					"system-ui",
+					"sans-serif",
+					"Apple Color Emoji",
+					"Segoe UI Emoji",
+					"Segoe UI Symbol",
+					"Noto Color Emoji",
+				],
+			},
+			spacing: {
+				note: "60rem",
+				read: "64rem",
+				image: "min(70rem, 95vw)",
+				maxindex: "100rem",
+			},
+			width: {
+				note: "60rem",
+				read: "64rem",
+				image: "min(70rem, 95vw)",
+				maxindex: "100rem",
+			},
+			fontSize: {
+				readxl: [
+					"1.75rem",
+					{
+						lineHeight: "2.25rem",
+						letterSpacing: "-0.015em",
+						fontWeight: "400",
+					},
+				],
+			},
+		},
 	},
 	plugins: [],
 };
--- a/axum_server/templates/base.html
+++ b/axum_server/templates/base.html
@ -15,12 +15,6 @@
      title="RSS feed for latest posts"
      href="https://michalvanko.dev/feed.xml"
    />
-    <link
-      rel="alternate"
-      title="JSON feed for latest posts"
-      type="application/json"
-      href="https://michalvanko.dev/feed.json"
-    />

    <!-- Tailwind output file -->
    <link rel="stylesheet" href="/styles/output.css" />
--- a/axum_server/templates/blog_post.html
+++ b/axum_server/templates/blog_post.html
@ -3,22 +3,24 @@
 {% block title %}{{title}}{% endblock %}

 {% block content %}
-<article>
-  <header class="px-4">
-  <h1 class="text-3xl text-blue-900 mb-3 font-semibold">{{title}}</h1>
+<article class="mb-6">
+  <header class="px-4 max-w-read mx-auto">
+  <h1 class="text-3xl md:text-4xl lg:text-6xl lg:mt-20 text-blue-900 mb-3 font-semibold">{{title}}</h1>
  <aside class="flex justify-between flex-row">
    {% include "post_tag_list.html" %}
-    <section class="created-at m-1 text-right text-sm text-gray-600">
+    <section class="created-at m-1 text-right text-sm text-gray-600 md:text-lg">
      <span>Published on</span>
      <time datetime="{date}"> {{date|pretty_date}} </time>
    </section>
  </aside>
 </header>

-<section class="article-body">
-  {{body|escape("none")}}
-</section>
+  <section class="article-body">
+    {{body|escape("none")}}
+  </section>
 </article>

+<!-- TODO: Next recommendations for reading -->
+
 {# footer #}
 {% endblock %}
--- a/axum_server/templates/blog_post_list.html
+++ b/axum_server/templates/blog_post_list.html
@ -0,0 +1,56 @@
+{%- import "components/social_card.html" as sc -%}
+{% extends "base.html" %}
+{% block content %}
+
+<section id="blog-container" class="lg:grid lg:grid-cols-[2fr_1fr] lg:grid-rows-[min-content_1fr] lg:gap-x-32 max-w-maxindex mx-auto">
+  <section id="blog-list" class="lg:row-span-2">
+    {% if posts.len() == 0 %}
+    <p class="no-posts">You've found void in the space.</p>
+    {% else %}
+    <h1 class="m-5 text-4xl text-blue-950 font-extrabold md:text-6xl">
+    {% if let Some(t) = tag %}
+    <em>{{t}}</em> 
+    {% else %}
+     Blog posts
+    {% endif %}
+    </h1>
+
+    <section id="blog-tags">
+      <ul class="mx-5">
+       {% for tag in blog_tags %}
+        <li class="inline-block mx-0.5 p-0.5 md:text-xl">
+          <a href="/blog/tags/{{tag}}" class="text-pink-950">#{{tag|capitalize}}</a>
+        </li>
+        {% endfor %}
+      </ul>
+    </section>
+
+    <hr class="border-blue-950 m-5 md:my-8">
+
+    <ul class="mx-5">
+      {% for post in posts %}
+      <li>
+        {% include "components/blog_post_preview.html" %}
+        <hr class="border-blue-950 my-5 md:my-8">
+      </li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+  </section> <!-- /#blog-list -->
+  <section id="socials" class="hidden lg:block">
+    {% include "sections/social.html" %}
+  </section> <!-- /#socials -->
+  
+  <section id="showcase" class="hidden lg:block">
+    <h2 class="text-blue-950 font-semibold text-2xl m-5 md:text-4xl">Showcase</h2>
+
+    <ul class="">
+     {% for project in featured_projects %}
+      <li class="my-2">
+        {% include "components/project_preview_card.html" %}
+      </li>
+     {% endfor %}
+    </ul>
+  </section> <!-- /#showcase -->
+</section> <!-- /#blog-container -->
+{% endblock %}
--- a/axum_server/templates/components/blog_post_default_thumbnail.html
+++ b/axum_server/templates/components/blog_post_default_thumbnail.html
@ -0,0 +1,3 @@
+<div class="rounded-2xl w-[180px] h-[240px] bg-blue-100 border-4 border-blue-500 flex justify-center items-center">
+  <span class="text-blue-500 text-8xl -translate-y-1.5">{{post.metadata.title|fmt("{:.1}")|lower}}</span>
+</div> 
--- a/axum_server/templates/components/blog_post_preview.html
+++ b/axum_server/templates/components/blog_post_preview.html
@ -1,17 +1,21 @@
-<article class="grid grid-cols-[max-content_1fr] grid-flow-col gap-4">
-	<aside class="row-span-3">
+<article class="grid grid-cols-[max-content_1fr] grid-rows-[max-content_1fr_max-content] grid-flow-col gap-4 md:gap-x-8">
+	<aside class="row-span-3 self-center">
 		{% match post.metadata.thumbnail %}
 		{% when Some with (orig_path) %}
-		{{ crate::picture_generator::picture_markup_generator::generate_picture_markup(orig_path, 180, 240, "Article thumbnail", true).unwrap()|safe }}
+		{{ crate::picture_generator::picture_markup_generator::generate_picture_markup(orig_path, 180, 240, "Article thumbnail", true).unwrap_or("thumbnail not found".to_string())|safe }}
 		{% when None %}
-		<div> TODO default obrazok </div>
+		<div> 
+			{% include "components/blog_post_default_thumbnail.html" %}
+		</div>
 		{% endmatch %}
 	</aside>
 	<header>
-		<h3 class="text-lg font-bold mb-1">{{post.metadata.title}}</h3>
+		<h3 class="text-lg font-bold mb-1 md:text-3xl">
+		  <a rel="prefetch" href="/blog/{{post.slug}}" class="text-blue-950 no-underline">{{post.metadata.title}}</a>
+		</h3>
 	</header>
-	<section class="text-base leading-5 text-gray-800">{{post.body|description_filter|safe}}</section>
-	<footer class="text-sm">
+	<section class="text-base leading-5 text-gray-800 md:text-xl text-justify">{{post.body|description_filter|safe}}</section>
+	<footer class="text-sm md:text-base lg:text-lg">
    <ul class="inline-block">
     {% for tag in post.metadata.tags %}
      <li class="inline-block">
--- a/axum_server/templates/components/project_preview_card.html
+++ b/axum_server/templates/components/project_preview_card.html
@ -1,6 +1,6 @@
 <article class="border rounded-md bg-white m-4 p-4">
  <header class="px-4 mb-3"> 
-    <h2 class="text-xl font-semibold text-blue-900">
+    <h2 class="text-xl font-semibold text-blue-900 md:text-2xl">
      {% match project.metadata.link %}
      {% when Some with (href) %}
      <a href="{{href}}" class="text-blue-900 no-underline">
@ -10,9 +10,9 @@
      {{project.metadata.title}}
      {% endmatch %}
    </h2>
-    <p class="text-gray-800 text-lg my-2">
+    <section class="description text-slate-800 my-2 md:text-xl text-justify">
      {{project.metadata.description|safe}}
-    </p>
+    </section>
  </header>
  <!-- <hr class="border-blue-950 my-5"> -->

@ -33,8 +33,8 @@
  {% endmatch %}


-	<footer class="text-sm px-4">
-    <h3 class="text-xl font-semibold text-blue-900 my-2">
+	<footer class="text-sm px-4 md:text-base">
+    <h3 class="text-xl font-semibold text-blue-900 my-2 md:text-2xl">
      {{crate::projects::project_model::translate_classification(project.metadata.classification)}}
    </h3>
    <ul class="inline-block">
--- a/axum_server/templates/components/talent_card.html
+++ b/axum_server/templates/components/talent_card.html
@ -2,15 +2,15 @@

 <section class="flex border rounded bg-white m-4 p-3">
 	<aside class="flex justify-center items-center pr-3">
-	  <svg aria-hidden="true" class="h-12 w-12 fill-blue-950">
+	  <svg aria-hidden="true" class="fill-blue-950 h-12 w-12 md:h-16 md:w-16">
 	    <use xlink:href="/svg/icons-sprite.svg#{{svg}}" />
 	  </svg>
 	</aside>
 	<section>
 		<header>
-			<h3 class="text-lg font-medium mb-1">{{heading}}</h3>
+			<h3 class="text-lg font-medium mb-1 md:text-2xl">{{heading}}</h3>
 		</header>
-		<p class="text-sm leading-5 text-gray-800">{{description|safe}}</p>
+		<p class="text-sm leading-5 text-gray-800 md:text-lg">{{description|safe}}</p>
 	</section>
 </section>

--- a/axum_server/templates/components/terminal.svg
+++ b/axum_server/templates/components/terminal.svg
@ -0,0 +1,32 @@
+<svg
+  width="200"
+  height="150"
+  viewBox="0 0 200 150"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="none"
+  stroke-width="0"
+>
+  <!-- Background of the terminal window -->
+  <rect x="10" y="10" width="180" height="130" rx="8" ry="8" fill="#F5F5F5" />
+
+  <!-- Close, Minimize, Maximize buttons (moved to the right side) -->
+  <circle cx="155" cy="25" r="5" fill="#FF5F56" />
+  <circle cx="175" cy="25" r="5" fill="#FFBD2E" />
+  <circle cx="195" cy="25" r="5" fill="#27C93F" />
+
+  <!-- Terminal Text (Example commands, updated to dark color for light theme) -->
+  <text x="20" y="55" font-family="monospace" font-size="12" fill="#333333">
+    $ ls -l
+  </text>
+  <text x="20" y="75" font-family="monospace" font-size="12" fill="#333333">
+    Desktop Documents Downloads
+  </text>
+  <text x="20" y="95" font-family="monospace" font-size="12" fill="#333333">
+    Music Pictures Videos
+  </text>
+  <text x="20" y="115" font-family="monospace" font-size="12" fill="#333333">
+    $
+  </text>
+</svg>
+
--- a/axum_server/templates/index.html
+++ b/axum_server/templates/index.html
@ -5,131 +5,75 @@
 {% block title %}Introduction{% endblock %}

 {% block content %}
-<header class="index-header hidden">
-  <figure class="profile-pic">
-    <picture>
-      <img
-        alt="Portrait"
-        {# TODO generate `srcset` for optimal image #}
-        {# TODO Take a new photo #}
-        src="/images/profile-portugal-landscape.jpg"
-      />
-    </picture>
-  </figure>
+<section class="index-container lg:grid lg:grid-cols-2 xl:grid-cols-[1fr_2fr] lg:gap-y-8 lg:gap-x-32 max-w-maxindex mx-auto">
+  <section id="about-me">
+    <header class="index-header hidden">
+      <figure class="profile-pic">
+        <picture>
+          <img
+            alt="Portrait"
+            {# TODO generate `srcset` for optimal image #}
+            {# TODO Take a new photo #}
+            src="/images/profile-portugal-landscape.jpg"
+          />
+        </picture>
+      </figure>

-  <p class="motto">
-    <cite>“Let your ambition carry you.”</cite>
-    <span class="cite-owner">- La Flame</span>
-  </p>
-</header>
+      <p class="motto">
+        <cite>“Let your ambition carry you.”</cite>
+        <span class="cite-owner">- La Flame</span>
+      </p>
+    </header>

-<h2 class="text-blue-950 font-semibold text-2xl m-5">About me</h2>
+    <h2 class="text-blue-950 font-semibold text-2xl m-5 md:text-4xl">About me</h2>

-<p class="mx-5">
-  Welcome to my personal website. My name is
-  <strong>Michal&nbsp;Vanko</strong>
-  and I'm a
-  <em> <a href="https://en.wikipedia.org/wiki/Programmer">programmer</a> </em>
-  . I am developing software for more than half of my life and <strong>I love it!</strong> Sometimes I stream working on my side projects and building a <a href="https://discord.gg/2cGg7kwZEh">community of like minded people</a>. Here you can find blogs of my thoughts and journeys, as well as links to my socials where you can see other content.</p>
+    <p class="mx-5 md:text-xl text-justify">
+      Welcome to my personal website. My name is
+      <strong>Michal&nbsp;Vanko</strong>
+      and I'm a
+      <em> <a href="https://en.wikipedia.org/wiki/Programmer">programmer</a> </em>
+      . I am developing software for more than half of my life and <strong>I love it!</strong> Sometimes I stream working on my side projects and building a <a href="https://discord.gg/2cGg7kwZEh">community of like minded people</a>. Here you can find blogs of my thoughts and journeys, as well as links to my socials where you can see other content.</p>

-<section id="talent-cards">
-  {% call tc::talent_card("code", "Web development", "Extensive expertise in creating performant, live web applications and websites") %}
-  {% call tc::talent_card("gamepad", "Game development", "Extensive expertise in creating performant, live web applications and websites") %}
-  {% call tc::talent_card("person-chalkboard", "Mentoring & Consulting", "I offer consulting sessions to assist you in developing <strong>higher-quality software</strong> and share insights from crafting robust, professional web applications. <a href=\"TODO callendly\">Schedule a session with me</a> and elevate your projects together.") %}
-</section
+    <section id="talent-cards">
+      {% call tc::talent_card("code", "Web development", "Extensive expertise in creating performant, live web applications and websites") %}
+      {% call tc::talent_card("gamepad", "Game development", "Extensive expertise in creating performant, live web applications and websites") %}
+      {% call tc::talent_card("person-chalkboard", "Mentoring & Consulting", "I offer consulting sessions to assist you in developing <strong>higher-quality software</strong> and share insights from crafting robust, professional web applications. <a href=\"TODO callendly\">Schedule a session with me</a> and elevate your projects together.") %}
+    </section>
+  </section>
+
+  <section id="blog" class="lg:col-span-2 lg:row-start-2 xl:col-auto xl:row-start-auto xl:row-span-2">
+    <h2 class="text-blue-950 font-semibold text-2xl md:text-4xl m-5"><a href="/blog" class="text-blue-950 no-underline">Blog</a></h2>
+    <section id="blog-tags">
+      <ul class="mx-5">
+       {% for tag in blog_tags %}
+        <li class="inline-block mx-0.5 p-0.5 md:text-xl">
+          <a href="/blog/tags/{{tag}}" class="text-pink-950">#{{tag|capitalize}}</a>
+        </li>
+        {% endfor %}
+      </ul>
+    </section>
+    <hr class="border-blue-950 m-5">

-<section id="blog">
-<h2 class="text-blue-950 font-semibold text-2xl m-5">Blog</h2>
-  <section id="blog-tags">
    <ul class="mx-5">
-     {% for tag in blog_tags %}
-      <li class="inline-block mx-0.5 p-0.5">
-        <a href="/blog/tags/{{tag}}" class="text-pink-950">#{{tag|capitalize}}</a>
+     {% for post in featured_blog_posts %}
+      <li>
+        {% include "components/blog_post_preview.html" %}
+        <hr class="border-blue-950 my-5 md:my-8">
      </li>
-      {% endfor %}
+     {% endfor %}
    </ul>
  </section>
-  <hr class="border-blue-950 m-5">

-  <ul class="mx-5">
-   {% for post in featured_blog_posts %}
-    <li>
-      {% include "components/blog_post_preview.html" %}
-      <hr class="border-blue-950 my-5">
-    </li>
-   {% endfor %}
-  </ul>
-</section>
+  <section id="socials">
+    {% include "sections/social.html" %}
+  </section>

-<section id="socials">
-  <h2 class="text-blue-950 font-semibold text-2xl m-5">Socials</h2>
-  {% call sc::social_card_start("twitch", "I stream (almost) regularly on <em>twitch.tv</em>") %}
-    <!-- <script src= "https://player.twitch.tv/js/embed/v1.js"></script> -->
-    <!-- <div id="twitch-player" class="h-64 aspect-video rounded overflow-hidden"></div> -->
-    <!-- <script type="text/javascript"> -->
-      <!-- var options = { -->
-        <!-- width: "100%", -->
-        <!-- height: "100%", -->
-        <!-- channel: "michalvankodev", -->
-        <!-- parent: ["localhost"] -->
-      <!-- }; -->
-      <!-- var player = new Twitch.Player("twitch-player", options); -->
-      <!-- player.setVolume(0.5); -->
-    </script>
-  {% call sc::social_card_end() %}
+  <hr class="border-blue-950 m-5 lg:hidden">

-  {% call sc::social_card_start("tiktok", "Highlights can be found on <em>TikTok</em>") %}
-  <!-- STYLES needed to overwrite tiktok embed css -->
-  <!-- <blockquote -->
-    <!-- class="h-64 aspect-video overflow-hidden p-0 m-0 tiktok-embed bg-pink-200" -->
-    <!-- cite="https://www.tiktok.com/@michalvankodev" -->
-    <!-- data-unique-id="michalvankodev" -->
-    <!-- data-embed-from="embed_page" -->
-    <!-- data-embed-type="creator" -->
-    <!-- style="max-width:780px; min-width:288px; margin: 0; padding: 0; border-radius: 8px" -->
-  <!-- > -->
-    <!-- <section> -->
-       <!-- <a target="_blank" href="https://www.tiktok.com/@michalvankodev?refer=creator_embed">@michalvankodev</a> -->
-    <!-- </section> -->
-  <!-- </blockquote> -->
-  <!-- <script async src="https://www.tiktok.com/embed.js"></script> -->
-  {% call sc::social_card_end() %}
-
-  {% call sc::social_card_start("youtube", "Vlogs and highlights can be found on <em>YouTube</em>") %}
-  <!-- TODO create our own youtube widget which will populate this window on build -->
-  <!-- <iframe -->
-    <!-- class="h-64 aspect-video" -->
-    <!-- id="ytplayer" -->
-    <!-- type="text/html" -->
-    <!-- width="100%" -->
-    <!-- height="100%" -->
-    <!-- src="https://www.youtube.com/embed/?listType=playlist&list=PLjUl8tFKyR8rCsckLn93PAwQg6tf0cyBl&enablejsapi=1&color=white" -->
-    <!-- frameborder="0" -->
-    <!-- allowfullscreen -->
-  <!-- ></iframe> -->
-  {% call sc::social_card_end() %}
-
-
-  {% call sc::social_card_start("instagram", "Photos and stories shared on <em>Instagram</em>") %}
-  <!-- <blockquote class="instagram-media aspect-video h-64" data-instgrm-permalink="https://www.instagram.com/michalvankodev/" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; height:256px; max-height:100%;"></blockquote><script async src="https://www.instagram.com/embed.js"></script> -->
-  {% call sc::social_card_end() %}
-
-</section>
-
-<hr class="border-blue-950 m-5">
-
-<section id="showcase">
-  <h2 class="text-blue-950 font-semibold text-2xl m-5">Showcase</h2>
-
-  <ul class="mx-5">
-   {% for project in featured_projects %}
-    <li class="my-2">
-      {% include "components/project_preview_card.html" %}
-    </li>
-   {% endfor %}
-  </ul>
-
-</section>
+  <section id="showcase" class="col-span-2">
+    {% include "sections/showcase.html" %}
+  </section>
+</section> <!-- /.index-container -->


 {% endblock %}
--- a/axum_server/templates/post_list.html
+++ b/axum_server/templates/post_list.html
@ -1,21 +0,0 @@
-{% extends "base.html" %} {% block content %} {% if posts.len() == 0 %}
-<p class="no-posts">You've found void in the space.</p>
-{% else %}
-<h1 class="mx-6 mt-3 text-4xl text-blue-950 font-extrabold">
-{% if let Some(t) = tag %}
-<em>{{t}}</em> 
-{% else %}
- Blog posts
-{% endif %}
-</h1>
-
-<ul>
-  {% for post in posts %}
-  <li class="my-12">
-    {% include "post_preview_card.html" %}
-  </li>
-  {% endfor %}
-</ul>
-
-{% endif %}
-{% endblock %}
--- a/axum_server/templates/post_preview_card.html
+++ b/axum_server/templates/post_preview_card.html
@ -1,19 +0,0 @@
-<article>
-  <header class="px-4 mb-3"> 
-    <h2 class="text-3xl font-semibold text-blue-900">
-      <a rel="prefetch" href="/blog/{{post.slug}}">{{post.metadata.title}}</a>
-    </h2>
-    <aside class="flex justify-between">
-    {% let tags = post.metadata.tags.clone() %}
-    {% include "post_tag_list.html" %}
-    <section class="created-at m-1 text-right text-sm text-gray-600">
-      <span>Published on</span>
-      <time datetime="{{post.metadata.date}}"> {{post.metadata.date|pretty_date}} </time>
-    </section>
-    </aside>
-  </header>
-
-  <p class="px-5 text-gray-800"> TODO: article preview, maybe implement as a filter?,
-  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Ald </p>
-  <hr class="my-3 mx-4 h-0 border-blue-200 bg-blue-800 text-blue-800" />
-</article>
--- a/axum_server/templates/post_tag_list.html
+++ b/axum_server/templates/post_tag_list.html
@ -2,7 +2,7 @@
  {% if tags.len() > 0 %}
  <ul class="inline">
    {% for tag in tags %}
-    <li class="inline italic text-blue-700">
+    <li class="inline italic text-blue-700 md:text-lg">
      <a href="/blog/tags/{{tag}}">#{{tag}}</a>
    </li>
    {% endfor %}
--- a/axum_server/templates/sections/showcase.html
+++ b/axum_server/templates/sections/showcase.html
@ -0,0 +1,9 @@
+<h2 class="text-blue-950 font-semibold text-2xl m-5 md:text-4xl">Showcase</h2>
+
+<ul class="mx-5 md:grid md:grid-cols-2 md:grid-rows-[masonry] md:justify-stretch md:items-stretch xl:grid-cols-3">
+ {% for project in featured_projects %}
+  <li class="my-2">
+    {% include "components/project_preview_card.html" %}
+  </li>
+ {% endfor %}
+</ul>
--- a/axum_server/templates/sections/social.html
+++ b/axum_server/templates/sections/social.html
@ -0,0 +1,52 @@
+<h2 class="text-blue-950 font-semibold text-2xl m-5 md:text-4xl">Socials</h2>
+{% call sc::social_card_start("twitch", "I stream (almost) regularly on <em>twitch.tv</em>") %}
+<!-- <script src= "https://player.twitch.tv/js/embed/v1.js"></script> -->
+<!-- <div id="twitch-player" class="h-64 aspect-video rounded overflow-hidden"></div> -->
+<!-- <script type="text/javascript"> -->
+<!-- var options = { -->
+<!-- width: "100%", -->
+<!-- height: "100%", -->
+<!-- channel: "michalvankodev", -->
+<!-- parent: ["localhost"] -->
+<!-- }; -->
+<!-- var player = new Twitch.Player("twitch-player", options); -->
+<!-- player.setVolume(0.5); -->
+</script>
+{% call sc::social_card_end() %}
+
+{% call sc::social_card_start("tiktok", "Highlights can be found on <em>TikTok</em>") %}
+<!-- STYLES needed to overwrite tiktok embed css -->
+<!-- <blockquote -->
+<!-- class="h-64 aspect-video overflow-hidden p-0 m-0 tiktok-embed bg-pink-200" -->
+<!-- cite="https://www.tiktok.com/@michalvankodev" -->
+<!-- data-unique-id="michalvankodev" -->
+<!-- data-embed-from="embed_page" -->
+<!-- data-embed-type="creator" -->
+<!-- style="max-width:780px; min-width:288px; margin: 0; padding: 0; border-radius: 8px" -->
+<!-- > -->
+<!-- <section> -->
+<!-- <a target="_blank" href="https://www.tiktok.com/@michalvankodev?refer=creator_embed">@michalvankodev</a> -->
+<!-- </section> -->
+<!-- </blockquote> -->
+<!-- <script async src="https://www.tiktok.com/embed.js"></script> -->
+{% call sc::social_card_end() %}
+
+{% call sc::social_card_start("youtube", "Vlogs and highlights can be found on <em>YouTube</em>") %}
+<!-- TODO create our own youtube widget which will populate this window on build -->
+<!-- <iframe -->
+<!-- class="h-64 aspect-video" -->
+<!-- id="ytplayer" -->
+<!-- type="text/html" -->
+<!-- width="100%" -->
+<!-- height="100%" -->
+<!-- src="https://www.youtube.com/embed/?listType=playlist&list=PLjUl8tFKyR8rCsckLn93PAwQg6tf0cyBl&enablejsapi=1&color=white" -->
+<!-- frameborder="0" -->
+<!-- allowfullscreen -->
+<!-- ></iframe> -->
+{% call sc::social_card_end() %}
+
+
+{% call sc::social_card_start("instagram", "Photos and stories shared on <em>Instagram</em>") %}
+<!-- <blockquote class="instagram-media aspect-video h-64" data-instgrm-permalink="https://www.instagram.com/michalvankodev/" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; height:256px; max-height:100%;"></blockquote><script async src="https://www.instagram.com/embed.js"></script> -->
+{% call sc::social_card_end() %}
+
--- a/axum_server/templates/site_footer.html
+++ b/axum_server/templates/site_footer.html
@ -37,5 +37,7 @@
        alt="nd"
        class="inline-block h-6 mx-0.5"
      /></a>
+      <!-- TODO Display link to feed with icon -->
+      <a href="/feed.xml" class="hidden">RSS feed</a>
  </p>
 </footer>
--- a/axum_server/templates/site_header.html
+++ b/axum_server/templates/site_header.html
@ -11,7 +11,7 @@
  {% when None %}
  {% endmatch %}
    <aside class="flex logo-section flex-grow justify-end content-end">
-      <a class="logo p-3 text-base" href=".">
+      <a class="logo p-3 text-base" href="/">
        @michalvankodev
      </a>
    </aside>
--- a/static/fonts/baloo2/Baloo2-Bold.ttf
+++ b/static/fonts/baloo2/Baloo2-Bold.ttf
--- a/static/fonts/baloo2/Baloo2-ExtraBold.ttf
+++ b/static/fonts/baloo2/Baloo2-ExtraBold.ttf
--- a/static/fonts/baloo2/Baloo2-Medium.ttf
+++ b/static/fonts/baloo2/Baloo2-Medium.ttf
--- a/static/fonts/baloo2/Baloo2-Regular.ttf
+++ b/static/fonts/baloo2/Baloo2-Regular.ttf
--- a/static/fonts/baloo2/Baloo2-SemiBold.ttf
+++ b/static/fonts/baloo2/Baloo2-SemiBold.ttf
--- a/static/fonts/baloo2/Baloo2-VariableFont_wght.ttf
+++ b/static/fonts/baloo2/Baloo2-VariableFont_wght.ttf
--- a/static/fonts/comfortaa/Comfortaa-Bold.ttf
+++ b/static/fonts/comfortaa/Comfortaa-Bold.ttf
--- a/static/fonts/comfortaa/Comfortaa-Bold.woff2
+++ b/static/fonts/comfortaa/Comfortaa-Bold.woff2
--- a/static/fonts/comfortaa/Comfortaa-Light.ttf
+++ b/static/fonts/comfortaa/Comfortaa-Light.ttf
--- a/static/fonts/comfortaa/Comfortaa-Light.woff2
+++ b/static/fonts/comfortaa/Comfortaa-Light.woff2
--- a/static/fonts/comfortaa/Comfortaa-Medium.ttf
+++ b/static/fonts/comfortaa/Comfortaa-Medium.ttf
--- a/static/fonts/comfortaa/Comfortaa-Medium.woff2
+++ b/static/fonts/comfortaa/Comfortaa-Medium.woff2
--- a/static/fonts/comfortaa/Comfortaa-Regular.ttf
+++ b/static/fonts/comfortaa/Comfortaa-Regular.ttf
--- a/static/fonts/comfortaa/Comfortaa-Regular.woff2
+++ b/static/fonts/comfortaa/Comfortaa-Regular.woff2
--- a/static/fonts/comfortaa/Comfortaa-SemiBold.ttf
+++ b/static/fonts/comfortaa/Comfortaa-SemiBold.ttf
--- a/static/fonts/comfortaa/Comfortaa-SemiBold.woff2
+++ b/static/fonts/comfortaa/Comfortaa-SemiBold.woff2
--- a/static/fonts/comfortaa/Comfortaa-VariableFont_wght.ttf
+++ b/static/fonts/comfortaa/Comfortaa-VariableFont_wght.ttf
--- a/static/fonts/orbitron/orbitron-black-webfont.eot
+++ b/static/fonts/orbitron/orbitron-black-webfont.eot
--- a/static/fonts/orbitron/orbitron-black-webfont.svg
+++ b/static/fonts/orbitron/orbitron-black-webfont.svg
@ -0,0 +1,148 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG webfont generated by Font Squirrel.
+Copyright   : Generated in 2009 by FontLab Studio Copyright info pending
+Designer    : Matt McInerney
+Foundry     : Matt McInerney
+Foundry URL : httptheleagueofmoveabletypecom
+</metadata>
+<defs>
+<font id="webfontqMYZ91Rj" horiz-adv-x="1058" >
+<font-face units-per-em="2048" ascent="1536" descent="-512" />
+<missing-glyph horiz-adv-x="659" />
+<glyph unicode=" "  horiz-adv-x="659" />
+<glyph unicode="&#x09;" horiz-adv-x="659" />
+<glyph unicode="&#xa0;" horiz-adv-x="659" />
+<glyph unicode="!" horiz-adv-x="450" d="M119 0v313h313v-313h-313zM119 412v1063h313v-1063h-313z" />
+<glyph unicode="&#x22;" horiz-adv-x="811" d="M74 1034v412h311v-412h-311zM444 1034v412h312v-412h-312z" />
+<glyph unicode="#" horiz-adv-x="1632" d="M66 324v313h247l70 217h-260v313h360q27 74 99 308h323l-104 -308h282l99 308h321l-104 -308h137v-313h-236l-69 -217h248v-313h-351l-45 -162q-31 -113 -47 -162h-317l98 324h-287l-48 -170l-42 -154h-317l96 324h-153zM633 637h278l70 217h-279z" />
+<glyph unicode="$" horiz-adv-x="1613" d="M70 297v135h313v-119h252v260h-268q-123 0 -210 87.5t-87 209.5v308q0 123 87 210t210 87h268v200h315v-200h269q123 0 210 -87.5t87 -209.5v-136h-314v119h-252v-274h269q123 0 210 -88t87 -211v-291q0 -121 -87.5 -209t-209.5 -88h-269v-201h-315v201h-268 q-123 0 -210 88t-87 209zM383 887h252v274h-252v-274zM950 313h252v260h-252v-260z" />
+<glyph unicode="%" horiz-adv-x="1978" d="M98 1034v148q0 123 78 199.5t201 76.5h166q123 0 200.5 -76.5t77.5 -199.5v-148q0 -123 -77.5 -200.5t-200.5 -77.5h-166q-123 0 -201 77.5t-78 200.5zM274 0v322l1344 1151h104v-320l-1343 -1153h-105zM354 1014h209v188h-209v-188zM1141 297v147q0 123 77.5 200 t198.5 77h166q123 0 201 -77t78 -200v-147q0 -123 -78 -201t-201 -78h-166q-121 0 -198.5 78t-77.5 201zM1397 274h209v191h-209v-191z" />
+<glyph unicode="&#x26;" horiz-adv-x="1921" d="M109 297v379q0 45 22.5 94t65.5 78q-14 35 -15 108v220q0 123 88 210t209 87h723q109 0 194 -70t103 -174v-180h-313v108h-690v-221l745 -375v195h313v-330l236 -139v-324l-287 164q-92 -127 -246 -127h-851q-123 0 -210 88t-87 209zM422 313h676l-102.5 51t-110.5 56 l-463 233v-340z" />
+<glyph unicode="'" horiz-adv-x="514" d="M121 1032v414h313v-414h-313z" />
+<glyph unicode="(" horiz-adv-x="602" d="M106 297v881q0 123 87.5 210t209.5 87h136v-314h-119v-848h119v-313h-136q-123 0 -210 88t-87 209z" />
+<glyph unicode=")" horiz-adv-x="608" d="M115 0v313h118v848h-118v314h137q121 0 209 -87.5t88 -209.5v-881q0 -121 -88 -209t-209 -88h-137z" />
+<glyph unicode="*" horiz-adv-x="1056" d="M51 981l96 303l224 -76v238h315v-238q20 6 225 76l97 -303l-226 -72l142 -190l-252 -184l-146 190l-135 -190l-256 184l141 190z" />
+<glyph unicode="+" horiz-adv-x="931" d="M35 449v313h266v268h313v-268h275v-313h-275v-273h-313v273h-266z" />
+<glyph unicode="," horiz-adv-x="497" d="M111 -272v563h313v-258q0 -111 -89 -196.5t-224 -108.5z" />
+<glyph unicode="-" d="M121 449v313h854v-313h-854z" />
+<glyph unicode="." horiz-adv-x="477" d="M111 0v313h313v-313h-313z" />
+<glyph unicode="/" horiz-adv-x="1067" d="M12 0v317l944 1158h113v-316l-944 -1159h-113z" />
+<glyph unicode="0" horiz-adv-x="1708" d="M117 317v852q0 123 88 214.5t211 91.5h850q123 0 211 -91.5t88 -214.5v-852q0 -123 -89.5 -220t-209.5 -97h-850q-121 0 -210 97t-89 220zM430 604l653 549h-653v-549zM598 334h653v549z" />
+<glyph unicode="1" horiz-adv-x="800" d="M2 913l471 562h326v-1475h-314v997l-4 -4h2l-65 -80h-416z" />
+<glyph unicode="2" horiz-adv-x="1699" d="M117 0v571q0 123 88 210t211 87h835v293h-821v-119h-313v136q0 123 88 210t211 87h850q123 0 211 -87.5t88 -209.5v-326q0 -123 -88 -211t-211 -88h-836v-240h1135v-313h-1448z" />
+<glyph unicode="3" horiz-adv-x="1691" d="M109 297v115h313v-99h821v273h-893v313h838v262h-766v-114h-313v131q0 123 88 210t211 87h796q123 0 210 -87.5t87 -209.5v-295q0 -51 -12 -95q68 -82 67 -186v-305q0 -121 -87 -209t-209 -88h-852q-123 0 -211 88t-88 209z" />
+<glyph unicode="4" horiz-adv-x="1495" d="M12 367v280l916 828h280v-793h197v-315h-197v-367h-313v367h-883zM522 682h373v303z" />
+<glyph unicode="5" horiz-adv-x="1699" d="M117 297v115h313v-99h821v277h-1134v885h1448v-314h-1135v-256h836q123 0 211 -87t88 -210v-311q0 -121 -88 -209t-211 -88h-850q-123 0 -211 88t-88 209z" />
+<glyph unicode="6" horiz-adv-x="1679" d="M117 297v881q0 123 88 210t211 87h925v-314h-911v-256h836q123 0 211 -87t88 -210v-311q0 -121 -88 -209t-211 -88h-850q-123 0 -211 88t-88 209zM430 313h821v277h-821v-277z" />
+<glyph unicode="7" horiz-adv-x="1351" d="M6 1163v314h928q123 0 210 -87t87 -210v-1180h-313v1163h-912z" />
+<glyph unicode="8" horiz-adv-x="1708" d="M117 297v311q0 66 35 140q-35 74 -35 141v289q0 123 88 210t211 87h850q111 0 195.5 -70t103.5 -174v-342q0 -76 -35 -141q35 -63 35 -140v-311q0 -121 -88 -209t-211 -88h-850q-123 0 -211 88t-88 209zM430 313h821v277h-821v-277zM430 885h821v274h-821v-274z" />
+<glyph unicode="9" horiz-adv-x="1695" d="M104 313h1141v262h-835q-123 0 -211 88.5t-88 210.5v304q0 123 88 210t211 87h852q123 0 210 -87.5t87 -209.5v-881q0 -121 -87.5 -209t-209.5 -88h-852q-109 0 -196 90t-110 223zM426 891h819v270h-819v-270z" />
+<glyph unicode=":" horiz-adv-x="505" d="M111 0v313h313v-313h-313zM111 872v316h313v-316h-313z" />
+<glyph unicode=";" horiz-adv-x="544" d="M104 872v316h316v-316h-316zM106 -272v563h314v-258q0 -111 -89.5 -196.5t-224.5 -108.5z" />
+<glyph unicode="&#x3c;" horiz-adv-x="968" d="M10 473v262l875 508v-360l-479 -277l479 -278v-363z" />
+<glyph unicode="=" horiz-adv-x="1306" d="M121 264v314h1077v-314h-1077zM121 678v313h1077v-313h-1077z" />
+<glyph unicode="&#x3e;" horiz-adv-x="972" d="M121 -39v365l477 276l-262 148q-31 16 -105.5 62t-109.5 65v362l876 -506v-264z" />
+<glyph unicode="?" horiz-adv-x="1388" d="M63 1161v314h975q125 0 212 -87.5t87 -209.5v-340q0 -123 -87 -211t-212 -88h-460v-142h-316v160q0 123 87 210t210 87h465v307h-961zM262 0v313h316v-313h-316z" />
+<glyph unicode="@" horiz-adv-x="1701" d="M117 297v881q0 123 88 210t211 87h850q123 0 211 -87.5t88 -209.5v-736h-787q-123 0 -190.5 66.5t-67.5 189.5v109q0 123 67.5 189.5t190.5 66.5h127q123 0 189.5 -66.5t66.5 -189.5v-129h90v483h-821v-848h1135v-313h-1149q-123 0 -211 88t-88 209zM737 678h207v168 h-207v-168z" />
+<glyph unicode="A" horiz-adv-x="1712" d="M119 0v1171q0 127 88 215.5t215 88.5h866q127 0 216 -89.5t89 -214.5v-1171h-321v475h-836v-475h-317zM436 795h836v360h-836v-360z" />
+<glyph unicode="B" horiz-adv-x="1703" d="M121 0v1475h1114q125 0 214 -89.5t89 -214.5v-276q0 -57 -14 -94q72 -90 71 -193v-305q0 -125 -89 -214t-216 -89h-1169zM438 319h836v271h-836v-271zM438 909h779v246h-779v-246z" />
+<glyph unicode="C" horiz-adv-x="1683" d="M115 303v868q0 127 88 215.5t215 88.5h1167v-320h-1153v-836h1153v-319h-1167q-127 0 -215 88t-88 215z" />
+<glyph unicode="D" horiz-adv-x="1708" d="M119 0v1475h1169q127 0 216 -89.5t89 -214.5v-868q0 -125 -89 -214t-216 -89h-1169zM436 319h836v836h-836v-836z" />
+<glyph unicode="E" horiz-adv-x="1568" d="M119 0v1475h1362v-320h-1041v-258h838v-319h-838v-259h1041v-319h-1362z" />
+<glyph unicode="F" horiz-adv-x="1480" d="M119 0v1475h1362v-320h-1041v-258h838v-319h-838v-578h-321z" />
+<glyph unicode="G" horiz-adv-x="1699" d="M115 303v868q0 127 88 215.5t215 88.5h866q127 0 216 -89.5t89 -214.5v-139h-321v123h-836v-836h836v222h-320v319h641v-557q0 -125 -89 -214t-216 -89h-866q-127 0 -215 88t-88 215z" />
+<glyph unicode="H" horiz-adv-x="1742" d="M117 0v1475h317v-578h871v578h317v-1475h-317v578h-871v-578h-317z" />
+<glyph unicode="I" horiz-adv-x="450" d="M117 0v1475h319v-1475h-319z" />
+<glyph unicode="J" horiz-adv-x="1597" d="M8 303v191h318v-175h835v1156h322v-1172q0 -125 -89 -214t-214 -89h-869q-127 0 -215 88t-88 215z" />
+<glyph unicode="K" horiz-adv-x="1632" d="M117 0v1475h319v-578h289l184 219l299 359h332v-111l-526 -627l526 -626v-111h-332l-483 578h-289v-578h-319z" />
+<glyph unicode="L" horiz-adv-x="1595" d="M117 0v1477h317v-1158h1157v-319h-1474z" />
+<glyph unicode="M" horiz-adv-x="1900" d="M115 0v1475h327l500 -596l498 596h329v-1475h-319v989l-508 -606l-510 604v-987h-317z" />
+<glyph unicode="N" horiz-adv-x="1703" d="M115 0v1475h327l826 -983v983h321v-1475h-327l-830 987v-987h-317z" />
+<glyph unicode="O" horiz-adv-x="1695" d="M111 303v868q0 127 88 215.5t215 88.5h868q125 0 214 -89.5t89 -214.5v-868q0 -125 -89 -214t-214 -89h-868q-127 0 -215 88t-88 215zM428 319h836v836h-836v-836z" />
+<glyph unicode="P" horiz-adv-x="1619" d="M115 0v1473h1169q125 0 215 -89.5t90 -214.5v-381q0 -125 -90 -214t-215 -89l-852 -2q6 0 6 -12q-4 0 -6 2v-473h-317zM432 805h836v350h-836v-350z" />
+<glyph unicode="Q" horiz-adv-x="1810" d="M111 303v868q0 127 88 215.5t215 88.5h866q127 0 216 -89.5t89 -214.5v-852h168v-319h-1339q-127 0 -215 88t-88 215zM428 319h836v836h-836v-836z" />
+<glyph unicode="R" horiz-adv-x="1689" d="M113 0v1473h1169q125 0 215 -89.5t90 -214.5v-381q0 -125 -90 -214t-215 -89h-14l319 -376v-109h-327l-408 485l-422 -2q6 0 6 -12q-4 0 -6 2v-473h-317zM430 805h836v350h-836v-350z" />
+<glyph unicode="S" horiz-adv-x="1683" d="M104 303v137h318v-121h835v259h-849q-125 0 -214.5 88t-89.5 215v290q0 127 89.5 215.5t214.5 88.5h868q125 0 214 -89.5t89 -214.5v-137h-322v121h-835v-258h854q125 0 214 -89t89 -214v-291q0 -125 -89 -214t-214 -89h-868q-125 0 -214.5 88t-89.5 215z" />
+<glyph unicode="T" horiz-adv-x="1554" d="M41 1155v320h1475v-320h-578v-1155h-320v1155h-577z" />
+<glyph unicode="U" horiz-adv-x="1695" d="M111 303v1172h317v-1156h836v1156h321v-1172q0 -125 -89 -214t-214 -89h-868q-127 0 -215 88t-88 215z" />
+<glyph unicode="V" horiz-adv-x="2054" d="M72 1475h368l619 -1072l618 1072h367l-854 -1475h-264z" />
+<glyph unicode="W" horiz-adv-x="2414" d="M72 1475h338l321 -879l51 137l271 742h293l323 -879l51 137l271 742h336l-537 -1475h-244l-348 948l-131 -360l-215 -588h-244z" />
+<glyph unicode="X" horiz-adv-x="1662" d="M94 0v109l527 628l-527 629v109h330l410 -486q59 76 204 247l201 239h330v-109l-529 -629l529 -626v-111h-330l-410 483l-405 -483h-330z" />
+<glyph unicode="Y" horiz-adv-x="1650" d="M35 1475h379l463 -582l460 582h383l-684 -926v-549h-319v551l-268 360z" />
+<glyph unicode="Z" horiz-adv-x="1681" d="M104 0v326l988 829h-988v320h1475v-326l-987 -830h987v-319h-1475z" />
+<glyph unicode="[" horiz-adv-x="563" d="M111 0v1475h432v-314h-119v-848h119v-313h-432z" />
+<glyph unicode="\" horiz-adv-x="1064" d="M10 1159v316h113l944 -1160v-315h-113z" />
+<glyph unicode="]" horiz-adv-x="565" d="M104 0v313h117v848h-117v314h433v-1475h-433z" />
+<glyph unicode="_" horiz-adv-x="1695" d="M111 -4h1448v-313h-1448v313z" />
+<glyph unicode="`" horiz-adv-x="557" d="M66 1946h321l105 -416h-322z" />
+<glyph unicode="a" horiz-adv-x="1421" d="M106 297v455h891v122h-891v314h908q123 0 210 -88t87 -209v-891h-908q-123 0 -210 88t-87 209zM420 313h577v164h-577v-164z" />
+<glyph unicode="b" horiz-adv-x="1366" d="M111 0v1577h313v-389h594q123 0 210 -88t87 -209v-594q0 -121 -87 -209t-210 -88h-907zM424 313h577v561h-577v-561z" />
+<glyph unicode="c" horiz-adv-x="1423" d="M104 297v594q0 121 88.5 209t208.5 88h906v-314h-889v-561h891v-313h-908q-121 0 -209 88t-88 209z" />
+<glyph unicode="d" horiz-adv-x="1366" d="M47 297v594q0 121 87 209t210 88h596v389h313v-1577h-909q-123 0 -210 88t-87 209zM362 313h578v561h-578v-561z" />
+<glyph unicode="e" horiz-adv-x="1417" d="M104 297v594q0 121 88.5 209t208.5 88h611q123 0 210 -88t87 -209v-455h-891v-123h891v-313h-908q-121 0 -209 88t-88 209zM418 711h577v163h-577v-163z" />
+<glyph unicode="f" horiz-adv-x="901" d="M109 0v1280q0 121 87 209t212 88h454v-315h-440v-74h440v-314h-440v-874h-313z" />
+<glyph unicode="g" horiz-adv-x="1398" d="M84 297v594q0 121 88 209t211 88h610q123 0 210 -88t87 -209v-1063q0 -123 -87 -210t-210 -87h-721v315h705v154h-594q-123 0 -211 88t-88 209zM397 313h580v561h-580v-561z" />
+<glyph unicode="h" horiz-adv-x="1368" d="M111 0v1577h313v-389h594q121 0 209 -88t88 -209v-891h-314v874h-577v-874h-313z" />
+<glyph unicode="i" horiz-adv-x="468" d="M106 0v1188h314v-1188h-314zM106 1262v315h314v-315h-314z" />
+<glyph unicode="j" horiz-adv-x="489" d="M-383 -111h502v1299h313v-1317q0 -123 -88 -210t-211 -87h-516v315zM119 1262v315h313v-315h-313z" />
+<glyph unicode="k" horiz-adv-x="1323" d="M111 0v1577h313v-825h160l403 436h316v-107l-443 -487l443 -488v-106h-316l-403 436h-160v-436h-313z" />
+<glyph unicode="l" horiz-adv-x="690" d="M106 297v1282h316v-1266h240v-313h-259q-121 0 -209 88t-88 209z" />
+<glyph unicode="m" horiz-adv-x="2002" d="M111 0v1188h1429q123 0 210 -88t87 -209v-891h-311v874h-393v-874h-316v874h-393v-874h-313z" />
+<glyph unicode="n" horiz-adv-x="1425" d="M111 0v1188h907q123 0 210 -88t87 -209v-891h-314v874h-577v-874h-313z" />
+<glyph unicode="o" horiz-adv-x="1417" d="M104 297v594q0 121 88.5 209t208.5 88h611q123 0 210 -88t87 -209v-594q0 -121 -87 -209t-210 -88h-611q-121 0 -209 88t-88 209zM418 313h577v561h-577v-561z" />
+<glyph unicode="p" horiz-adv-x="1359" d="M111 -471v1659h907q123 0 210 -88t87 -209v-594q0 -121 -87 -209t-210 -88h-594v-471h-313zM424 313h577v561h-577v-561z" />
+<glyph unicode="q" horiz-adv-x="1359" d="M41 297v594q0 121 87 209t210 88h909v-1659h-313v471h-596q-123 0 -210 88t-87 209zM356 313h578v561h-578v-561z" />
+<glyph unicode="r" horiz-adv-x="1077" d="M106 0v891q0 121 88.5 209t211.5 88h655v-314h-641v-874h-314z" />
+<glyph unicode="s" horiz-adv-x="1404" d="M98 297v59h314v-43h577v123h-594q-121 0 -209 88t-88 209v158q0 121 88 209t209 88h611q125 0 212 -88t87 -209v-60h-316v43h-577v-122h594q125 0 212 -87t87 -210v-158q0 -121 -87.5 -209t-211.5 -88h-611q-121 0 -209 88t-88 209z" />
+<glyph unicode="t" horiz-adv-x="923" d="M109 297v1243h313v-352h440v-314h-440v-561h440v-313h-454q-125 0 -212 88t-87 209z" />
+<glyph unicode="u" horiz-adv-x="1423" d="M109 297v891h313v-875h577v875h314v-891q0 -121 -87 -209t-210 -88h-610q-123 0 -210 88t-87 209z" />
+<glyph unicode="v" horiz-adv-x="1617" d="M43 1188h360l428 -789l429 789h360l-655 -1188h-269z" />
+<glyph unicode="w" horiz-adv-x="2156" d="M72 1188h331l256 -617l89 205l85 193l95 219h303l287 -625l237 625h332l-447 -1188h-237l-322 709l-307 -709h-235z" />
+<glyph unicode="x" horiz-adv-x="1417" d="M94 0v102l410 502l-410 481v103h322l291 -344l288 344h324v-103l-410 -481l226 -274l184 -228v-102h-322l-290 356l-291 -356h-322z" />
+<glyph unicode="y" horiz-adv-x="1402" d="M86 297v887h313v-871h580v871h313v-1313q0 -123 -87 -210t-210 -87h-721v315h705v111h-594q-123 0 -211 88t-88 209z" />
+<glyph unicode="z" horiz-adv-x="1429" d="M111 0v322l714 552h-714v314h1204v-322l-715 -553h715v-313h-1204z" />
+<glyph unicode="{" horiz-adv-x="591" d="M47 621v268l82 45v244q0 123 87 210t212 87h133v-314h-119v-330l-92 -77l47 -41v2l45 -37v-365h119v-313h-133q-125 0 -212 88t-87 209v276l-33 21h2q-6 2 -25.5 13.5t-25.5 13.5z" />
+<glyph unicode="|" horiz-adv-x="438" d="M111 -203v1850h313v-1850h-313z" />
+<glyph unicode="}" horiz-adv-x="591" d="M104 0v313h119v363l92 78l-92 77v330h-119v314h134q123 0 211 -87.5t88 -209.5v-242l81 -49v-262l-81 -52v-276q0 -121 -88.5 -209t-210.5 -88h-134z" />
+<glyph unicode="~" horiz-adv-x="827" d="M49 475v270q109 47 195 48q78 0 197.5 -58.5t179.5 -68.5q82 0 196 73v-258q-123 -51 -203 -51q-74 0 -193.5 62.5t-189.5 62.5q-78 0 -182 -80z" />
+<glyph unicode="&#xa2;" horiz-adv-x="1302" d="M68 297v612q0 123 88 211t211 88h229v236h315v-236h361v-317h-361v-578h361v-313h-361v-203h-315v203h-229q-123 0 -211 88t-88 209zM381 313h215v578h-215v-578z" />
+<glyph unicode="&#xa3;" horiz-adv-x="1503" d="M80 0v313h184v254h-184v314h184v297q0 123 88 210t209 87h535q123 0 210 -87.5t87 -209.5v-115h-316v98h-499v-280h618v-314h-618v-254h815v-313h-1313z" />
+<glyph unicode="&#xad;" d="M121 449v313h854v-313h-854z" />
+<glyph unicode="&#xb4;" horiz-adv-x="436" d="M68 1530l104 416h322l-105 -416h-321z" />
+<glyph unicode="&#x2000;" horiz-adv-x="972" />
+<glyph unicode="&#x2001;" horiz-adv-x="1945" />
+<glyph unicode="&#x2002;" horiz-adv-x="972" />
+<glyph unicode="&#x2003;" horiz-adv-x="1945" />
+<glyph unicode="&#x2004;" horiz-adv-x="647" />
+<glyph unicode="&#x2005;" horiz-adv-x="485" />
+<glyph unicode="&#x2006;" horiz-adv-x="323" />
+<glyph unicode="&#x2007;" horiz-adv-x="323" />
+<glyph unicode="&#x2008;" horiz-adv-x="241" />
+<glyph unicode="&#x2009;" horiz-adv-x="389" />
+<glyph unicode="&#x200a;" horiz-adv-x="106" />
+<glyph unicode="&#x2010;" d="M121 449v313h854v-313h-854z" />
+<glyph unicode="&#x2011;" d="M121 449v313h854v-313h-854z" />
+<glyph unicode="&#x2012;" d="M121 449v313h854v-313h-854z" />
+<glyph unicode="&#x2013;" horiz-adv-x="1449" d="M111 446v314h1224v-314h-1224z" />
+<glyph unicode="&#x2014;" horiz-adv-x="1683" d="M111 446v314h1437v-314h-1437z" />
+<glyph unicode="&#x2018;" horiz-adv-x="491" d="M70 895v258q0 113 89 198t224 107v-563h-313z" />
+<glyph unicode="&#x2019;" horiz-adv-x="487" d="M111 885v561h313v-256q0 -111 -89 -196.5t-224 -108.5z" />
+<glyph unicode="&#x201c;" horiz-adv-x="954" d="M92 895v258q0 113 90 198t224 107v-563h-314zM532 897v258q0 113 89.5 198t224.5 107v-563h-314z" />
+<glyph unicode="&#x201d;" horiz-adv-x="954" d="M111 885v561h313v-256q0 -111 -89 -196.5t-224 -108.5zM549 885v561h315v-256q0 -111 -90 -196.5t-225 -108.5z" />
+<glyph unicode="&#x2022;" horiz-adv-x="759" d="M221 705v36q0 135 135 136h43q137 0 138 -136v-36q0 -133 -138 -134h-43q-135 1 -135 134z" />
+<glyph unicode="&#x2026;" horiz-adv-x="1175" d="M111 0v313h315v-313h-315zM504 0v313h315v-313h-315zM897 0v313h313v-313h-313z" />
+<glyph unicode="&#x202f;" horiz-adv-x="389" />
+<glyph unicode="&#x205f;" horiz-adv-x="485" />
+<glyph unicode="&#x20ac;" horiz-adv-x="1636" d="M72 383v313h184v72h-184v313h184v97q0 123 87 210t210 87h960v-314h-944v-80h744v-313h-744v-72h744v-313h-744v-70h944v-313h-960q-123 0 -210 88t-87 209v86h-184z" />
+<glyph unicode="&#x2122;" horiz-adv-x="3454" d="M1669 0v1475h327l500 -596l498 596h329v-1475h-319v989l-508 -606l-510 604v-987h-317zM41 1155v320h1475v-320h-578v-1155h-320v1155h-577z" />
+<glyph unicode="&#xe000;" horiz-adv-x="1190" d="M0 1190h1190v-1190h-1190v1190z" />
+<glyph unicode="&#xfb01;" horiz-adv-x="1370" d="M1007 0v1188h314v-1188h-314zM1007 1262v315h314v-315h-314zM109 0v1280q0 121 87 209t212 88h454v-315h-440v-74h440v-314h-440v-874h-313z" />
+<glyph unicode="&#xfb02;" horiz-adv-x="1591" d="M1007 297v1282h316v-1266h240v-313h-259q-121 0 -209 88t-88 209zM109 0v1280q0 121 87 209t212 88h454v-315h-440v-74h440v-314h-440v-874h-313z" />
+<glyph unicode="&#xfb03;" horiz-adv-x="2271" d="M1908 0v1188h314v-1188h-314zM1908 1262v315h314v-315h-314zM1010 0v1280q0 121 87 209t212 88h454v-315h-440v-74h440v-314h-440v-874h-313zM109 0v1280q0 121 87 209t212 88h454v-315h-440v-74h440v-314h-440v-874h-313z" />
+<glyph unicode="&#xfb04;" horiz-adv-x="2492" d="M1908 297v1282h316v-1266h240v-313h-259q-121 0 -209 88t-88 209zM1010 0v1280q0 121 87 209t212 88h454v-315h-440v-74h440v-314h-440v-874h-313zM109 0v1280q0 121 87 209t212 88h454v-315h-440v-74h440v-314h-440v-874h-313z" />
+<glyph horiz-adv-x="821" />
+</font>
+</defs></svg> 
--- a/static/fonts/orbitron/orbitron-black-webfont.ttf
+++ b/static/fonts/orbitron/orbitron-black-webfont.ttf
--- a/static/fonts/orbitron/orbitron-black-webfont.woff
+++ b/static/fonts/orbitron/orbitron-black-webfont.woff
--- a/static/fonts/orbitron/orbitron-bold-webfont.eot
+++ b/static/fonts/orbitron/orbitron-bold-webfont.eot
--- a/static/fonts/orbitron/orbitron-bold-webfont.svg
+++ b/static/fonts/orbitron/orbitron-bold-webfont.svg
@ -0,0 +1,148 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG webfont generated by Font Squirrel.
+Copyright   : Generated in 2009 by FontLab Studio Copyright info pending
+Designer    : Matt McInerney
+Foundry     : Matt McInerney
+Foundry URL : httptheleagueofmoveabletypecom
+</metadata>
+<defs>
+<font id="webfontMOSYtX6m" horiz-adv-x="1058" >
+<font-face units-per-em="2048" ascent="1536" descent="-512" />
+<missing-glyph horiz-adv-x="630" />
+<glyph unicode=" "  horiz-adv-x="630" />
+<glyph unicode="&#x09;" horiz-adv-x="630" />
+<glyph unicode="&#xa0;" horiz-adv-x="630" />
+<glyph unicode="!" horiz-adv-x="450" d="M119 0v268h268v-268h-268zM119 403v1072h268v-1072h-268z" />
+<glyph unicode="&#x22;" horiz-adv-x="761" d="M121 1100v373h270v-373h-270zM449 1100v373h268v-373h-268z" />
+<glyph unicode="#" horiz-adv-x="1632" d="M66 328v268h251l95 295h-287v268h373l102 316h274l-106 -316h358l105 316h272l-106 -316h153v-268h-239l-94 -295h274v-268h-358l-99 -328h-270l100 328h-360l-98 -328h-271l101 328h-170zM588 596h358l94 295h-358z" />
+<glyph unicode="$" horiz-adv-x="1613" d="M70 283v110h268v-110q0 -14 14 -15h314v336h-314q-117 0 -199.5 83t-82.5 200v305q0 117 83 200t199 83h314v211h268v-211h313q117 0 200 -83t83 -200v-111h-268v111q0 14 -15 14h-313v-334h313q117 0 200 -82.5t83 -199.5v-307q0 -117 -83 -200t-200 -83h-313v-211h-268 v211h-314q-117 0 -199.5 83t-82.5 200zM338 887q0 -14 14 -15h314v334h-314q-14 0 -14 -14v-305zM934 268h313q14 0 15 15v307q0 14 -15 14h-313v-336z" />
+<glyph unicode="%" horiz-adv-x="1978" d="M98 1022v156q0 117 83 199.5t200 82.5h176q117 0 200 -83t83 -199v-156q0 -117 -83 -200t-200 -83h-176q-117 0 -200 83t-83 200zM262 0v293l1393 1182h67v-293l-1392 -1182h-68zM328 983q0 -12 14 -12h254q12 0 12 12v234q0 14 -12 14h-254q-14 0 -14 -14v-234z M1108 281v155q0 117 83 200t200 83h174q117 0 199.5 -83t82.5 -200v-155q0 -117 -83 -200t-199 -83h-174q-117 0 -200 83t-83 200zM1337 242q0 -14 15 -15h252q14 0 14 15v233q0 14 -14 14h-252q-14 0 -15 -14v-233z" />
+<glyph unicode="&#x26;" horiz-adv-x="1921" d="M109 283v397q0 45 27.5 96t74.5 72q-25 43 -25 127v217q0 117 83 200t200 83h760q102 0 183 -67t97 -167v-174h-268v123q0 14 -12 14h-760q-14 0 -14 -14v-254l845 -426v223h269v-334l248 -145v-270l-283 159q-35 -66 -101.5 -104.5t-146.5 -38.5h-895q-117 0 -199.5 83 t-82.5 200zM377 283q0 -14 14 -15h854l-839 424h-15q-14 0 -14 -12v-397z" />
+<glyph unicode="'" horiz-adv-x="458" d="M121 1100v373h268v-373h-268z" />
+<glyph unicode="(" horiz-adv-x="567" d="M106 283v909q0 117 82 200t199 83h113v-269h-113q-12 0 -12 -14v-909q0 -14 12 -15h113v-268h-113q-117 0 -199 83t-82 200z" />
+<glyph unicode=")" horiz-adv-x="569" d="M115 0v268h112q12 0 13 15v909q0 14 -13 14h-112v269h112q115 0 199 -83t84 -200v-909q0 -117 -84 -200t-199 -83h-112z" />
+<glyph unicode="*" horiz-adv-x="1005" d="M51 1036l82 258l248 -84v263h270v-261l248 82l84 -258l-250 -80l156 -211l-217 -157l-158 211l-152 -211l-217 157l154 211z" />
+<glyph unicode="+" horiz-adv-x="886" d="M35 471v268h280v283h269v-283h288v-268h-288v-287h-269v287h-280z" />
+<glyph unicode="," horiz-adv-x="450" d="M111 244h268v-240q0 -104 -77 -184t-191 -101v525z" />
+<glyph unicode="-" d="M121 471v268h837v-268h-837z" />
+<glyph unicode="." horiz-adv-x="438" d="M111 0v268h268v-268h-268z" />
+<glyph unicode="/" horiz-adv-x="1067" d="M12 0v291l979 1184h72v-289l-979 -1186h-72z" />
+<glyph unicode="0" horiz-adv-x="1708" d="M117 291v895q0 117 83 203t199 86h895q117 0 200 -86t83 -203v-895q0 -117 -83 -204t-200 -87h-895q-117 0 -199.5 87t-82.5 204zM385 526l803 674h-789q-14 0 -14 -14v-660zM506 276h788q14 0 15 15v659z" />
+<glyph unicode="1" horiz-adv-x="800" d="M2 944l444 531h297v-1475h-268v1083l-119 -139h-354z" />
+<glyph unicode="2" horiz-adv-x="1699" d="M117 0v569q0 117 83 200t199 83h895q14 0 15 12v328q0 14 -15 14h-895q-14 0 -14 -14v-111h-268v111q0 117 83 200t199 83h895q117 0 200 -83t83 -200v-328q0 -117 -83 -199.5t-200 -82.5h-895q-14 0 -14 -13v-286q0 -14 14 -15h1178v-268h-1460z" />
+<glyph unicode="3" horiz-adv-x="1691" d="M109 283v88h268v-88q0 -14 14 -15h897q12 0 12 15v319q0 14 -12 14h-926v269h867q14 0 14 12v295q0 14 -14 14h-838q-14 0 -14 -14v-107h-268v107q0 117 82.5 200t199.5 83h838q117 0 199.5 -83t82.5 -200v-295q0 -59 -20 -102q78 -82 78 -193v-319q0 -117 -82 -200 t-199 -83h-897q-117 0 -199.5 83t-82.5 200z" />
+<glyph unicode="4" horiz-adv-x="1495" d="M12 371v252l944 852h252v-836h207v-268h-207v-371h-268v371h-928zM430 639h510v414z" />
+<glyph unicode="5" horiz-adv-x="1699" d="M117 283v110h268v-110q0 -14 14 -15h895q14 0 15 15v325q0 12 -15 13h-1177v854h1460v-269h-1178q-14 0 -14 -14v-289q0 -12 14 -12h895q117 0 200 -83t83 -200v-325q0 -117 -83 -200t-200 -83h-895q-117 0 -199.5 83t-82.5 200z" />
+<glyph unicode="6" horiz-adv-x="1679" d="M117 283v909q0 117 83 200t199 83h944v-269h-944q-14 0 -14 -14v-289q0 -12 14 -12h895q117 0 200 -83t83 -200v-325q0 -117 -83 -200t-200 -83h-895q-117 0 -199.5 83t-82.5 200zM385 283q0 -14 14 -15h895q14 0 15 15v325q0 12 -15 13h-909v-338z" />
+<glyph unicode="7" horiz-adv-x="1351" d="M6 1206v269h944q117 0 200 -83t83 -200v-1192h-268v1192q0 14 -15 14h-944z" />
+<glyph unicode="8" horiz-adv-x="1708" d="M117 283v325q0 82 41 148q-41 66 -41 147v289q0 117 83 200t199 83h895q104 0 185.5 -67t97.5 -167v-338q0 -86 -41 -147q41 -61 41 -148v-325q0 -117 -83 -200t-200 -83h-895q-117 0 -199.5 83t-82.5 200zM385 283q0 -14 14 -15h895q14 0 15 15v325q0 12 -15 13h-895 q-14 0 -14 -13v-325zM385 883q0 -14 14 -15h895q14 0 15 15v307q0 14 -15 14h-895q-14 0 -14 -14v-307z" />
+<glyph unicode="9" horiz-adv-x="1695" d="M104 268h1182q12 0 12 15v295q0 12 -12 12h-897q-117 0 -200 83t-83 199v320q0 117 83 200t200 83h897q117 0 199 -83t82 -200v-909q0 -117 -82 -200t-199 -83h-897q-104 0 -184.5 76.5t-100.5 191.5zM377 872q0 -12 12 -12h909v332q0 14 -12 14h-897q-12 0 -12 -14v-320 z" />
+<glyph unicode=":" horiz-adv-x="438" d="M111 0v268h268v-268h-268zM111 934v270h268v-270h-268z" />
+<glyph unicode=";" horiz-adv-x="444" d="M104 244h269v-240q0 -104 -77 -184t-192 -101v525zM104 934v270h269v-270h-269z" />
+<glyph unicode="&#x3c;" horiz-adv-x="968" d="M10 485v242l858 496v-310l-534 -307l534 -309v-311z" />
+<glyph unicode="=" horiz-adv-x="1306" d="M121 279v268h1071v-268h-1071zM121 649v269h1071v-269h-1071z" />
+<glyph unicode="&#x3e;" horiz-adv-x="972" d="M121 -18v311l532 309l-532 307v310l860 -496v-242z" />
+<glyph unicode="?" horiz-adv-x="1388" d="M63 1206v269h996q119 0 200.5 -83t81.5 -200v-358q0 -117 -81.5 -200t-200.5 -83h-504q-12 0 -12 -12v-138h-271v138q0 117 83 199.5t200 82.5h504q14 0 14 13v358q0 14 -14 14h-996zM272 0v268h271v-268h-271z" />
+<glyph unicode="@" horiz-adv-x="1701" d="M117 283v909q0 117 83 200t199 83h895q117 0 200 -83t83 -200v-786h-797q-117 0 -199.5 81.5t-82.5 200.5v115q0 117 83 198.5t199 81.5h135q117 0 199 -81.5t82 -198.5v-168h113v557q0 14 -15 14h-895q-14 0 -14 -14v-909q0 -14 14 -15h1178v-268h-1178 q-117 0 -199.5 83t-82.5 200zM707 649q0 -14 14 -14h266v227q0 12 -12 12h-254q-14 0 -14 -12v-213z" />
+<glyph unicode="A" horiz-adv-x="1712" d="M119 0v1190q0 119 83 202t201 83h904q119 0 202.5 -83t83.5 -202v-1190h-272v496h-932v-496h-270zM389 766h932v424q0 14 -14 14h-904q-14 0 -14 -14v-424z" />
+<glyph unicode="B" horiz-adv-x="1703" d="M121 0v1475h1130q117 0 201 -83t84 -202v-289q0 -61 -20 -104q80 -84 79 -195v-317q0 -119 -84 -202t-202 -83h-1188zM391 285q0 -14 15 -15h903q14 0 14 15v317q0 12 -14 12h-903q-14 0 -15 -12v-317zM391 901q0 -14 15 -14h845q12 0 13 14v289q0 14 -13 14h-845 q-14 0 -15 -14v-289z" />
+<glyph unicode="C" horiz-adv-x="1683" d="M115 285v905q0 119 83 202t201 83h1186v-271h-1186q-14 0 -14 -14v-905q0 -14 14 -15h1186v-270h-1186q-119 0 -201.5 83t-82.5 202z" />
+<glyph unicode="D" horiz-adv-x="1708" d="M119 0v1475h1188q119 0 202.5 -83t83.5 -202v-905q0 -119 -84 -202t-202 -83h-1188zM389 285q0 -14 14 -15h904q14 0 14 15v905q0 14 -14 14h-904q-14 0 -14 -14v-905z" />
+<glyph unicode="E" horiz-adv-x="1568" d="M119 0v1475h1356v-271h-1084v-332h873v-270h-873v-332h1084v-270h-1356z" />
+<glyph unicode="F" horiz-adv-x="1480" d="M119 0v1475h1356v-271h-1084v-332h873v-270h-873v-602h-272z" />
+<glyph unicode="G" horiz-adv-x="1699" d="M115 285v905q0 119 83 202t201 83h904q119 0 202.5 -83t83.5 -202v-115h-272v115q0 14 -14 14h-904q-14 0 -14 -14v-905q0 -14 14 -15h904q14 0 14 15v278h-334v271h606v-549q0 -119 -84 -202t-202 -83h-904q-119 0 -201.5 83t-82.5 202z" />
+<glyph unicode="H" horiz-adv-x="1742" d="M117 0v1475h270v-603h967v603h270v-1475h-270v602h-967v-602h-270z" />
+<glyph unicode="I" horiz-adv-x="450" d="M117 0v1475h270v-1475h-270z" />
+<glyph unicode="J" horiz-adv-x="1597" d="M8 285v168h271v-168q0 -14 14 -15h905q12 0 12 15v1190h273v-1190q0 -119 -84 -202t-201 -83h-905q-119 0 -202 83t-83 202z" />
+<glyph unicode="K" horiz-adv-x="1632" d="M117 0v1475h272v-603h348l504 603h297v-72l-557 -666l557 -665v-72h-297l-504 602h-348v-602h-272z" />
+<glyph unicode="L" horiz-adv-x="1595" d="M117 0v1477h270v-1207h1204v-270h-1474z" />
+<glyph unicode="M" horiz-adv-x="1900" d="M115 0v1475h295l536 -639l535 639h297v-1475h-273v1081l-559 -665l-561 665v-1081h-270z" />
+<glyph unicode="N" horiz-adv-x="1703" d="M115 0v1475h295l907 -1082v1082h272v-1475h-295l-909 1081v-1081h-270z" />
+<glyph unicode="O" horiz-adv-x="1695" d="M111 285v905q0 119 82.5 202t201.5 83h905q117 0 201 -83t84 -202v-905q0 -119 -84 -202t-201 -83h-905q-119 0 -201.5 83t-82.5 202zM381 285q0 -14 14 -15h905q12 0 13 15v905q0 14 -13 14h-905q-14 0 -14 -14v-905z" />
+<glyph unicode="P" horiz-adv-x="1619" d="M115 0v1473h1188q119 0 202.5 -84t83.5 -201v-397q0 -117 -84 -201t-202 -84l-912 -2l-6 2v-506h-270zM385 791q0 -14 14 -15h904q14 0 14 15v397q0 14 -14 14h-904q-14 0 -14 -14v-397z" />
+<glyph unicode="Q" horiz-adv-x="1810" d="M111 285v905q0 119 82.5 202t201.5 83h903q119 0 203 -83t84 -202v-920h176v-270h-1366q-119 0 -201.5 83t-82.5 202zM381 285q0 -14 14 -15h903q14 0 15 15v905q0 14 -15 14h-903q-14 0 -14 -14v-905z" />
+<glyph unicode="R" horiz-adv-x="1689" d="M113 0v1473h1187q119 0 203 -84t84 -201v-397q0 -117 -84 -201t-203 -84h-79l366 -436v-70h-295l-426 506h-477h-6v-506h-270zM383 791q0 -14 14 -15h903q14 0 15 15v397q0 14 -15 14h-903q-14 0 -14 -14v-397z" />
+<glyph unicode="S" horiz-adv-x="1683" d="M104 285v112h271v-112q0 -14 14 -15h905q12 0 13 15v303q0 14 -13 14h-905q-119 0 -202 83t-83 202v303q0 119 83 202t202 83h905q117 0 201 -83t84 -202v-113h-272v113q0 14 -13 14h-905q-14 0 -14 -14v-303q0 -14 14 -15h905q117 0 201 -82.5t84 -201.5v-303 q0 -119 -84 -202t-201 -83h-905q-119 0 -202 83t-83 202z" />
+<glyph unicode="T" horiz-adv-x="1554" d="M41 1204v271h1475v-271h-601v-1204h-272v1204h-602z" />
+<glyph unicode="U" horiz-adv-x="1695" d="M111 285v1190h270v-1190q0 -14 14 -15h905q12 0 13 15v1190h272v-1190q0 -119 -84 -202t-201 -83h-905q-119 0 -201.5 83t-82.5 202z" />
+<glyph unicode="V" horiz-adv-x="2054" d="M72 1475h313l662 -1147l659 1147h313l-852 -1475h-243z" />
+<glyph unicode="W" horiz-adv-x="2414" d="M72 1475h286l357 -973l356 973h264l357 -973l356 973h287l-537 -1475h-213l-383 1047l-383 -1047h-211z" />
+<glyph unicode="X" horiz-adv-x="1662" d="M94 0v72l559 665l-559 666v72h297l440 -523l441 523h297v-72l-561 -666l561 -665v-72h-297l-441 522l-440 -522h-297z" />
+<glyph unicode="Y" horiz-adv-x="1650" d="M35 1475h321l496 -627l494 627h323l-682 -924v-551h-270v551z" />
+<glyph unicode="Z" horiz-adv-x="1681" d="M104 0v295l1082 909h-1082v271h1475v-295l-1081 -910h1081v-270h-1475z" />
+<glyph unicode="[" horiz-adv-x="563" d="M111 0v1475h393v-269h-125v-938h125v-268h-393z" />
+<glyph unicode="\" horiz-adv-x="1064" d="M10 1186v289h72l979 -1186v-289h-72z" />
+<glyph unicode="]" horiz-adv-x="565" d="M104 0v268h123v938h-123v269h394v-1475h-394z" />
+<glyph unicode="_" horiz-adv-x="1695" d="M111 0h1460v-268h-1460v268z" />
+<glyph unicode="`" horiz-adv-x="436" d="M66 1985h272l94 -375h-272z" />
+<glyph unicode="a" horiz-adv-x="1421" d="M106 283v446h938v176q0 14 -14 15h-924v268h924q117 0 200 -83t83 -200v-905h-924q-117 0 -200 83t-83 200zM375 283q0 -14 14 -15h655v191h-669v-176z" />
+<glyph unicode="b" horiz-adv-x="1366" d="M111 0v1577h268v-389h655q117 0 200 -83t83 -200v-622q0 -117 -83 -200t-200 -83h-923zM379 283q0 -14 14 -15h641q14 0 15 15v622q0 14 -15 15h-641q-14 0 -14 -15v-622z" />
+<glyph unicode="c" horiz-adv-x="1423" d="M104 283v622q0 117 83 200t200 83h920v-268h-920q-14 0 -14 -15v-622q0 -14 14 -15h924v-268h-924q-117 0 -200 83t-83 200z" />
+<glyph unicode="d" horiz-adv-x="1366" d="M47 283v622q0 117 83 200t200 83h657v389h268v-1577h-925q-117 0 -200 83t-83 200zM317 283q0 -14 13 -15h643q14 0 14 15v622q0 14 -14 15h-643q-12 0 -13 -15v-622z" />
+<glyph unicode="e" horiz-adv-x="1417" d="M104 283v622q0 117 83 200t200 83h641q117 0 200 -83t83 -200v-446h-938v-176q0 -14 14 -15h924v-268h-924q-117 0 -200 83t-83 200zM373 729h669v176q0 14 -14 15h-641q-14 0 -14 -15v-176z" />
+<glyph unicode="f" horiz-adv-x="894" d="M109 0v1294q0 117 81.5 200t200.5 83h449v-270h-449q-14 0 -14 -13v-106h463v-268h-463v-920h-268z" />
+<glyph unicode="g" horiz-adv-x="1398" d="M84 283v622q0 117 83 200t200 83h643q117 0 198.5 -83t81.5 -200v-1093q0 -117 -82 -200t-198 -83h-727v270h727q12 0 12 13v188h-655q-117 0 -200 83t-83 200zM352 283q0 -14 15 -15h643q12 0 12 15v622q0 14 -12 15h-643q-14 0 -15 -15v-622z" />
+<glyph unicode="h" horiz-adv-x="1368" d="M111 0v1577h268v-389h655q115 0 199 -83t84 -200v-905h-268v905q0 14 -15 15h-641q-14 0 -14 -15v-905h-268z" />
+<glyph unicode="i" horiz-adv-x="477" d="M106 0v1188h269v-1188h-269zM106 1307v270h269v-270h-269z" />
+<glyph unicode="j" horiz-adv-x="489" d="M-383 -178h512q14 0 14 12v1354h269v-1354q0 -117 -83 -200t-200 -83h-512v271zM143 1307v270h269v-270h-269z" />
+<glyph unicode="k" horiz-adv-x="1323" d="M111 0v1577h268v-848h211l424 459h289v-70l-476 -524l476 -524v-70h-289l-424 459h-211v-459h-268z" />
+<glyph unicode="l" horiz-adv-x="704" d="M106 283v1294h271v-1294q0 -14 12 -15h240v-268h-240q-117 0 -200 83t-83 200z" />
+<glyph unicode="m" horiz-adv-x="2002" d="M111 0v1188h1472q117 0 200 -83t83 -200v-905h-267v905q0 14 -16 15h-446q-12 0 -13 -15v-905h-270v905q0 14 -12 15h-449q-14 0 -14 -15v-905h-268z" />
+<glyph unicode="n" horiz-adv-x="1425" d="M111 0v1188h923q117 0 200 -83t83 -200v-905h-268v905q0 14 -15 15h-641q-14 0 -14 -15v-905h-268z" />
+<glyph unicode="o" horiz-adv-x="1417" d="M104 283v622q0 117 83 200t200 83h641q117 0 200 -83t83 -200v-622q0 -117 -83 -200t-200 -83h-641q-117 0 -200 83t-83 200zM373 283q0 -14 14 -15h641q14 0 14 15v622q0 14 -14 15h-641q-14 0 -14 -15v-622z" />
+<glyph unicode="p" horiz-adv-x="1359" d="M111 -471v1659h923q117 0 200 -83t83 -200v-622q0 -117 -83 -200t-200 -83h-655v-471h-268zM379 283q0 -14 14 -15h641q14 0 15 15v622q0 14 -15 15h-641q-14 0 -14 -15v-622z" />
+<glyph unicode="q" horiz-adv-x="1359" d="M41 283v622q0 117 83 200t200 83h925v-1659h-268v471h-657q-117 0 -200 83t-83 200zM311 283q0 -14 13 -15h643q14 0 14 15v622q0 14 -14 15h-643q-12 0 -13 -15v-622z" />
+<glyph unicode="r" horiz-adv-x="1081" d="M106 0v905q0 117 83 200t200 83h660v-268h-660q-14 0 -14 -15v-905h-269z" />
+<glyph unicode="s" horiz-adv-x="1404" d="M98 283v51h269v-51q0 -14 14 -15h641q14 0 14 15v163q0 12 -14 13h-641q-117 0 -200 83t-83 199v164q0 117 83 200t200 83h641q119 0 201 -83t82 -200v-51h-269v51q0 14 -14 15h-641q-14 0 -14 -15v-164q0 -12 14 -12h641q119 0 201 -83t82 -200v-163q0 -117 -82 -200 t-201 -83h-641q-117 0 -200 83t-83 200z" />
+<glyph unicode="t" horiz-adv-x="894" d="M109 283v1294h268v-389h463v-268h-463v-637q0 -14 14 -15h449v-268h-449q-119 0 -200.5 83t-81.5 200z" />
+<glyph unicode="u" horiz-adv-x="1423" d="M109 283v905h268v-905q0 -14 14 -15h641q14 0 15 15v905h268v-905q0 -117 -83 -200t-200 -83h-641q-119 0 -200.5 83t-81.5 200z" />
+<glyph unicode="v" horiz-adv-x="1617" d="M43 1188h309l467 -862l469 862h309l-655 -1188h-246z" />
+<glyph unicode="w" horiz-adv-x="2162" d="M72 1188h284l287 -701l305 701h279l323 -705l269 705h284l-446 -1188h-209l-358 795l-345 -795h-206z" />
+<glyph unicode="x" horiz-adv-x="1417" d="M94 0v68l438 536l-438 516v68h293l320 -377l321 377h293v-68l-440 -516l440 -536v-68h-293l-321 393l-320 -393h-293z" />
+<glyph unicode="y" horiz-adv-x="1402" d="M86 283v901h268v-901q0 -14 15 -15h643q12 0 12 15v901h268v-1372q0 -117 -82 -200t-198 -83h-727v270h727q12 0 12 13v188h-655q-117 0 -200 83t-83 200z" />
+<glyph unicode="z" horiz-adv-x="1429" d="M111 0v293l811 627h-811v268h1206v-293l-811 -627h811v-268h-1206z" />
+<glyph unicode="{" horiz-adv-x="591" d="M47 627v243l86 48v274q0 117 82 200t201 83h110v-269h-110q-14 0 -15 -14v-350l-116 -94l116 -97v-368q0 -14 15 -15h110v-268h-110q-119 0 -201 83t-82 200v292q-14 8 -45 28t-41 24z" />
+<glyph unicode="|" horiz-adv-x="438" d="M111 -213v1884h268v-1884h-268z" />
+<glyph unicode="}" horiz-adv-x="591" d="M104 0v268h111q14 0 14 15v368l117 97l-117 94v350q0 14 -14 14h-111v269h111q117 0 200 -83t83 -200v-264q14 -8 43.5 -31t42.5 -29v-241l-86 -52v-292q0 -117 -83 -200t-200 -83h-111z" />
+<glyph unicode="~" horiz-adv-x="827" d="M49 520v213q88 39 174 39q78 0 203 -61.5t190 -71.5q98 0 179 53v-196q-102 -43 -183 -43q-74 0 -199.5 65.5t-201.5 65.5q-96 -1 -162 -64z" />
+<glyph unicode="&#xa2;" horiz-adv-x="1302" d="M68 283v643q0 117 82.5 199.5t199.5 82.5h248v248h270v-248h404v-270h-404v-670h404v-268h-404v-213h-270v213h-248q-117 0 -199.5 83t-82.5 200zM336 283q0 -14 14 -15h248v670h-248q-14 0 -14 -12v-643z" />
+<glyph unicode="&#xa3;" horiz-adv-x="1503" d="M80 0v268h194v328h-194v268h194v328q0 117 83 200t200 83h561q117 0 199 -83t82 -200v-88h-269v88q0 14 -12 14h-561q-14 0 -14 -14v-328h651v-268h-651v-328h856v-268h-1319z" />
+<glyph unicode="&#xad;" d="M121 471v268h837v-268h-837z" />
+<glyph unicode="&#xb4;" horiz-adv-x="436" d="M68 1610l94 375h272l-94 -375h-272z" />
+<glyph unicode="&#x2000;" horiz-adv-x="991" />
+<glyph unicode="&#x2001;" horiz-adv-x="1984" />
+<glyph unicode="&#x2002;" horiz-adv-x="991" />
+<glyph unicode="&#x2003;" horiz-adv-x="1984" />
+<glyph unicode="&#x2004;" horiz-adv-x="661" />
+<glyph unicode="&#x2005;" horiz-adv-x="495" />
+<glyph unicode="&#x2006;" horiz-adv-x="329" />
+<glyph unicode="&#x2007;" horiz-adv-x="329" />
+<glyph unicode="&#x2008;" horiz-adv-x="247" />
+<glyph unicode="&#x2009;" horiz-adv-x="395" />
+<glyph unicode="&#x200a;" horiz-adv-x="108" />
+<glyph unicode="&#x2010;" d="M121 471v268h837v-268h-837z" />
+<glyph unicode="&#x2011;" d="M121 471v268h837v-268h-837z" />
+<glyph unicode="&#x2012;" d="M121 471v268h837v-268h-837z" />
+<glyph unicode="&#x2013;" horiz-adv-x="1449" d="M111 469v268h1226v-268h-1226z" />
+<glyph unicode="&#x2014;" horiz-adv-x="1683" d="M111 469v268h1450v-268h-1450z" />
+<glyph unicode="&#x2018;" horiz-adv-x="444" d="M70 956v240q0 106 76.5 186t191.5 99v-525h-268z" />
+<glyph unicode="&#x2019;" horiz-adv-x="442" d="M111 950v525h268v-240q0 -104 -76.5 -184.5t-191.5 -100.5z" />
+<glyph unicode="&#x201c;" horiz-adv-x="823" d="M92 956v240q0 106 77 186t191 99v-525h-268zM446 956v240q0 106 77 186t192 99v-525h-269z" />
+<glyph unicode="&#x201d;" horiz-adv-x="821" d="M111 950v525h268v-240q0 -104 -76.5 -184.5t-191.5 -100.5zM463 950v525h270v-240q0 -104 -76.5 -184.5t-193.5 -100.5z" />
+<glyph unicode="&#x2022;" horiz-adv-x="759" d="M242 711v39q0 111 110 110h45q113 0 113 -110v-39q0 -111 -113 -111h-45q-110 0 -110 111z" />
+<glyph unicode="&#x2026;" horiz-adv-x="1175" d="M111 0v268h268v-268h-268zM479 0v268h271v-268h-271zM850 0v268h268v-268h-268z" />
+<glyph unicode="&#x202f;" horiz-adv-x="395" />
+<glyph unicode="&#x205f;" horiz-adv-x="495" />
+<glyph unicode="&#x20ac;" horiz-adv-x="1636" d="M72 403v269h194v116h-194v269h194v135q0 117 83 200t200 83h979v-269h-979q-14 0 -14 -14v-135h782v-269h-782v-116h782v-269h-782v-120q0 -14 14 -15h979v-268h-979q-117 0 -200 83t-83 200v120h-194z" />
+<glyph unicode="&#x2122;" horiz-adv-x="3454" d="M1669 0v1475h295l536 -639l535 639h297v-1475h-273v1081l-559 -665l-561 665v-1081h-270zM41 1204v271h1475v-271h-601v-1204h-272v1204h-602z" />
+<glyph unicode="&#xe000;" horiz-adv-x="1190" d="M0 1190h1190v-1190h-1190v1190z" />
+<glyph unicode="&#xfb01;" horiz-adv-x="1372" d="M1001 0v1188h269v-1188h-269zM1001 1307v270h269v-270h-269zM109 0v1294q0 117 81.5 200t200.5 83h449v-270h-449q-14 0 -14 -13v-106h463v-268h-463v-920h-268z" />
+<glyph unicode="&#xfb02;" horiz-adv-x="1599" d="M1001 283v1294h271v-1294q0 -14 12 -15h240v-268h-240q-117 0 -200 83t-83 200zM109 0v1294q0 117 81.5 200t200.5 83h449v-270h-449q-14 0 -14 -13v-106h463v-268h-463v-920h-268z" />
+<glyph unicode="&#xfb03;" horiz-adv-x="2267" d="M1896 0v1188h269v-1188h-269zM1896 1307v270h269v-270h-269zM1004 0v1294q0 117 81.5 200t200.5 83h449v-270h-449q-14 0 -14 -13v-106h463v-268h-463v-920h-268zM109 0v1294q0 117 81.5 200t200.5 83h449v-270h-449q-14 0 -14 -13v-106h463v-268h-463v-920h-268z" />
+<glyph unicode="&#xfb04;" horiz-adv-x="2494" d="M1896 283v1294h271v-1294q0 -14 12 -15h240v-268h-240q-117 0 -200 83t-83 200zM1004 0v1294q0 117 81.5 200t200.5 83h449v-270h-449q-14 0 -14 -13v-106h463v-268h-463v-920h-268zM109 0v1294q0 117 81.5 200t200.5 83h449v-270h-449q-14 0 -14 -13v-106h463v-268h-463 v-920h-268z" />
+<glyph horiz-adv-x="821" />
+</font>
+</defs></svg> 
--- a/static/fonts/orbitron/orbitron-bold-webfont.ttf
+++ b/static/fonts/orbitron/orbitron-bold-webfont.ttf
--- a/static/fonts/orbitron/orbitron-bold-webfont.woff
+++ b/static/fonts/orbitron/orbitron-bold-webfont.woff
--- a/static/fonts/orbitron/orbitron-light-webfont.eot
+++ b/static/fonts/orbitron/orbitron-light-webfont.eot
--- a/static/fonts/orbitron/orbitron-light-webfont.svg
+++ b/static/fonts/orbitron/orbitron-light-webfont.svg
@ -0,0 +1,148 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG webfont generated by Font Squirrel.
+Copyright   : Generated in 2009 by FontLab Studio Copyright info pending
+Designer    : Matt McInerney
+Foundry     : Matt McInerney
+Foundry URL : httptheleagueofmoveabletypecom
+</metadata>
+<defs>
+<font id="webfontZHiKantU" horiz-adv-x="1058" >
+<font-face units-per-em="2048" ascent="1536" descent="-512" />
+<missing-glyph horiz-adv-x="557" />
+<glyph unicode=" "  horiz-adv-x="557" />
+<glyph unicode="&#x09;" horiz-adv-x="557" />
+<glyph unicode="&#xa0;" horiz-adv-x="557" />
+<glyph unicode="!" horiz-adv-x="450" d="M119 0v168h168v-168h-168zM119 416v1059h168v-1059h-168z" />
+<glyph unicode="&#x22;" horiz-adv-x="761" d="M121 1188v287h168v-287h-168zM438 1188v287h168v-287h-168z" />
+<glyph unicode="#" horiz-adv-x="1632" d="M66 350v168h260l145 451h-340v168h393l115 336h166l-117 -336h535l114 336h166l-117 -336h197v-168h-248l-145 -451h326v-168h-379l-109 -350h-168l111 350h-533l-108 -350h-168l110 350h-206zM494 518h530l145 451h-532z" />
+<glyph unicode="$" horiz-adv-x="1613" d="M70 248v59h168v-59q0 -33 23.5 -56.5t55.5 -23.5h414v487h-414q-102 0 -174.5 72t-72.5 176v324q0 104 72.5 177t174.5 73h414v233h168v-233h412q104 0 177 -73t73 -177v-58h-170v58q0 33 -24 56.5t-56 23.5h-412v-484h412q104 0 177 -72.5t73 -175.5v-327 q0 -102 -73 -175t-177 -73h-412v-233h-168v233h-414q-102 0 -174.5 73t-72.5 175zM238 903q0 -33 23.5 -56.5t55.5 -23.5h414v484h-414q-33 0 -56 -23.5t-23 -56.5v-324zM899 168h412q33 0 56.5 23.5t23.5 56.5v327q0 33 -24 56.5t-56 23.5h-412v-487z" />
+<glyph unicode="%" horiz-adv-x="1978" d="M98 1053v172q0 104 73 177t177 73h193q104 0 177 -73t73 -177v-172q0 -102 -73 -175t-177 -73h-193q-104 0 -177 73t-73 175zM223 1010q0 -33 23.5 -56.5t56.5 -23.5h283q33 0 56.5 23.5t23.5 56.5v258q0 33 -24 56.5t-56 23.5h-283q-33 0 -56.5 -24t-23.5 -56v-258z M281 0v221l1491 1256v-220zM1219 246v174q0 102 71.5 175t175.5 73h195q102 0 175 -73t73 -175v-174q0 -102 -73 -175t-175 -73h-195q-104 0 -175.5 73t-71.5 175zM1343 203q0 -33 24 -56.5t56 -23.5h281q33 0 56.5 23.5t23.5 56.5v260q0 33 -23.5 56.5t-56.5 23.5h-281 q-33 0 -56.5 -23.5t-23.5 -56.5v-260z" />
+<glyph unicode="&#x26;" horiz-adv-x="1921" d="M109 248v440q0 45 55 89t147 44q-117 88 -116 197v205q0 104 72.5 177t174.5 73h842q84 0 154.5 -62.5t95.5 -146.5v-113h-170v70q0 33 -23.5 56t-56.5 23h-842q-33 0 -56.5 -23.5t-23.5 -55.5v-285l1068 -539v285h167v-340l275 -162v-147l-281 157q-35 -86 -99.5 -138 t-141.5 -52h-994q-102 0 -174.5 73t-72.5 175zM276 248q0 -33 24 -56.5t56 -23.5h994q23 0 45 20.5t37 53.5l-1045 526h-31q-33 0 -56.5 -23.5t-23.5 -56.5v-440z" />
+<glyph unicode="'" horiz-adv-x="458" d="M121 1188v287h168v-287h-168z" />
+<glyph unicode="(" horiz-adv-x="567" d="M106 248v977q0 104 73 177t175 73h60v-170h-60q-33 0 -56.5 -24t-23.5 -56v-977q0 -33 24 -56.5t56 -23.5h60v-168h-60q-102 0 -175 73t-73 175z" />
+<glyph unicode=")" horiz-adv-x="569" d="M115 0v168h57q33 0 56.5 23.5t23.5 56.5v977q0 33 -23.5 56.5t-56.5 23.5h-57v170h57q102 0 176 -73t74 -177v-977q0 -102 -74 -175t-176 -73h-57z" />
+<glyph unicode="*" horiz-adv-x="1005" d="M51 1096l49 161l301 -100v316h168v-314l297 98l56 -161l-299 -97l184 -256l-67 -49l-68 -49l-187 252l-184 -252l-74 52l-63 44l184 258z" />
+<glyph unicode="+" horiz-adv-x="886" d="M35 522v168h311v314h168v-314h320v-168h-320v-317h-168v317h-311z" />
+<glyph unicode="," horiz-adv-x="395" d="M111 168h168v-201q0 -82 -47.5 -146.5t-120.5 -88.5v436z" />
+<glyph unicode="-" d="M121 522v168h799v-168h-799z" />
+<glyph unicode="." horiz-adv-x="438" d="M111 0v168h168v-168h-168z" />
+<glyph unicode="/" horiz-adv-x="1067" d="M12 0v217l1037 1258v-213z" />
+<glyph unicode="0" horiz-adv-x="1708" d="M117 248v977q0 104 71.5 177t176.5 73h993q102 0 175 -73t73 -177v-977q0 -102 -73 -175t-175 -73h-993q-104 0 -176 73t-72 175zM285 371l1130 934h-1050q-33 0 -56.5 -24t-23.5 -56v-854zM305 168h1053q33 0 56.5 23.5t23.5 56.5v854z" />
+<glyph unicode="1" horiz-adv-x="800" d="M2 1014l387 461h229v-1475h-169v1286q-29 -37 -114 -137l-114 -135h-219z" />
+<glyph unicode="2" horiz-adv-x="1699" d="M117 0v553q0 104 71.5 176t176.5 72h993q33 0 56.5 23.5t23.5 56.5v346q0 33 -23.5 56.5t-56.5 23.5h-993q-33 0 -56.5 -23.5t-23.5 -56.5v-58h-168v58q0 104 71.5 177t176.5 73h993q102 0 175 -73t73 -177v-346q0 -102 -73 -175t-175 -73h-993q-33 0 -56.5 -23.5 t-23.5 -56.5v-305q0 -33 23.5 -56.5t56.5 -23.5h1241v-168h-1489z" />
+<glyph unicode="3" horiz-adv-x="1691" d="M109 248v33h170v-33q0 -33 23.5 -56.5t55.5 -23.5h994q33 0 56.5 23.5t23.5 56.5v342q0 33 -24 56.5t-56 23.5h-961v168h895q33 0 56.5 23.5t23.5 56.5v309q0 33 -23.5 56.5t-56.5 23.5h-928q-33 0 -56 -23.5t-23 -56.5v-53h-170v53q0 104 72.5 177t176.5 73h928 q104 0 176 -73t72 -177v-309q0 -53 -25 -107l9 -37q82 -76 81 -184v-342q0 -102 -72.5 -175t-174.5 -73h-994q-104 0 -176.5 73t-72.5 175z" />
+<glyph unicode="4" horiz-adv-x="1495" d="M12 381v188l1008 908h188v-928h230v-168h-230v-381h-168v381h-1028zM227 549h813v659z" />
+<glyph unicode="5" horiz-adv-x="1699" d="M117 248v59h168v-59q0 -33 23.5 -56.5t56.5 -23.5h993q33 0 56.5 23.5t23.5 56.5v348q0 33 -23.5 56.5t-56.5 23.5h-1241v801h1489v-170h-1241q-33 0 -56.5 -23.5t-23.5 -56.5v-301q0 -33 23.5 -57.5t56.5 -24.5h993q102 0 175 -72t73 -176v-348q0 -102 -73 -175 t-175 -73h-993q-104 0 -176 73t-72 175z" />
+<glyph unicode="6" horiz-adv-x="1679" d="M117 248v979q0 104 71.5 177t176.5 73h983v-170h-983q-33 0 -56.5 -23.5t-23.5 -56.5v-295q0 -33 23.5 -57.5t56.5 -24.5h993q102 0 175 -71.5t73 -176.5v-354q0 -102 -73 -175t-175 -73h-993q-104 0 -176 73t-72 175zM285 248q0 -33 23.5 -56.5t56.5 -23.5h993 q33 0 56.5 23.5t23.5 56.5v354q0 33 -23.5 56.5t-56.5 23.5h-1073v-434z" />
+<glyph unicode="7" horiz-adv-x="1351" d="M6 1307v170h983q102 0 175 -73t73 -177v-1227h-168v1227q0 33 -23.5 56.5t-56.5 23.5h-983z" />
+<glyph unicode="8" horiz-adv-x="1708" d="M117 248v348q0 84 61 164q-61 84 -61 166v301q0 104 71.5 177t176.5 73h993q82 0 152.5 -62.5t95.5 -146.5v-342q0 -82 -62 -166q61 -80 62 -164v-348q0 -102 -73 -175t-175 -73h-993q-104 0 -176 73t-72 175zM285 248q0 -33 23.5 -56.5t56.5 -23.5h993q33 0 56.5 23.5 t23.5 56.5v348q0 33 -23.5 56.5t-56.5 23.5h-993q-33 0 -56.5 -23.5t-23.5 -56.5v-348zM285 901q0 -33 23.5 -56.5t56.5 -23.5h993q33 0 56.5 23.5t23.5 56.5v324q0 33 -23.5 56.5t-56.5 23.5h-993q-33 0 -56.5 -24t-23.5 -56v-324z" />
+<glyph unicode="9" horiz-adv-x="1695" d="M104 872v355q0 104 73 177t177 73h994q102 0 174.5 -73t72.5 -177v-979q0 -102 -72.5 -175t-174.5 -73h-994q-80 0 -145.5 47t-89.5 121h1229q33 0 56 23.5t23 56.5v297q0 33 -23.5 56.5t-55.5 23.5h-994q-104 0 -177 72.5t-73 174.5zM274 872q0 -33 24 -56t56 -23h1073 v434q0 33 -23.5 56.5t-55.5 23.5h-994q-33 0 -56.5 -23.5t-23.5 -56.5v-355z" />
+<glyph unicode=":" horiz-adv-x="438" d="M111 0v168h168v-168h-168zM111 1036v168h168v-168h-168z" />
+<glyph unicode=";" horiz-adv-x="395" d="M104 168h168v-201q0 -82 -47 -146.5t-121 -88.5v436zM104 1036v168h168v-168h-168z" />
+<glyph unicode="&#x3c;" horiz-adv-x="968" d="M10 508v199l824 473v-195l-656 -379l656 -379v-194z" />
+<glyph unicode="=" horiz-adv-x="1306" d="M121 309v168h1059v-168h-1059zM121 719v168h1059v-168h-1059z" />
+<glyph unicode="&#x3e;" horiz-adv-x="972" d="M121 29v194l655 379l-655 379v195l823 -474v-198z" />
+<glyph unicode="?" horiz-adv-x="1388" d="M63 1303v172l1059 -2q102 0 175 -73t73 -177v-398q0 -102 -72.5 -174.5t-175.5 -72.5h-561q-33 0 -56.5 -24t-23.5 -56v-86h-168v86q0 104 73 175.5t175 71.5h561q33 0 56.5 24t23.5 56v398q0 33 -23.5 56.5t-56.5 23.5h-1059zM313 0v168h168v-168h-168z" />
+<glyph unicode="@" horiz-adv-x="1701" d="M117 248v977q0 104 71.5 177t176.5 73h993q102 0 175 -73t73 -177v-832h-842q-104 0 -176 73t-72 177v172q0 102 71.5 175t176.5 73h194q102 0 175 -72.5t73 -175.5v-295h232v705q0 33 -23.5 56.5t-56.5 23.5h-993q-33 0 -56.5 -24t-23.5 -56v-977q0 -33 23.5 -56.5 t56.5 -23.5h1241v-168h-1241q-104 0 -176 73t-72 175zM641 600q0 -33 23.5 -56.5t56.5 -23.5h360v338q0 33 -23.5 56.5t-56.5 23.5h-280q-33 0 -56.5 -23.5t-23.5 -56.5v-258z" />
+<glyph unicode="A" horiz-adv-x="1712" d="M119 0v1229q0 102 71.5 174t174.5 72h983q102 0 173.5 -72t71.5 -174v-1229h-166v539h-1142v-539h-166zM285 705h1142v524q0 33 -23.5 56.5t-55.5 23.5h-983q-33 0 -56.5 -23.5t-23.5 -56.5v-524z" />
+<glyph unicode="B" horiz-adv-x="1703" d="M121 0v1475h1165q102 0 174 -72t72 -174v-314q0 -55 -27 -108l8 -35q82 -76 82 -182v-344q0 -102 -71.5 -174t-173.5 -72h-1229zM287 246q0 -33 23.5 -56.5t56.5 -23.5h983q33 0 56.5 23.5t23.5 56.5v344q0 33 -24 56.5t-56 23.5h-983q-33 0 -56.5 -23.5t-23.5 -56.5 v-344zM287 915q0 -33 23.5 -56t56.5 -23h919q33 0 55.5 23.5t22.5 55.5v314q0 33 -22.5 56.5t-55.5 23.5h-919q-33 0 -56.5 -23.5t-23.5 -56.5v-314z" />
+<glyph unicode="C" horiz-adv-x="1683" d="M115 246v983q0 102 71.5 174t173.5 72h1225v-166h-1225q-33 0 -56 -23.5t-23 -56.5v-983q0 -33 23.5 -56.5t55.5 -23.5h1225v-166h-1225q-102 0 -173.5 72t-71.5 174z" />
+<glyph unicode="D" horiz-adv-x="1708" d="M119 0v1475h1229q102 0 173.5 -72t71.5 -174v-983q0 -102 -71.5 -174t-173.5 -72h-1229zM285 246q0 -33 23.5 -56.5t56.5 -23.5h983q33 0 56 23.5t23 56.5v983q0 33 -23.5 56.5t-55.5 23.5h-983q-33 0 -56.5 -23.5t-23.5 -56.5v-983z" />
+<glyph unicode="E" horiz-adv-x="1568" d="M119 0v1475h1345v-166h-1179v-488h948v-168h-948v-487h1179v-166h-1345z" />
+<glyph unicode="F" horiz-adv-x="1480" d="M119 0v1475h1345v-166h-1179v-488h948v-168h-948v-653h-166z" />
+<glyph unicode="G" horiz-adv-x="1699" d="M115 246v983q0 102 71.5 174t173.5 72h983q102 0 174 -72t72 -174v-60h-166v60q0 33 -23.5 56.5t-56.5 23.5h-983q-33 0 -56 -23.5t-23 -56.5v-983q0 -33 23.5 -56.5t55.5 -23.5h983q33 0 56.5 23.5t23.5 56.5v364h-364v168h530v-532q0 -102 -71.5 -174t-174.5 -72h-983 q-102 0 -173.5 72t-71.5 174z" />
+<glyph unicode="H" horiz-adv-x="1742" d="M117 0v1475h166v-654h1177v654h168v-1475h-168v653h-1177v-653h-166z" />
+<glyph unicode="I" horiz-adv-x="450" d="M117 0v1475h166v-1475h-166z" />
+<glyph unicode="J" horiz-adv-x="1597" d="M8 246v116h166v-116q0 -33 23.5 -56.5t56.5 -23.5h983q33 0 56.5 23.5t23.5 56.5v1229h166v-1229q0 -102 -72 -174t-174 -72h-983q-102 0 -174 72t-72 174z" />
+<glyph unicode="K" horiz-adv-x="1632" d="M117 0v1475h168v-654h475l549 654h213l-617 -738l619 -737h-215l-549 653h-475v-653h-168z" />
+<glyph unicode="L" horiz-adv-x="1595" d="M117 0v1477h166v-1311h1308v-166h-1474z" />
+<glyph unicode="M" horiz-adv-x="1900" d="M115 0v1475h227l612 -730l613 730h227v-1475h-166v1286l-674 -801l-673 801v-1286h-166z" />
+<glyph unicode="N" horiz-adv-x="1703" d="M115 0v1475h227l1081 -1287v1287h166v-1475h-227l-1081 1286v-1286h-166z" />
+<glyph unicode="O" horiz-adv-x="1695" d="M111 246v983q0 102 71.5 174t173.5 72h983q102 0 174 -72t72 -174v-983q0 -102 -71.5 -174t-174.5 -72h-983q-102 0 -173.5 72t-71.5 174zM276 246q0 -33 24 -56.5t56 -23.5h983q33 0 56.5 23.5t23.5 56.5v983q0 33 -23.5 56.5t-56.5 23.5h-983q-33 0 -56.5 -23.5 t-23.5 -56.5v-983z" />
+<glyph unicode="P" horiz-adv-x="1619" d="M115 0v1473h1228q102 0 174 -72t72 -174v-432q0 -102 -71.5 -174t-174.5 -72h-983q-18 0 -79 8v-557h-166zM281 795q0 -33 23.5 -55.5t55.5 -22.5h983q33 0 56.5 22.5t23.5 55.5v432q0 33 -23.5 56.5t-56.5 23.5h-983q-33 0 -56 -23.5t-23 -56.5v-432z" />
+<glyph unicode="Q" horiz-adv-x="1810" d="M111 246v983q0 102 71.5 174t173.5 72h983q102 0 174 -72t72 -174v-983q0 -18 -8 -80h201v-166h-1422q-102 0 -173.5 72t-71.5 174zM276 246q0 -33 24 -56.5t56 -23.5h983q33 0 56.5 23.5t23.5 56.5v983q0 33 -23.5 56.5t-56.5 23.5h-983q-33 0 -56.5 -23.5t-23.5 -56.5 v-983z" />
+<glyph unicode="R" horiz-adv-x="1689" d="M113 0v1473h1228q102 0 174 -72t72 -174v-432q0 -102 -71.5 -174t-174.5 -72h-225l463 -549h-219l-461 549h-541q-18 0 -79 8v-557h-166zM279 795q0 -33 23.5 -55.5t55.5 -22.5h983q33 0 55.5 22.5t22.5 55.5v432q0 33 -22.5 56.5t-55.5 23.5h-983q-33 0 -56 -23.5 t-23 -56.5v-432z" />
+<glyph unicode="S" horiz-adv-x="1683" d="M104 246v57h166v-57q0 -33 23.5 -56.5t56.5 -23.5h983q33 0 56.5 23.5t23.5 56.5v329q0 33 -23.5 55.5t-56.5 22.5h-983q-102 0 -174 72t-72 174v330q0 102 72 174t174 72h983q102 0 174 -72t72 -174v-58h-166v58q0 33 -23.5 56.5t-56.5 23.5h-983q-33 0 -56.5 -23.5 t-23.5 -56.5v-330q0 -33 23.5 -55.5t56.5 -22.5h983q102 0 174 -71.5t72 -174.5v-329q0 -102 -71.5 -174t-174.5 -72h-983q-102 0 -174 72t-72 174z" />
+<glyph unicode="T" horiz-adv-x="1554" d="M41 1309v166h1475v-166h-654v-1309h-166v1309h-655z" />
+<glyph unicode="U" horiz-adv-x="1695" d="M111 246v1229h165v-1229q0 -33 24 -56.5t56 -23.5h983q33 0 56.5 23.5t23.5 56.5v1229h166v-1229q0 -102 -71.5 -174t-174.5 -72h-983q-102 0 -173.5 72t-71.5 174z" />
+<glyph unicode="V" horiz-adv-x="2054" d="M72 1475h194l756 -1313l754 1313h194l-852 -1475h-192z" />
+<glyph unicode="W" horiz-adv-x="2414" d="M72 1475h176l432 -1184l430 1184h201l432 -1184l428 1184h180l-536 -1475h-146l-459 1260l-458 -1260h-144z" />
+<glyph unicode="X" horiz-adv-x="1662" d="M94 0l619 737l-619 738h213l514 -609l512 609h213l-618 -738l620 -737h-215l-512 608l-514 -608h-213z" />
+<glyph unicode="Y" horiz-adv-x="1650" d="M35 1475h190l572 -721l565 721h194l-677 -920v-555h-166v555z" />
+<glyph unicode="Z" horiz-adv-x="1681" d="M104 0v227l1287 1082h-1287v166h1475v-228l-1286 -1081h1286v-166h-1475z" />
+<glyph unicode="[" horiz-adv-x="563" d="M111 0v1477h307v-170h-139v-1139h139v-168h-307z" />
+<glyph unicode="\" horiz-adv-x="1064" d="M10 1272v213l1037 -1266v-217z" />
+<glyph unicode="]" horiz-adv-x="565" d="M104 0v168h138v1139h-138v170h308v-1477h-308z" />
+<glyph unicode="_" horiz-adv-x="1695" d="M111 0h1491v-168h-1491v168z" />
+<glyph unicode="`" horiz-adv-x="436" d="M66 2071h165l70 -285h-164z" />
+<glyph unicode="a" horiz-adv-x="1421" d="M106 248v430h1041v262q0 33 -23.5 56.5t-56.5 23.5h-961v168h961q104 0 177 -73t73 -175v-940h-963q-102 0 -175 73t-73 175zM274 248q0 -33 24 -56.5t56 -23.5h793v342h-873v-262z" />
+<glyph unicode="b" horiz-adv-x="1366" d="M111 0v1577h168v-389h794q102 0 175 -73t73 -175v-692q0 -102 -72.5 -175t-175.5 -73h-962zM279 248q0 -33 24.5 -56.5t56.5 -23.5h713q33 0 56.5 23.5t23.5 56.5v692q0 33 -23.5 56.5t-56.5 23.5h-713q-33 0 -57 -23.5t-24 -56.5v-692z" />
+<glyph unicode="c" horiz-adv-x="1423" d="M104 248v692q0 102 73 175t175 73h959v-168h-959q-33 0 -56.5 -23.5t-23.5 -56.5v-692q0 -33 23.5 -56.5t56.5 -23.5h963v-168h-963q-102 0 -175 73t-73 175z" />
+<glyph unicode="d" horiz-adv-x="1366" d="M47 248v692q0 102 73 175t177 73h793v389h167v-1577h-960q-104 0 -177 73t-73 175zM217 248q0 -33 23.5 -56.5t56.5 -23.5h713q33 0 56.5 23.5t23.5 56.5v692q0 33 -24 56.5t-56 23.5h-713q-33 0 -56.5 -23.5t-23.5 -56.5v-692z" />
+<glyph unicode="e" horiz-adv-x="1417" d="M104 248v692q0 102 73 175t175 73h713q104 0 177 -73t73 -175v-430h-1043v-262q0 -33 23.5 -56.5t56.5 -23.5h963v-168h-963q-102 0 -175 73t-73 175zM272 678h873v262q0 33 -23.5 56.5t-56.5 23.5h-713q-33 0 -56.5 -23.5t-23.5 -56.5v-262z" />
+<glyph unicode="f" horiz-adv-x="833" d="M109 0v1329q0 104 71.5 176t175.5 72h435v-168h-435q-33 0 -56.5 -23.5t-23.5 -56.5v-141h515v-168h-515v-1020h-167z" />
+<glyph unicode="g" horiz-adv-x="1398" d="M84 248v692q0 102 72.5 175t175.5 73h712q104 0 176 -73t72 -175v-1159q0 -104 -71.5 -177t-176.5 -73h-741v170h741q33 0 56.5 23.5t23.5 56.5v219h-792q-102 0 -175 73t-73 175zM252 248q0 -33 23.5 -56.5t56.5 -23.5h712q33 0 56.5 23.5t23.5 56.5v692 q0 33 -23.5 56.5t-56.5 23.5h-712q-33 0 -56.5 -23.5t-23.5 -56.5v-692z" />
+<glyph unicode="h" horiz-adv-x="1368" d="M111 0v1577h168v-389h794q102 0 175 -73t73 -175v-940h-168v940q0 33 -23.5 56.5t-56.5 23.5h-713q-33 0 -57 -23.5t-24 -56.5v-940h-168z" />
+<glyph unicode="i" horiz-adv-x="425" d="M106 0v1188h168v-1188h-168zM106 1409v168h168v-168h-168z" />
+<glyph unicode="j" horiz-adv-x="489" d="M-383 -328h502q33 0 56.5 23.5t23.5 56.5v1436h170v-1436q0 -104 -73 -177t-177 -73h-502v170zM199 1409v168h170v-168h-170z" />
+<glyph unicode="k" horiz-adv-x="1323" d="M111 0v1577h168v-899h327l467 510h221l-538 -594l536 -594h-219l-467 510h-327v-510h-168z" />
+<glyph unicode="l" horiz-adv-x="618" d="M106 248v1329h168v-1329q0 -33 24 -56.5t56 -23.5h201v-168h-201q-102 0 -175 73t-73 175z" />
+<glyph unicode="m" horiz-adv-x="2002" d="M111 0v1188h1568q104 0 176 -73t72 -175v-940h-166v940q0 33 -24.5 56.5t-57.5 23.5h-493q-33 0 -56.5 -23.5t-23.5 -56.5v-940h-170v940q0 33 -23.5 56.5t-56.5 23.5h-496q-33 0 -56 -23.5t-23 -56.5v-940h-170z" />
+<glyph unicode="n" horiz-adv-x="1425" d="M111 0v1188h962q102 0 175 -73t73 -175v-940h-168v940q0 33 -23.5 56.5t-56.5 23.5h-713q-33 0 -57 -23.5t-24 -56.5v-940h-168z" />
+<glyph unicode="o" horiz-adv-x="1417" d="M104 248v692q0 102 73 175t175 73h713q104 0 177 -73t73 -175v-692q0 -102 -73 -175t-177 -73h-713q-102 0 -175 73t-73 175zM272 248q0 -33 23.5 -56.5t56.5 -23.5h713q33 0 56.5 23.5t23.5 56.5v692q0 33 -23.5 56.5t-56.5 23.5h-713q-33 0 -56.5 -23.5t-23.5 -56.5 v-692z" />
+<glyph unicode="p" horiz-adv-x="1359" d="M111 -471v1659h962q102 0 175 -73t73 -175v-692q0 -102 -72.5 -175t-175.5 -73h-794v-471h-168zM279 248q0 -33 24.5 -56.5t56.5 -23.5h713q33 0 56.5 23.5t23.5 56.5v692q0 33 -23.5 56.5t-56.5 23.5h-713q-33 0 -57 -23.5t-24 -56.5v-692z" />
+<glyph unicode="q" horiz-adv-x="1359" d="M41 248v692q0 102 72.5 175t177.5 73h960v-1659h-168v471h-792q-104 0 -177 73t-73 175zM211 248q0 -33 23.5 -56.5t56.5 -23.5h713q33 0 56 23.5t23 56.5v692q0 33 -23.5 56.5t-55.5 23.5h-713q-33 0 -56.5 -23.5t-23.5 -56.5v-692z" />
+<glyph unicode="r" horiz-adv-x="1048" d="M106 0v940q0 102 73 175t175 73h668v-168h-668q-33 0 -56.5 -23.5t-23.5 -56.5v-940h-168z" />
+<glyph unicode="s" horiz-adv-x="1404" d="M98 248v16h168v-16q0 -33 23.5 -56.5t56.5 -23.5h713q33 0 56.5 23.5t23.5 56.5v182q0 33 -23.5 56.5t-56.5 23.5h-713q-102 0 -175 72.5t-73 175.5v182q0 102 73 175t175 73h713q104 0 177 -73t73 -175v-16h-170v16q0 33 -23.5 56.5t-56.5 23.5h-713q-33 0 -56.5 -23.5 t-23.5 -56.5v-182q0 -33 23.5 -56.5t56.5 -23.5h713q104 0 177 -73t73 -175v-182q0 -102 -73 -175t-177 -73h-713q-102 0 -175 73t-73 175z" />
+<glyph unicode="t" horiz-adv-x="839" d="M109 248v1329h167v-389h515v-168h-515v-772q0 -33 24 -56.5t56 -23.5h435v-168h-435q-104 0 -175.5 73t-71.5 175z" />
+<glyph unicode="u" horiz-adv-x="1423" d="M109 248v940h167v-940q0 -33 24 -56.5t56 -23.5h713q33 0 57.5 23.5t24.5 56.5v940h168v-940q0 -102 -72.5 -175t-177.5 -73h-713q-102 0 -174.5 73t-72.5 175z" />
+<glyph unicode="v" horiz-adv-x="1617" d="M43 1188h197l557 -1024l557 1024h196l-657 -1188h-195z" />
+<glyph unicode="w" horiz-adv-x="2193" d="M72 1188h180l360 -885l383 885h222l407 -883l336 883h182l-448 -1188h-146l-442 981l-420 -981h-147z" />
+<glyph unicode="x" horiz-adv-x="1417" d="M94 0l496 604l-496 584h221l385 -451l387 451h220l-496 -584l498 -604h-222l-387 475l-385 -475h-221z" />
+<glyph unicode="y" horiz-adv-x="1402" d="M86 248v936h168v-936q0 -33 23.5 -56.5t56.5 -23.5h713q33 0 56 23.5t23 56.5v936h168v-1405q0 -104 -71.5 -177t-175.5 -73h-742v170h742q33 0 56 23.5t23 56.5v221h-792q-102 0 -175 73t-73 175z" />
+<glyph unicode="z" horiz-adv-x="1429" d="M111 0v229l1026 791h-1026v168h1210v-230l-1026 -790h1026v-168h-1210z" />
+<glyph unicode="{" horiz-adv-x="591" d="M47 641v197l96 51v336q0 104 73 177t175 73h60v-170h-60q-33 0 -56.5 -24t-23.5 -56v-351l-172 -137l172 -141v-348q0 -33 23.5 -56.5t56.5 -23.5h60v-168h-60q-102 0 -175 72.5t-73 175.5v334q-12 8 -47 29.5t-49 29.5z" />
+<glyph unicode="|" horiz-adv-x="438" d="M111 -236v1960h168v-1960h-168z" />
+<glyph unicode="}" horiz-adv-x="591" d="M104 0v168h60q33 0 56.5 23.5t23.5 56.5v346l172 141l-172 135v355q0 33 -23.5 56.5t-56.5 23.5h-60v170h60q102 0 175 -73t73 -177v-336q16 -8 51 -29.5t43 -25.5v-195l-94 -59v-332q0 -102 -73 -175t-175 -73h-60z" />
+<glyph unicode="~" horiz-adv-x="827" d="M49 631v76q55 18 127 18q82 0 219 -68.5t209 -76.5h4q66 0 135 32v-84q-72 -27 -135 -26q-72 0 -209 72.5t-223 72.5q-80 0 -127 -16z" />
+<glyph unicode="&#xa2;" horiz-adv-x="1302" d="M68 248v713q0 104 71.5 176.5t175.5 72.5h273v277h168v-277h516v-170h-516v-872h516v-168h-516v-236h-168v236h-273q-104 0 -175.5 73t-71.5 175zM236 248q0 -33 23.5 -56.5t55.5 -23.5h273v872h-273q-33 0 -56 -23.5t-23 -55.5v-713z" />
+<glyph unicode="&#xa3;" horiz-adv-x="1503" d="M80 0v168h215v494h-215v167h215v396q0 104 72.5 177t177.5 73h620q104 0 177 -73t73 -177v-31h-170v31q0 33 -23.5 56.5t-56.5 23.5h-620q-33 0 -56.5 -24t-23.5 -56v-396h721v-167h-721v-494h950v-168h-1335z" />
+<glyph unicode="&#xad;" d="M121 522v168h799v-168h-799z" />
+<glyph unicode="&#xb4;" horiz-adv-x="436" d="M68 1786l71 285h162l-70 -285h-163z" />
+<glyph unicode="&#x2000;" horiz-adv-x="1034" />
+<glyph unicode="&#x2001;" horiz-adv-x="2070" />
+<glyph unicode="&#x2002;" horiz-adv-x="1034" />
+<glyph unicode="&#x2003;" horiz-adv-x="2070" />
+<glyph unicode="&#x2004;" horiz-adv-x="690" />
+<glyph unicode="&#x2005;" horiz-adv-x="516" />
+<glyph unicode="&#x2006;" horiz-adv-x="344" />
+<glyph unicode="&#x2007;" horiz-adv-x="344" />
+<glyph unicode="&#x2008;" horiz-adv-x="258" />
+<glyph unicode="&#x2009;" horiz-adv-x="413" />
+<glyph unicode="&#x200a;" horiz-adv-x="114" />
+<glyph unicode="&#x2010;" d="M121 522v168h799v-168h-799z" />
+<glyph unicode="&#x2011;" d="M121 522v168h799v-168h-799z" />
+<glyph unicode="&#x2012;" d="M121 522v168h799v-168h-799z" />
+<glyph unicode="&#x2013;" horiz-adv-x="1449" d="M111 520v168h1230v-168h-1230z" />
+<glyph unicode="&#x2014;" horiz-adv-x="1683" d="M111 520v168h1476v-168h-1476z" />
+<glyph unicode="&#x2018;" horiz-adv-x="344" d="M68 1030v201q0 82 47 147.5t123 87.5v-436h-170z" />
+<glyph unicode="&#x2019;" horiz-adv-x="339" d="M111 1040v437h168v-201q0 -82 -47 -147.5t-121 -88.5z" />
+<glyph unicode="&#x201c;" horiz-adv-x="743" d="M96 1028v201q0 82 47 147.5t123 87.5v-436h-170zM467 1028v201q0 82 46 147.5t122 87.5v-436h-168z" />
+<glyph unicode="&#x201d;" horiz-adv-x="743" d="M111 1040v437h170v-201q0 -82 -47 -147.5t-123 -88.5zM481 1040v437h168v-201q0 -82 -47 -147.5t-121 -88.5z" />
+<glyph unicode="&#x2022;" horiz-adv-x="759" d="M295 723v43q0 59 57 59h51q59 0 60 -59v-43q0 -57 -60 -57h-51q-57 0 -57 57z" />
+<glyph unicode="&#x2026;" horiz-adv-x="1175" d="M111 0v168h168v-168h-168zM498 0v168h168v-168h-168zM883 0v168h170v-168h-170z" />
+<glyph unicode="&#x202f;" horiz-adv-x="413" />
+<glyph unicode="&#x205f;" horiz-adv-x="516" />
+<glyph unicode="&#x20ac;" horiz-adv-x="1636" d="M72 471v168h215v211h-215v170h215v207q0 104 72.5 177t177.5 73h1022v-170h-1022q-33 0 -56.5 -23.5t-23.5 -56.5v-207h868v-170h-868v-211h868v-168h-868v-223q0 -33 23.5 -56.5t56.5 -23.5h1022v-168h-1022q-104 0 -177 72.5t-73 175.5v223h-215z" />
+<glyph unicode="&#x2122;" horiz-adv-x="3454" d="M1669 0v1475h227l612 -730l613 730h227v-1475h-166v1286l-674 -801l-673 801v-1286h-166zM41 1309v166h1475v-166h-654v-1309h-166v1309h-655z" />
+<glyph unicode="&#xe000;" horiz-adv-x="1190" d="M0 1190h1190v-1190h-1190v1190z" />
+<glyph unicode="&#xfb01;" horiz-adv-x="1259" d="M940 0v1188h168v-1188h-168zM940 1409v168h168v-168h-168zM109 0v1329q0 104 71.5 176t175.5 72h435v-168h-435q-33 0 -56.5 -23.5t-23.5 -56.5v-141h515v-168h-515v-1020h-167z" />
+<glyph unicode="&#xfb02;" horiz-adv-x="1452" d="M940 248v1329h168v-1329q0 -33 24 -56.5t56 -23.5h201v-168h-201q-102 0 -175 73t-73 175zM109 0v1329q0 104 71.5 176t175.5 72h435v-168h-435q-33 0 -56.5 -23.5t-23.5 -56.5v-141h515v-168h-515v-1020h-167z" />
+<glyph unicode="&#xfb03;" horiz-adv-x="2093" d="M1773 0v1188h168v-1188h-168zM1773 1409v168h168v-168h-168zM943 0v1329q0 104 71.5 176t175.5 72h435v-168h-435q-33 0 -56.5 -23.5t-23.5 -56.5v-141h515v-168h-515v-1020h-167zM109 0v1329q0 104 71.5 176t175.5 72h435v-168h-435q-33 0 -56.5 -23.5t-23.5 -56.5v-141 h515v-168h-515v-1020h-167z" />
+<glyph unicode="&#xfb04;" horiz-adv-x="2285" d="M1773 248v1329h168v-1329q0 -33 24 -56.5t56 -23.5h201v-168h-201q-102 0 -175 73t-73 175zM943 0v1329q0 104 71.5 176t175.5 72h435v-168h-435q-33 0 -56.5 -23.5t-23.5 -56.5v-141h515v-168h-515v-1020h-167zM109 0v1329q0 104 71.5 176t175.5 72h435v-168h-435 q-33 0 -56.5 -23.5t-23.5 -56.5v-141h515v-168h-515v-1020h-167z" />
+<glyph horiz-adv-x="821" />
+</font>
+</defs></svg> 
--- a/static/fonts/orbitron/orbitron-light-webfont.ttf
+++ b/static/fonts/orbitron/orbitron-light-webfont.ttf
--- a/static/fonts/orbitron/orbitron-light-webfont.woff
+++ b/static/fonts/orbitron/orbitron-light-webfont.woff
--- a/static/fonts/orbitron/orbitron-medium-webfont.eot
+++ b/static/fonts/orbitron/orbitron-medium-webfont.eot
--- a/static/fonts/orbitron/orbitron-medium-webfont.svg
+++ b/static/fonts/orbitron/orbitron-medium-webfont.svg
@ -0,0 +1,148 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG webfont generated by Font Squirrel.
+Copyright   : Generated in 2009 by FontLab Studio Copyright info pending
+Designer    : Matt McInerney
+Foundry     : Matt McInerney
+Foundry URL : httptheleagueofmoveabletypecom
+</metadata>
+<defs>
+<font id="webfontD7xceb3L" horiz-adv-x="1058" >
+<font-face units-per-em="2048" ascent="1536" descent="-512" />
+<missing-glyph horiz-adv-x="593" />
+<glyph unicode=" "  horiz-adv-x="593" />
+<glyph unicode="&#x09;" horiz-adv-x="593" />
+<glyph unicode="&#xa0;" horiz-adv-x="593" />
+<glyph unicode="!" horiz-adv-x="450" d="M119 0v221h221v-221h-221zM119 410v1065h221v-1065h-221z" />
+<glyph unicode="&#x22;" horiz-adv-x="761" d="M121 1141v332h221v-332h-221zM422 1141v332h221v-332h-221z" />
+<glyph unicode="#" horiz-adv-x="1632" d="M66 336v221h256l118 365h-311v221h381l111 325h221l-111 -325h440l111 325h221l-110 -325h174v-221h-244l-119 -365h299v-221h-368l-103 -336h-221l102 336h-440l-102 -336h-221l102 336h-186zM543 557h440l119 365h-440z" />
+<glyph unicode="$" horiz-adv-x="1613" d="M70 266v86h221v-86q0 -18 13 -31.5t32 -13.5h360v406h-360q-111 0 -188.5 77.5t-77.5 188.5v315q0 111 77.5 189t188.5 78h360v221h222v-221h360q111 0 188.5 -78t77.5 -189v-86h-221v86q0 18 -13.5 31.5t-31.5 13.5h-360v-405h360q111 0 188.5 -78t77.5 -188v-316 q0 -111 -77.5 -188.5t-188.5 -77.5h-360v-221h-222v221h-360q-111 0 -188.5 77.5t-77.5 188.5zM291 893q0 -18 13 -31.5t32 -13.5h199h161v405h-360q-18 0 -31.5 -13t-13.5 -32v-315zM918 221h360q18 0 31.5 13.5t13.5 31.5v316q0 18 -13.5 31.5t-31.5 13.5h-360v-406z" />
+<glyph unicode="%" horiz-adv-x="1978" d="M98 1044v164q0 111 78 189t189 78h184q111 0 188.5 -78t77.5 -189v-164q0 -111 -78 -188.5t-188 -77.5h-184q-111 0 -189 77.5t-78 188.5zM270 0v262l1444 1213h31v-263l-1444 -1212h-31zM279 1004q0 -18 13 -32t32 -14h266q18 0 31.5 13.5t13.5 32.5v245 q0 18 -13.5 31.5t-31.5 13.5h-266q-18 0 -31.5 -13t-13.5 -32v-245zM1159 264v164q0 111 78 188.5t188 77.5h185q111 0 188.5 -77.5t77.5 -188.5v-164q0 -111 -78 -188.5t-188 -77.5h-185q-111 0 -188.5 77.5t-77.5 188.5zM1339 223q0 -18 13.5 -31.5t31.5 -13.5h267 q18 0 31.5 13.5t13.5 31.5v246q0 18 -13.5 31.5t-31.5 13.5h-267q-18 0 -31.5 -13.5t-13.5 -31.5v-246z" />
+<glyph unicode="&#x26;" horiz-adv-x="1921" d="M109 266v418q0 51 36.5 103.5t96.5 52.5q-51 39 -52 155v213q0 111 78 189t189 78h798q98 0 174 -63.5t93 -158.5v-145h-222v98q0 18 -13 31.5t-32 13.5h-798q-18 0 -31.5 -13t-13.5 -32v-270l950 -479v252h221v-338l260 -152v-213l-280 160q-29 -74 -95.5 -120 t-150.5 -46h-942q-111 0 -188.5 77.5t-77.5 188.5zM330 266q0 -18 13 -31.5t32 -13.5h942q29 0 39 25l-959 483h-22q-18 0 -31.5 -13.5t-13.5 -31.5v-418z" />
+<glyph unicode="'" horiz-adv-x="458" d="M121 1141v332h221v-332h-221z" />
+<glyph unicode="(" horiz-adv-x="567" d="M106 266v942q0 111 78 189t189 78h86v-222h-86q-18 0 -31.5 -13t-13.5 -32v-942q0 -18 13 -31.5t32 -13.5h86v-221h-86q-111 0 -189 77.5t-78 188.5z" />
+<glyph unicode=")" horiz-adv-x="569" d="M115 0v221h86q18 0 31.5 13.5t13.5 31.5v942q0 18 -13.5 31.5t-31.5 13.5h-86v222h86q109 0 187.5 -78t78.5 -189v-942q0 -111 -79 -188.5t-187 -77.5h-86z" />
+<glyph unicode="*" horiz-adv-x="1005" d="M51 1065l68 211l272 -90v287h221v-287l273 90l69 -211l-272 -88l168 -234l-178 -129l-170 232l-168 -232l-178 129l168 234z" />
+<glyph unicode="+" horiz-adv-x="886" d="M35 496v221h295v297h221v-297h303v-221h-303v-301h-221v301h-295z" />
+<glyph unicode="," horiz-adv-x="395" d="M111 221h221v-221q0 -98 -63.5 -172t-157.5 -90v483z" />
+<glyph unicode="-" d="M121 496v221h819v-221h-819z" />
+<glyph unicode="." horiz-adv-x="438" d="M111 0v221h221v-221h-221z" />
+<glyph unicode="/" horiz-adv-x="1067" d="M12 0v262l1014 1213h31v-263l-1014 -1212h-31z" />
+<glyph unicode="0" horiz-adv-x="1708" d="M117 266v942q0 111 77.5 189t188.5 78h942q111 0 188.5 -78t77.5 -189v-942q0 -111 -77.5 -188.5t-188.5 -77.5h-942q-111 0 -188.5 77.5t-77.5 188.5zM338 449l958 804h-913q-18 0 -31.5 -13t-13.5 -32v-759zM412 221h913q18 0 31.5 13.5t13.5 31.5v760z" />
+<glyph unicode="1" horiz-adv-x="800" d="M2 977l416 498h264v-1475h-221v1180l-170 -203h-289z" />
+<glyph unicode="2" horiz-adv-x="1699" d="M117 0v561q0 111 77.5 188.5t188.5 77.5h942q18 0 31.5 13.5t13.5 31.5v336q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-86h-221v86q0 111 77.5 189t188.5 78h942q111 0 188.5 -78t77.5 -189v-336q0 -111 -77.5 -188.5t-188.5 -77.5h-942 q-18 0 -31.5 -13t-13.5 -32v-295q0 -18 13.5 -31.5t31.5 -13.5h1208v-221h-1474z" />
+<glyph unicode="3" horiz-adv-x="1691" d="M109 266v62h221v-62q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13.5t13.5 31.5v330q0 18 -13.5 31.5t-31.5 13.5h-942v221h880q18 0 31.5 13.5t13.5 31.5v301q0 18 -13 31.5t-32 13.5h-880q-18 0 -31.5 -13t-13.5 -32v-82h-221v82q0 111 77.5 189t188.5 78h880 q111 0 189 -78t78 -189v-301q0 -57 -27 -114q88 -78 88 -197v-330q0 -111 -78 -188.5t-188 -77.5h-942q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="4" horiz-adv-x="1495" d="M12 375v221l975 879h221v-879h217v-221h-217v-375h-221v375h-975zM334 596h653v530z" />
+<glyph unicode="5" horiz-adv-x="1699" d="M117 266v86h221v-86q0 -18 13.5 -31.5t31.5 -13.5h942q18 0 31.5 13.5t13.5 31.5v336q0 18 -13.5 31.5t-31.5 13.5h-1208v221h4q-4 29 -4 45v562h1474v-222h-1208q-18 0 -31.5 -13t-13.5 -32v-295q0 -18 13.5 -31.5t31.5 -13.5h942q111 0 188.5 -77.5t77.5 -188.5v-336 q0 -111 -77.5 -188.5t-188.5 -77.5h-942q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="6" horiz-adv-x="1679" d="M117 266v942q0 111 77.5 189t188.5 78h963v-222h-963q-18 0 -31.5 -13t-13.5 -32v-295q0 -18 13.5 -31.5t31.5 -13.5h696h246q111 0 188.5 -77.5t77.5 -188.5v-336q0 -111 -77.5 -188.5t-188.5 -77.5h-942q-111 0 -188.5 77.5t-77.5 188.5zM338 266q0 -18 13.5 -31.5 t31.5 -13.5h942q18 0 31.5 13.5t13.5 31.5v336q0 18 -13.5 31.5t-31.5 13.5h-987v-381z" />
+<glyph unicode="7" horiz-adv-x="1351" d="M6 1253v222h21h942q111 0 188.5 -78t77.5 -189v-1208h-221v1208q0 18 -13.5 31.5t-31.5 13.5h-963z" />
+<glyph unicode="8" horiz-adv-x="1708" d="M117 266v336q0 88 51 156q-51 68 -51 155v295q0 111 77.5 189t188.5 78h942q98 0 174 -63.5t92 -158.5v-340q0 -88 -51 -155q51 -68 51 -156v-336q0 -111 -77.5 -188.5t-188.5 -77.5h-942q-111 0 -188.5 77.5t-77.5 188.5zM338 266q0 -18 13.5 -31.5t31.5 -13.5h942 q18 0 31.5 13.5t13.5 31.5v336q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-336zM338 891q0 -18 13.5 -31.5t31.5 -13.5h942q18 0 31.5 13t13.5 32v315q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-315z" />
+<glyph unicode="9" horiz-adv-x="1695" d="M104 872v336q0 111 78 189t189 78h942q111 0 188.5 -78t77.5 -189v-942q0 -111 -78 -188.5t-188 -77.5h-942q-98 0 -172 63.5t-90 157.5h1204q18 0 31.5 13.5t13.5 31.5v295q0 18 -13.5 31.5t-31.5 13.5h-697h-245q-111 0 -189 77.5t-78 188.5zM326 872q0 -18 13 -31.5 t32 -13.5h987v381q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-336z" />
+<glyph unicode=":" horiz-adv-x="438" d="M111 0v221h221v-221h-221zM111 983v221h221v-221h-221z" />
+<glyph unicode=";" horiz-adv-x="395" d="M104 221h222v-221q0 -98 -63.5 -172t-158.5 -90v483zM104 983v221h222v-221h-222z" />
+<glyph unicode="&#x3c;" horiz-adv-x="968" d="M10 496v221l842 485v-256l-592 -340l592 -342v-256z" />
+<glyph unicode="=" horiz-adv-x="1306" d="M121 293v221h1065v-221h-1065zM121 682v221h1065v-221h-1065z" />
+<glyph unicode="&#x3e;" horiz-adv-x="972" d="M121 4v256l592 342l-592 340v256l842 -485v-221z" />
+<glyph unicode="?" horiz-adv-x="1388" d="M63 1253v222h1018q111 0 189 -78t78 -189v-377q0 -111 -78 -188.5t-189 -77.5h-530q-18 0 -31.5 -13t-13.5 -32v-112h-221v112q0 111 77.5 188.5t188.5 77.5h530q18 0 31.5 13.5t13.5 31.5v377q0 18 -13 31.5t-32 13.5h-1018zM285 0v221h221v-221h-221z" />
+<glyph unicode="@" horiz-adv-x="1701" d="M117 266v942q0 111 77.5 189t188.5 78h942q111 0 188.5 -78t77.5 -189v-819h-829q-111 0 -188.5 78t-77.5 188v164q0 111 77.5 188.5t188.5 77.5h184q111 0 188.5 -77.5t77.5 -188.5v-250h158v639q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-942 q0 -18 13.5 -31.5t31.5 -13.5h1208v-221h-1208q-111 0 -188.5 77.5t-77.5 188.5zM676 614q0 -18 13 -31.5t32 -13.5h311v291q0 18 -13 31.5t-32 13.5h-266q-18 0 -31.5 -13t-13.5 -32v-246z" />
+<glyph unicode="A" horiz-adv-x="1712" d="M119 0v1208q0 111 77.5 189t188.5 78h942q111 0 188.5 -78t77.5 -189v-1208h-221v516h-1032v-516h-221zM340 737h1032v471q0 18 -13 31.5t-32 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-471z" />
+<glyph unicode="B" horiz-adv-x="1703" d="M121 0v1475h1147q111 0 188.5 -78t77.5 -189v-301q0 -57 -27 -114q88 -78 88 -197v-330q0 -111 -77.5 -188.5t-188.5 -77.5h-1208zM342 266q0 -18 13.5 -31.5t31.5 -13.5h942q18 0 31.5 13.5t13.5 31.5v330q0 18 -13 31.5t-32 13.5h-942q-18 0 -31.5 -13.5t-13.5 -31.5 v-330zM342 907q0 -18 13.5 -31.5t31.5 -13.5h881q18 0 31.5 13.5t13.5 31.5v301q0 18 -13.5 31.5t-31.5 13.5h-881q-18 0 -31.5 -13t-13.5 -32v-301z" />
+<glyph unicode="C" horiz-adv-x="1683" d="M115 266v942q0 111 77.5 189t188.5 78h1204v-222h-1204q-18 0 -31.5 -13t-13.5 -32v-942q0 -18 13 -31.5t32 -13.5h1204v-221h-1204q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="D" horiz-adv-x="1708" d="M119 0v1475h1208q111 0 188.5 -78t77.5 -189v-942q0 -111 -77.5 -188.5t-188.5 -77.5h-1208zM340 266q0 -18 13.5 -31.5t31.5 -13.5h942q18 0 31.5 13.5t13.5 31.5v942q0 18 -13 31.5t-32 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-942z" />
+<glyph unicode="E" horiz-adv-x="1568" d="M119 0v1475h1351v-222h-1130v-405h909v-221h-909v-406h1130v-221h-1351z" />
+<glyph unicode="F" horiz-adv-x="1480" d="M119 0v1475h1351v-222h-1130v-405h909v-221h-909v-627h-221z" />
+<glyph unicode="G" horiz-adv-x="1699" d="M115 266v942q0 111 77.5 189t188.5 78h942q111 0 188.5 -78t77.5 -189v-88h-221v88q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-942q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13.5t13.5 31.5v320h-348v221h569v-541q0 -111 -77.5 -188.5t-188.5 -77.5 h-942q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="H" horiz-adv-x="1742" d="M117 0v1475h221v-627h1067v627h221v-1475h-221v627h-1067v-627h-221z" />
+<glyph unicode="I" horiz-adv-x="450" d="M117 0v1475h221v-1475h-221z" />
+<glyph unicode="J" horiz-adv-x="1597" d="M8 266v144h221v-144q0 -18 13.5 -31.5t31.5 -13.5h943q18 0 31.5 13.5t13.5 31.5v1209h221v-1209q0 -111 -78 -188.5t-188 -77.5h-943q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="K" horiz-adv-x="1632" d="M117 0v1475h221v-627h410l526 627h262v-31l-592 -707l592 -706v-31h-262l-526 627h-410v-627h-221z" />
+<glyph unicode="L" horiz-adv-x="1595" d="M117 0v1477h221v-1256h1253v-221h-1474z" />
+<glyph unicode="M" horiz-adv-x="1900" d="M115 0v1475h262l573 -682l572 682h264v-1475h-221v1180l-615 -731l-614 731v-1180h-221z" />
+<glyph unicode="N" horiz-adv-x="1703" d="M115 0v1475h262l991 -1180v1180h221v-1475h-262l-991 1180v-1180h-221z" />
+<glyph unicode="O" horiz-adv-x="1695" d="M111 266v942q0 111 77.5 189t188.5 78h942q111 0 188.5 -78t77.5 -189v-942q0 -111 -77.5 -188.5t-188.5 -77.5h-942q-111 0 -188.5 77.5t-77.5 188.5zM332 266q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13.5t13.5 31.5v942q0 18 -13.5 31.5t-31.5 13.5h-942 q-18 0 -31.5 -13t-13.5 -32v-942z" />
+<glyph unicode="P" horiz-adv-x="1619" d="M115 0v1473h1208q111 0 188.5 -79t77.5 -188v-413q0 -109 -77.5 -188t-188.5 -79h-942q-16 0 -45 4v-530h-221zM336 793q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13t13.5 32v413q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13t-13.5 -32v-413z" />
+<glyph unicode="Q" horiz-adv-x="1810" d="M111 266v942q0 111 77.5 189t188.5 78h942q111 0 188.5 -78t77.5 -189v-942q0 -16 -4 -45h188v-221h-1392q-111 0 -188.5 77.5t-77.5 188.5zM332 266q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13.5t13.5 31.5v942q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13 t-13.5 -32v-942z" />
+<glyph unicode="R" horiz-adv-x="1689" d="M113 0v1473h1208q111 0 188.5 -79t77.5 -188v-413q0 -109 -77.5 -188t-188.5 -79h-150l416 -495v-31h-262l-442 526h-504q-16 0 -45 4v-530h-221zM334 793q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13t13.5 32v413q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13 t-13.5 -32v-413z" />
+<glyph unicode="S" horiz-adv-x="1683" d="M104 266v86h222v-86q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13.5t13.5 31.5v316q0 18 -13.5 31.5t-31.5 13.5h-942q-111 0 -189 77.5t-78 188.5v315q0 111 78 189t189 78h942q111 0 188.5 -78t77.5 -189v-86h-221v86q0 18 -13.5 31.5t-31.5 13.5h-942q-18 0 -31.5 -13 t-13.5 -32v-315q0 -18 13 -31.5t32 -13.5h942q111 0 188.5 -78t77.5 -188v-316q0 -111 -78 -188.5t-188 -77.5h-942q-111 0 -189 77.5t-78 188.5z" />
+<glyph unicode="T" horiz-adv-x="1554" d="M41 1253v222h1475v-222h-627v-1253h-221v1253h-627z" />
+<glyph unicode="U" horiz-adv-x="1695" d="M111 266v1209h221v-1209q0 -18 13 -31.5t32 -13.5h942q18 0 31.5 13.5t13.5 31.5v1209h221v-1209q0 -111 -77.5 -188.5t-188.5 -77.5h-942q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="V" horiz-adv-x="2054" d="M72 1475h256l706 -1225l707 1225h254l-850 -1475h-221z" />
+<glyph unicode="W" horiz-adv-x="2414" d="M72 1475h235l391 -1076l392 1076h235l391 -1076l391 1076h236l-537 -1475h-180l-420 1149l-418 -1149l-4 2l2 -2h-178z" />
+<glyph unicode="X" horiz-adv-x="1662" d="M94 0v31l592 706l-592 707v31h262l475 -566l476 566h262v-31l-594 -707l594 -706v-31h-262l-476 565l-475 -565h-262z" />
+<glyph unicode="Y" horiz-adv-x="1650" d="M35 1475h260l530 -672l529 672h262l-680 -922v-553h-221v553z" />
+<glyph unicode="Z" horiz-adv-x="1681" d="M104 0v262l1180 991h-1180v222h1475v-263l-1180 -991h1180v-221h-1475z" />
+<glyph unicode="[" horiz-adv-x="563" d="M111 0v1475h352v-222h-131v-1032h131v-221h-352z" />
+<glyph unicode="\" horiz-adv-x="1064" d="M10 1212v263h31l1014 -1213v-262h-31z" />
+<glyph unicode="]" horiz-adv-x="565" d="M104 0v221h132v1032h-132v222h353v-1475h-353z" />
+<glyph unicode="_" horiz-adv-x="1695" d="M111 0h1474v-221h-1474v221z" />
+<glyph unicode="`" horiz-adv-x="436" d="M66 2025h221l82 -331h-222z" />
+<glyph unicode="a" horiz-adv-x="1421" d="M106 266v439h988v217q0 18 -13.5 31.5t-31.5 13.5h-943v221h943q111 0 188.5 -78t77.5 -188v-922h-942q-111 0 -189 77.5t-78 188.5zM328 266q0 -18 13 -31.5t32 -13.5h721v262h-766v-217z" />
+<glyph unicode="b" horiz-adv-x="1366" d="M111 0v1577h221v-389h721q111 0 188.5 -78t77.5 -188v-656q0 -111 -78 -188.5t-188 -77.5h-942zM332 266q0 -18 13 -31.5t32 -13.5h676q18 0 31.5 13.5t13.5 31.5v656q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-656z" />
+<glyph unicode="c" horiz-adv-x="1423" d="M104 266v656q0 111 78 188.5t189 77.5h938v-221h-938q-18 0 -31.5 -13.5t-13.5 -31.5v-656q0 -18 13 -31.5t32 -13.5h942v-221h-942q-111 0 -189 77.5t-78 188.5z" />
+<glyph unicode="d" horiz-adv-x="1366" d="M47 266v656q0 111 78 188.5t188 77.5h721v389h221v-1577h-942q-111 0 -188.5 77.5t-77.5 188.5zM268 266q0 -18 13.5 -31.5t31.5 -13.5h676q18 0 31.5 13.5t13.5 31.5v656q0 18 -13 31.5t-32 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-656z" />
+<glyph unicode="e" horiz-adv-x="1417" d="M104 266v656q0 111 78 188.5t189 77.5h676q111 0 188.5 -78t77.5 -188v-439h-987v-217q0 -18 13 -31.5t32 -13.5h942v-221h-942q-111 0 -189 77.5t-78 188.5zM326 705h766v217q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-217z" />
+<glyph unicode="f" horiz-adv-x="833" d="M109 0v655v656q0 111 77.5 188.5t188.5 77.5h442v-221h-442q-18 0 -31.5 -13.5t-13.5 -31.5v-123h487v-221h-487v-967h-221z" />
+<glyph unicode="g" horiz-adv-x="1398" d="M84 266v656q0 111 78 188.5t188 77.5h676q111 0 188.5 -78t77.5 -188v-469v-2v-656q0 -111 -77.5 -188.5t-188.5 -77.5h-733v221h733q18 0 31.5 13.5t13.5 31.5v205h-721q-111 0 -188.5 77.5t-77.5 188.5zM305 266q0 -18 13.5 -31.5t31.5 -13.5h676q18 0 31.5 13.5 t13.5 31.5v656q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-656z" />
+<glyph unicode="h" horiz-adv-x="1368" d="M111 0v1577h221v-389h721q109 0 187.5 -78t78.5 -188v-922h-221v922q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-922h-221z" />
+<glyph unicode="i" horiz-adv-x="425" d="M106 0v1188h222v-1188h-222zM106 1356v221h222v-221h-222z" />
+<glyph unicode="j" horiz-adv-x="489" d="M-383 -250h508q18 0 31.5 13.5t13.5 31.5v1389h221v-733v-656q0 -111 -77.5 -188.5t-188.5 -77.5h-508v221zM170 1356v221h221v-221h-221z" />
+<glyph unicode="k" horiz-adv-x="1323" d="M111 0v1577h221v-872h266l444 483h263v-31l-510 -563l510 -563v-31h-263l-444 483h-266v-483h-221z" />
+<glyph unicode="l" horiz-adv-x="618" d="M106 266v656v655h222v-1311q0 -18 13 -31.5t32 -13.5h221v-221h-221q-111 0 -189 77.5t-78 188.5z" />
+<glyph unicode="m" horiz-adv-x="2002" d="M111 0v1188h1517q111 0 188.5 -78t77.5 -188v-922h-219v922q0 18 -13 31.5t-34 13.5h-469q-18 0 -31.5 -13.5t-13.5 -31.5v-922h-221v922q0 18 -13.5 31.5t-31.5 13.5h-471q-18 0 -31.5 -13.5t-13.5 -31.5v-922h-221z" />
+<glyph unicode="n" horiz-adv-x="1425" d="M111 0v1188h942q111 0 188.5 -78t77.5 -188v-922h-221v922q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-922h-221z" />
+<glyph unicode="o" horiz-adv-x="1417" d="M104 266v656q0 111 78 188.5t189 77.5h676q111 0 188.5 -78t77.5 -188v-656q0 -111 -78 -188.5t-188 -77.5h-676q-111 0 -189 77.5t-78 188.5zM326 266q0 -18 13 -31.5t32 -13.5h676q18 0 31.5 13.5t13.5 31.5v656q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5 t-13.5 -31.5v-656z" />
+<glyph unicode="p" horiz-adv-x="1359" d="M111 -471v1659h942q111 0 188.5 -78t77.5 -188v-656q0 -111 -78 -188.5t-188 -77.5h-721v-471h-221zM332 266q0 -18 13 -31.5t32 -13.5h676q18 0 31.5 13.5t13.5 31.5v656q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-656z" />
+<glyph unicode="q" horiz-adv-x="1359" d="M41 266v656q0 111 78 188.5t188 77.5h942v-1659h-221v471h-721q-111 0 -188.5 77.5t-77.5 188.5zM262 266q0 -18 13.5 -31.5t31.5 -13.5h676q18 0 31.5 13.5t13.5 31.5v656q0 18 -13.5 31.5t-31.5 13.5h-676q-18 0 -31.5 -13.5t-13.5 -31.5v-656z" />
+<glyph unicode="r" horiz-adv-x="1048" d="M106 0v266v656q0 111 78 188.5t189 77.5h663v-221h-663q-18 0 -31.5 -13.5t-13.5 -31.5v-922h-222z" />
+<glyph unicode="s" horiz-adv-x="1404" d="M98 266v45h221v-45q0 -18 13.5 -31.5t32.5 -13.5h675q18 0 31.5 13.5t13.5 31.5v172q0 18 -13 31.5t-32 13.5h-675q-111 0 -189 78t-78 189v172q0 111 78 188.5t189 77.5h675q111 0 189 -78t78 -188v-45h-222v45q0 18 -13 31.5t-32 13.5h-675q-18 0 -32 -13.5t-14 -31.5 v-172q0 -18 13.5 -31.5t32.5 -13.5h675q111 0 189 -78t78 -189v-172q0 -111 -78 -188.5t-189 -77.5h-675q-111 0 -189 77.5t-78 188.5z" />
+<glyph unicode="t" horiz-adv-x="839" d="M109 266v656v655h221v-389h487v-221h-487v-701q0 -18 13 -31.5t32 -13.5h442v-221h-442q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="u" horiz-adv-x="1423" d="M109 266v922h221v-922q0 -18 13 -31.5t32 -13.5h676q18 0 31.5 13.5t13.5 31.5v922h221v-922q0 -111 -78 -188.5t-188 -77.5h-676q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="v" horiz-adv-x="1617" d="M43 1188h256l510 -938l512 938h254l-655 -1188h-222z" />
+<glyph unicode="w" horiz-adv-x="2170" d="M72 1188h235l322 -789l342 789h252l362 -789l301 789h236l-447 -1188h-180l-399 883l-377 -883l-4 2l2 -2h-178z" />
+<glyph unicode="x" horiz-adv-x="1417" d="M94 0v31l469 573l-469 553v31h262l353 -412l352 412h262v-31l-471 -553l471 -573v-31h-262l-352 432l-353 -432h-262z" />
+<glyph unicode="y" horiz-adv-x="1402" d="M86 266v918h221v-918q0 -18 13.5 -31.5t31.5 -13.5h676q18 0 31.5 13.5t13.5 31.5v918h221v-729v-4v-656q0 -111 -77.5 -188.5t-188.5 -77.5h-733v221h733q18 0 31.5 13.5t13.5 31.5v205h-721q-111 0 -188.5 77.5t-77.5 188.5z" />
+<glyph unicode="z" horiz-adv-x="1429" d="M111 0v262l913 705h-913v221h1208v-262l-913 -705h913v-221h-1208z" />
+<glyph unicode="{" horiz-adv-x="591" d="M47 639v221l90 51v297q0 111 78 189t188 78h86v-222h-86q-18 0 -31.5 -13t-13.5 -32v-346l-143 -112l143 -119v-365q0 -18 13.5 -31.5t31.5 -13.5h86v-221h-86q-111 0 -188.5 78t-77.5 188v320z" />
+<glyph unicode="|" horiz-adv-x="438" d="M111 -223v1919h221v-1919h-221z" />
+<glyph unicode="}" horiz-adv-x="591" d="M104 0v221h86q18 0 32 13.5t14 31.5v365l143 119l-143 112v346q0 18 -13.5 31.5t-32.5 13.5h-86v222h86q111 0 189 -78t78 -189v-297l90 -51v-221l-90 -53v-320q0 -111 -78 -188.5t-189 -77.5h-86z" />
+<glyph unicode="~" horiz-adv-x="827" d="M49 567v154q68 29 152 29q80 0 210 -66t199 -74q80 0 160 54v-152q-86 -37 -160 -37q-72 0 -200.5 69.5t-208.5 69.5q-123 0 -152 -47z" />
+<glyph unicode="&#xa2;" horiz-adv-x="1302" d="M68 266v676q0 111 77.5 188.5t188.5 77.5h227v262h221v-262h490v-221h-490v-766h490v-221h-490v-223h-221v223h-227q-111 0 -188.5 77.5t-77.5 188.5zM289 266q0 -18 13 -31.5t32 -13.5h227v766h-227q-18 0 -31.5 -13t-13.5 -32v-676z" />
+<glyph unicode="&#xa3;" horiz-adv-x="1503" d="M80 0v221h205v406h-205v221h205v360q0 111 77.5 189t188.5 78h590q111 0 188.5 -78t77.5 -189v-61h-221v61q0 18 -13.5 31.5t-31.5 13.5h-590q-18 0 -31.5 -13t-13.5 -32v-360h684v-221h-684v-406h901v-221h-1327z" />
+<glyph unicode="&#xad;" d="M121 496v221h819v-221h-819z" />
+<glyph unicode="&#xb4;" horiz-adv-x="436" d="M68 1694l82 331h221l-82 -331h-221z" />
+<glyph unicode="&#x2000;" horiz-adv-x="1011" />
+<glyph unicode="&#x2001;" horiz-adv-x="2025" />
+<glyph unicode="&#x2002;" horiz-adv-x="1011" />
+<glyph unicode="&#x2003;" horiz-adv-x="2025" />
+<glyph unicode="&#x2004;" horiz-adv-x="673" />
+<glyph unicode="&#x2005;" horiz-adv-x="505" />
+<glyph unicode="&#x2006;" horiz-adv-x="335" />
+<glyph unicode="&#x2007;" horiz-adv-x="335" />
+<glyph unicode="&#x2008;" horiz-adv-x="251" />
+<glyph unicode="&#x2009;" horiz-adv-x="403" />
+<glyph unicode="&#x200a;" horiz-adv-x="110" />
+<glyph unicode="&#x2010;" d="M121 496v221h819v-221h-819z" />
+<glyph unicode="&#x2011;" d="M121 496v221h819v-221h-819z" />
+<glyph unicode="&#x2012;" d="M121 496v221h819v-221h-819z" />
+<glyph unicode="&#x2013;" horiz-adv-x="1449" d="M111 494v221h1228v-221h-1228z" />
+<glyph unicode="&#x2014;" horiz-adv-x="1683" d="M111 494v221h1462v-221h-1462z" />
+<glyph unicode="&#x2018;" horiz-adv-x="397" d="M70 991v221q0 98 63.5 172t157.5 91v-484h-221z" />
+<glyph unicode="&#x2019;" horiz-adv-x="395" d="M111 991v484h221v-222q0 -98 -63.5 -172t-157.5 -90z" />
+<glyph unicode="&#x201c;" horiz-adv-x="774" d="M94 991v221q0 98 63.5 172t157.5 91v-484h-221zM444 991v221q0 98 63.5 172t158.5 91v-484h-222z" />
+<glyph unicode="&#x201d;" horiz-adv-x="774" d="M111 991v484h221v-222q0 -98 -63.5 -172t-157.5 -90zM461 991v484h221v-222q0 -98 -63.5 -172t-157.5 -90z" />
+<glyph unicode="&#x2022;" horiz-adv-x="759" d="M268 717v41q0 86 86 86h47q88 0 88 -86v-41q0 -86 -88 -86h-47q-86 0 -86 86z" />
+<glyph unicode="&#x2026;" horiz-adv-x="1175" d="M111 0v221h221v-221h-221zM477 0v221h221v-221h-221zM844 0v221h221v-221h-221z" />
+<glyph unicode="&#x202f;" horiz-adv-x="403" />
+<glyph unicode="&#x205f;" horiz-adv-x="505" />
+<glyph unicode="&#x20ac;" horiz-adv-x="1636" d="M72 446v222h204v139h-204v221h204v180q0 111 78 189t189 78h999v-222h-999q-18 0 -31.5 -13t-13.5 -32v-180h823v-221h-823v-139h823v-222h-823v-180q0 -18 13 -31.5t32 -13.5h999v-221h-999q-111 0 -189 78t-78 188v180h-204z" />
+<glyph unicode="&#x2122;" horiz-adv-x="3454" d="M1669 0v1475h262l573 -682l572 682h264v-1475h-221v1180l-615 -731l-614 731v-1180h-221zM41 1253v222h1475v-222h-627v-1253h-221v1253h-627z" />
+<glyph unicode="&#xe000;" horiz-adv-x="1190" d="M0 1190h1190v-1190h-1190v1190z" />
+<glyph unicode="&#xfb01;" horiz-adv-x="1259" d="M940 0v1188h222v-1188h-222zM940 1356v221h222v-221h-222zM109 0v655v656q0 111 77.5 188.5t188.5 77.5h442v-221h-442q-18 0 -31.5 -13.5t-13.5 -31.5v-123h487v-221h-487v-967h-221z" />
+<glyph unicode="&#xfb02;" horiz-adv-x="1452" d="M940 266v656v655h222v-1311q0 -18 13 -31.5t32 -13.5h221v-221h-221q-111 0 -189 77.5t-78 188.5zM109 0v655v656q0 111 77.5 188.5t188.5 77.5h442v-221h-442q-18 0 -31.5 -13.5t-13.5 -31.5v-123h487v-221h-487v-967h-221z" />
+<glyph unicode="&#xfb03;" horiz-adv-x="2093" d="M1773 0v1188h222v-1188h-222zM1773 1356v221h222v-221h-222zM943 0v655v656q0 111 77.5 188.5t188.5 77.5h442v-221h-442q-18 0 -31.5 -13.5t-13.5 -31.5v-123h487v-221h-487v-967h-221zM109 0v655v656q0 111 77.5 188.5t188.5 77.5h442v-221h-442q-18 0 -31.5 -13.5 t-13.5 -31.5v-123h487v-221h-487v-967h-221z" />
+<glyph unicode="&#xfb04;" horiz-adv-x="2285" d="M1773 266v656v655h222v-1311q0 -18 13 -31.5t32 -13.5h221v-221h-221q-111 0 -189 77.5t-78 188.5zM943 0v655v656q0 111 77.5 188.5t188.5 77.5h442v-221h-442q-18 0 -31.5 -13.5t-13.5 -31.5v-123h487v-221h-487v-967h-221zM109 0v655v656q0 111 77.5 188.5t188.5 77.5 h442v-221h-442q-18 0 -31.5 -13.5t-13.5 -31.5v-123h487v-221h-487v-967h-221z" />
+<glyph horiz-adv-x="821" />
+</font>
+</defs></svg> 
--- a/static/fonts/orbitron/orbitron-medium-webfont.ttf
+++ b/static/fonts/orbitron/orbitron-medium-webfont.ttf
--- a/static/fonts/orbitron/orbitron-medium-webfont.woff
+++ b/static/fonts/orbitron/orbitron-medium-webfont.woff
--- a/static/fonts/sansation/Sansation-Bold-webfont.ttf
+++ b/static/fonts/sansation/Sansation-Bold-webfont.ttf
--- a/static/fonts/sansation/Sansation-Bold-webfont.woff
+++ b/static/fonts/sansation/Sansation-Bold-webfont.woff
--- a/static/fonts/sansation/Sansation-Light-webfont.ttf
+++ b/static/fonts/sansation/Sansation-Light-webfont.ttf
--- a/static/fonts/sansation/Sansation-Light-webfont.woff
+++ b/static/fonts/sansation/Sansation-Light-webfont.woff
--- a/static/fonts/sansation/Sansation-Regular-webfont.ttf
+++ b/static/fonts/sansation/Sansation-Regular-webfont.ttf
--- a/static/fonts/sansation/Sansation-Regular-webfont.woff
+++ b/static/fonts/sansation/Sansation-Regular-webfont.woff
Author	SHA1	Message	Date
Michal Vanko	dda4a0ac6e	don't use netlify lfs	2024-09-17 18:22:47 +02:00
Michal Vanko	50694c43f5	Fix SSG and just commmands	2024-09-15 22:08:44 +02:00
Michal Vanko	e8330c10c2	fix images and font bold styles	2024-09-15 20:38:58 +02:00
Michal Vanko	73d3219799	font scavenging	2024-09-13 23:21:51 +02:00
Michal Vanko	e2e0464c78	blog post default thumbnail	2024-09-13 13:10:33 +02:00
Michal Vanko	380b7c1b2f	fix link in header	2024-09-13 11:32:06 +02:00
Michal Vanko	cb61962812	Responsive design for index and blog listing page	2024-09-12 17:03:11 +02:00
Michal Vanko	255536c681	Responsive design for index page	2024-09-12 15:00:20 +02:00
Michal Vanko	4305da1d0c	Code highlighting	2024-09-11 13:15:00 +02:00
Michal Vanko	a9ef5c8f93	blogpage responsive styles	2024-09-10 21:58:57 +02:00