chore(deps): update all-dependencies

Merge pull request 'chore: Configure Renovate' (#2 ) from renovate/configure into main
Reviewed-on: #2
2026-01-29 08:01:43 +00:00 · 2026-01-29 02:28:14 -05:00 · 2026-01-29 07:21:08 +00:00 · 2026-01-20 23:20:26 -05:00 · 2026-01-20 23:18:06 -05:00 · 2026-01-20 23:17:05 -05:00
55 changed files with 669 additions and 1401 deletions
--- a/.gitea/workflows/build.yml
+++ b/.gitea/workflows/build.yml
@@ -1 +0,0 @@
 .github/workflows/build.yml
--- a/.gitea/workflows/build.yml
+++ b/.gitea/workflows/build.yml
@@ -0,0 +1,64 @@
 name: Build and Push Docker Image
 on:
  push:
    branches:
      - main
    tags:
      - 'v*'
  pull_request:
    branches:
      - main
 env:
  IMAGE_NAME: pi-mta-sign
 jobs:
  build:
    runs-on: archlinux
    container:
      image: docker:cli
    steps:
      - name: Install dependencies
        run: |
          apk add --no-cache nodejs npm git
      - name: Checkout repository
        uses: actions/checkout@v6
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v3
        with:
          platforms: linux/amd64,linux/arm64
      - name: Log in to Container Registry
        if: gitea.event_name != 'pull_request'
        uses: docker/login-action@v3
        with:
          registry: gitea.chaosdev.gay
          username: ${{ gitea.actor }}
          password: ${{ secrets.REGISTRY_PASSWORD }}
      - name: Extract metadata (tags, labels)
        id: meta
        uses: docker/metadata-action@v5
        with:
          images: gitea.chaosdev.gay/${{ gitea.repository_owner }}/${{ env.IMAGE_NAME }}
          tags: |
            type=ref,event=branch
            type=ref,event=pr
            type=semver,pattern={{version}}
            type=semver,pattern={{major}}.{{minor}}
            type=sha,prefix=
            type=raw,value=latest,enable={{is_default_branch}}
      - name: Build and push Docker image
        uses: docker/build-push-action@v6
        with:
          context: .
          file: ./Dockerfile
          platforms: linux/amd64,linux/arm64
          push: ${{ gitea.event_name != 'pull_request' }}
          tags: ${{ steps.meta.outputs.tags }}
          labels: ${{ steps.meta.outputs.labels }}
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -23,7 +23,7 @@ jobs:
    steps:
      - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
      - name: Set up QEMU
        uses: docker/setup-qemu-action@v3
@@ -56,7 +56,7 @@ jobs:
        uses: docker/build-push-action@v6
        with:
          context: .
-          file: ./docker/Dockerfile
+          file: ./Dockerfile
          platforms: linux/amd64,linux/arm64
          push: ${{ github.event_name != 'pull_request' }}
          tags: ${{ steps.meta.outputs.tags }}
--- a/.node-version
+++ b/.node-version
@@ -1 +1 @@
-v25.4.0
+25.5.0
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -1,5 +1,5 @@
 # Stage 1: Build the Next.js frontend
-FROM docker.io/library/node:24-alpine AS frontend-builder
+FROM docker.io/library/node:25-alpine AS frontend-builder
 LABEL authors="lucasoskorep"
 WORKDIR /build/mta-sign-ui
--- a/README.md
+++ b/README.md
@@ -3,14 +3,28 @@
 This project gives you a docker image that you can run locally to pull MTA data and self-host a webpage that looks very
 similar to the classic MTA Signs found in the metro.
 ![ui-example.png](attachments/ui-example.png)
 Initially designed to run directly on a raspberry pi, it has been containerized and now runs anywhere you can install
 podman or docker!
-## Running the Docker Image
+Additionally, this can be run without the frontend in case you just wanted a slightly more sane way to query MTA's data
 sources compared to their stock APIs.  Swagger is hosted at /swagger
 ![swagger.png](attachments/swagger.png)
-### Prerequisites
+## Features
- Docker installed on your system
+- **Real-time MTA Data**: Live train arrival times for NYC subway
  stations - [available for free here](https://api.mta.info/#/subwayRealTimeFeeds)
 - **Configurable Stations**: Monitor multiple stations simultaneously with separate cards
 - **Line Filtering**: Show/hide specific transit lines for each station
 - **Direction Selection**: Toggle between North/South bound trains independently
 - **Responsive Design**: Works on desktop, tablet, and mobile displays
 - **Configuration Persistence**: Save your selected stations and preferences to localStorage or export/import them via
  JSON
 - **Docker Ready**: Easy deployment with Docker or Docker Compose
 ## Running via Docker
 ### Quick Start with Docker
@@ -33,17 +47,16 @@ The application will be available at `http://localhost:8000`
 ### Environment Variables
-| Variable          | Description                     | Default | Required |
+| Variable          | Description                                                | Default | Required |
-|-------------------|---------------------------------|---------|----------|
+|-------------------|------------------------------------------------------------|---------|----------|
-| `FRONTEND_ENABLE` | Enable/disable the web frontend | `true`  | No       |
+| `FRONTEND_ENABLE` | Enable/disable the web frontend                            | `true`  | No       |
 | `SHOW_SWAGGER`    | Enable/disable Swagger API documentation at `/swagger`     | `false` | No       |
 ### Running with Docker Compose
 For a more convenient setup, use the provided docker-compose configuration:
 ```bash
 # Copy the example docker-compose.yaml from the docker folder
 cp docker/docker-compose.example.yaml docker-compose.yaml
 # Run with docker-compose
 docker-compose up -d
@@ -64,7 +77,6 @@ Tools needed:
 Once you have all the required tooling all you need to do is
 ```bash
-just init # downloads python 
+just init # uses uv and fnm/pnpm to download and setup all python and node depencencies
 just dev # this will spin up the nextjs frontend and fastapi backend in hot reload mode
 ```
--- a/attachments/swagger.png
+++ b/attachments/swagger.png
--- a/attachments/ui-example.png
+++ b/attachments/ui-example.png
--- a/docker/docker-compose.example.yaml
+++ b/docker/docker-compose.example.yaml
--- a/main.py
+++ b/main.py
@@ -15,7 +15,15 @@ from mta_sign_server.config.router import router as config_router
 load_dotenv()
-app = FastAPI()
+# Setup Swagger documentation
 show_swagger = os.getenv("SHOW_SWAGGER", "false").lower() in ("true", "1", "yes")
 swagger_config = {
    "docs_url": "/swagger" if show_swagger else None,
    "redoc_url": None,
    "openapi_url": "/openapi.json" if show_swagger else None,
 }
 app = FastAPI(**swagger_config)
 app.add_middleware(
    CORSMiddleware,
    allow_origins=['*']
@@ -49,6 +57,10 @@ if frontend_enabled and static_dir.exists():
    @app.get("/{path:path}")
    async def serve_spa(path: str):
        """Serve static files or fall back to index.html for SPA routing"""
        # Exclude API and documentation routes from SPA fallback
        if path.startswith(("api/", "swagger", "openapi", "redoc", "docs")):
            return {"error": "Not found"}
        file_path = static_dir / path
        if file_path.exists() and file_path.is_file():
            return FileResponse(file_path)
--- a/mta-sign-ui/.nvmrc
+++ b/mta-sign-ui/.nvmrc
@@ -1 +1 @@
-v20
+24
--- a/mta-sign-ui/README.md
+++ b/mta-sign-ui/README.md
@@ -1,14 +1,9 @@
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 ## Getting Started
 First, run the development server:
 ```bash
-npm run dev
+```bash
 # or
 yarn dev
 # or
 pnpm dev
 ```
@@ -16,8 +11,6 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 ## Learn More
 To learn more about Next.js, take a look at the following resources:
@@ -26,9 +19,3 @@ To learn more about Next.js, take a look at the following resources:
 - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 ## Deploy on Vercel
 The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
--- a/mta-sign-ui/components/StationSelector.tsx
+++ b/mta-sign-ui/components/StationSelector.tsx
@@ -59,12 +59,12 @@ export default function StationSelector({ selectedStation, onSelect }: StationSe
    return (
        <div ref={dropdownRef} className="relative w-full">
            <div
-                className="flex items-center gap-2 bg-gray-700 px-3 py-2 cursor-pointer"
+                className="flex items-center gap-2 bg-transparent cursor-pointer"
                onClick={() => setIsOpen(!isOpen)}
            >
                <input
                    type="text"
-                    placeholder={selectedStation?.name || 'Search stations...'}
+                    placeholder="Search stations..."
                    value={search}
                    onChange={(e) => {
                        setSearch(e.target.value)
@@ -74,7 +74,7 @@ export default function StationSelector({ selectedStation, onSelect }: StationSe
                        e.stopPropagation()
                        setIsOpen(true)
                    }}
-                    className="flex-1 bg-transparent text-white placeholder-gray-400 outline-none text-sm md:text-base lg:text-lg"
+                    className="flex-1 bg-transparent text-white placeholder-gray-400 outline-none text-sm md:text-base"
                />
                <ChevronDownIcon
                    className={`w-4 h-4 text-gray-400 transition-transform ${isOpen ? 'rotate-180' : ''}`}
--- a/mta-sign-ui/components/trains/DirectionCard.tsx
+++ b/mta-sign-ui/components/trains/DirectionCard.tsx
@@ -10,16 +10,19 @@ interface Route {
 interface DirectionCardProps {
    direction: 'North' | 'South'
    routes: Route[]
    isEndOfLine?: boolean
 }
-const DirectionCard = ({ direction, routes }: DirectionCardProps) => {
+const DirectionCard = ({ direction, routes, isEndOfLine = false }: DirectionCardProps) => {
    return (
        <div className="bg-gray-800 overflow-hidden flex-1">
-            <div className="bg-gray-700 px-3 py-2 md:px-4 md:py-3 lg:px-6 lg:py-4">
+            {!isEndOfLine && (
-                <h2 className="text-xl md:text-2xl lg:text-3xl xl:text-4xl font-bold text-white">
+                <div className="bg-gray-700 px-3 py-2 md:px-4 md:py-3 lg:px-6 lg:py-4">
-                    {direction}
+                    <h2 className="text-xl md:text-2xl lg:text-3xl xl:text-4xl font-bold text-white">
-                </h2>
+                        {direction}
-            </div>
+                    </h2>
                </div>
            )}
            <div className="divide-y divide-gray-700">
                {routes && routes.length > 0 ? (
                    routes.map((route, index) => (
--- a/mta-sign-ui/components/trains/StationCard.tsx
+++ b/mta-sign-ui/components/trains/StationCard.tsx
@@ -57,20 +57,35 @@ export default function StationCard({ configId, initialConfig, availableLines, o
    const fetchStationData = useCallback(async () => {
        if (!selectedStation) return
-        try {
+        if (showNorth) {
-            if (showNorth) {
+            try {
                const response = await axios.post(`/api/mta/${selectedStation.id}N`)
                setNorthData(response.data)
            } catch (err) {
                console.error('Error fetching north station data:', err)
                setNorthData(null)
            }
-            if (showSouth) {
+        }
        if (showSouth) {
            try {
                const response = await axios.post(`/api/mta/${selectedStation.id}S`)
                setSouthData(response.data)
            } catch (err) {
                console.error('Error fetching south station data:', err)
                setSouthData(null)
            }
        } catch (err) {
            console.error('Error fetching station data:', err)
        }
    }, [selectedStation, showNorth, showSouth])
    // Clear old data when station changes to prevent showing stale data from previous station
    useEffect(() => {
        if (selectedStation) {
            setNorthData(null)
            setSouthData(null)
        }
    }, [selectedStation?.id])
    useEffect(() => {
        if (selectedStation) {
            fetchStationData()
@@ -149,6 +164,7 @@ export default function StationCard({ configId, initialConfig, availableLines, o
                showSouth={showSouth}
                northRoutes={northData ? filterRoutes(northData.routes || []) : []}
                southRoutes={southData ? filterRoutes(southData.routes || []) : []}
                availableDirections={availableDirections}
            />
        </div>
    )
@@ -179,14 +195,37 @@ function Header({
    onToggleLine,
    onRemove,
 }: HeaderProps) {
-    return (
+    const [showSearch, setShowSearch] = useState(false)
        <div className="bg-gray-700 px-3 py-2 md:px-4 md:py-3 flex items-center gap-2 md:gap-4">
            <div className="flex-1">
                <StationSelector selectedStation={selectedStation} onSelect={onSelectStation} />
            </div>
-            <div className="flex items-center gap-2 md:gap-3 shrink-0">
+    return (
-                {availableDirections.has('North') && (
+        <div className="bg-gray-700">
            {/* Station Name Title and Search Row */}
            <div className="px-3 py-2 md:px-4 md:py-3 lg:px-6 lg:py-4 flex items-center gap-2 md:gap-4">
                {selectedStation && (
                    <h1 className="text-xl md:text-2xl lg:text-3xl xl:text-4xl font-bold text-white flex-1">
                        {selectedStation.name}
                    </h1>
                )}
                {/* Search Button */}
                {showSearch ? (
                    <div className="w-48">
                        <StationSelector selectedStation={selectedStation} onSelect={(station) => {
                            onSelectStation(station)
                            setShowSearch(false)
                        }} />
                    </div>
                ) : (
                    <button
                        onClick={() => setShowSearch(true)}
                        className="px-3 py-1 md:px-4 md:py-2 bg-gray-600 hover:bg-gray-500 text-white rounded transition-colors text-sm md:text-base shrink-0"
                    >
                        Search
                    </button>
                )}
                <div className="flex items-center gap-2 md:gap-3 shrink-0">
                    {availableDirections.has('North') && (
                    <label className="flex items-center gap-1 cursor-pointer">
                        <input
                            type="checkbox"
@@ -227,12 +266,13 @@ function Header({
                {onRemove && (
                    <button
                        onClick={onRemove}
-                        className="p-2 rounded-lg bg-red-600 hover:bg-red-500 transition-colors shrink-0"
+                        className="group p-2 rounded-lg bg-gray-700 hover:bg-red-600 transition-colors shrink-0"
                        title="Remove station"
                    >
-                        <XMarkIcon className="w-4 h-4 md:w-5 md:h-5 text-white" />
+                        <XMarkIcon className="w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-white transition-colors" />
                    </button>
                )}
                </div>
            </div>
        </div>
    )
@@ -244,9 +284,10 @@ interface ContentProps {
    showSouth: boolean
    northRoutes: Route[]
    southRoutes: Route[]
    availableDirections: Set<string>
 }
-function Content({ selectedStation, showNorth, showSouth, northRoutes, southRoutes }: ContentProps) {
+function Content({ selectedStation, showNorth, showSouth, northRoutes, southRoutes, availableDirections }: ContentProps) {
    if (!selectedStation) {
        return (
            <div className="p-8 text-center text-gray-400">
@@ -255,16 +296,23 @@ function Content({ selectedStation, showNorth, showSouth, northRoutes, southRout
        )
    }
    // Determine if this is an end-of-line station (only one direction available)
    const isEndOfLine = availableDirections.size === 1
    // Only render directions that are both available AND selected
    const renderNorth = showNorth && availableDirections.has('North')
    const renderSouth = showSouth && availableDirections.has('South')
    return (
        <div className="flex flex-col md:flex-row">
-            {showNorth && (
+            {renderNorth && (
-                <div className={`flex-1 ${showSouth ? 'border-b md:border-b-0 md:border-r border-gray-700' : ''}`}>
+                <div className={`flex-1 ${renderSouth ? 'border-b md:border-b-0 md:border-r border-gray-700' : ''}`}>
-                    <DirectionCard direction="North" routes={northRoutes} />
+                    <DirectionCard direction="North" routes={northRoutes} isEndOfLine={isEndOfLine} />
                </div>
            )}
-            {showSouth && (
+            {renderSouth && (
                <div className="flex-1">
-                    <DirectionCard direction="South" routes={southRoutes} />
+                    <DirectionCard direction="South" routes={southRoutes} isEndOfLine={isEndOfLine} />
                </div>
            )}
        </div>
--- a/mta-sign-ui/package.json
+++ b/mta-sign-ui/package.json
@@ -22,20 +22,20 @@
    "postcss": "^8.5.1",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
-    "tailwindcss": "^3.4.17"
+    "tailwindcss": "^4.0.0"
  },
  "devDependencies": {
    "@testing-library/react": "^16.1.0",
-    "@types/node": "^22.10.7",
+    "@types/node": "^25.0.0",
    "@types/react": "^19.0.7",
    "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^5.0.0",
    "chokidar-cli": "^3.0.0",
    "eslint": "^9.18.0",
    "eslint-config-next": "^16.1.2",
-    "jsdom": "^26.0.0",
+    "jsdom": "^27.0.0",
    "typescript": "^5.7.3",
-    "vitest": "^3.0.0"
+    "vitest": "^4.0.0"
  },
-  "packageManager": "pnpm@10.28.1"
+  "packageManager": "pnpm@10.28.2"
 }
--- a/mta-sign-ui/pnpm-lock.yaml
+++ b/mta-sign-ui/pnpm-lock.yaml
--- a/mta-sign-ui/public/next.svg
+++ b/mta-sign-ui/public/next.svg
@@ -1 +0,0 @@
 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
--- a/mta-sign-ui/public/vercel.svg
+++ b/mta-sign-ui/public/vercel.svg
@@ -1 +0,0 @@
 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
--- a/node_modules/.yarn-integrity
+++ b/node_modules/.yarn-integrity
@@ -1,10 +0,0 @@
 {
  "systemParams": "linux-x64-115",
  "modulesFolders": [],
  "flags": [],
  "linkedModules": [],
  "topLevelPatterns": [],
  "lockfileEntries": {},
  "files": [],
  "artifacts": {}
 }
--- a/package.json
+++ b/package.json
@@ -1,3 +1,3 @@
 {
-  "packageManager": "yarn@4.1.0"
+  "packageManager": "yarn@4.12.0"
 }
--- a/renovate.json
+++ b/renovate.json
@@ -0,0 +1,3 @@
 {
  "$schema": "https://docs.renovatebot.com/renovate-schema.json"
 }
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,220 +0,0 @@
 <!doctype html>
 <html lang="en">
 <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/static/css/style.css">
    <!-- Bootstrap CSS -->
    <script src="https://cdn.socket.io/3.1.3/socket.io.min.js"
            integrity="sha384-cPwlPLvBTa3sKAgddT6krw0cJat7egBga3DJepJyrLl4Q9/5WLra3rrnMcyTyOnh"
            crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.0.2/dist/css/bootstrap-night.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous"></script>
    <script
            src="https://code.jquery.com/jquery-3.6.0.min.js"
            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
            crossorigin="anonymous"></script>
    <script src="/static/js/MtaData.js"></script>
    <title>Pi MTA Display!</title>
 </head>
 <body class="dark">
 <nav class="navbar navbar-dark bg-dark py-2">
    <div class="container-fluid">
        <a class="site-title navbar-brand" href="#">
            <h1 class="display-1">
                <img src="/static/images/RPI-LOGO.png" alt="" width="43" height="50"
                     class="d-inline-block align-baseline">
                Pi MTA Display!
            </h1>
        </a>
        <div>
            <div>
                <h3>
                    Last Updated:&nbsp;&nbsp;<span id="last_updated"></span>
                </h3>
            </div>
            <div>
                <h3 style="float:right">
                    Started:&nbsp;&nbsp;<span style="float:right" id="start_time"></span>
                </h3>
            </div>
        </div>
 </nav>
 <div id="station_1">
    <nav class="navbar navbar-dark bg-dark">
        <div class="container-fluid">
            <span class="navbar-brand mb-0 h1 station-name">{{station_1}}</span>
            <div class="dropdown">
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2"
                        data-bs-toggle="dropdown" aria-expanded="false">
                    Select a Station
                </button>
                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
                    {% for item in station_names %}
                    <li><a class="dropdown-item" onclick="javascript:setStation(this)">{{ item }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid content-row g-0">
        <div class="row h-50 g-0">
            <div class="col-sm-6 ">
                <div class="card">
                    <div class="card-header">
                        <h1 class="display-4">
                            North
                        </h1>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/A.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4 align-middle">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/C.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/E.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-6 ">
                <div class="card">
                    <div class="card-header">
                        <h1 class="display-4">
                            South
                        </h1>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/A.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4 align-middle">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/C.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/E.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
 </div>
 <div id="station_2">
    <nav class="navbar navbar-dark bg-dark">
        <div class="container-fluid">
            <span class="navbar-brand mb-0 h1 station-name">{{station_2}}</span>
            <div class="dropdown">
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton3"
                        data-bs-toggle="dropdown" aria-expanded="false">
                    Select a Station
                </button>
                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton3">
                    {% for item in station_names %}
                    <li><a class="dropdown-item" onclick="javascript:setStation(this)">{{ item }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid content-row g-0">
        <div class="row h-50 g-0">
            <div class="col-sm-6 ">
                <div class="card">
                    <div class="card-header">
                        <h1 class="display-4">
                            North
                        </h1>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/A.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4 align-middle">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/C.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/E.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-6 ">
                <div class="card">
                    <div class="card-header">
                        <h1 class="display-4">
                            South
                        </h1>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/A.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4 align-middle">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/C.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                        <li class="list-group-item station-info">
                            <img src="/static/images/lines/E.svg" alt="" width="60" height="60"
                                 class="align-middle">
                            <h1 class="display-4">
                                Pi MTA Display!
                            </h1>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
 </div>
 </body>
 </html>
--- a/templates/static/css/style.css
+++ b/templates/static/css/style.css
@@ -1,43 +0,0 @@
 .site-title {
    font-size: 4rem;
 }
 .card-header {
    font-size: 3rem !important;
 }
 .station-name {
    font-size: 3.5rem !important;
 }
 .station-info {
    font-size: 2.5rem !important;
 }
 .station-info h1 {
  float: right;
 }
 .dropdown-menu {
    max-height: 280px;
    overflow-y: auto;
 }
@media screen and (max-width: 1000px) {
    .site-title {
        font-size: 2rem !important;
    }
    .card-header {
        font-size: 1.5rem !important;
    }
    .station-name {
        font-size: 1.75rem !important;
    }
    .station-info {
        font-size: 1.25rem !important;
    }
 }
--- a/templates/static/images/RPI-LOGO.png
+++ b/templates/static/images/RPI-LOGO.png
--- a/templates/static/images/lines/1.svg
+++ b/templates/static/images/lines/1.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="1">
        <circle cx="45" cy="45" r="45" style="fill:rgb(238,52,46);"/>
        <path d="M31.084,36.4388L31.084,30.1237C34.0137,29.9935 36.0645,29.7982 37.2363,29.5378C39.1026,29.1254 40.6217,28.3008 41.7936,27.0638C42.5966,26.2174 43.2042,25.089 43.6165,23.6784C43.8553,22.832 43.9746,22.2027 43.9746,21.7904L51.6895,21.7904L51.6895,68.9909L42.1842,68.9909L42.1842,36.4388L31.084,36.4388Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/2.svg
+++ b/templates/static/images/lines/2.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="2">
        <circle cx="45" cy="45" r="45" style="fill:rgb(238,52,46);"/>
        <path d="M30.7259,59.7135C32.0497,56.5668 35.1747,53.2357 40.1009,49.7201C44.3761,46.6602 47.143,44.4683 48.4017,43.1445C50.3331,41.0829 51.2988,38.826 51.2988,36.3737C51.2988,34.3772 50.7454,32.717 49.6387,31.3932C48.5319,30.0694 46.9477,29.4076 44.8861,29.4076C42.0649,29.4076 40.1443,30.4601 39.1243,32.5651C38.5384,33.7804 38.1912,35.7118 38.0827,38.3594L29.0658,38.3594C29.2177,34.3446 29.9447,31.1003 31.2467,28.6263C33.7207,23.9171 38.1152,21.5625 44.4303,21.5625C49.4217,21.5625 53.393,22.946 56.3444,25.7129C59.2958,28.4798 60.7715,32.1419 60.7715,36.6992C60.7715,40.1931 59.7298,43.2964 57.6465,46.0091C56.2793,47.8103 54.0332,49.8177 50.9082,52.0313L47.1973,54.668C44.8752,56.3173 43.2856,57.5109 42.4284,58.2487C41.5712,58.9865 40.8496,59.8438 40.2637,60.8203L60.8691,60.8203L60.8691,68.9909L28.5449,68.9909C28.6317,65.6055 29.3587,62.513 30.7259,59.7135Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/3.svg
+++ b/templates/static/images/lines/3.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="3">
        <circle cx="45" cy="45" r="45" style="fill:rgb(238,52,46);"/>
        <path d="M37.334,54.5052C37.334,56.3932 37.6378,57.9557 38.2454,59.1927C39.3739,61.4714 41.4247,62.6107 44.3978,62.6107C46.2207,62.6107 47.8103,61.9868 49.1667,60.7389C50.523,59.4911 51.2012,57.6953 51.2012,55.3516C51.2012,52.2483 49.9425,50.1758 47.4251,49.1341C45.9928,48.5482 43.7359,48.2552 40.6543,48.2552L40.6543,41.6146C43.6708,41.5712 45.7758,41.2782 46.9694,40.7357C49.031,39.8242 50.0618,37.9796 50.0618,35.2018C50.0618,33.4006 49.5356,31.9358 48.4831,30.8073C47.4306,29.6788 45.9494,29.1146 44.0397,29.1146C41.8479,29.1146 40.2365,29.809 39.2057,31.1979C38.1749,32.5868 37.6812,34.4423 37.7246,36.7643L29.0658,36.7643C29.1526,34.4206 29.554,32.1962 30.2702,30.0911C31.0297,28.2465 32.2233,26.543 33.8509,24.9805C35.0662,23.8737 36.5093,23.0273 38.1803,22.4414C39.8513,21.8555 41.9021,21.5625 44.3327,21.5625C48.8466,21.5625 52.487,22.7289 55.2539,25.0618C58.0208,27.3947 59.4043,30.5252 59.4043,34.4531C59.4043,37.2309 58.5796,39.5747 56.9303,41.4844C55.8887,42.678 54.8036,43.4918 53.6751,43.9258C54.5215,43.9258 55.7368,44.6528 57.321,46.1068C59.6864,48.2986 60.8691,51.2934 60.8691,55.0911C60.8691,59.0842 59.4857,62.5944 56.7188,65.6217C53.9518,68.6491 49.8557,70.1628 44.4303,70.1628C37.7463,70.1628 33.1022,67.9818 30.498,63.6198C29.1309,61.2977 28.3713,58.2595 28.2194,54.5052L37.334,54.5052Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/4.svg
+++ b/templates/static/images/lines/4.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="4">
        <circle cx="45" cy="45" r="45" style="fill:rgb(0,147,59);"/>
        <path d="M61.3249,58.8346L55.9863,58.8346L55.9863,68.9909L46.9043,68.9909L46.9043,58.8346L28.2194,58.8346L28.2194,50.7292L45.5697,22.0833L55.9863,22.0833L55.9863,51.5755L61.3249,51.5755L61.3249,58.8346ZM46.9043,51.5755L46.9043,31.1979L35.0879,51.5755L46.9043,51.5755Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/5.svg
+++ b/templates/static/images/lines/5.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="5">
        <circle cx="45" cy="45" r="45" style="fill:rgb(0,147,59);"/>
        <path d="M37.4642,56.3607C37.8331,58.3789 38.5384,59.936 39.5801,61.0319C40.6217,62.1278 42.1408,62.6758 44.1374,62.6758C46.4377,62.6758 48.1901,61.8674 49.3945,60.2507C50.599,58.6339 51.2012,56.5994 51.2012,54.1471C51.2012,51.7383 50.6369,49.7038 49.5085,48.0436C48.38,46.3835 46.6222,45.5534 44.235,45.5534C43.1066,45.5534 42.13,45.6944 41.3053,45.9766C39.8513,46.4974 38.7554,47.4631 38.0176,48.8737L29.6842,48.4831L33.0046,22.4089L59.0137,22.4089L59.0137,30.2865L39.7103,30.2865L38.0176,40.6055C39.4499,39.6723 40.5675,39.0538 41.3704,38.75C42.7159,38.2509 44.3544,38.0013 46.2858,38.0013C50.1921,38.0013 53.5992,39.3142 56.5072,41.9401C59.4151,44.566 60.8691,48.3854 60.8691,53.3984C60.8691,57.7604 59.4694,61.6558 56.6699,65.0846C53.8704,68.5135 49.6821,70.2279 44.1048,70.2279C39.6126,70.2279 35.9234,69.0234 33.0371,66.6146C30.1508,64.2057 28.5449,60.7878 28.2194,56.3607L37.4642,56.3607Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/6.svg
+++ b/templates/static/images/lines/6.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="6">
        <circle cx="45" cy="45" r="45" style="fill:rgb(0,147,59);"/>
        <path d="M39.9056,60.2669C41.2728,61.8728 43.0089,62.6758 45.1139,62.6758C47.1756,62.6758 48.7977,61.9 49.9805,60.3483C51.1632,58.7967 51.7546,56.7839 51.7546,54.3099C51.7546,51.5538 51.0818,49.4434 49.7363,47.9785C48.3908,46.5137 46.7415,45.7813 44.7884,45.7813C43.2042,45.7813 41.8045,46.2587 40.5892,47.2135C38.7663,48.6241 37.8548,50.9028 37.8548,54.0495C37.8548,56.5885 38.5384,58.661 39.9056,60.2669ZM50.9082,33.6719C50.9082,32.9123 50.6152,32.0768 50.0293,31.1654C49.031,29.6897 47.5228,28.9518 45.5046,28.9518C42.4881,28.9518 40.3396,30.6445 39.0592,34.0299C38.3648,35.8963 37.8874,38.6523 37.627,42.2982C38.7771,40.931 40.1118,39.9327 41.6309,39.3034C43.15,38.674 44.8861,38.3594 46.8392,38.3594C51.0276,38.3594 54.4618,39.7808 57.1419,42.6237C59.822,45.4666 61.1621,49.1016 61.1621,53.5286C61.1621,57.934 59.8492,61.8186 57.2233,65.1823C54.5974,68.546 50.5176,70.2279 44.9837,70.2279C39.0375,70.2279 34.6539,67.7431 31.8327,62.7734C29.6408,58.8889 28.5449,53.8759 28.5449,47.7344C28.5449,44.1319 28.6968,41.2023 29.0007,38.9453C29.5432,34.9306 30.5957,31.5885 32.1582,28.9193C33.5037,26.6406 35.2669,24.8069 37.4479,23.418C39.6289,22.0291 42.2385,21.3346 45.2767,21.3346C49.6604,21.3346 53.1543,22.4577 55.7585,24.7038C58.3626,26.9499 59.8275,29.9392 60.153,33.6719L50.9082,33.6719Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/6D.svg
+++ b/templates/static/images/lines/6D.svg
@@ -1,12 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="_6-Diamond" serif:id="6 Diamond">
        <g transform="matrix(0.539996,0.539996,-0.555556,0.555556,51.4781,-4.07742)">
            <rect x="2.407" y="5" width="92.593" height="90" style="fill:rgb(0,147,59);"/>
        </g>
        <g transform="matrix(1.26802,0,0,1.26802,21.9029,39.5201)">
            <path d="M18.141,20.305C19.219,21.571 20.588,22.204 22.248,22.204C23.874,22.204 25.153,21.593 26.086,20.369C27.019,19.145 27.485,17.558 27.485,15.607C27.485,13.433 26.954,11.769 25.893,10.614C24.832,9.458 23.532,8.881 21.991,8.881C20.742,8.881 19.638,9.257 18.68,10.01C17.242,11.123 16.523,12.92 16.523,15.401C16.523,17.404 17.062,19.038 18.141,20.305ZM26.818,-0.669C26.818,-1.268 26.587,-1.927 26.124,-2.646C25.337,-3.809 24.148,-4.391 22.556,-4.391C20.177,-4.391 18.483,-3.056 17.473,-0.387C16.925,1.085 16.549,3.259 16.344,6.134C17.251,5.056 18.303,4.269 19.501,3.772C20.699,3.276 22.068,3.028 23.609,3.028C26.912,3.028 29.62,4.149 31.734,6.391C33.847,8.633 34.904,11.499 34.904,14.991C34.904,18.465 33.869,21.528 31.798,24.181C29.727,26.834 26.51,28.16 22.145,28.16C17.456,28.16 13.999,26.201 11.774,22.281C10.045,19.218 9.181,15.265 9.181,10.421C9.181,7.58 9.301,5.27 9.541,3.49C9.968,0.324 10.799,-2.312 12.031,-4.417C13.092,-6.214 14.482,-7.66 16.202,-8.756C17.922,-9.851 19.98,-10.398 22.376,-10.398C25.834,-10.398 28.589,-9.513 30.643,-7.741C32.696,-5.97 33.852,-3.613 34.108,-0.669L26.818,-0.669Z" style="fill:white;fill-rule:nonzero;"/>
        </g>
    </g>
 </svg>
--- a/templates/static/images/lines/7.svg
+++ b/templates/static/images/lines/7.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="7">
        <circle cx="45" cy="45" r="45" style="fill:rgb(185,51,174);"/>
        <path d="M61.6178,29.668C60.2289,31.0352 58.2975,33.4711 55.8236,36.9759C53.3496,40.4807 51.2771,44.0994 49.6061,47.832C48.2823,50.7617 47.0888,54.3424 46.0254,58.5742C44.962,62.806 44.4303,66.2782 44.4303,68.9909L34.7949,68.9909C35.077,60.5273 37.8548,51.7274 43.1283,42.5911C46.5354,36.9271 49.3891,32.9774 51.6895,30.7422L28.1543,30.7422L28.2845,22.4089L61.6178,22.4089L61.6178,29.668Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/7D.svg
+++ b/templates/static/images/lines/7D.svg
@@ -1,12 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="_7-Diamond" serif:id="7 Diamond">
        <g transform="matrix(0.539996,0.539996,-0.555556,0.555556,51.4781,-4.07742)">
            <rect x="2.407" y="5" width="92.593" height="90" style="fill:rgb(185,51,174);"/>
        </g>
        <g transform="matrix(1.26802,0,0,1.26802,21.9029,39.5201)">
            <path d="M35.264,-3.827C34.168,-2.748 32.645,-0.827 30.694,1.937C28.743,4.701 27.109,7.554 25.791,10.498C24.747,12.809 23.805,15.632 22.967,18.97C22.128,22.307 21.709,25.045 21.709,27.185L14.11,27.185C14.333,20.51 16.523,13.57 20.682,6.365C23.369,1.898 25.62,-1.217 27.434,-2.979L8.873,-2.979L8.976,-9.551L35.264,-9.551L35.264,-3.827Z" style="fill:white;fill-rule:nonzero;"/>
        </g>
    </g>
 </svg>
--- a/templates/static/images/lines/A.svg
+++ b/templates/static/images/lines/A.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="A">
        <circle cx="45" cy="45" r="45" style="fill:rgb(40,82,173);"/>
        <path d="M39.1243,50.8594L51.2988,50.8594L45.3092,31.9792L39.1243,50.8594ZM39.7428,21.0091L51.071,21.0091L68.0632,68.9909L57.1908,68.9909L54.0983,59.1276L36.4225,59.1276L33.1022,68.9909L22.6204,68.9909L39.7428,21.0091Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/B.svg
+++ b/templates/static/images/lines/B.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="B">
        <circle cx="45" cy="45" r="45" style="fill:rgb(255,98,25);"/>
        <path d="M35.7389,29.3424L35.7389,39.9219L47.5228,39.9219C49.6278,39.9219 51.3368,39.5258 52.6497,38.7337C53.9627,37.9416 54.6191,36.5365 54.6191,34.5182C54.6191,32.283 53.7511,30.8073 52.015,30.0911C50.5176,29.592 48.6079,29.3424 46.2858,29.3424L35.7389,29.3424ZM35.7389,47.8646L35.7389,60.6576L47.5228,60.6576C49.6278,60.6576 51.2663,60.3754 52.4382,59.8112C54.5649,58.7695 55.6283,56.773 55.6283,53.8216C55.6283,51.326 54.5974,49.6115 52.5358,48.6784C51.3856,48.1576 49.7689,47.8863 47.6855,47.8646L35.7389,47.8646ZM61.9759,26.1198C63.4516,28.1597 64.1895,30.6011 64.1895,33.444C64.1895,36.3737 63.4516,38.7283 61.9759,40.5078C61.1513,41.5061 59.936,42.4175 58.3301,43.2422C60.7823,44.1319 62.6324,45.5425 63.8802,47.474C65.128,49.4054 65.752,51.7491 65.752,54.5052C65.752,57.3481 65.0358,59.898 63.6035,62.1549C62.6921,63.6523 61.5527,64.911 60.1855,65.931C58.6447,67.1029 56.8273,67.9058 54.7331,68.3398C52.6389,68.7739 50.3657,68.9909 47.9134,68.9909L26.1686,68.9909L26.1686,21.0091L49.4759,21.0091C55.357,21.0959 59.5237,22.7995 61.9759,26.1198Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/C.svg
+++ b/templates/static/images/lines/C.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="C">
        <circle cx="45" cy="45" r="45" style="fill:rgb(40,82,173);"/>
        <path d="M30.6608,26.0221C34.5671,22.0725 39.5367,20.0977 45.5697,20.0977C53.6426,20.0977 59.5454,22.7452 63.278,28.0404C65.3396,31.0135 66.4464,33.9974 66.5983,36.9922L56.5723,36.9922C55.9212,34.6918 55.0857,32.9557 54.0658,31.7839C52.2428,29.7005 49.541,28.6589 45.9603,28.6589C42.3145,28.6589 39.439,30.1291 37.334,33.0697C35.2289,36.0102 34.1764,40.1714 34.1764,45.5534C34.1764,50.9353 35.2886,54.9664 37.513,57.6465C39.7374,60.3266 42.564,61.6667 45.9928,61.6667C49.5085,61.6667 52.1886,60.5165 54.0332,58.2161C55.0532,56.9792 55.8995,55.1237 56.5723,52.6497L66.5007,52.6497C65.6326,57.8798 63.4136,62.1332 59.8438,65.4102C56.2739,68.6871 51.7003,70.3255 46.123,70.3255C39.222,70.3255 33.7967,68.112 29.847,63.6849C25.8974,59.2361 23.9225,53.138 23.9225,45.3906C23.9225,37.0139 26.1686,30.5577 30.6608,26.0221Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/D.svg
+++ b/templates/static/images/lines/D.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="D">
        <circle cx="45" cy="45" r="45" style="fill:rgb(255,98,25);"/>
        <path d="M35.7389,29.3424L35.7389,60.6576L44.9837,60.6576C49.7146,60.6576 53.0132,58.3247 54.8796,53.6589C55.8995,51.0981 56.4095,48.049 56.4095,44.5117C56.4095,39.6289 55.6445,35.88 54.1146,33.265C52.5846,30.65 49.541,29.3424 44.9837,29.3424L35.7389,29.3424ZM54.0983,22.0508C57.462,23.1576 60.1855,25.1866 62.2689,28.138C63.9399,30.5252 65.0792,33.1076 65.6868,35.8854C66.2945,38.6632 66.5983,41.3108 66.5983,43.8281C66.5983,50.2083 65.3179,55.612 62.7572,60.0391C59.2849,66.0069 53.9247,68.9909 46.6764,68.9909L26.0059,68.9909L26.0059,21.0091L46.6764,21.0091C49.6495,21.0525 52.1235,21.3997 54.0983,22.0508Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/E.svg
+++ b/templates/static/images/lines/E.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="E">
        <circle cx="45" cy="45" r="45" style="fill:rgb(40,82,173);"/>
        <path d="M63.3268,29.5052L37.9362,29.5052L37.9362,39.694L61.2435,39.694L61.2435,48.0273L37.9362,48.0273L37.9362,60.3646L64.4987,60.3646L64.4987,68.9909L28.138,68.9909L28.138,21.0091L63.3268,21.0091L63.3268,29.5052Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/F.svg
+++ b/templates/static/images/lines/F.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="F">
        <circle cx="45" cy="45" r="45" style="fill:rgb(255,98,25);"/>
        <path d="M29.7168,21.0742L63.7337,21.0742L63.7337,29.5052L39.6777,29.5052L39.6777,40.5404L60.7389,40.5404L60.7389,48.8737L39.6777,48.8737L39.6777,68.9909L29.7168,68.9909L29.7168,21.0742Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/G.svg
+++ b/templates/static/images/lines/G.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="G">
        <circle cx="45" cy="45" r="45" style="fill:rgb(109,190,69);"/>
        <path d="M56.4095,35.9831C55.65,32.7062 53.7945,30.4167 50.8431,29.1146C49.1938,28.3984 47.36,28.0404 45.3418,28.0404C41.4789,28.0404 38.3051,29.4998 35.8203,32.4186C33.3355,35.3375 32.0931,39.7266 32.0931,45.5859C32.0931,51.4887 33.4386,55.6662 36.1296,58.1185C38.8205,60.5707 41.8804,61.7969 45.3092,61.7969C48.673,61.7969 51.429,60.8257 53.5775,58.8835C55.7259,56.9412 57.0497,54.3967 57.5488,51.25L46.4486,51.25L46.4486,43.2422L66.4355,43.2422L66.4355,68.9909L59.7949,68.9909L58.7858,63.0013C56.8544,65.2799 55.1183,66.8859 53.5775,67.819C50.9299,69.4466 47.6747,70.2604 43.8118,70.2604C37.4533,70.2604 32.245,68.0577 28.1868,63.6523C23.9551,59.2253 21.8392,53.1706 21.8392,45.4883C21.8392,37.7192 23.9768,31.4909 28.252,26.8034C32.5271,22.1159 38.1803,19.7721 45.2116,19.7721C51.3097,19.7721 56.2088,21.3184 59.9089,24.4108C63.6089,27.5033 65.7303,31.3607 66.2728,35.9831L56.4095,35.9831Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/H.svg
+++ b/templates/static/images/lines/H.svg
@@ -1,14 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g transform="matrix(1,0,0,1,-5,-5)">
        <g id="H">
            <g transform="matrix(1.02285,0,0,1.02285,-0.474267,-1.17657)">
                <circle cx="49.347" cy="50.033" r="43.995" style="fill:rgb(40,82,173);"/>
            </g>
            <g transform="matrix(1.26802,0,0,1.26802,21.9029,39.5201)">
                <path d="M7.127,27.185L7.127,-10.655L14.957,-10.655L14.957,3.772L29.744,3.772L29.744,-10.655L37.6,-10.655L37.6,27.185L29.744,27.185L29.744,10.293L14.957,10.293L14.957,27.185L7.127,27.185Z" style="fill:white;fill-rule:nonzero;"/>
            </g>
        </g>
    </g>
 </svg>
--- a/templates/static/images/lines/J.svg
+++ b/templates/static/images/lines/J.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="J">
        <circle cx="45" cy="45" r="45" style="fill:rgb(153,100,51);"/>
        <path d="M37.3991,50.7943L37.3991,51.901C37.4859,55.612 37.8928,58.2216 38.6198,59.7298C39.3468,61.2381 40.9039,61.9922 43.291,61.9922C45.6565,61.9922 47.219,61.1675 47.9785,59.5182C48.4342,58.5417 48.6621,56.8924 48.6621,54.5703L48.6621,21.0091L58.6882,21.0091L58.6882,54.4076C58.6882,58.4874 57.9829,61.7209 56.5723,64.1081C54.1851,68.1445 49.8774,70.1628 43.6491,70.1628C37.4208,70.1628 33.2433,68.5297 31.1165,65.2637C28.9898,61.9976 27.9264,57.5434 27.9264,51.901L27.9264,50.7943L37.3991,50.7943Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/L.svg
+++ b/templates/static/images/lines/L.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="L">
        <circle cx="45" cy="45" r="45" style="fill:rgb(167,169,172);"/>
        <path d="M29.7168,21.0091L39.7428,21.0091L39.7428,60.3646L63.5059,60.3646L63.5059,68.9909L29.7168,68.9909L29.7168,21.0091Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/M.svg
+++ b/templates/static/images/lines/M.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="M">
        <circle cx="45" cy="45" r="45" style="fill:rgb(255,98,25);"/>
        <path d="M54.1146,21.0091L68.5352,21.0091L68.5352,68.9909L59.1927,68.9909L59.1927,36.5365C59.1927,35.6033 59.2036,34.2958 59.2253,32.6139C59.247,30.9321 59.2578,29.6354 59.2578,28.724L50.1758,68.9909L40.4427,68.9909L31.4258,28.724C31.4258,29.6354 31.4366,30.9321 31.4583,32.6139C31.48,34.2958 31.4909,35.6033 31.4909,36.5365L31.4909,68.9909L22.1484,68.9909L22.1484,21.0091L36.7318,21.0091L45.4557,58.737L54.1146,21.0091Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/N.svg
+++ b/templates/static/images/lines/N.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="N">
        <circle cx="45" cy="45" r="45" style="fill:rgb(252,204,10);"/>
        <path d="M25.8431,21.0091L36.3574,21.0091L55.4655,54.5052L55.4655,21.0091L64.8079,21.0091L64.8079,68.9909L54.7819,68.9909L35.1855,34.9089L35.1855,68.9909L25.8431,68.9909L25.8431,21.0091Z" style="fill:black;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/Q.svg
+++ b/templates/static/images/lines/Q.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="Q">
        <circle cx="45" cy="45" r="45" style="fill:rgb(252,204,10);"/>
        <path d="M48.597,61.4063C49.1829,61.2543 49.9316,60.9831 50.8431,60.5924L45.9928,55.9701L51.1686,50.5664L56.0189,55.1888C56.7784,53.6263 57.3101,52.2591 57.6139,51.0872C58.0914,49.3294 58.3301,47.2786 58.3301,44.9349C58.3301,39.553 57.2287,35.3917 55.026,32.4512C52.8234,29.5106 49.6061,28.0404 45.3743,28.0404C41.403,28.0404 38.2346,29.451 35.8691,32.2721C33.5037,35.0933 32.321,39.3142 32.321,44.9349C32.321,51.5104 34.0137,56.2196 37.3991,59.0625C39.5909,60.9071 42.2168,61.8294 45.2767,61.8294C46.4269,61.8294 47.5336,61.6884 48.597,61.4063ZM66.7936,54.9609C65.9473,57.717 64.6994,60.0065 63.0501,61.8294L68.584,67.0052L63.3431,72.474L57.5488,67.0052C55.791,68.0686 54.2719,68.8173 52.9915,69.2513C50.8431,69.9674 48.2715,70.3255 45.2767,70.3255C39.0267,70.3255 33.8618,68.4592 29.7819,64.7266C24.834,60.2344 22.36,53.6372 22.36,44.9349C22.36,36.1675 24.8991,29.5378 29.9772,25.0456C34.1222,21.378 39.2763,19.5443 45.4395,19.5443C51.6461,19.5443 56.8544,21.4865 61.0645,25.3711C65.9256,29.8633 68.3561,36.1458 68.3561,44.2188C68.3561,48.4939 67.8353,52.0747 66.7936,54.9609Z" style="fill:black;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/R.svg
+++ b/templates/static/images/lines/R.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="R">
        <circle cx="45" cy="45" r="45" style="fill:rgb(252,204,10);"/>
        <path d="M36.0319,29.3424L36.0319,42.2331L47.3926,42.2331C49.6495,42.2331 51.3422,41.9727 52.4707,41.4518C54.4672,40.5404 55.4655,38.7391 55.4655,36.0482C55.4655,33.1402 54.4998,31.1871 52.5684,30.1888C51.4833,29.6246 49.8557,29.3424 47.6855,29.3424L36.0319,29.3424ZM57.5326,22.2461C59.3446,23.0056 60.88,24.1233 62.1387,25.599C63.1803,26.8142 64.005,28.1597 64.6126,29.6354C65.2203,31.1111 65.5241,32.793 65.5241,34.681C65.5241,36.9596 64.949,39.2003 63.7988,41.403C62.6487,43.6057 60.7498,45.1628 58.1022,46.0742C60.3158,46.964 61.8837,48.2281 62.806,49.8665C63.7283,51.505 64.1895,54.0061 64.1895,57.3698L64.1895,60.5924C64.1895,62.7843 64.2763,64.2708 64.4499,65.0521C64.7103,66.2891 65.3179,67.2005 66.2728,67.7865L66.2728,68.9909L55.2376,68.9909C54.9338,67.9275 54.7168,67.0703 54.5866,66.4193C54.3262,65.0738 54.1851,63.6957 54.1634,62.2852L54.0983,57.8255C54.0549,54.7656 53.4961,52.7257 52.4219,51.7057C51.3477,50.6858 49.3349,50.1758 46.3835,50.1758L36.0319,50.1758L36.0319,68.9909L26.2337,68.9909L26.2337,21.0091L49.7689,21.0091C53.1326,21.0742 55.7205,21.4865 57.5326,22.2461Z" style="fill:black;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/S.svg
+++ b/templates/static/images/lines/S.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="S">
        <circle cx="45" cy="45" r="45" style="fill:rgb(128,129,131);"/>
        <path d="M35.1042,54.1797C35.408,56.3715 36.0048,58.01 36.8945,59.0951C38.5221,61.0699 41.3108,62.0573 45.2604,62.0573C47.6259,62.0573 49.5464,61.7969 51.0221,61.276C53.8216,60.2778 55.2214,58.4223 55.2214,55.7096C55.2214,54.1254 54.5269,52.8993 53.138,52.0313C51.7491,51.1849 49.5681,50.4362 46.5951,49.7852L41.5169,48.6458C36.5256,47.5174 33.0751,46.2912 31.1654,44.9674C27.9319,42.7539 26.3151,39.2925 26.3151,34.5833C26.3151,30.2865 27.8776,26.7166 31.0026,23.8737C34.1276,21.0308 38.7174,19.6094 44.7721,19.6094C49.8286,19.6094 54.1417,20.9494 57.7116,23.6296C61.2815,26.3097 63.1532,30.1997 63.3268,35.2995L53.6914,35.2995C53.5178,32.4132 52.2591,30.3624 49.9154,29.1471C48.3529,28.3442 46.4106,27.9427 44.0885,27.9427C41.5061,27.9427 39.4444,28.4635 37.9036,29.5052C36.3628,30.5469 35.5924,32.0009 35.5924,33.8672C35.5924,35.5816 36.352,36.862 37.8711,37.7083C38.8477,38.2726 40.931,38.9345 44.1211,39.694L52.3893,41.6797C56.0135,42.5477 58.7478,43.7088 60.5924,45.1628C63.457,47.4197 64.8893,50.6858 64.8893,54.9609C64.8893,59.3446 63.2129,62.985 59.86,65.8822C56.5072,68.7793 51.7708,70.2279 45.651,70.2279C39.401,70.2279 34.4857,68.801 30.9049,65.9473C27.3242,63.0935 25.5339,59.171 25.5339,54.1797L35.1042,54.1797Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/images/lines/SF.svg
+++ b/templates/static/images/lines/SF.svg
@@ -1 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="SF"><circle cx="45" cy="45" r="45" style="fill:#808183;"/><path d="M54.545,19.647l19.559,0l0,4.848l-13.832,0l0,6.345l12.11,0l0,4.792l-12.11,0l0,11.567l-5.727,0l0,-27.552Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M22.003,54.18c0.304,2.192 0.901,3.83 1.791,4.915c1.627,1.975 4.416,2.962 8.366,2.962c2.365,0 4.286,-0.26 5.761,-0.781c2.8,-0.998 4.2,-2.854 4.2,-5.566c0,-1.585 -0.695,-2.811 -2.084,-3.679c-1.389,-0.846 -3.57,-1.595 -6.543,-2.246l-5.078,-1.139c-4.991,-1.129 -8.442,-2.355 -10.351,-3.679c-3.234,-2.213 -4.851,-5.674 -4.851,-10.384c0,-4.297 1.563,-7.866 4.688,-10.709c3.125,-2.843 7.715,-4.265 13.769,-4.265c5.057,0 9.37,1.34 12.94,4.021c3.57,2.68 5.441,6.57 5.615,11.669l-9.635,0c-0.174,-2.886 -1.433,-4.937 -3.776,-6.152c-1.563,-0.803 -3.505,-1.204 -5.827,-1.204c-2.583,0 -4.644,0.521 -6.185,1.562c-1.541,1.042 -2.311,2.496 -2.311,4.362c0,1.715 0.759,2.995 2.278,3.841c0.977,0.565 3.06,1.226 6.25,1.986l8.268,1.986c3.625,0.868 6.359,2.029 8.204,3.483c2.864,2.257 4.296,5.523 4.296,9.798c0,4.384 -1.676,8.024 -5.029,10.921c-3.353,2.897 -8.089,4.346 -14.209,4.346c-6.25,0 -11.165,-1.427 -14.746,-4.281c-3.581,-2.853 -5.371,-6.776 -5.371,-11.767l9.57,0Z" style="fill:#fff;fill-rule:nonzero;"/></g></svg>
--- a/templates/static/images/lines/SIR.svg
+++ b/templates/static/images/lines/SIR.svg
@@ -1 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="SIR"><circle cx="45" cy="45" r="45" style="fill:#0078c6;"/><g><path d="M15.369,52.053c0.217,1.559 0.641,2.725 1.274,3.497c1.158,1.405 3.142,2.107 5.952,2.107c1.683,0 3.049,-0.185 4.099,-0.556c1.992,-0.71 2.988,-2.03 2.988,-3.96c0,-1.127 -0.494,-1.999 -1.482,-2.617c-0.989,-0.602 -2.54,-1.135 -4.655,-1.598l-3.613,-0.81c-3.551,-0.803 -6.006,-1.676 -7.365,-2.617c-2.3,-1.575 -3.45,-4.038 -3.45,-7.388c0,-3.057 1.111,-5.597 3.334,-7.619c2.224,-2.023 5.489,-3.034 9.797,-3.034c3.597,0 6.666,0.953 9.205,2.86c2.54,1.907 3.872,4.674 3.995,8.302l-6.855,0c-0.123,-2.053 -1.019,-3.512 -2.686,-4.377c-1.112,-0.571 -2.494,-0.857 -4.146,-0.857c-1.837,0 -3.304,0.371 -4.4,1.112c-1.096,0.741 -1.644,1.776 -1.644,3.103c0,1.22 0.54,2.131 1.621,2.733c0.695,0.402 2.177,0.872 4.447,1.413l5.882,1.413c2.578,0.617 4.524,1.443 5.836,2.478c2.038,1.605 3.057,3.929 3.057,6.97c0,3.119 -1.193,5.709 -3.578,7.77c-2.385,2.061 -5.755,3.092 -10.109,3.092c-4.447,0 -7.944,-1.015 -10.491,-3.045c-2.548,-2.031 -3.821,-4.821 -3.821,-8.372l6.808,0Z" style="fill:#fff;fill-rule:nonzero;"/><rect x="40.159" y="28.454" width="7.087" height="34.137" style="fill:#fff;fill-rule:nonzero;"/><path d="M59.9,34.382l0,9.171l8.083,0c1.605,0 2.81,-0.185 3.612,-0.556c1.421,-0.648 2.131,-1.93 2.131,-3.844c0,-2.069 -0.687,-3.458 -2.061,-4.169c-0.772,-0.401 -1.93,-0.602 -3.474,-0.602l-8.291,0Zm15.297,-5.048c1.289,0.54 2.381,1.335 3.277,2.385c0.741,0.865 1.327,1.822 1.76,2.872c0.432,1.05 0.648,2.246 0.648,3.589c0,1.621 -0.409,3.216 -1.227,4.783c-0.819,1.567 -2.169,2.675 -4.053,3.323c1.575,0.633 2.69,1.532 3.346,2.698c0.657,1.166 0.985,2.945 0.985,5.338l0,2.293c0,1.559 0.061,2.617 0.185,3.173c0.185,0.88 0.618,1.528 1.297,1.945l0,0.857l-7.851,0c-0.216,-0.757 -0.371,-1.366 -0.463,-1.83c-0.186,-0.957 -0.286,-1.937 -0.301,-2.941l-0.047,-3.173c-0.031,-2.177 -0.428,-3.628 -1.192,-4.353c-0.765,-0.726 -2.197,-1.089 -4.296,-1.089l-7.365,0l0,13.386l-6.971,0l0,-34.136l16.744,0c2.393,0.046 4.234,0.339 5.524,0.88Z" style="fill:#fff;fill-rule:nonzero;"/></g></g></svg>
--- a/templates/static/images/lines/SR.svg
+++ b/templates/static/images/lines/SR.svg
@@ -1 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="SR"><circle cx="45" cy="45" r="45" style="fill:#808183;"/><path d="M60.178,24.401l0,7.412l6.533,0c1.298,0 2.271,-0.15 2.92,-0.449c1.148,-0.524 1.722,-1.56 1.722,-3.107c0,-1.672 -0.555,-2.795 -1.666,-3.369c-0.624,-0.325 -1.56,-0.487 -2.808,-0.487l-6.701,0Zm7.899,-4.792c1.934,0.038 3.422,0.275 4.464,0.712c1.042,0.436 1.925,1.079 2.649,1.928c0.599,0.698 1.073,1.472 1.422,2.32c0.35,0.849 0.524,1.816 0.524,2.902c0,1.31 -0.33,2.598 -0.992,3.865c-0.661,1.266 -1.753,2.162 -3.275,2.686c1.273,0.511 2.174,1.238 2.705,2.18c0.53,0.943 0.795,2.381 0.795,4.315l0,1.853c0,1.26 0.05,2.115 0.15,2.564c0.15,0.711 0.499,1.235 1.048,1.572l0,0.693l-6.345,0c-0.175,-0.612 -0.3,-1.104 -0.375,-1.479c-0.149,-0.773 -0.23,-1.566 -0.243,-2.377l-0.037,-2.564c-0.025,-1.76 -0.347,-2.933 -0.964,-3.519c-0.618,-0.587 -1.775,-0.88 -3.472,-0.88l-5.953,0l0,10.819l-5.633,0l0,-27.59l13.532,0Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M22.003,54.18c0.304,2.192 0.901,3.83 1.791,4.915c1.627,1.975 4.416,2.962 8.366,2.962c2.365,0 4.286,-0.26 5.761,-0.781c2.8,-0.998 4.2,-2.854 4.2,-5.566c0,-1.585 -0.695,-2.811 -2.084,-3.679c-1.389,-0.846 -3.57,-1.595 -6.543,-2.246l-5.078,-1.139c-4.991,-1.129 -8.442,-2.355 -10.351,-3.679c-3.234,-2.213 -4.851,-5.674 -4.851,-10.384c0,-4.297 1.563,-7.866 4.688,-10.709c3.125,-2.843 7.715,-4.265 13.769,-4.265c5.057,0 9.37,1.34 12.94,4.021c3.57,2.68 5.441,6.57 5.615,11.669l-9.635,0c-0.174,-2.886 -1.433,-4.937 -3.776,-6.152c-1.563,-0.803 -3.505,-1.204 -5.827,-1.204c-2.583,0 -4.644,0.521 -6.185,1.562c-1.541,1.042 -2.311,2.496 -2.311,4.362c0,1.715 0.759,2.995 2.278,3.841c0.977,0.565 3.06,1.226 6.25,1.986l8.268,1.986c3.625,0.868 6.359,2.029 8.204,3.483c2.864,2.257 4.296,5.523 4.296,9.798c0,4.384 -1.676,8.024 -5.029,10.921c-3.353,2.897 -8.089,4.346 -14.209,4.346c-6.25,0 -11.165,-1.427 -14.746,-4.281c-3.581,-2.853 -5.371,-6.776 -5.371,-11.767l9.57,0Z" style="fill:#fff;fill-rule:nonzero;"/></g></svg>
--- a/templates/static/images/lines/T.svg
+++ b/templates/static/images/lines/T.svg
@@ -1,14 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g transform="matrix(1,0,0,1,-5,-5)">
        <g id="T">
            <g transform="matrix(1.02285,0,0,1.02285,-0.474267,-1.17657)">
                <circle cx="49.347" cy="50.033" r="43.995" style="fill:rgb(0,174,239);"/>
            </g>
            <g transform="matrix(1.26802,0,0,1.26802,21.9029,39.5201)">
                <path d="M37.6,-10.655L37.6,-3.955L26.278,-3.955L26.278,27.185L18.32,27.185L18.32,-3.955L6.948,-3.955L6.948,-10.655L37.6,-10.655Z" style="fill:white;fill-rule:nonzero;"/>
            </g>
        </g>
    </g>
 </svg>
--- a/templates/static/images/lines/W.svg
+++ b/templates/static/images/lines/W.svg
@@ -1,14 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g transform="matrix(1,0,0,1,-5,-5)">
        <g id="W">
            <g transform="matrix(1.02285,0,0,1.02285,-0.474267,-1.17657)">
                <circle cx="49.347" cy="50.033" r="43.995" style="fill:rgb(252,204,10);"/>
            </g>
            <g transform="matrix(1.26802,0,0,1.26802,21.9029,39.5201)">
                <path d="M6.511,-10.655L11.517,11.012L12.596,17.044L13.699,11.14L17.961,-10.655L26.304,-10.655L30.797,11.012L31.952,17.044L33.107,11.243L38.164,-10.655L46.2,-10.655L35.546,27.185L27.998,27.185L23.429,5.056L22.094,-2.261L20.759,5.056L16.19,27.185L8.847,27.185L-1.883,-10.655L6.511,-10.655Z" style="fill:black;fill-rule:nonzero;"/>
            </g>
        </g>
    </g>
 </svg>
--- a/templates/static/images/lines/Z.svg
+++ b/templates/static/images/lines/Z.svg
@@ -1,8 +0,0 @@
 <?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 width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
    <g id="Z">
        <circle cx="45" cy="45" r="45" style="fill:rgb(153,100,51);"/>
        <path d="M26.3314,60.5273L51.1035,29.5052L26.9499,29.5052L26.9499,21.0091L63.6035,21.0091L63.6035,29.0495L38.5059,60.5273L63.6686,60.5273L63.6686,68.9909L26.3314,68.9909L26.3314,60.5273Z" style="fill:white;fill-rule:nonzero;"/>
    </g>
 </svg>
--- a/templates/static/js/MtaData.js
+++ b/templates/static/js/MtaData.js
@@ -1,123 +0,0 @@
 $(document).ready(function () {
    function updateStationData(station) {
        $.ajax({
            type: "POST",
            url: '/mta_data',
            contentType: "application/json",
            dataType: "json",
            async: true,
            data: JSON.stringify({"station": station.find('.station-name:first').get(0).innerText}, null, '\t'),
            success: function (data) {
                updateStation(station, data)
            },
            error: function (request) {
                console.log(request.responseText);
            }
        });
    }
    function updateStartTime() {
        $.ajax({
            type: "get",
            url: '/start_time',
            async: true,
            success: function (data) {
                console.log("GETTING TIME")
                console.log(data);
                $("#start_time").text(data)
            },
            error: function (request) {
                console.log(request.responseText);
            }
        });
    }
    function updateStation(station, data) {
        updateDirections(station, data, "North");
        updateDirections(station, data, "South");
        updateTime(data["LastUpdated"])
    }
    function updateTime(lastUpdated) {
        console.log(lastUpdated)
        $("#last_updated").text(lastUpdated)
    }
    function updateDirections(station, data, direction) {
        n = data[direction]
        list_items = station.find(".card:".concat(direction === "North" ? "first" : "last")).find(".station-info")
        var i = 0;
        for (var train in n) {
            updateLineItem(list_items.get(i), n[train], train)
            i = i + 1
        }
        if (i < 3) {
            console.log("Only 2 items updated")
            for (let remainingIndex = i; remainingIndex < 3; remainingIndex++) {
                updateLineItem(list_items.get(i), "No Trains Available", "N/A")
            }
        }
    }
    function updateLineItem(listItem, times, train) {
        var timeString;
        if (typeof times === 'string' || times instanceof String) {
            timeString = times;
        } else {
            timeString = times.sort(function (a, b) {
                return a - b;
            }).join(", ");
        }
        $(listItem).find("h1").text(timeString);
        if (imageExists("/static/images/lines/" + train + ".svg")) {
            $(listItem).show()
            $(listItem).find("img").attr("src", "/static/images/lines/" + train + ".svg")
        } else if (train === "N/A") {
            console.log("Route Is NA - Disabling Route")
            console.log($(listItem))
            $(listItem).hide()
        }
    }
    function imageExists(image_url) {
        var http = new XMLHttpRequest();
        http.open('HEAD', image_url, false);
        http.send();
        return http.status != 404;
    }
    const interval = setInterval(function () {
        updateStationData($('#station_1'))
    }, 5000);
    const interval2 = setInterval(function () {
        updateStationData($('#station_2'))
    }, 6000);
    updateStartTime();
 });
 function setStation(ele) {
    console.log(ele)
    console.log($(ele).text())
    var stop_name = ele.text;
    $.ajax({
        type: "POST",
        //the url where you want to sent the userName and password to
        url: '/get_stop_id',
        contentType: "application/json",
        dataType: "json",
        async: true,
        //json object to sent to the authentication url
        data: JSON.stringify({"stop_name": stop_name}, null, '\t'),
        success: function (data, text) {
            alert(JSON.stringify(data));
        },
        error: function (request, status, error) {
            alert(request.responseText);
        }
    });
 }
Author	SHA1	Message	Date
Renovate Bot	e24b62cd98	chore(deps): update all-dependencies Some checks failed Build and Push Docker Image / build (pull_request) Failing after 15s Details	2026-01-29 08:01:43 +00:00
Lucas Oskorep	5c2111040c	Merge pull request 'chore: Configure Renovate' (#2 ) from renovate/configure into main All checks were successful Build and Push Docker Image / build (push) Successful in 3m13s Details Reviewed-on: #2	2026-01-29 02:28:14 -05:00
Renovate Bot	dcf53d101c	Add renovate.json All checks were successful Build and Push Docker Image / build (pull_request) Successful in 3m4s Details	2026-01-29 07:21:08 +00:00
Lucas Oskorep	c7f1e6ab2d	nit: update comment All checks were successful Build and Push Docker Image / build (push) Successful in 3m3s Details	2026-01-20 23:20:26 -05:00
Lucas Oskorep	7cea369e04	feat: add platforms back to build command Some checks failed Build and Push Docker Image / build (push) Has been cancelled Details	2026-01-20 23:18:06 -05:00
Lucas Oskorep	4baf27ca1a	feat: gitea debugging All checks were successful Build and Push Docker Image / build (push) Successful in 47s Details	2026-01-20 23:17:05 -05:00
Lucas Oskorep	0a394aac33	feat: gitea debugging Some checks failed Build and Push Docker Image / build (push) Failing after 10s Details	2026-01-20 23:15:07 -05:00
Lucas Oskorep	caefa5eb5b	fix: dockerfile reference post refactor Some checks failed Build and Push Docker Image / build (push) Has been cancelled Details	2026-01-20 23:04:59 -05:00
Lucas Oskorep	7f7674a13b	feat: update runs-on Some checks failed Build and Push Docker Image / build (push) Has been cancelled Details	2026-01-20 23:03:41 -05:00
Lucas Oskorep	d6968da3ce	feat: update runs-on Some checks failed Build and Push Docker Image / build (push) Failing after 1m50s Details	2026-01-20 23:00:49 -05:00
Lucas Oskorep	41174b5557	feat: gitea Some checks failed Build and Push Docker Image / build (push) Has been cancelled Details	2026-01-20 22:59:23 -05:00
Lucas Oskorep	63897eca0c	feat: remove old ui of doom	2026-01-20 22:55:20 -05:00
Lucas Oskorep	33c7a108e2	feat: finish readme and add swagger	2026-01-20 22:50:05 -05:00
Lucas Oskorep	dc8a2c9d3e	feat: update readme with screenshot and fix end station bug	2026-01-20 22:45:43 -05:00
Lucas Oskorep	fb65b607af	feat: update readme with screenshot and fix end station bug	2026-01-20 22:45:04 -05:00
		`@@ -1 +0,0 @@`
			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
		`@@ -1 +0,0 @@`
			<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 90 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="SF"><circle cx="45" cy="45" r="45" style="fill:#808183;"/><path d="M54.545,19.647l19.559,0l0,4.848l-13.832,0l0,6.345l12.11,0l0,4.792l-12.11,0l0,11.567l-5.727,0l0,-27.552Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M22.003,54.18c0.304,2.192 0.901,3.83 1.791,4.915c1.627,1.975 4.416,2.962 8.366,2.962c2.365,0 4.286,-0.26 5.761,-0.781c2.8,-0.998 4.2,-2.854 4.2,-5.566c0,-1.585 -0.695,-2.811 -2.084,-3.679c-1.389,-0.846 -3.57,-1.595 -6.543,-2.246l-5.078,-1.139c-4.991,-1.129 -8.442,-2.355 -10.351,-3.679c-3.234,-2.213 -4.851,-5.674 -4.851,-10.384c0,-4.297 1.563,-7.866 4.688,-10.709c3.125,-2.843 7.715,-4.265 13.769,-4.265c5.057,0 9.37,1.34 12.94,4.021c3.57,2.68 5.441,6.57 5.615,11.669l-9.635,0c-0.174,-2.886 -1.433,-4.937 -3.776,-6.152c-1.563,-0.803 -3.505,-1.204 -5.827,-1.204c-2.583,0 -4.644,0.521 -6.185,1.562c-1.541,1.042 -2.311,2.496 -2.311,4.362c0,1.715 0.759,2.995 2.278,3.841c0.977,0.565 3.06,1.226 6.25,1.986l8.268,1.986c3.625,0.868 6.359,2.029 8.204,3.483c2.864,2.257 4.296,5.523 4.296,9.798c0,4.384 -1.676,8.024 -5.029,10.921c-3.353,2.897 -8.089,4.346 -14.209,4.346c-6.25,0 -11.165,-1.427 -14.746,-4.281c-3.581,-2.853 -5.371,-6.776 -5.371,-11.767l9.57,0Z" style="fill:#fff;fill-rule:nonzero;"/></g></svg>