├── env.d.ts
├── setup.png
├── screenshot.png
├── public
    ├── Notepad.png
    ├── favicon.ico
    ├── pwa-192x192.png
    ├── pwa-512x512.png
    ├── pwa-64x64.png
    ├── maskable-icon-512x512.png
    └── apple-touch-icon-180x180.png
├── src
    ├── lib
    │   ├── build-params.ts
    │   ├── fs.ts
    │   ├── preferences.ts
    │   ├── local-storage-fs.ts
    │   └── local-fs.ts
    ├── App.vue
    ├── main.ts
    ├── types
    │   └── types.ts
    ├── assets
    │   ├── main.css
    │   ├── beta.svg
    │   ├── base.css
    │   └── logo.svg
    ├── router
    │   └── index.ts
    ├── components
    │   ├── BetaIcon.vue
    │   ├── Modal.vue
    │   ├── LocalStorageOpenModal.vue
    │   ├── Menu.vue
    │   ├── MenuItem.vue
    │   ├── LocalStorageSaveModal.vue
    │   ├── Editor.vue
    │   └── Tabs.vue
    └── views
    │   └── HomeView.vue
├── .prettierrc.json
├── pwa-assets.config.ts
├── tsconfig.json
├── tsconfig.node.json
├── tsconfig.app.json
├── .eslintrc.cjs
├── index.html
├── .gitignore
├── vite.config.ts
├── vite.beta.config.ts
├── package.json
├── README.md
└── LICENSE.md


/env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 


--------------------------------------------------------------------------------
/setup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/setup.png


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/screenshot.png


--------------------------------------------------------------------------------
/public/Notepad.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/public/Notepad.png


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/public/pwa-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/public/pwa-192x192.png


--------------------------------------------------------------------------------
/public/pwa-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/public/pwa-512x512.png


--------------------------------------------------------------------------------
/public/pwa-64x64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/public/pwa-64x64.png


--------------------------------------------------------------------------------
/public/maskable-icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/public/maskable-icon-512x512.png


--------------------------------------------------------------------------------
/public/apple-touch-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/itamarom/notepadjs/HEAD/public/apple-touch-icon-180x180.png


--------------------------------------------------------------------------------
/src/lib/build-params.ts:
--------------------------------------------------------------------------------
1 | declare const APP_VERSION: string;
2 | declare const IS_BETA: number;
3 | 
4 | export const appVersion = APP_VERSION;
5 | export const isBeta = !!IS_BETA;
6 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { RouterView } from 'vue-router'
 3 | </script>
 4 | 
 5 | <template>
 6 |   <RouterView />
 7 | </template>
 8 | 
 9 | <style scoped>
10 | </style>
11 | 


--------------------------------------------------------------------------------
/.prettierrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "$schema": "https://json.schemastore.org/prettierrc",
3 |   "semi": false,
4 |   "tabWidth": 2,
5 |   "singleQuote": true,
6 |   "printWidth": 100,
7 |   "trailingComma": "none"
8 | }


--------------------------------------------------------------------------------
/pwa-assets.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig, minimalPreset as preset } from '@vite-pwa/assets-generator/config'
2 | 
3 | export default defineConfig({
4 |   preset,
5 |   images: [
6 |     'public/Notepad.png',
7 |   ]
8 | })


--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
 1 | import './assets/main.css'
 2 | 
 3 | import { createApp } from 'vue'
 4 | import App from './App.vue'
 5 | import router from './router'
 6 | 
 7 | const app = createApp(App)
 8 | 
 9 | app.use(router)
10 | 
11 | app.mount('#app')
12 | 


--------------------------------------------------------------------------------
/src/types/types.ts:
--------------------------------------------------------------------------------
 1 | import type { IFileSystemFileHandle } from "@/lib/fs"
 2 | 
 3 | export interface Tab {
 4 |     id: string
 5 |     handle?: IFileSystemFileHandle
 6 |     title?: string
 7 |     unsaved: boolean
 8 |     content: string
 9 | }
10 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "files": [],
 3 |   "compilerOptions": {
 4 |     "types": [ "@types/wicg-file-system-access"]
 5 |   },
 6 |   "references": [
 7 |     {
 8 |       "path": "./tsconfig.node.json"
 9 |     },
10 |     {
11 |       "path": "./tsconfig.app.json"
12 |     }
13 |   ]
14 | }
15 | 


--------------------------------------------------------------------------------
/tsconfig.node.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "@tsconfig/node18/tsconfig.json",
 3 |   "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
 4 |   "compilerOptions": {
 5 |     "composite": true,
 6 |     "module": "ESNext",
 7 |     "types": ["node"]
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "@vue/tsconfig/tsconfig.dom.json",
 3 |   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
 4 |   "exclude": ["src/**/__tests__/*"],
 5 |   "compilerOptions": {
 6 |     "composite": true,
 7 |     "baseUrl": ".",
 8 |     "paths": {
 9 |       "@/*": ["./src/*"]
10 |     }
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/src/assets/main.css:
--------------------------------------------------------------------------------
 1 | @import './base.css';
 2 | 
 3 | html, body {
 4 |   height: 100%;
 5 | }
 6 | 
 7 | #app {
 8 |   height: 100%;
 9 | }
10 | 
11 | a,
12 | .green {
13 |   text-decoration: none;
14 |   color: hsla(160, 100%, 37%, 1);
15 |   transition: 0.4s;
16 | }
17 | 
18 | @media (hover: hover) {
19 |   a:hover {
20 |     background-color: hsla(160, 100%, 37%, 0.2);
21 |   }
22 | }


--------------------------------------------------------------------------------
/src/router/index.ts:
--------------------------------------------------------------------------------
 1 | import { createRouter, createWebHistory } from 'vue-router'
 2 | import HomeView from '../views/HomeView.vue'
 3 | 
 4 | const router = createRouter({
 5 |   history: createWebHistory(import.meta.env.BASE_URL),
 6 |   routes: [
 7 |     {
 8 |       path: '/',
 9 |       name: 'home',
10 |       component: HomeView
11 |     }
12 |   ]
13 | })
14 | 
15 | export default router
16 | 


--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
 1 | /* eslint-env node */
 2 | require('@rushstack/eslint-patch/modern-module-resolution')
 3 | 
 4 | module.exports = {
 5 |   root: true,
 6 |   'extends': [
 7 |     'plugin:vue/vue3-essential',
 8 |     'eslint:recommended',
 9 |     '@vue/eslint-config-typescript',
10 |     '@vue/eslint-config-prettier/skip-formatting'
11 |   ],
12 |   parserOptions: {
13 |     ecmaVersion: 'latest'
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8">
 5 |     <link rel="icon" href="/favicon.ico">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>Notepad</title>
 8 |   
 9 |   </head>
10 |   <body>
11 |     <div id="app">
12 | 
13 |     </div>
14 |     <script type="module" src="/src/main.ts"></script>
15 |   </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | .DS_Store
12 | dist
13 | dist-ssr
14 | coverage
15 | *.local
16 | 
17 | /cypress/videos/
18 | /cypress/screenshots/
19 | 
20 | # Editor directories and files
21 | .vscode
22 | .idea
23 | *.suo
24 | *.ntvs*
25 | *.njsproj
26 | *.sln
27 | *.sw?
28 | dev-dist
29 | env.sh


--------------------------------------------------------------------------------
/src/assets/beta.svg:
--------------------------------------------------------------------------------
1 | <svg fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h48v48h-48z" fill="#fff" fill-opacity=".01"/><g stroke="#000" stroke-width="4"><path d="m12 4h24" stroke-linecap="round"/><path clip-rule="evenodd" d="m18.019 4v11.0386l-11.74457 24.2628c-.78751 1.6269-.10706 3.5841 1.51984 4.3716.44455.2152.93203.327 1.42592.327h29.56731c1.8075 0 3.2727-1.4653 3.2727-3.2727 0-.4925-.1111-.9785-.3251-1.4221l-11.7069-24.2666v-11.0386z" fill-rule="evenodd" stroke-linejoin="round"/><path d="m10.9604 29.9998c2.1637 1.3403 4.3289 2.0105 6.4955 2.0105 2.1667 0 4.3349-.6702 6.5046-2.0105 2.1483-1.3263 4.3059-1.9895 6.4725-1.9895 2.1667 0 4.3425.6632 6.5274 1.9895" stroke-linecap="round"/></g></svg>


--------------------------------------------------------------------------------
/src/lib/fs.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | export interface IFileSystemFileHandle {
 3 |     isSameEntry(other: IFileSystemFileHandle): Promise<boolean>;
 4 |     getContent(): Promise<string>;
 5 |     writeContent(content: string): Promise<void>;
 6 |     name: string;
 7 | }
 8 | 
 9 | export type FileSelectedCallback = (handle: IFileSystemFileHandle) => void
10 | export type OpenFilePickerCallback = (callback: FileSelectedCallback) => void
11 | 
12 | export type SaveFilePickerCallback = (suggestedName: string | undefined, callback: FileSelectedCallback) => void
13 | export interface IFileSystem {
14 |     showOpenFilePicker(fileOpenedCallback: FileSelectedCallback): void;
15 |     showSaveFilePicker(suggestedName: string | undefined, fileSavedCallback: FileSelectedCallback): void;
16 | }


--------------------------------------------------------------------------------
/src/components/BetaIcon.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <a href="https://github.com/itamarom/notepadjs" target="_blank">
 3 |     <div class="beta-icon"
 4 |       data-tooltip="You are using the beta version. Please don't use this for anything important and report any bugs in the GitHub repository.">
 5 |       <img src="../assets/beta.svg" alt="Beta" />
 6 |     </div>
 7 |   </a>
 8 | </template>
 9 | 
10 | <style>
11 | .beta-icon {
12 |   position: relative;
13 | }
14 | 
15 | .beta-icon img {
16 |   width: 32px;
17 |   padding: 8px;
18 | }
19 | 
20 | [data-tooltip]:hover::after {
21 |   display: block;
22 |   position: absolute;
23 |   content: attr(data-tooltip);
24 |   border: 1px solid black;
25 |   background: #eee;
26 |   padding: 4px;
27 |   border-radius: 4px;
28 |   width: 400px;
29 |   z-index: 2;
30 | }
31 | </style>
32 | 


--------------------------------------------------------------------------------
/src/components/Modal.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { onMounted, onUnmounted } from 'vue';
 3 | 
 4 | 
 5 | const emit = defineEmits<{
 6 |     (e: 'close'): void,
 7 | }>()
 8 | 
 9 | const onWindowKeyDown = (e: KeyboardEvent) => {
10 |     if (e.key === 'Escape') {
11 |         emit('close');
12 |     }
13 | }
14 | 
15 | onMounted(() => {
16 |     window.addEventListener('keydown', onWindowKeyDown)
17 | })
18 | 
19 | onUnmounted(() => {
20 |     window.removeEventListener('keydown', onWindowKeyDown)
21 | })
22 | </script>
23 | 
24 | <template>
25 |     <div class="modal">
26 |         <div class="container">
27 |             <slot></slot>
28 |         </div>
29 |     </div>
30 | </template>
31 | 
32 | <style scoped>
33 | .modal {
34 |     position: fixed;
35 |     z-index: 1;
36 |     padding-top: 100px;
37 |     left: 0;
38 |     top: 0;
39 |     width: 100%;
40 |     height: 100%;
41 |     overflow: auto;
42 |     background-color: rgb(0, 0, 0);
43 |     background-color: rgba(0, 0, 0, 0.4);
44 | }
45 | 
46 | .container {
47 |     background-color: #fefefe;
48 |     margin: auto;
49 |     padding: 20px;
50 |     border: 1px solid #888;
51 |     width: 80%;
52 |     max-width: 600px;
53 |     height: 400px;
54 |     border-radius: 6px;
55 |     display: flex;
56 |     flex-direction: column;
57 |     gap: 10px;
58 | }
59 | </style>


--------------------------------------------------------------------------------
/src/components/LocalStorageOpenModal.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { IFileSystemFileHandle } from '@/lib/fs';
 3 | import type { LocalStorageFileHandle, LocalStorageFs } from '@/lib/local-storage-fs';
 4 | import { onMounted, ref } from 'vue'
 5 | import Modal from './Modal.vue'
 6 | 
 7 | const emit = defineEmits<{
 8 |     (e: 'close'): void,
 9 |     (e: 'fileSelected', handle: IFileSystemFileHandle): void
10 | }>()
11 | 
12 | const props = defineProps<{
13 |     fs: LocalStorageFs
14 | }>()
15 | 
16 | const files = ref<LocalStorageFileHandle[]>([])
17 | 
18 | onMounted(() => {
19 |     files.value = props.fs.listFiles();
20 | })
21 | 
22 | </script>
23 | 
24 | <template>
25 |     <Modal v-on:close="emit('close')">
26 |         <div class="file-list">
27 |             <div class="file-item" v-for="file in files" @click="emit('fileSelected', file)">{{ file.name }}</div>
28 |         </div>
29 |     </Modal>
30 | </template>
31 | 
32 | <style scoped>
33 | .file-list {
34 |     display: flex;
35 |     flex-direction: column;
36 |     gap: 10px;
37 |     padding: 10px 0;
38 |     overflow-y: auto;
39 | 
40 | }
41 | 
42 | .file-item {
43 |     cursor: pointer;
44 |     border: 1px solid #888;
45 |     border-radius: 6px;
46 |     padding: 2px 6px;
47 | }
48 | 
49 | .file-item:hover {
50 |     background-color: #f0f0f0;
51 | }
52 | </style>


--------------------------------------------------------------------------------
/src/lib/preferences.ts:
--------------------------------------------------------------------------------
 1 | import { LocalFs } from "./local-fs";
 2 | 
 3 | export enum FsType {
 4 |     localFs = 'localFs',
 5 |     localStorageFs = 'localStorageFs',
 6 | }
 7 | 
 8 | const FsTypeKey = 'fsType';
 9 | const LastFontSizeKey = 'lastFontSize';
10 | const DefaultFontSize = 20;
11 | 
12 | export function getPreferredFsType(): FsType {
13 |     if (!LocalFs.isSupported()) {
14 |         return FsType.localStorageFs;
15 |     }
16 | 
17 |     const fsType = localStorage.getItem(FsTypeKey);
18 | 
19 |     if (fsType === FsType.localFs) {
20 |         return FsType.localFs;
21 |     }
22 | 
23 |     if (fsType === FsType.localStorageFs) {
24 |         return FsType.localStorageFs;
25 |     }
26 | 
27 |     if (!!fsType) {
28 |         console.warn(`Unknown fsType: ${fsType}`);
29 |     }
30 | 
31 |     return FsType.localFs;
32 | }
33 | 
34 | export function setPreferredFsType(fsType: FsType) {
35 |     localStorage.setItem(FsTypeKey, fsType);
36 | }
37 | 
38 | export function getLastFontSize(): number {
39 |     const lastValue = localStorage.getItem(LastFontSizeKey);
40 |     if (!lastValue) {
41 |         return DefaultFontSize;
42 |     }
43 | 
44 |     const lastValueAsNumber = parseInt(lastValue);
45 |     return lastValueAsNumber || DefaultFontSize;
46 | }
47 | 
48 | export function setLastFontSize(fontSize: number) {
49 |     localStorage.setItem(LastFontSizeKey, fontSize.toString());
50 | }


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { fileURLToPath, URL } from 'node:url'
 2 | 
 3 | import { defineConfig } from 'vite'
 4 | import vue from '@vitejs/plugin-vue'
 5 | import vueJsx from '@vitejs/plugin-vue-jsx'
 6 | import mkcert from 'vite-plugin-mkcert'
 7 | import { VitePWA } from 'vite-plugin-pwa'
 8 | 
 9 | // https://vitejs.dev/config/
10 | export default defineConfig({
11 |   server: { https: true },
12 |   base: '/notepadjs',
13 |   define: {
14 |     IS_BETA: 0,
15 |     APP_VERSION: JSON.stringify(process.env.npm_package_version),
16 |   },
17 |   plugins: [
18 |     VitePWA({
19 |       injectRegister: 'auto',
20 |       devOptions: {
21 |         enabled: true
22 |       },
23 |       includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'masked-icon.svg'],
24 |       manifest: {
25 |         name: 'Notepad',
26 |         short_name: 'Notepad',
27 |         description: 'A Notepad PWA',
28 |         theme_color: '#cdddec',
29 |         icons: [
30 |           {
31 |             src: 'pwa-192x192.png',
32 |             sizes: '192x192',
33 |             type: 'image/png'
34 |           },
35 |           {
36 |             src: 'pwa-512x512.png',
37 |             sizes: '512x512',
38 |             type: 'image/png'
39 |           }
40 |         ]
41 |       }
42 |     }),
43 |     vue(),
44 |     vueJsx(),
45 |     mkcert()
46 |   ],
47 |   resolve: {
48 |     alias: {
49 |       '@': fileURLToPath(new URL('./src', import.meta.url))
50 |     }
51 |   }
52 | })
53 | 


--------------------------------------------------------------------------------
/vite.beta.config.ts:
--------------------------------------------------------------------------------
 1 | import { fileURLToPath, URL } from 'node:url'
 2 | 
 3 | import { defineConfig } from 'vite'
 4 | import vue from '@vitejs/plugin-vue'
 5 | import vueJsx from '@vitejs/plugin-vue-jsx'
 6 | import mkcert from 'vite-plugin-mkcert'
 7 | import { VitePWA } from 'vite-plugin-pwa'
 8 | 
 9 | // https://vitejs.dev/config/
10 | export default defineConfig({
11 |   server: { https: true },
12 |   base: '/notepadjs/beta',
13 |   define: {
14 |     IS_BETA: 1,
15 |     APP_VERSION: JSON.stringify(process.env.npm_package_version),
16 |   },
17 |   plugins: [
18 |     VitePWA({
19 |       injectRegister: 'auto',
20 |       devOptions: {
21 |         enabled: true
22 |       },
23 |       includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'masked-icon.svg'],
24 |       manifest: {
25 |         name: 'Notepad - Beta',
26 |         short_name: 'Notepad - Beta',
27 |         description: 'A Notepad PWA',
28 |         theme_color: '#cdddec',
29 |         icons: [
30 |           {
31 |             src: 'pwa-192x192.png',
32 |             sizes: '192x192',
33 |             type: 'image/png'
34 |           },
35 |           {
36 |             src: 'pwa-512x512.png',
37 |             sizes: '512x512',
38 |             type: 'image/png'
39 |           }
40 |         ]
41 |       }
42 |     }),
43 |     vue(),
44 |     vueJsx(),
45 |     mkcert()
46 |   ],
47 |   resolve: {
48 |     alias: {
49 |       '@': fileURLToPath(new URL('./src', import.meta.url))
50 |     }
51 |   }
52 | })
53 | 


--------------------------------------------------------------------------------
/src/lib/local-storage-fs.ts:
--------------------------------------------------------------------------------
 1 | import type { IFileSystem, IFileSystemFileHandle, OpenFilePickerCallback, SaveFilePickerCallback } from "./fs";
 2 | 
 3 | const FileKeyPrefix = 'file/';
 4 | 
 5 | export class LocalStorageFs implements IFileSystem {
 6 |     constructor(private storage: Storage, 
 7 |         public showOpenFilePicker: OpenFilePickerCallback, 
 8 |         public showSaveFilePicker: SaveFilePickerCallback) {
 9 |     }
10 | 
11 |     public listFiles(): IFileSystemFileHandle[] {
12 |         const fileKeys = Object.keys(this.storage).filter(key => key.startsWith(FileKeyPrefix));
13 |         return fileKeys.map(key => new LocalStorageFileHandle(this.storage, key));
14 |     }
15 | 
16 |     public getHandle(fileName: string): IFileSystemFileHandle {
17 |         return new LocalStorageFileHandle(this.storage, `${FileKeyPrefix}${fileName}`);
18 |     }
19 | }
20 | 
21 | export class LocalStorageFileHandle implements IFileSystemFileHandle {
22 |     constructor(private _storage: Storage, private _key: string) { }
23 | 
24 |     async isSameEntry(other: IFileSystemFileHandle) {
25 |         if (!(other instanceof LocalStorageFileHandle)) {
26 |             return false;
27 |         }
28 | 
29 |         return this._key === other._key;
30 |     }
31 | 
32 |     get name() {
33 |         return this._key.substring(FileKeyPrefix.length);
34 |     }
35 | 
36 |     async getContent() {
37 |         return this._storage.getItem(this._key) || "";
38 |     }
39 | 
40 |     async writeContent(content: string) {
41 |         this._storage.setItem(this._key, content);
42 |     }
43 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "notepadjs",
 3 |   "version": "0.0.2",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "run-p type-check build-only",
 8 |     "build-beta": "run-p type-check build-only-beta",
 9 |     "preview": "vite preview",
10 |     "build-only": "vite build",
11 |     "build-only-beta": "vite build --config vite.beta.config.ts",
12 |     "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
13 |     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
14 |     "format": "prettier --write src/",
15 |     "generate-pwa-assets": "pwa-assets-generator"
16 |   },
17 |   "dependencies": {
18 |     "googleapis": "^118.0.0",
19 |     "uuid": "^9.0.0",
20 |     "vue": "^3.3.2",
21 |     "vue-router": "^4.2.0"
22 |   },
23 |   "devDependencies": {
24 |     "@rushstack/eslint-patch": "^1.2.0",
25 |     "@tsconfig/node18": "^2.0.1",
26 |     "@types/node": "^18.16.8",
27 |     "@types/uuid": "^9.0.2",
28 |     "@types/wicg-file-system-access": "^2020.9.6",
29 |     "@vite-pwa/assets-generator": "^0.0.3",
30 |     "@vitejs/plugin-vue": "^4.2.3",
31 |     "@vitejs/plugin-vue-jsx": "^3.0.1",
32 |     "@vue/eslint-config-prettier": "^7.1.0",
33 |     "@vue/eslint-config-typescript": "^11.0.3",
34 |     "@vue/tsconfig": "^0.4.0",
35 |     "eslint": "^8.39.0",
36 |     "eslint-plugin-vue": "^9.11.0",
37 |     "npm-run-all": "^4.1.5",
38 |     "prettier": "^2.8.8",
39 |     "typescript": "~5.0.4",
40 |     "vite": "^4.3.5",
41 |     "vite-plugin-mkcert": "^1.15.0",
42 |     "vite-plugin-pwa": "^0.16.4",
43 |     "vue-tsc": "^1.6.4"
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![notepadjs screensshot](screenshot.png?raw=true "notepadjs")
 2 | 
 3 | # notepadjs
 4 | 
 5 | This is a simple app that imitates Windows Notepad. Installable as a PWA.
 6 | 
 7 | Use it here: https://itamarom.github.io/notepadjs/
 8 | 
 9 | ## Installation
10 | 
11 | After [opening the app](https://itamarom.github.io/notepadjs/), click on the "Install" button in the top menu. Look for "Install Notepad". It might be under "Cast, Save, and Share":
12 | 
13 | ![notepadjs setup](setup.png?raw=true "setup")
14 | 
15 | ## About
16 | 
17 | As a native Windows user who switched to macOS a few years back, one thing I never got over was the simplicity and usefulness of the old school Notepad app. This app aims to recreate that very same experience. It supports 2 modes:
18 | 1. Local FS mode: Uses a fairly modern [File System Access API](https://wicg.github.io/file-system-access/) to allow reading and writing of local files. This API is not supported in Firefox.
19 | 2. Local storage mode: Uses the browser local storage to store the files. This mode is supported in all modern browsers.
20 | 
21 | Also worth mentioning: this is my first time using Vue, so some things might not make perfect sense. Criticism, issues and PRs are welcome.
22 | 
23 | ## Roadmap
24 | 
25 | - [X] Notepad-like UI
26 | - [X] Allow Local FS operations
27 | - [X] Installable as a PWA
28 | - [ ] Implement font selection dialog
29 | - [X] Implement local storage support
30 | - [ ] Keep tab state and unsaved drafts between sessions
31 | - [ ] Pixel perfect Notepad UI 
32 | 
33 | ## Project Setup
34 | 
35 | ```sh
36 | npm install
37 | ```
38 | 
39 | ### Compile and Hot-Reload for Development
40 | 
41 | ```sh
42 | npm run dev
43 | ```
44 | 
45 | ### Type-Check, Compile and Minify for Production
46 | 
47 | ```sh
48 | npm run build
49 | ```
50 | 
51 | ### Lint with [ESLint](https://eslint.org/)
52 | 
53 | ```sh
54 | npm run lint
55 | ```
56 | 


--------------------------------------------------------------------------------
/src/lib/local-fs.ts:
--------------------------------------------------------------------------------
 1 | import type { FileSelectedCallback, IFileSystem, IFileSystemFileHandle } from "./fs";
 2 | 
 3 | export class LocalFs implements IFileSystem {
 4 |     static isSupported() {
 5 |         return (window as any).showOpenFilePicker !== undefined && (window as any).showSaveFilePicker !== undefined;
 6 |     }
 7 | 
 8 |     showOpenFilePicker(fileOpenedCallback: FileSelectedCallback) {
 9 |         // TODO: Do we want to support multiple files?
10 |         // TODO: Fix FS API types
11 |         return (window as any).showOpenFilePicker().then((handles: FileSystemFileHandle[]) => fileOpenedCallback(new LocalFsFileHandle(handles[0])));
12 |     }
13 | 
14 |     showSaveFilePicker(suggestedName: string | undefined, fileSavedCallback: FileSelectedCallback): void {
15 |         const opts = {
16 |             suggestedName,
17 |             types: [
18 |                 {
19 |                     accept: { 'text/plain': ['.txt'] }
20 |                 }
21 |             ]
22 |         }
23 |         // TODO: Fix FS API types
24 |         const handlePromise: Promise<FileSystemFileHandle> = (window as any).showSaveFilePicker(opts);
25 |         handlePromise.then(handle => fileSavedCallback(new LocalFsFileHandle(handle)));
26 |     }
27 | }
28 | 
29 | export class LocalFsFileHandle implements IFileSystemFileHandle {
30 |     constructor(private _handle: FileSystemFileHandle) { }
31 | 
32 |     async isSameEntry(other: IFileSystemFileHandle) {
33 |         if (!(other instanceof LocalFsFileHandle)) {
34 |             return false;
35 |         }
36 | 
37 |         return await this._handle.isSameEntry(other._handle);
38 |     }
39 | 
40 |     get name() {
41 |         return this._handle.name;
42 |     }
43 | 
44 |     async getContent() {
45 |         return (await this._handle.getFile()).text();
46 |     }
47 | 
48 |     async writeContent(content: string) {
49 |         // TODO: Fix FS API types
50 |         const writable = await (this._handle as any).createWritable()
51 |         await writable.write(content)
52 |         await writable.close()
53 |     }
54 | }
55 | 


--------------------------------------------------------------------------------
/src/components/Menu.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref, onMounted, onUnmounted } from 'vue'
 3 | import MenuItem from './MenuItem.vue'
 4 | import { LocalFs } from '@/lib/local-fs';
 5 | import { getPreferredFsType, FsType } from '@/lib/preferences';
 6 | 
 7 | const activeItem = ref<string | null>(null);
 8 | 
 9 | const emit = defineEmits<{
10 |   (e: 'itemClicked', item: unknown): void,
11 |   (e: 'changeFsType', fsType: unknown): void
12 | }>()
13 | 
14 | const onWindowClick = () => {
15 |   activeItem.value = null;
16 | };
17 | 
18 | const onItemClick = (e: Event, title: string) => {
19 |   e.stopPropagation();
20 | 
21 |   if (activeItem.value === title) {
22 |     activeItem.value = null;
23 |   } else {
24 |     activeItem.value = title;
25 |   }
26 | }
27 | 
28 | onMounted(() => {
29 |   window.addEventListener('click', onWindowClick);
30 | })
31 | 
32 | onUnmounted(() => {
33 |   window.removeEventListener('click', onWindowClick);
34 | })
35 | 
36 | const handleSubItemClicked = (item: unknown) => {
37 |   activeItem.value = null;
38 |   emit('itemClicked', item)
39 | }
40 | 
41 | const preferredFsType = getPreferredFsType();
42 | 
43 | </script>
44 | 
45 | <template>
46 |   <div class="container">
47 |     <MenuItem title="File" :options="[{ text: 'New' }, { text: 'Open' }, { text: 'Save' }, { text: 'Save as...' }]"
48 |       @click="onItemClick" v-bind:activeItem="activeItem" @subItemClicked="handleSubItemClicked" />
49 |     <MenuItem title="File system" :options="[{
50 |       text: 'Local',
51 |       disabled: !LocalFs.isSupported(),
52 |       checked: preferredFsType === FsType.localFs,
53 |       value: FsType.localFs
54 |     },
55 |     {
56 |       text: 'Local storage',
57 |       checked: getPreferredFsType() === FsType.localStorageFs,
58 |       value: FsType.localStorageFs
59 |     }]" @click="onItemClick" v-bind:activeItem="activeItem" @subItemClicked="emit('changeFsType', $event)" />
60 |   </div>
61 | </template>
62 | 
63 | <style scoped>
64 | .container {
65 |   width: 100%;
66 |   height: 100%;
67 |   height: 32px;
68 |   padding-left: 4px;
69 |   display: flex;
70 |   flex-direction: row;
71 |   justify-content: flex-start;
72 |   align-items: flex-start;
73 |   background-color: #F0F5F9;
74 | }
75 | </style>
76 | 


--------------------------------------------------------------------------------
/src/assets/base.css:
--------------------------------------------------------------------------------
 1 | /* color palette from <https://github.com/vuejs/theme> */
 2 | :root {
 3 |   --vt-c-white: #ffffff;
 4 |   --vt-c-white-soft: #f8f8f8;
 5 |   --vt-c-white-mute: #f2f2f2;
 6 | 
 7 |   --vt-c-black: #181818;
 8 |   --vt-c-black-soft: #222222;
 9 |   --vt-c-black-mute: #282828;
10 | 
11 |   --vt-c-indigo: #2c3e50;
12 | 
13 |   --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
14 |   --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
15 |   --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
16 |   --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
17 | 
18 |   --vt-c-text-light-1: var(--vt-c-indigo);
19 |   --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
20 |   --vt-c-text-dark-1: var(--vt-c-white);
21 |   --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
22 | }
23 | 
24 | /* semantic color variables for this project */
25 | :root {
26 |   --color-background: var(--vt-c-white);
27 |   --color-background-soft: var(--vt-c-white-soft);
28 |   --color-background-mute: var(--vt-c-white-mute);
29 | 
30 |   --color-border: var(--vt-c-divider-light-2);
31 |   --color-border-hover: var(--vt-c-divider-light-1);
32 | 
33 |   --color-heading: var(--vt-c-text-light-1);
34 |   --color-text: var(--vt-c-text-light-1);
35 | 
36 |   --section-gap: 160px;
37 | }
38 | 
39 | @media (prefers-color-scheme: dark) {
40 |   :root {
41 |     --color-background: var(--vt-c-black);
42 |     --color-background-soft: var(--vt-c-black-soft);
43 |     --color-background-mute: var(--vt-c-black-mute);
44 | 
45 |     --color-border: var(--vt-c-divider-dark-2);
46 |     --color-border-hover: var(--vt-c-divider-dark-1);
47 | 
48 |     --color-heading: var(--vt-c-text-dark-1);
49 |     --color-text: var(--vt-c-text-dark-2);
50 |   }
51 | }
52 | 
53 | *,
54 | *::before,
55 | *::after {
56 |   box-sizing: border-box;
57 |   margin: 0;
58 |   font-weight: normal;
59 | }
60 | 
61 | body {
62 |   min-height: 100vh;
63 |   color: var(--color-text);
64 |   background: var(--color-background);
65 |   transition: color 0.5s, background-color 0.5s;
66 |   line-height: 1.6;
67 |   font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
68 |     Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
69 |   font-size: 15px;
70 |   text-rendering: optimizeLegibility;
71 |   -webkit-font-smoothing: antialiased;
72 |   -moz-osx-font-smoothing: grayscale;
73 | }
74 | 


--------------------------------------------------------------------------------
/src/components/MenuItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | const props = defineProps<{
 4 |   title: string
 5 |   options: { text: string, disabled?: boolean, checked?: boolean, value?: unknown }[]
 6 |   activeItem: string | null
 7 | }>()
 8 | 
 9 | const emit = defineEmits<{
10 |   (e: 'click', event: Event, title: string): void
11 |   (e: 'subItemClicked', option: unknown): void
12 | }>()
13 | 
14 | const onSubmenuClick = (e: MouseEvent) => {
15 |   e.stopPropagation();
16 | }
17 | 
18 | </script>
19 | 
20 | <template>
21 |   <div class="item" v-bind:class="{ selected: props.activeItem === props.title }"
22 |     @click="emit('click', $event, props.title)">
23 |     {{ props.title }}
24 | 
25 |     <div class="submenu" @click="onSubmenuClick" v-if="props.activeItem === props.title">
26 |       <div class="submenu-item" v-bind:class="{ disabled: option.disabled }" v-bind:key="option.text"
27 |         v-for="option in props.options"
28 |         @click="$event => !option.disabled && emit('subItemClicked', option.value || option.text)">
29 |         {{ option.text }}
30 |         <div v-if="option.checked" class="checked-icon">
31 |         </div>
32 |       </div>
33 |     </div>
34 |   </div>
35 | </template>
36 | 
37 | <style scoped>
38 | .item {
39 |   position: relative;
40 |   padding: 0;
41 |   padding-left: 8px;
42 |   padding-right: 8px;
43 |   user-select: none;
44 |   display: flex;
45 |   align-items: center;
46 |   justify-content: center;
47 |   font-size: 10pt;
48 |   height: 100%;
49 |   border-radius: 4px;
50 | }
51 | 
52 | .item:hover,
53 | .selected {
54 |   background-color: #E8EBF0;
55 | 
56 | }
57 | 
58 | .submenu {
59 |   background-color: #F8F8F8;
60 |   width: 160px;
61 |   position: absolute;
62 |   top: 100%;
63 |   left: 0px;
64 |   padding: 4px;
65 |   box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
66 |   border: 1px solid #e9e9e9;
67 |   border-radius: 8px;
68 |   font-size: 1em;
69 | }
70 | 
71 | .submenu-item {
72 |   padding: 6px;
73 |   border-radius: 4px;
74 |   display: flex;
75 |   align-items: center;
76 |   justify-content: space-between;
77 | }
78 | 
79 | .submenu-item:hover {
80 |   background-color: #E8EBF0;
81 | }
82 | 
83 | .submenu-item.disabled {
84 |   color: #808080;
85 | }
86 | 
87 | .submenu-item.disabled:hover {
88 |   background-color: transparent;
89 | }
90 | 
91 | .checked-icon {
92 |   height: 6px;
93 |   width: 6px;
94 |   border-radius: 100%;
95 |   background-color: rgb(28, 28, 28);
96 | }
97 | </style>
98 | 


--------------------------------------------------------------------------------
/src/components/LocalStorageSaveModal.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import type { IFileSystemFileHandle } from '@/lib/fs';
  3 | import type { LocalStorageFileHandle, LocalStorageFs } from '@/lib/local-storage-fs';
  4 | import { onMounted, ref } from 'vue'
  5 | import Modal from './Modal.vue'
  6 | 
  7 | const emit = defineEmits<{
  8 |     (e: 'close'): void,
  9 |     (e: 'fileSelected', handle: IFileSystemFileHandle): void
 10 | }>()
 11 | 
 12 | const props = defineProps<{
 13 |     fs: LocalStorageFs,
 14 |     suggestedFileName?: string
 15 | }>()
 16 | 
 17 | const files = ref<LocalStorageFileHandle[]>([])
 18 | const fileName = ref(props.suggestedFileName || 'Untitled.txt')
 19 | 
 20 | onMounted(() => {
 21 |     files.value = props.fs.listFiles();
 22 | })
 23 | 
 24 | async function fileAlreadyExists(fileHandle: IFileSystemFileHandle) {
 25 |     for (const f of files.value) {
 26 |         const same = await f.isSameEntry(fileHandle);
 27 |         if (same) {
 28 |             return true;
 29 |         }
 30 |     }
 31 | 
 32 |     return false;
 33 | }
 34 | 
 35 | const handleSaveClick = async (fileHandle: IFileSystemFileHandle) => {
 36 |     if (await fileAlreadyExists(fileHandle) && !confirm(`File ${fileHandle.name} already exists. Overwrite?`)) {
 37 |         return;
 38 |     }
 39 | 
 40 |     emit('fileSelected', fileHandle);
 41 | }
 42 | 
 43 | </script>
 44 | 
 45 | <template>
 46 |     <Modal v-on:close="emit('close')">
 47 |         <div class="input-container">
 48 |             <input type="text" v-model="fileName" />
 49 |             <button @click="emit('close')">Cancel</button>
 50 |             <button :disabled="fileName.length === 0" @click="handleSaveClick(fs.getHandle(fileName))">Save</button>
 51 |         </div>
 52 |         <div class="file-list">
 53 |             <div class="file-item" v-for="file in files" @click="handleSaveClick(file)">{{ file.name }}</div>
 54 |         </div>
 55 |     </Modal>
 56 | </template>
 57 | 
 58 | <style scoped>
 59 | .input-container {
 60 |     display: flex;
 61 |     flex-direction: row;
 62 |     justify-content: space-between;
 63 |     align-items: center;
 64 |     gap: 10px;
 65 | }
 66 | 
 67 | .input-container input {
 68 |     flex: 1;
 69 | }
 70 | 
 71 | .file-list {
 72 |     display: flex;
 73 |     flex-direction: column;
 74 |     gap: 10px;
 75 |     padding: 10px 0;
 76 |     overflow-y: auto;
 77 | }
 78 | 
 79 | .file-item {
 80 |     cursor: pointer;
 81 |     border: 1px solid #888;
 82 |     border-radius: 6px;
 83 |     padding: 2px 6px;
 84 | }
 85 | 
 86 | .file-item:hover {
 87 |     background-color: #f0f0f0;
 88 | }
 89 | 
 90 | button {
 91 |     padding: 0;
 92 |     padding-left: 8px;
 93 |     padding-right: 8px;
 94 |     user-select: none;
 95 |     display: flex;
 96 |     align-items: center;
 97 |     justify-content: center;
 98 |     font-size: 10pt;
 99 |     height: 100%;
100 |     border-radius: 4px;
101 |     background-color: #E8EBF0;
102 | }
103 | </style>


--------------------------------------------------------------------------------
/src/components/Editor.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import { getLastFontSize, setLastFontSize } from '@/lib/preferences';
  3 | import { reactive, ref, onMounted, watch } from 'vue'
  4 | 
  5 | const props = defineProps<{
  6 |   initialValue: string
  7 | }>()
  8 | 
  9 | const emit = defineEmits<{
 10 |   (e: 'change', event: Event): void
 11 | }>()
 12 | 
 13 | const textArea = ref<HTMLTextAreaElement | null>(null)
 14 | 
 15 | const status = reactive({
 16 |   line: 1,
 17 |   column: 1
 18 | })
 19 | 
 20 | const direction = ref('ltr')
 21 | const prevValue = ref(props.initialValue)
 22 | 
 23 | const StartFontSize = 20
 24 | 
 25 | const FontSizeDelta = 2
 26 | const fontSize = ref(getLastFontSize())
 27 | 
 28 | watch(fontSize, (newSize: number) => {
 29 |   setLastFontSize(newSize)
 30 | })
 31 | 
 32 | const onKeyDown = function (e: KeyboardEvent) {
 33 |   const target = e.target as HTMLTextAreaElement
 34 | 
 35 |   if (e.key === 'Tab') {
 36 |     e.preventDefault()
 37 |     var start = target.selectionStart
 38 |     var end = target.selectionEnd
 39 | 
 40 |     target.value = target.value.substring(0, start) + '\t' + target.value.substring(end)
 41 | 
 42 |     target.selectionStart = target.selectionEnd = start + 1
 43 |   }
 44 | 
 45 |   if (e.ctrlKey && e.key === '=') {
 46 |     fontSize.value += FontSizeDelta
 47 |   }
 48 | 
 49 |   if (e.ctrlKey && e.key === '-') {
 50 |     fontSize.value = Math.max(1, fontSize.value - FontSizeDelta)
 51 |   }
 52 | 
 53 |   if (e.ctrlKey && e.key === '0') {
 54 |     fontSize.value = StartFontSize
 55 |   }
 56 | 
 57 |   if (e.ctrlKey && e.code == 'ShiftLeft') {
 58 |     direction.value = 'ltr'
 59 |   }
 60 | 
 61 |   if (e.ctrlKey && e.code == 'ShiftRight') {
 62 |     direction.value = 'rtl'
 63 |   }
 64 | }
 65 | 
 66 | const updateStatus = function (e: Event) {
 67 |   const target = e.target as HTMLTextAreaElement
 68 | 
 69 |   if (target.value !== prevValue.value) {
 70 |     prevValue.value = target.value
 71 |     emit('change', e)
 72 |   }
 73 | 
 74 |   let selectionIndex = target.selectionStart
 75 | 
 76 |   if (target.selectionDirection === 'forward') {
 77 |     selectionIndex = target.selectionEnd
 78 |   } else if (target.selectionDirection === 'backward') {
 79 |     selectionIndex = target.selectionStart
 80 |   }
 81 | 
 82 |   const lines = target.value.substr(0, selectionIndex).split('\n')
 83 |   status.line = lines.length
 84 |   status.column = lines[lines.length - 1].length + 1
 85 | }
 86 | 
 87 | onMounted(() => {
 88 |   if (textArea.value) {
 89 |     textArea.value.focus();
 90 |   }
 91 | })
 92 | 
 93 | </script>
 94 | 
 95 | <template>
 96 |   <div class="container">
 97 |     <textarea
 98 |       :initialValue="props.initialValue"
 99 |       ref="textArea"
100 |       autofocus="true"
101 |       @keydown="onKeyDown"
102 |       @keypress="updateStatus"
103 |       @keyup="updateStatus"
104 |       @mousedown="updateStatus"
105 |       @touchstart="updateStatus"
106 |       @input="updateStatus"
107 |       @paste="updateStatus"
108 |       @cut="updateStatus"
109 |       @mousemove="updateStatus"
110 |       @select="updateStatus"
111 |       @selectstart="updateStatus"
112 |       v-bind:dir="direction"
113 |     >{{ props.initialValue }}</textarea>
114 |     <div class="status">Ln {{ status.line }}, Col {{ status.column }}</div>
115 |   </div>
116 | </template>
117 | 
118 | <style scoped>
119 | .container {
120 |   width: 100%;
121 |   height: 100%;
122 |   display: flex;
123 |   flex-direction: column;
124 | }
125 | textarea {
126 |   background-color: #f9f9f9;
127 |   color: black;
128 |   font-size: v-bind(fontSize + 'pt');
129 |   width: 100%;
130 |   flex: 1;
131 |   padding: 16px 10px 16px 10px;
132 |   resize: none;
133 |   outline: none;
134 |   border: none;
135 |   text-wrap: unrestricted;
136 | }
137 | 
138 | .status {
139 |   background-color: #ebf8fb;
140 |   color: #4c5256;
141 |   padding: 8px 0 8px 16px;
142 |   font-size: 0.8em;
143 |   user-select: none;
144 |   box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1);
145 | }
146 | </style>
147 | 


--------------------------------------------------------------------------------
/src/components/Tabs.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import { ref, onMounted, onUnmounted } from 'vue'
  3 | import { type Tab } from '../types/types'
  4 | import BetaIcon from './BetaIcon.vue'
  5 | import { isBeta } from '@/lib/build-params';
  6 | const ScrollDelta = 50;
  7 | 
  8 | const props = defineProps<{
  9 |   tabs: Tab[]
 10 |   selectedTabId: string
 11 | }>()
 12 | 
 13 | const emit = defineEmits<{
 14 |   (e: 'tabSelected',  tab: Tab): void
 15 |   (e: 'tabClosed',  tab: Tab): void
 16 |   (e: 'newTab'): void
 17 | }>()
 18 | 
 19 | const scrolling = ref(false)
 20 | 
 21 | const tabsContainer = ref<HTMLDivElement | null>(null)
 22 | let resizeObserver: ResizeObserver | null = null
 23 | 
 24 | const onResize = () => {
 25 |   if (tabsContainer.value) {
 26 |     scrolling.value = tabsContainer.value.scrollWidth > tabsContainer.value.clientWidth
 27 |   }
 28 | }
 29 | 
 30 | const onMouseDown = (event: MouseEvent, tab: Tab) => {
 31 |   const wheelButtonClicked = (event.button === 1);
 32 | 
 33 |   if (wheelButtonClicked) {
 34 |     emit('tabClosed', tab)
 35 |   }
 36 | }
 37 | 
 38 | onMounted(() => {
 39 |   resizeObserver = new ResizeObserver(onResize)
 40 |   resizeObserver.observe(tabsContainer.value!)
 41 | })
 42 | 
 43 | onUnmounted(() => {
 44 |   if (resizeObserver) {
 45 |     resizeObserver.disconnect()
 46 |   }
 47 | })
 48 | </script>
 49 | 
 50 | <template>
 51 |   <div class="container">
 52 |     <img class="logo" src="/Notepad.png" />
 53 |     <BetaIcon v-if="isBeta" />
 54 |     <button v-if="scrolling" @click="($event) => (tabsContainer!.scrollLeft -= ScrollDelta)">
 55 |       &lt;
 56 |     </button>
 57 |     <div class="tabs-container" ref="tabsContainer">
 58 |       <div
 59 |         v-bind:key="tab.id"
 60 |         v-for="tab in props.tabs"
 61 |         class="tab"
 62 |         :class="{ selected: props.selectedTabId === tab.id }"
 63 |         @click="emit('tabSelected', tab)"
 64 |         @mousedown="e => onMouseDown(e, tab)"
 65 |       >
 66 |         {{ tab.title || 'Untitled' }}
 67 |         <div class="tab-unsaved-dot" v-if="tab.unsaved"></div>
 68 |         <div class="tab-close" @click.stop="emit('tabClosed', tab)">X</div>
 69 |       </div>
 70 |     </div>
 71 |     <button v-if="scrolling" @click="($event) => (tabsContainer!.scrollLeft += ScrollDelta)">&gt;</button>
 72 |     <button @click="emit('newTab')">+</button>
 73 |   </div>
 74 | </template>
 75 | 
 76 | <style scoped>
 77 | .container {
 78 |   height: 32px;
 79 |   background-color: #cdddec;
 80 |   display: flex;
 81 |   flex-direction: row;
 82 | }
 83 | 
 84 | .logo {
 85 |   height: 100%;
 86 |   padding: 8px;
 87 | }
 88 | 
 89 | .tabs-container {
 90 |   display: flex;
 91 |   flex-direction: row;
 92 |   flex: 1;
 93 |   overflow-x: hidden;
 94 |   scroll-behavior: smooth;
 95 | }
 96 | 
 97 | .tab {
 98 |   border: 1px solid transparent;
 99 |   border-bottom: none;
100 |   padding-left: 10px;
101 |   padding-right: 10px;
102 |   flex: 1;
103 |   max-width: 250px;
104 |   min-width: 50px;
105 |   box-sizing: content-box;
106 |   display: flex;
107 |   align-items: center;
108 |   white-space: nowrap;
109 |   overflow: hidden;
110 |   text-overflow: ellipsis;
111 |   position: relative;
112 |   user-select: none;
113 |   border-top-left-radius: 6px;
114 |   border-top-right-radius: 6px;
115 | }
116 | 
117 | .tab:before {
118 |   content: '';
119 |   width: 1px;
120 |   height: 50%;
121 |   background: #cacaca;
122 |   position: absolute;
123 |   bottom: -4px;
124 |   top: calc(25%);
125 |   right: 0;
126 | }
127 | 
128 | .tab:hover:before,
129 | .tab.selected:before {
130 |   display: none;
131 | }
132 | 
133 | .tab:hover .tab-close {
134 |   display: block;
135 | }
136 | 
137 | .tab:hover {
138 |   background-color: #c0d4e7;
139 | }
140 | 
141 | .tab-unsaved-dot {
142 |   position: absolute;
143 |   right: 16px;
144 |   border-radius: 99px;
145 |   width: 6px;
146 |   height: 6px;
147 |   background-color: gray; 
148 | }
149 | 
150 | .tab-close {
151 |   position: absolute;
152 |   right: 6px;
153 |   display: none;
154 |   padding: 2px 8px 2px 8px;
155 |   border-radius: 8px;
156 |   background-color: #c6d2de;
157 | }
158 | 
159 | .tab-close:hover {
160 |   background-color: #bbcad8;
161 | }
162 | 
163 | .tab.selected,
164 | .tab.selected:hover {
165 |   background-color: #f0f5f9;
166 |   border: 1px solid #c6d2de;
167 |   border-bottom: none;
168 |   font-weight: 500;
169 | }
170 | 
171 | .tab.selected .tab-close {
172 |   background-color: #f0f5f9;
173 | }
174 | 
175 | .tab.selected .tab-close:hover {
176 |   background-color: #e2ecf3;
177 | }
178 | </style>
179 | 


--------------------------------------------------------------------------------
/src/views/HomeView.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import type { FileSelectedCallback, IFileSystem, IFileSystemFileHandle } from '@/lib/fs'
  3 | import { LocalStorageFs } from '@/lib/local-storage-fs'
  4 | import { v4 as uuidv4 } from 'uuid'
  5 | import { onMounted, onUnmounted, ref, watch } from 'vue'
  6 | import Editor from '../components/Editor.vue'
  7 | import LocalStorageOpenModal from '../components/LocalStorageOpenModal.vue'
  8 | import LocalStorageSaveModal from '../components/LocalStorageSaveModal.vue'
  9 | import Menu from '../components/Menu.vue'
 10 | import Tabs from '../components/Tabs.vue'
 11 | import type { Tab } from '../types/types'
 12 | import { LocalFs } from '@/lib/local-fs'
 13 | import { FsType, getPreferredFsType, setPreferredFsType } from '@/lib/preferences'
 14 | 
 15 | 
 16 | const tabs = ref<Tab[]>([])
 17 | const activeTab = ref<Tab | null>(null)
 18 | 
 19 | const openLocalStorageFileCallback = ref<FileSelectedCallback | null>(null);
 20 | const saveLocalStorageFileCallback = ref<FileSelectedCallback | null>(null);
 21 | const isPwa = ref(false);
 22 | 
 23 | window.addEventListener('DOMContentLoaded', () => {
 24 |   if (window.matchMedia('(display-mode: standalone)').matches) {
 25 |     isPwa.value = true;
 26 |   }
 27 | });
 28 | 
 29 | const handleCloseTab = (tab: Tab) => {
 30 |   const tabIndex = tabs.value.indexOf(tab)
 31 |   if (tab.unsaved) {
 32 |     activeTab.value = tab
 33 |     if (confirm(`Are you sure you want to close '${tab.title || 'Untitled'}' without saving?`)) {
 34 |       tabs.value.splice(tabIndex, 1)
 35 |     }
 36 |   } else {
 37 |     tabs.value.splice(tabIndex, 1)
 38 |   }
 39 | 
 40 |   if (tabs.value.length === 0) {
 41 |     addNewTab()
 42 |   } else {
 43 |     if (tabIndex >= tabs.value.length) {
 44 |       activeTab.value = tabs.value[tabs.value.length - 1]
 45 |     } else {
 46 |       activeTab.value = tabs.value[tabIndex]
 47 |     }
 48 |   }
 49 | }
 50 | 
 51 | const addNewTab = () => {
 52 |   const newTab: Tab = {
 53 |     id: uuidv4(),
 54 |     unsaved: false,
 55 |     content: ''
 56 |   }
 57 | 
 58 |   tabs.value.push(newTab)
 59 |   activeTab.value = newTab
 60 | }
 61 | 
 62 | const isEmptyState = () =>
 63 |   tabs.value.length === 1 &&
 64 |   tabs.value[0].handle === undefined &&
 65 |   tabs.value[0].content.length === 0
 66 | 
 67 | const findTabByHandle = async (handle: IFileSystemFileHandle) => {
 68 |   for (const tab of tabs.value) {
 69 |     if (tab.handle && (await tab.handle.isSameEntry(handle))) {
 70 |       return tab
 71 |     }
 72 |   }
 73 | }
 74 | 
 75 | const onWindowKeyDown = (e: KeyboardEvent) => {
 76 |   if ((e.ctrlKey === true || e.metaKey === true) && e.key === 'n') {
 77 |     e.preventDefault()
 78 |     addNewTab()
 79 |   } else if ((e.ctrlKey === true || e.metaKey === true) && e.key === 'o') {
 80 |     e.preventDefault()
 81 |     handleOpen()
 82 |   }
 83 |   if ((e.ctrlKey || e.metaKey) && e.code === 'KeyS') {
 84 |     e.preventDefault()
 85 |     handleSave(e.shiftKey)
 86 |   }
 87 | }
 88 | 
 89 | const anyUnsavedTabs = () => {
 90 |   const unsavedTabs = tabs.value.filter((tab) => tab.unsaved)
 91 |   return (unsavedTabs.length > 0);
 92 | }
 93 | 
 94 | const beforeWindowUnload = (e: Event) => {
 95 |   if (anyUnsavedTabs()) {
 96 |     e.preventDefault();
 97 |   }
 98 | };
 99 | 
100 | onMounted(() => {
101 |   window.addEventListener('keydown', onWindowKeyDown)
102 |   window.addEventListener('beforeunload', beforeWindowUnload)
103 | })
104 | 
105 | onUnmounted(() => {
106 |   window.removeEventListener('keydown', onWindowKeyDown)
107 |   window.removeEventListener('beforeunload', beforeWindowUnload)
108 | })
109 | 
110 | const openFileTab = async (handle: IFileSystemFileHandle) => {
111 |   const existingTab = await findTabByHandle(handle)
112 | 
113 |   if (existingTab) {
114 |     activeTab.value = existingTab
115 |     return
116 |   }
117 | 
118 | 
119 |   const newTab: Tab = {
120 |     id: uuidv4(),
121 |     unsaved: false,
122 |     title: handle.name,
123 |     handle,
124 |     content: await handle.getContent()
125 |   }
126 | 
127 |   if (isEmptyState()) {
128 |     tabs.value.push(newTab)
129 |     tabs.value.splice(0, 1)
130 |   } else {
131 |     tabs.value.push(newTab)
132 |   }
133 | 
134 |   activeTab.value = newTab
135 | }
136 | 
137 | function getFilesystem(): IFileSystem {
138 |   const preferredFsType = getPreferredFsType();
139 | 
140 |   if (preferredFsType === FsType.localFs && LocalFs.isSupported()) {
141 |     return new LocalFs();
142 |   }
143 | 
144 |   return new LocalStorageFs(localStorage, (callback) => {
145 |     openLocalStorageFileCallback.value = (handle) => {
146 |       callback(handle);
147 |       openLocalStorageFileCallback.value = null;
148 |     };
149 |   }, (_suggestedName, callback) => {
150 |     saveLocalStorageFileCallback.value = (handle) => {
151 |       callback(handle);
152 |       saveLocalStorageFileCallback.value = null;
153 |     };
154 |   });
155 | }
156 | 
157 | const fs = getFilesystem();
158 | 
159 | const handleValueChange = (e: Event) => {
160 |   const target = e.target as HTMLTextAreaElement
161 | 
162 |   if (!activeTab.value) {
163 |     return
164 |   }
165 | 
166 |   activeTab.value.unsaved = target.value.length != 0
167 |   activeTab.value.content = target.value
168 | }
169 | 
170 | onMounted(() => {
171 |   addNewTab()
172 | })
173 | 
174 | const handleOpen = () => {
175 |   fs.showOpenFilePicker(openFileTab)
176 | }
177 | 
178 | const handleSave = async (as: boolean) => {
179 |   if (!activeTab.value) {
180 |     return
181 |   }
182 | 
183 |   if (as || activeTab.value.handle === undefined) {
184 |     fs.showSaveFilePicker(activeTab.value.handle?.name, (handle) => {
185 |       if (!activeTab.value) {
186 |         console.warn('No active tab');
187 |         return;
188 |       }
189 |       activeTab.value.handle = handle
190 |       activeTab.value.title = handle.name
191 |       saveFileToHandle();
192 |     })
193 |   } else {
194 |     saveFileToHandle();
195 |   }
196 | 
197 | }
198 | 
199 | const saveFileToHandle = async () => {
200 |   if (!activeTab.value) {
201 |     console.warn('No active tab');
202 |     return;
203 |   }
204 | 
205 |   await activeTab.value.handle!.writeContent(activeTab.value.content);
206 |   activeTab.value.unsaved = false
207 | }
208 | 
209 | const handleMenuItemClicked = (item: unknown) => {
210 |   if (item === 'New') {
211 |     addNewTab()
212 |   } else if (item === 'Open') {
213 |     handleOpen()
214 |   } else if (item === 'Save') {
215 |     handleSave(false)
216 |   } else if (item === 'Save as...') {
217 |     handleSave(true)
218 |   }
219 | }
220 | 
221 | const handleChangeFsType = (fsType: unknown) => {
222 |   if (anyUnsavedTabs()) {
223 |     alert('You have unsaved changes. Please save them before changing the file system.');
224 |     return;
225 |   }
226 | 
227 |   if (!Object.values(FsType).includes(fsType as FsType)) {
228 |     console.warn(`Unknown fsType: ${fsType}`);
229 |     return;
230 |   }
231 | 
232 |   setPreferredFsType(fsType as FsType);
233 |   window.location.reload();
234 | }
235 | 
236 | watch(activeTab, (newTab) => {
237 |   const prefix = isPwa.value ? '' : 'Notepad - '
238 |   document.title = `${prefix}${newTab?.title || 'Untitled'}`
239 | })
240 | 
241 | </script>
242 | 
243 | <template>
244 |   <div class="container">
245 |     <Tabs v-bind:tabs="tabs" v-bind:selected-tab-id="activeTab?.id || ''" @tab-selected="($tab) => (activeTab = $tab)"
246 |       @tab-closed="handleCloseTab" @new-tab="addNewTab" />
247 |     <Menu @item-clicked="handleMenuItemClicked" @change-fs-type="handleChangeFsType" />
248 | 
249 |     <template v-if="fs instanceof LocalStorageFs">
250 |       <LocalStorageOpenModal v-if="openLocalStorageFileCallback" @close="openLocalStorageFileCallback = null" :fs="fs"
251 |         @file-selected="openLocalStorageFileCallback" />
252 |       <LocalStorageSaveModal v-if="saveLocalStorageFileCallback" @close="() => saveLocalStorageFileCallback = null"
253 |         :fs="fs" @file-selected="saveLocalStorageFileCallback" />
254 |     </template>
255 | 
256 |     <Editor :key="activeTab?.id" @change="handleValueChange" :initial-value="activeTab?.content || ''" />
257 |   </div>
258 | </template>
259 | 
260 | <style>
261 | * {
262 |   color: black;
263 | }
264 | 
265 | .container {
266 |   display: flex;
267 |   flex-direction: column;
268 |   height: 100%;
269 |   width: 100%;
270 | }
271 | </style>
272 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
  1 |                     GNU GENERAL PUBLIC LICENSE
  2 |                        Version 2, June 1991
  3 | 
  4 |  Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
  5 |  51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
  6 |  Everyone is permitted to copy and distribute verbatim copies
  7 |  of this license document, but changing it is not allowed.
  8 | 
  9 |                             Preamble
 10 | 
 11 |   The licenses for most software are designed to take away your
 12 | freedom to share and change it.  By contrast, the GNU General Public
 13 | License is intended to guarantee your freedom to share and change free
 14 | software--to make sure the software is free for all its users.  This
 15 | General Public License applies to most of the Free Software
 16 | Foundation's software and to any other program whose authors commit to
 17 | using it.  (Some other Free Software Foundation software is covered by
 18 | the GNU Lesser General Public License instead.)  You can apply it to
 19 | your programs, too.
 20 | 
 21 |   When we speak of free software, we are referring to freedom, not
 22 | price.  Our General Public Licenses are designed to make sure that you
 23 | have the freedom to distribute copies of free software (and charge for
 24 | this service if you wish), that you receive source code or can get it
 25 | if you want it, that you can change the software or use pieces of it
 26 | in new free programs; and that you know you can do these things.
 27 | 
 28 |   To protect your rights, we need to make restrictions that forbid
 29 | anyone to deny you these rights or to ask you to surrender the rights.
 30 | These restrictions translate to certain responsibilities for you if you
 31 | distribute copies of the software, or if you modify it.
 32 | 
 33 |   For example, if you distribute copies of such a program, whether
 34 | gratis or for a fee, you must give the recipients all the rights that
 35 | you have.  You must make sure that they, too, receive or can get the
 36 | source code.  And you must show them these terms so they know their
 37 | rights.
 38 | 
 39 |   We protect your rights with two steps: (1) copyright the software, and
 40 | (2) offer you this license which gives you legal permission to copy,
 41 | distribute and/or modify the software.
 42 | 
 43 |   Also, for each author's protection and ours, we want to make certain
 44 | that everyone understands that there is no warranty for this free
 45 | software.  If the software is modified by someone else and passed on, we
 46 | want its recipients to know that what they have is not the original, so
 47 | that any problems introduced by others will not reflect on the original
 48 | authors' reputations.
 49 | 
 50 |   Finally, any free program is threatened constantly by software
 51 | patents.  We wish to avoid the danger that redistributors of a free
 52 | program will individually obtain patent licenses, in effect making the
 53 | program proprietary.  To prevent this, we have made it clear that any
 54 | patent must be licensed for everyone's free use or not licensed at all.
 55 | 
 56 |   The precise terms and conditions for copying, distribution and
 57 | modification follow.
 58 | 
 59 |                     GNU GENERAL PUBLIC LICENSE
 60 |    TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 61 | 
 62 |   0. This License applies to any program or other work which contains
 63 | a notice placed by the copyright holder saying it may be distributed
 64 | under the terms of this General Public License.  The "Program", below,
 65 | refers to any such program or work, and a "work based on the Program"
 66 | means either the Program or any derivative work under copyright law:
 67 | that is to say, a work containing the Program or a portion of it,
 68 | either verbatim or with modifications and/or translated into another
 69 | language.  (Hereinafter, translation is included without limitation in
 70 | the term "modification".)  Each licensee is addressed as "you".
 71 | 
 72 | Activities other than copying, distribution and modification are not
 73 | covered by this License; they are outside its scope.  The act of
 74 | running the Program is not restricted, and the output from the Program
 75 | is covered only if its contents constitute a work based on the
 76 | Program (independent of having been made by running the Program).
 77 | Whether that is true depends on what the Program does.
 78 | 
 79 |   1. You may copy and distribute verbatim copies of the Program's
 80 | source code as you receive it, in any medium, provided that you
 81 | conspicuously and appropriately publish on each copy an appropriate
 82 | copyright notice and disclaimer of warranty; keep intact all the
 83 | notices that refer to this License and to the absence of any warranty;
 84 | and give any other recipients of the Program a copy of this License
 85 | along with the Program.
 86 | 
 87 | You may charge a fee for the physical act of transferring a copy, and
 88 | you may at your option offer warranty protection in exchange for a fee.
 89 | 
 90 |   2. You may modify your copy or copies of the Program or any portion
 91 | of it, thus forming a work based on the Program, and copy and
 92 | distribute such modifications or work under the terms of Section 1
 93 | above, provided that you also meet all of these conditions:
 94 | 
 95 |     a) You must cause the modified files to carry prominent notices
 96 |     stating that you changed the files and the date of any change.
 97 | 
 98 |     b) You must cause any work that you distribute or publish, that in
 99 |     whole or in part contains or is derived from the Program or any
100 |     part thereof, to be licensed as a whole at no charge to all third
101 |     parties under the terms of this License.
102 | 
103 |     c) If the modified program normally reads commands interactively
104 |     when run, you must cause it, when started running for such
105 |     interactive use in the most ordinary way, to print or display an
106 |     announcement including an appropriate copyright notice and a
107 |     notice that there is no warranty (or else, saying that you provide
108 |     a warranty) and that users may redistribute the program under
109 |     these conditions, and telling the user how to view a copy of this
110 |     License.  (Exception: if the Program itself is interactive but
111 |     does not normally print such an announcement, your work based on
112 |     the Program is not required to print an announcement.)
113 | 
114 | These requirements apply to the modified work as a whole.  If
115 | identifiable sections of that work are not derived from the Program,
116 | and can be reasonably considered independent and separate works in
117 | themselves, then this License, and its terms, do not apply to those
118 | sections when you distribute them as separate works.  But when you
119 | distribute the same sections as part of a whole which is a work based
120 | on the Program, the distribution of the whole must be on the terms of
121 | this License, whose permissions for other licensees extend to the
122 | entire whole, and thus to each and every part regardless of who wrote it.
123 | 
124 | Thus, it is not the intent of this section to claim rights or contest
125 | your rights to work written entirely by you; rather, the intent is to
126 | exercise the right to control the distribution of derivative or
127 | collective works based on the Program.
128 | 
129 | In addition, mere aggregation of another work not based on the Program
130 | with the Program (or with a work based on the Program) on a volume of
131 | a storage or distribution medium does not bring the other work under
132 | the scope of this License.
133 | 
134 |   3. You may copy and distribute the Program (or a work based on it,
135 | under Section 2) in object code or executable form under the terms of
136 | Sections 1 and 2 above provided that you also do one of the following:
137 | 
138 |     a) Accompany it with the complete corresponding machine-readable
139 |     source code, which must be distributed under the terms of Sections
140 |     1 and 2 above on a medium customarily used for software interchange; or,
141 | 
142 |     b) Accompany it with a written offer, valid for at least three
143 |     years, to give any third party, for a charge no more than your
144 |     cost of physically performing source distribution, a complete
145 |     machine-readable copy of the corresponding source code, to be
146 |     distributed under the terms of Sections 1 and 2 above on a medium
147 |     customarily used for software interchange; or,
148 | 
149 |     c) Accompany it with the information you received as to the offer
150 |     to distribute corresponding source code.  (This alternative is
151 |     allowed only for noncommercial distribution and only if you
152 |     received the program in object code or executable form with such
153 |     an offer, in accord with Subsection b above.)
154 | 
155 | The source code for a work means the preferred form of the work for
156 | making modifications to it.  For an executable work, complete source
157 | code means all the source code for all modules it contains, plus any
158 | associated interface definition files, plus the scripts used to
159 | control compilation and installation of the executable.  However, as a
160 | special exception, the source code distributed need not include
161 | anything that is normally distributed (in either source or binary
162 | form) with the major components (compiler, kernel, and so on) of the
163 | operating system on which the executable runs, unless that component
164 | itself accompanies the executable.
165 | 
166 | If distribution of executable or object code is made by offering
167 | access to copy from a designated place, then offering equivalent
168 | access to copy the source code from the same place counts as
169 | distribution of the source code, even though third parties are not
170 | compelled to copy the source along with the object code.
171 | 
172 |   4. You may not copy, modify, sublicense, or distribute the Program
173 | except as expressly provided under this License.  Any attempt
174 | otherwise to copy, modify, sublicense or distribute the Program is
175 | void, and will automatically terminate your rights under this License.
176 | However, parties who have received copies, or rights, from you under
177 | this License will not have their licenses terminated so long as such
178 | parties remain in full compliance.
179 | 
180 |   5. You are not required to accept this License, since you have not
181 | signed it.  However, nothing else grants you permission to modify or
182 | distribute the Program or its derivative works.  These actions are
183 | prohibited by law if you do not accept this License.  Therefore, by
184 | modifying or distributing the Program (or any work based on the
185 | Program), you indicate your acceptance of this License to do so, and
186 | all its terms and conditions for copying, distributing or modifying
187 | the Program or works based on it.
188 | 
189 |   6. Each time you redistribute the Program (or any work based on the
190 | Program), the recipient automatically receives a license from the
191 | original licensor to copy, distribute or modify the Program subject to
192 | these terms and conditions.  You may not impose any further
193 | restrictions on the recipients' exercise of the rights granted herein.
194 | You are not responsible for enforcing compliance by third parties to
195 | this License.
196 | 
197 |   7. If, as a consequence of a court judgment or allegation of patent
198 | infringement or for any other reason (not limited to patent issues),
199 | conditions are imposed on you (whether by court order, agreement or
200 | otherwise) that contradict the conditions of this License, they do not
201 | excuse you from the conditions of this License.  If you cannot
202 | distribute so as to satisfy simultaneously your obligations under this
203 | License and any other pertinent obligations, then as a consequence you
204 | may not distribute the Program at all.  For example, if a patent
205 | license would not permit royalty-free redistribution of the Program by
206 | all those who receive copies directly or indirectly through you, then
207 | the only way you could satisfy both it and this License would be to
208 | refrain entirely from distribution of the Program.
209 | 
210 | If any portion of this section is held invalid or unenforceable under
211 | any particular circumstance, the balance of the section is intended to
212 | apply and the section as a whole is intended to apply in other
213 | circumstances.
214 | 
215 | It is not the purpose of this section to induce you to infringe any
216 | patents or other property right claims or to contest validity of any
217 | such claims; this section has the sole purpose of protecting the
218 | integrity of the free software distribution system, which is
219 | implemented by public license practices.  Many people have made
220 | generous contributions to the wide range of software distributed
221 | through that system in reliance on consistent application of that
222 | system; it is up to the author/donor to decide if he or she is willing
223 | to distribute software through any other system and a licensee cannot
224 | impose that choice.
225 | 
226 | This section is intended to make thoroughly clear what is believed to
227 | be a consequence of the rest of this License.
228 | 
229 |   8. If the distribution and/or use of the Program is restricted in
230 | certain countries either by patents or by copyrighted interfaces, the
231 | original copyright holder who places the Program under this License
232 | may add an explicit geographical distribution limitation excluding
233 | those countries, so that distribution is permitted only in or among
234 | countries not thus excluded.  In such case, this License incorporates
235 | the limitation as if written in the body of this License.
236 | 
237 |   9. The Free Software Foundation may publish revised and/or new versions
238 | of the General Public License from time to time.  Such new versions will
239 | be similar in spirit to the present version, but may differ in detail to
240 | address new problems or concerns.
241 | 
242 | Each version is given a distinguishing version number.  If the Program
243 | specifies a version number of this License which applies to it and "any
244 | later version", you have the option of following the terms and conditions
245 | either of that version or of any later version published by the Free
246 | Software Foundation.  If the Program does not specify a version number of
247 | this License, you may choose any version ever published by the Free Software
248 | Foundation.
249 | 
250 |   10. If you wish to incorporate parts of the Program into other free
251 | programs whose distribution conditions are different, write to the author
252 | to ask for permission.  For software which is copyrighted by the Free
253 | Software Foundation, write to the Free Software Foundation; we sometimes
254 | make exceptions for this.  Our decision will be guided by the two goals
255 | of preserving the free status of all derivatives of our free software and
256 | of promoting the sharing and reuse of software generally.
257 | 
258 |                             NO WARRANTY
259 | 
260 |   11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
261 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
262 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
263 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
264 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
265 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
266 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
267 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
268 | REPAIR OR CORRECTION.
269 | 
270 |   12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
271 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
272 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
273 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
274 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
275 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
276 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
277 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
278 | POSSIBILITY OF SUCH DAMAGES.
279 | 
280 |                      END OF TERMS AND CONDITIONS
281 | 
282 |             How to Apply These Terms to Your New Programs
283 | 
284 |   If you develop a new program, and you want it to be of the greatest
285 | possible use to the public, the best way to achieve this is to make it
286 | free software which everyone can redistribute and change under these terms.
287 | 
288 |   To do so, attach the following notices to the program.  It is safest
289 | to attach them to the start of each source file to most effectively
290 | convey the exclusion of warranty; and each file should have at least
291 | the "copyright" line and a pointer to where the full notice is found.
292 | 
293 |     <one line to give the program's name and a brief idea of what it does.>
294 |     Copyright (C) <year>  <name of author>
295 | 
296 |     This program is free software; you can redistribute it and/or modify
297 |     it under the terms of the GNU General Public License as published by
298 |     the Free Software Foundation; either version 2 of the License, or
299 |     (at your option) any later version.
300 | 
301 |     This program is distributed in the hope that it will be useful,
302 |     but WITHOUT ANY WARRANTY; without even the implied warranty of
303 |     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
304 |     GNU General Public License for more details.
305 | 
306 |     You should have received a copy of the GNU General Public License along
307 |     with this program; if not, write to the Free Software Foundation, Inc.,
308 |     51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
309 | 
310 | Also add information on how to contact you by electronic and paper mail.
311 | 
312 | If the program is interactive, make it output a short notice like this
313 | when it starts in an interactive mode:
314 | 
315 |     Gnomovision version 69, Copyright (C) year name of author
316 |     Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
317 |     This is free software, and you are welcome to redistribute it
318 |     under certain conditions; type `show c' for details.
319 | 
320 | The hypothetical commands `show w' and `show c' should show the appropriate
321 | parts of the General Public License.  Of course, the commands you use may
322 | be called something other than `show w' and `show c'; they could even be
323 | mouse-clicks or menu items--whatever suits your program.
324 | 
325 | You should also get your employer (if you work as a programmer) or your
326 | school, if any, to sign a "copyright disclaimer" for the program, if
327 | necessary.  Here is a sample; alter the names:
328 | 
329 |   Yoyodyne, Inc., hereby disclaims all copyright interest in the program
330 |   `Gnomovision' (which makes passes at compilers) written by James Hacker.
331 | 
332 |   <signature of Ty Coon>, 1 April 1989
333 |   Ty Coon, President of Vice
334 | 
335 | This General Public License does not permit incorporating your program into
336 | proprietary programs.  If your program is a subroutine library, you may
337 | consider it more useful to permit linking proprietary applications with the
338 | library.  If this is what you want to do, use the GNU Lesser General
339 | Public License instead of this License.


--------------------------------------------------------------------------------
/src/assets/logo.svg:
--------------------------------------------------------------------------------
   1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
   2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
   3 | 
   4 | <svg width="221.45963mm" height="295.27911mm" viewBox="0 0 221.45964 295.27911" version="1.1" id="svg5"
   5 |     xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"
   6 |     xmlns:svg="http://www.w3.org/2000/svg">
   7 |     <defs id="defs2">
   8 |         <linearGradient id="linearGradient59028">
   9 |             <stop style="stop-color:#43afcf;stop-opacity:1;" offset="0" id="stop59024" />
  10 |             <stop style="stop-color:#7ad6f2;stop-opacity:1;" offset="1" id="stop59026" />
  11 |         </linearGradient>
  12 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_39_" y2="45.238998" x2="97.723" y1="45.669998"
  13 |             x1="99.226997" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  14 |             <stop id="stop4146" offset="0" style="stop-color:#8aa742;stop-opacity:1" />
  15 |             <stop id="stop4148" offset="0.1" style="stop-color:#8aa742;stop-opacity:1" />
  16 |             <stop id="stop4150" offset="0.25" style="stop-color:#b7ca33;stop-opacity:1" />
  17 |             <stop id="stop4152" offset="0.405" style="stop-color:#b7ca33;stop-opacity:1" />
  18 |             <stop id="stop4154" offset="1" style="stop-color:#8aa742;stop-opacity:1" />
  19 |         </linearGradient>
  20 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_40_" y2="17.01" x2="105.865" y1="17.111" x1="107.31"
  21 |             gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  22 |             <stop id="stop4161" offset="0" style="stop-color:#83b641;stop-opacity:1" />
  23 |             <stop id="stop4163" offset="0.2" style="stop-color:#b7ca33;stop-opacity:1" />
  24 |             <stop id="stop4165" offset="0.525" style="stop-color:#b7ca33;stop-opacity:1" />
  25 |             <stop id="stop4167" offset="1" style="stop-color:#8aa742;stop-opacity:1" />
  26 |         </linearGradient>
  27 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_41_" y2="21.652" x2="171.41499" y1="20.577"
  28 |             x1="170.769" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  29 |             <stop id="stop4172" offset="0" style="stop-color:#83b641;stop-opacity:1" />
  30 |             <stop id="stop4174" offset="1" style="stop-color:#595e48;stop-opacity:1" />
  31 |         </linearGradient>
  32 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_42_" y2="21.895" x2="172.026" y1="21.409"
  33 |             x1="172.43401" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  34 |             <stop id="stop4179" offset="0" style="stop-color:#8aa742;stop-opacity:1" />
  35 |             <stop id="stop4181" offset="1" style="stop-color:#595e48;stop-opacity:1" />
  36 |         </linearGradient>
  37 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_43_" y2="22.834" x2="173.04201" y1="21.805"
  38 |             x1="173.04201" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  39 |             <stop id="stop4190" offset="0" style="stop-color:#8aa742;stop-opacity:1" />
  40 |             <stop id="stop4192" offset="1" style="stop-color:#767e47;stop-opacity:1" />
  41 |         </linearGradient>
  42 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_44_" y2="77.838997" x2="153.91" y1="77.938004"
  43 |             x1="155.32001" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  44 |             <stop id="stop4199" offset="0" style="stop-color:#767e47;stop-opacity:1" />
  45 |             <stop id="stop4201" offset="1" style="stop-color:#8aa742;stop-opacity:1" />
  46 |         </linearGradient>
  47 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_45_" y2="79.074997" x2="155.071" y1="78.063004"
  48 |             x1="155.98199" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  49 |             <stop id="stop4206" offset="0" style="stop-color:#767e47;stop-opacity:1" />
  50 |             <stop id="stop4208" offset="1" style="stop-color:#595e48;stop-opacity:1" />
  51 |         </linearGradient>
  52 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_46_" y2="79.838997" x2="154.649" y1="79.838997"
  53 |             x1="90.361" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  54 |             <stop id="stop4213" offset="0" style="stop-color:#8aa742;stop-opacity:1" />
  55 |             <stop id="stop4215" offset="0.4" style="stop-color:#b7ca33;stop-opacity:1" />
  56 |             <stop id="stop4217" offset="1" style="stop-color:#8aa742;stop-opacity:1" />
  57 |         </linearGradient>
  58 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_47_" y2="73.786003" x2="88.950996" y1="74.917"
  59 |             x1="89.969002" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  60 |             <stop id="stop4228" offset="0" style="stop-color:#767e47;stop-opacity:1" />
  61 |             <stop id="stop4230" offset="0.1" style="stop-color:#767e47;stop-opacity:1" />
  62 |             <stop id="stop4232" offset="0.65" style="stop-color:#83b641;stop-opacity:1" />
  63 |             <stop id="stop4234" offset="1" style="stop-color:#8aa742;stop-opacity:1" />
  64 |         </linearGradient>
  65 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_48_" y2="74.424004" x2="90.676003" y1="73.086998"
  66 |             x1="89.935997" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  67 |             <stop id="stop4239" offset="0" style="stop-color:#8aa742;stop-opacity:1" />
  68 |             <stop id="stop4241" offset="0.405" style="stop-color:#83b641;stop-opacity:1" />
  69 |             <stop id="stop4243" offset="0.8" style="stop-color:#8aa742;stop-opacity:1" />
  70 |             <stop id="stop4245" offset="1" style="stop-color:#8aa742;stop-opacity:1" />
  71 |         </linearGradient>
  72 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_49_" y2="49.099998" x2="162.08701" y1="49.528999"
  73 |             x1="163.58501" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  74 |             <stop id="stop4250" offset="0" style="stop-color:#595e48;stop-opacity:1" />
  75 |             <stop id="stop4252" offset="1" style="stop-color:#83b641;stop-opacity:1" />
  76 |         </linearGradient>
  77 |         <defs id="defs4256">
  78 |             <path id="XMLID_12_"
  79 |                 d="m 107.254,17.442 c 14.297,9.621 30.156,17.29 63.152,3.648 L 154.15,77.255 c -27.541,12.922 -49.002,6.278 -63.283,-3.398 z" />
  80 |         </defs>
  81 |         <clipPath id="clipPath4259">
  82 |             <use id="use4261" xlink:href="#XMLID_12_" height="152.966" width="812.04401" y="0" x="0" />
  83 |         </clipPath>
  84 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_51_" y2="40.804001" x2="100.46" y1="57.84" x1="159.869"
  85 |             gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  86 |             <stop id="stop4264" offset="0" style="stop-color:#6fbc48;stop-opacity:1" />
  87 |             <stop id="stop4266" offset="0.333" style="stop-color:#98c74f;stop-opacity:1" />
  88 |             <stop id="stop4268" offset="0.667" style="stop-color:#80c046;stop-opacity:1" />
  89 |             <stop id="stop4270" offset="1" style="stop-color:#607d3a;stop-opacity:1" />
  90 |         </linearGradient>
  91 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_52_" y2="129.19099" x2="63.144001" y1="129.19099"
  92 |             x1="0.18700001" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
  93 |             <stop id="stop4289" offset="0" style="stop-color:#76a5d8;stop-opacity:1" />
  94 |             <stop id="stop4291" offset="0.45" style="stop-color:#dae3ec;stop-opacity:1" />
  95 |             <stop id="stop4293" offset="1" style="stop-color:#3f87c7;stop-opacity:1" />
  96 |         </linearGradient>
  97 |         <defs id="defs4305">
  98 |             <path id="XMLID_16_"
  99 |                 d="M 63.135,134.475 C 48.804,124.827 33.267,117.01 0.193,130.682 L 16.238,74.603 c 33.079,-13.68 49.107,-6.4 63.426,3.303 z" />
 100 |         </defs>
 101 |         <clipPath id="XMLID_53_">
 102 |             <use id="use4309" xlink:href="#XMLID_16_" height="152.966" width="812.04401" y="0" x="0" />
 103 |         </clipPath>
 104 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_55_" y2="74.621002" x2="16.247" y1="74.211998"
 105 |             x1="16.247" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 106 |             <stop id="stop4329" offset="0" style="stop-color:#76a5d8;stop-opacity:1" />
 107 |             <stop id="stop4331" offset="1" style="stop-color:#2e499e;stop-opacity:1" />
 108 |         </linearGradient>
 109 |         <defs id="defs4351">
 110 |             <path id="XMLID_20_"
 111 |                 d="M 35.432,7.781 35.25,7.729 c 0.07,-0.238 0.234,-0.323 0.298,-0.35 l 0.027,-0.008 c 10e-4,10e-4 -0.06,0.126 -0.143,0.41 z" />
 112 |         </defs>
 113 |         <clipPath id="XMLID_56_">
 114 |             <use id="use4355" xlink:href="#XMLID_20_" height="152.966" width="812.04401" y="0" x="0" />
 115 |         </clipPath>
 116 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_57_" y2="62.354" x2="82.387001" y1="62.354" x1="19.111"
 117 |             gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 118 |             <stop id="stop4390" offset="0" style="stop-color:#faab4f;stop-opacity:1" />
 119 |             <stop id="stop4392" offset="0.25" style="stop-color:#faab4f;stop-opacity:1" />
 120 |             <stop id="stop4394" offset="0.475" style="stop-color:#fcc193;stop-opacity:1" />
 121 |             <stop id="stop4396" offset="0.525" style="stop-color:#fcc193;stop-opacity:1" />
 122 |             <stop id="stop4398" offset="0.75" style="stop-color:#f89c3e;stop-opacity:1" />
 123 |             <stop id="stop4400" offset="1" style="stop-color:#f89c3e;stop-opacity:1" />
 124 |         </linearGradient>
 125 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_58_" y2="27.458" x2="29.653999" y1="44.528999"
 126 |             x1="89.186996" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 127 |             <stop id="stop4409" offset="0" style="stop-color:#cd2b2b;stop-opacity:1" />
 128 |             <stop id="stop4411" offset="0.4" style="stop-color:#f2692a;stop-opacity:1" />
 129 |             <stop id="stop4413" offset="0.725" style="stop-color:#fcb544;stop-opacity:1" />
 130 |             <stop id="stop4415" offset="1" style="stop-color:#f37237;stop-opacity:1" />
 131 |         </linearGradient>
 132 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_59_" y2="145.73599" x2="137.342" y1="144.478"
 133 |             x1="137.679" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 134 |             <stop id="stop4420" offset="0" style="stop-color:#d4a52e;stop-opacity:1" />
 135 |             <stop id="stop4422" offset="1" style="stop-color:#a87c3c;stop-opacity:1" />
 136 |         </linearGradient>
 137 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_60_" y2="90.400002" x2="153.52901" y1="89.364998"
 138 |             x1="153.52901" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 139 |             <stop id="stop4429" offset="0.006" style="stop-color:#c19236;stop-opacity:1" />
 140 |             <stop id="stop4431" offset="1" style="stop-color:#d4a52e;stop-opacity:1" />
 141 |         </linearGradient>
 142 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_61_" y2="89.225998" x2="151.881" y1="88.141998"
 143 |             x1="151.23" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 144 |             <stop id="stop4436" offset="0.006" style="stop-color:#ffcd02;stop-opacity:1" />
 145 |             <stop id="stop4438" offset="1" style="stop-color:#a87c3c;stop-opacity:1" />
 146 |         </linearGradient>
 147 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_62_" y2="89.447998" x2="152.528" y1="88.973"
 148 |             x1="152.927" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 149 |             <stop id="stop4443" offset="0.006" style="stop-color:#ffcd02;stop-opacity:1" />
 150 |             <stop id="stop4445" offset="1" style="stop-color:#a87c3c;stop-opacity:1" />
 151 |         </linearGradient>
 152 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_63_" y2="143.80499" x2="134.95399" y1="143.903"
 153 |             x1="136.367" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 154 |             <stop id="stop4452" offset="0" style="stop-color:#c19236;stop-opacity:1" />
 155 |             <stop id="stop4454" offset="1" style="stop-color:#ffcd02;stop-opacity:1" />
 156 |         </linearGradient>
 157 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_64_" y2="111.211" x2="78.693001" y1="111.635"
 158 |             x1="80.170998" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 159 |             <stop id="stop4463" offset="0" style="stop-color:#d4a52e;stop-opacity:1" />
 160 |             <stop id="stop4465" offset="0.1" style="stop-color:#d4a52e;stop-opacity:1" />
 161 |             <stop id="stop4467" offset="0.2" style="stop-color:#ffc222;stop-opacity:1" />
 162 |             <stop id="stop4469" offset="0.35" style="stop-color:#ffc222;stop-opacity:1" />
 163 |             <stop id="stop4471" offset="1" style="stop-color:#d4a52e;stop-opacity:1" />
 164 |         </linearGradient>
 165 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_65_" y2="115.876" x2="142.89799" y1="116.277"
 166 |             x1="144.299" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 167 |             <stop id="stop4476" offset="0" style="stop-color:#a87c3c;stop-opacity:1" />
 168 |             <stop id="stop4478" offset="1" style="stop-color:#ffd200;stop-opacity:1" />
 169 |         </linearGradient>
 170 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_66_" y2="145.32899" x2="136.25101" y1="143.748"
 171 |             x1="136.955" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 172 |             <stop id="stop4485" offset="0" style="stop-color:#c19236;stop-opacity:1" />
 173 |             <stop id="stop4487" offset="1" style="stop-color:#d4a52e;stop-opacity:1" />
 174 |         </linearGradient>
 175 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_67_" y2="145.625" x2="135.694" y1="145.625"
 176 |             x1="71.436996" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 177 |             <stop id="stop4492" offset="0" style="stop-color:#d4a52e;stop-opacity:1" />
 178 |             <stop id="stop4494" offset="0.4" style="stop-color:#ffd200;stop-opacity:1" />
 179 |             <stop id="stop4496" offset="1" style="stop-color:#d4a52e;stop-opacity:1" />
 180 |         </linearGradient>
 181 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_68_" y2="139.714" x2="69.957001" y1="140.86301"
 182 |             x1="70.991997" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 183 |             <stop id="stop4505" offset="0" style="stop-color:#d4a52e;stop-opacity:1" />
 184 |             <stop id="stop4507" offset="0.1" style="stop-color:#d4a52e;stop-opacity:1" />
 185 |             <stop id="stop4509" offset="0.7" style="stop-color:#ffd200;stop-opacity:1" />
 186 |             <stop id="stop4511" offset="1" style="stop-color:#d4a52e;stop-opacity:1" />
 187 |         </linearGradient>
 188 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_69_" y2="140.255" x2="71.754997" y1="138.93401"
 189 |             x1="71.022003" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 190 |             <stop id="stop4516" offset="0" style="stop-color:#d4a52e;stop-opacity:1" />
 191 |             <stop id="stop4518" offset="0.4" style="stop-color:#ffc222;stop-opacity:1" />
 192 |             <stop id="stop4520" offset="0.8" style="stop-color:#ffcd02;stop-opacity:1" />
 193 |             <stop id="stop4522" offset="1" style="stop-color:#d4a52e;stop-opacity:1" />
 194 |         </linearGradient>
 195 |         <defs id="defs4526">
 196 |             <path id="XMLID_35_"
 197 |                 d="m 88.131,83.682 c 14.313,9.633 29.822,16.309 62.76,4.969 l -15.703,54.578 c -28.98,12.742 -48.541,5.09 -63.201,-3.77 z" />
 198 |         </defs>
 199 |         <clipPath id="XMLID_70_">
 200 |             <use id="use4530" xlink:href="#XMLID_35_" height="152.966" width="812.04401" y="0" x="0" />
 201 |         </clipPath>
 202 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_71_" y2="106.551" x2="81.422997" y1="123.625"
 203 |             x1="140.966">
 204 |             <stop id="stop4533" offset="0" style="stop-color:#ffc907;stop-opacity:1" />
 205 |             <stop id="stop4535" offset="0.167" style="stop-color:#ffd200;stop-opacity:1" />
 206 |             <stop id="stop4537" offset="0.333" style="stop-color:#ffd952;stop-opacity:1" />
 207 |             <stop id="stop4539" offset="0.625" style="stop-color:#ffcd02;stop-opacity:1" />
 208 |             <stop id="stop4541" offset="1" style="stop-color:#b77a36;stop-opacity:1" />
 209 |         </linearGradient>
 210 |         <linearGradient gradientUnits="userSpaceOnUse" id="XMLID_72_" y2="83.264999" x2="86.717003" y1="83.367996"
 211 |             x1="88.188004" gradientTransform="matrix(5.7728038,0,0,5.7728038,0.00527315,169.32165)">
 212 |             <stop id="stop4550" offset="0" style="stop-color:#ffc222;stop-opacity:1" />
 213 |             <stop id="stop4552" offset="0.2" style="stop-color:#ffc222;stop-opacity:1" />
 214 |             <stop id="stop4554" offset="0.525" style="stop-color:#ffd200;stop-opacity:1" />
 215 |             <stop id="stop4556" offset="1" style="stop-color:#d4a52e;stop-opacity:1" />
 216 |         </linearGradient>
 217 |         <path id="path2986"
 218 |             d="m 107.254,17.442 c 14.297,9.621 30.156,17.29 63.152,3.648 L 154.15,77.255 c -27.541,12.922 -49.002,6.278 -63.283,-3.398 z" />
 219 |         <path id="path2988"
 220 |             d="M 63.135,134.475 C 48.804,124.827 33.267,117.01 0.193,130.682 L 16.238,74.603 c 33.079,-13.68 49.107,-6.4 63.426,3.303 z" />
 221 |         <path id="path2990"
 222 |             d="M 35.432,7.781 35.25,7.729 c 0.07,-0.238 0.234,-0.323 0.298,-0.35 l 0.027,-0.008 c 10e-4,10e-4 -0.06,0.126 -0.143,0.41 z" />
 223 |         <path id="path2992"
 224 |             d="m 88.131,83.682 c 14.313,9.633 29.822,16.309 62.76,4.969 l -15.703,54.578 c -28.98,12.742 -48.541,5.09 -63.201,-3.77 z" />
 225 |         <radialGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" cy="44.404999" cx="49.591999" r="49.125999">
 226 |             <stop id="stop3427" stop-color="#D1E7EE" offset=".0011" />
 227 |             <stop id="stop3429" stop-color="#CDE4EC" offset=".0979" />
 228 |             <stop id="stop3431" stop-color="#C0DCE8" offset=".203" />
 229 |             <stop id="stop3433" stop-color="#ADD0E1" offset=".2985" />
 230 |             <stop id="stop3435" stop-color="#3982B1" offset=".6504" />
 231 |             <stop id="stop3437" stop-color="#3474AA" offset=".7203" />
 232 |             <stop id="stop3439" stop-color="#285699" offset=".899" />
 233 |             <stop id="stop3441" stop-color="#244B93" offset="1" />
 234 |         </radialGradient>
 235 |         <radialGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" cy="44.198002" cx="49.529999" r="49.334">
 236 |             <stop id="stop3446" stop-color="#D8EEED" offset=".0036" />
 237 |             <stop id="stop3448" stop-color="#98D8D7" offset=".1733" />
 238 |             <stop id="stop3450" stop-color="#8ED3D3" offset=".2237" />
 239 |             <stop id="stop3452" stop-color="#74C6CA" offset=".3088" />
 240 |             <stop id="stop3454" stop-color="#49B1BA" offset=".4176" />
 241 |             <stop id="stop3456" stop-color="#3CAAB5" offset=".4477" />
 242 |             <stop id="stop3458" stop-color="#2E81A4" offset=".56" />
 243 |             <stop id="stop3460" stop-color="#215B94" offset=".6836" />
 244 |             <stop id="stop3462" stop-color="#19448B" offset=".783" />
 245 |             <stop id="stop3464" stop-color="#163B87" offset=".8448" />
 246 |             <stop id="stop3466" stop-color="#0B317D" offset="1" />
 247 |         </radialGradient>
 248 |         <radialGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" cy="44.318001" cx="49.570999" r="49.308998">
 249 |             <stop id="stop3473" stop-color="#D8EEED" offset=".0036" />
 250 |             <stop id="stop3475" stop-color="#98D8D7" offset=".1733" />
 251 |             <stop id="stop3477" stop-color="#8ED3D3" offset=".2237" />
 252 |             <stop id="stop3479" stop-color="#74C6CA" offset=".3088" />
 253 |             <stop id="stop3481" stop-color="#49B1BA" offset=".4176" />
 254 |             <stop id="stop3483" stop-color="#3CAAB5" offset=".4477" />
 255 |             <stop id="stop3485" stop-color="#2E81A4" offset=".56" />
 256 |             <stop id="stop3487" stop-color="#215B94" offset=".6836" />
 257 |             <stop id="stop3489" stop-color="#19448B" offset=".783" />
 258 |             <stop id="stop3491" stop-color="#163B87" offset=".8448" />
 259 |             <stop id="stop3493" stop-color="#152469" offset="1" />
 260 |         </radialGradient>
 261 |         <radialGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" cy="44.261002" cx="49.595001" r="49.341">
 262 |             <stop id="stop3502" stop-color="#D8EEED" offset=".0036" />
 263 |             <stop id="stop3504" stop-color="#98D8D7" offset=".1733" />
 264 |             <stop id="stop3506" stop-color="#8ED3D3" offset=".2237" />
 265 |             <stop id="stop3508" stop-color="#74C6CA" offset=".3088" />
 266 |             <stop id="stop3510" stop-color="#49B1BA" offset=".4176" />
 267 |             <stop id="stop3512" stop-color="#3CAAB5" offset=".4477" />
 268 |             <stop id="stop3514" stop-color="#2E81A4" offset=".56" />
 269 |             <stop id="stop3516" stop-color="#215B94" offset=".6836" />
 270 |             <stop id="stop3518" stop-color="#19448B" offset=".783" />
 271 |             <stop id="stop3520" stop-color="#163B87" offset=".8448" />
 272 |             <stop id="stop3522" stop-color="#0B317D" offset="1" />
 273 |         </radialGradient>
 274 |         <linearGradient id="SVGID_9_" y2="72.973999" gradientUnits="userSpaceOnUse" x2="39.187" y1="45.946999"
 275 |             x1="46.870998">
 276 |             <stop id="stop3533" stop-color="#98D8D7" offset="0" />
 277 |             <stop id="stop3535" stop-color="#152469" offset="1" />
 278 |         </linearGradient>
 279 |         <radialGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" cy="44.256001" cx="49.603001" r="49.415001">
 280 |             <stop id="stop3540" stop-color="#D8EEED" offset=".0036" />
 281 |             <stop id="stop3542" stop-color="#98D8D7" offset=".1733" />
 282 |             <stop id="stop3544" stop-color="#8ED3D3" offset=".2237" />
 283 |             <stop id="stop3546" stop-color="#74C6CA" offset=".3088" />
 284 |             <stop id="stop3548" stop-color="#49B1BA" offset=".4176" />
 285 |             <stop id="stop3550" stop-color="#3CAAB5" offset=".4477" />
 286 |             <stop id="stop3552" stop-color="#2E81A4" offset=".56" />
 287 |             <stop id="stop3554" stop-color="#215B94" offset=".6836" />
 288 |             <stop id="stop3556" stop-color="#19448B" offset=".783" />
 289 |             <stop id="stop3558" stop-color="#163B87" offset=".8448" />
 290 |             <stop id="stop3560" stop-color="#152469" offset="1" />
 291 |         </radialGradient>
 292 |         <linearGradient id="SVGID_11_" y2="59.539001" gradientUnits="userSpaceOnUse" x2="12.304" y1="59.539001"
 293 |             x1="2.1038001">
 294 |             <stop id="stop3567" stop-color="#DEF3F1" offset="0" />
 295 |             <stop id="stop3569" stop-color="#5085BC" offset="1" />
 296 |         </linearGradient>
 297 |         <linearGradient id="SVGID_12_" y2="61.422001" gradientUnits="userSpaceOnUse" x2="47.335999" y1="61.422001"
 298 |             x1="36.953999">
 299 |             <stop id="stop3574" stop-color="#DEF3F1" offset="0" />
 300 |             <stop id="stop3576" stop-color="#5085BC" offset="1" />
 301 |         </linearGradient>
 302 |         <linearGradient id="SVGID_13_" y2="42.262001" gradientUnits="userSpaceOnUse" x2="47.195" y1="42.262001"
 303 |             x1="11.303">
 304 |             <stop id="stop3581" stop-color="#094992" offset="0" />
 305 |             <stop id="stop3583" stop-color="#8BCDE2" offset=".6685" />
 306 |             <stop id="stop3585" stop-color="#E6F6F9" offset="1" />
 307 |         </linearGradient>
 308 |         <linearGradient id="SVGID_14_" y2="42.960999" gradientUnits="userSpaceOnUse" x2="11.375" y1="42.960999"
 309 |             x1="11.375">
 310 |             <stop id="stop3590" stop-color="#7E9EC4" offset="0" />
 311 |             <stop id="stop3592" stop-color="#151D89" offset="1" />
 312 |         </linearGradient>
 313 |         <linearGradient id="SVGID_15_" y2="42.880001" gradientUnits="userSpaceOnUse" x2="46.487" y1="42.880001"
 314 |             x1="12.171">
 315 |             <stop id="stop3597" stop-color="#BBC7E1" offset=".0056" />
 316 |             <stop id="stop3599" stop-color="#7090C3" offset=".2247" />
 317 |             <stop id="stop3601" stop-color="#C8EAEF" offset=".5449" />
 318 |             <stop id="stop3603" stop-color="#fff" offset="1" />
 319 |         </linearGradient>
 320 |         <linearGradient id="SVGID_16_" y2="41.838001" gradientUnits="userSpaceOnUse" x2="47.195" y1="41.838001"
 321 |             x1="11.385">
 322 |             <stop id="stop3608" stop-color="#7090C3" offset=".0056" />
 323 |             <stop id="stop3610" stop-color="#C1E7ED" offset=".5449" />
 324 |             <stop id="stop3612" stop-color="#fff" offset="1" />
 325 |         </linearGradient>
 326 |         <radialGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" cy="43.060001" cx="11.276" r="0.1211">
 327 |             <stop id="stop3617" stop-color="#7E9EC4" offset="0" />
 328 |             <stop id="stop3619" stop-color="#0A50A1" offset="1" />
 329 |         </radialGradient>
 330 |         <radialGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" cy="73.624001" cx="-12.359" r="60.597">
 331 |             <stop id="stop3624" stop-color="#D8EEED" offset=".0036" />
 332 |             <stop id="stop3626" stop-color="#98D8D7" offset=".1733" />
 333 |             <stop id="stop3628" stop-color="#8ED3D3" offset=".2237" />
 334 |             <stop id="stop3630" stop-color="#74C6CA" offset=".3088" />
 335 |             <stop id="stop3632" stop-color="#49B1BA" offset=".4176" />
 336 |             <stop id="stop3634" stop-color="#3CAAB5" offset=".4477" />
 337 |             <stop id="stop3636" stop-color="#369FB5" offset=".4987" />
 338 |             <stop id="stop3638" stop-color="#2A88B4" offset=".6306" />
 339 |             <stop id="stop3640" stop-color="#257FB4" offset=".7129" />
 340 |             <stop id="stop3642" stop-color="#4161AB" offset="1" />
 341 |         </radialGradient>
 342 |         <radialGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" cy="45.485001" cx="49.549999" r="45.735001">
 343 |             <stop id="stop3651" stop-color="#FCF5B0" offset="0" />
 344 |             <stop id="stop3653" stop-color="#F7EDA0" offset=".1657" />
 345 |             <stop id="stop3655" stop-color="#F3E591" offset=".2849" />
 346 |             <stop id="stop3657" stop-color="#FCD118" offset=".65" />
 347 |             <stop id="stop3659" stop-color="#F7A50C" offset=".8024" />
 348 |             <stop id="stop3661" stop-color="#F38603" offset=".9288" />
 349 |             <stop id="stop3663" stop-color="#F27B00" offset="1" />
 350 |         </radialGradient>
 351 |         <linearGradient id="SVGID_20_" y2="83.387001" gradientUnits="userSpaceOnUse" x2="79.737" y1="82.676003"
 352 |             x1="79.927002">
 353 |             <stop id="stop3668" stop-color="#DE980D" offset="0" />
 354 |             <stop id="stop3670" stop-color="#A85D10" offset="1" />
 355 |         </linearGradient>
 356 |         <linearGradient id="SVGID_21_" y2="67.470001" gradientUnits="userSpaceOnUse" x2="88.981003" y1="67.470001"
 357 |             x1="79.939003">
 358 |             <stop id="stop3675" stop-color="#DEB150" offset="0" />
 359 |             <stop id="stop3677" stop-color="#FFF8B3" offset="1" />
 360 |         </linearGradient>
 361 |         <linearGradient id="SVGID_22_" y2="52.111" gradientUnits="userSpaceOnUse" x2="88.890999" y1="51.522999"
 362 |             x1="88.890999">
 363 |             <stop id="stop3682" stop-color="#C67C0C" offset=".0056" />
 364 |             <stop id="stop3684" stop-color="#DE980D" offset="1" />
 365 |         </linearGradient>
 366 |         <linearGradient id="SVGID_23_" y2="51.444" gradientUnits="userSpaceOnUse" x2="87.959999" y1="50.832001"
 367 |             x1="87.592003">
 368 |             <stop id="stop3689" stop-color="#FED40F" offset=".0056" />
 369 |             <stop id="stop3691" stop-color="#A85D10" offset="1" />
 370 |         </linearGradient>
 371 |         <linearGradient id="SVGID_24_" y2="51.571999" gradientUnits="userSpaceOnUse" x2="88.324997" y1="51.303001"
 372 |             x1="88.551003">
 373 |             <stop id="stop3696" stop-color="#FED40F" offset=".0056" />
 374 |             <stop id="stop3698" stop-color="#A85D10" offset="1" />
 375 |         </linearGradient>
 376 |         <linearGradient id="SVGID_25_" y2="51.257999" gradientUnits="userSpaceOnUse" x2="87.578003" y1="51.257999"
 377 |             x1="51.914001">
 378 |             <stop id="stop3705" stop-color="#FFF8FB" offset="0" />
 379 |             <stop id="stop3707" stop-color="#FEC236" offset="1" />
 380 |         </linearGradient>
 381 |         <linearGradient id="SVGID_26_" y2="66.505997" gradientUnits="userSpaceOnUse" x2="82.876999" y1="66.734001"
 382 |             x1="83.672997">
 383 |             <stop id="stop3714" stop-color="#B37E00" offset="0" />
 384 |             <stop id="stop3716" stop-color="#FF9E00" offset="1" />
 385 |         </linearGradient>
 386 |         <linearGradient id="SVGID_27_" y2="83.151001" gradientUnits="userSpaceOnUse" x2="79.125999" y1="82.259003"
 387 |             x1="79.523003">
 388 |             <stop id="stop3723" stop-color="#FFD100" offset=".0056" />
 389 |             <stop id="stop3725" stop-color="#A8710A" offset="1" />
 390 |         </linearGradient>
 391 |         <linearGradient id="SVGID_28_" y2="83.129997" gradientUnits="userSpaceOnUse" x2="78.833" y1="83.129997"
 392 |             x1="42.487">
 393 |             <stop id="stop3730" stop-color="#DE980D" offset="0" />
 394 |             <stop id="stop3732" stop-color="#FDDA10" offset=".4" />
 395 |             <stop id="stop3734" stop-color="#DE980D" offset="1" />
 396 |         </linearGradient>
 397 |         <linearGradient id="SVGID_29_" y2="79.982002" gradientUnits="userSpaceOnUse" x2="41.648998" y1="80.632004"
 398 |             x1="42.234001">
 399 |             <stop id="stop3743" stop-color="#DE980D" offset="0" />
 400 |             <stop id="stop3745" stop-color="#DE980D" offset=".1" />
 401 |             <stop id="stop3747" stop-color="#FDDA10" offset=".7" />
 402 |             <stop id="stop3749" stop-color="#DE980D" offset="1" />
 403 |         </linearGradient>
 404 |         <linearGradient id="SVGID_30_" y2="80.287003" gradientUnits="userSpaceOnUse" x2="42.664001" y1="79.542"
 405 |             x1="42.250999">
 406 |             <stop id="stop3754" stop-color="#DE980D" offset="0" />
 407 |             <stop id="stop3756" stop-color="#FEBF0F" offset=".4" />
 408 |             <stop id="stop3758" stop-color="#FED40F" offset=".8" />
 409 |             <stop id="stop3760" stop-color="#DE980D" offset="1" />
 410 |         </linearGradient>
 411 |         <radialGradient id="SVGID_31_" gradientUnits="userSpaceOnUse" cy="47.890999" cx="51.452" r="0.44839999">
 412 |             <stop id="stop3767" stop-color="#FEEB71" offset="0" />
 413 |             <stop id="stop3769" stop-color="#DE980D" offset="1" />
 414 |         </radialGradient>
 415 |         <linearGradient id="SVGID_32_" y2="63.881001" gradientUnits="userSpaceOnUse" x2="46.583" y1="64.121002"
 416 |             x1="47.418999">
 417 |             <stop id="stop3774" stop-color="#FFEFBB" offset=".0056" />
 418 |             <stop id="stop3776" stop-color="#FFBF00" offset="1" />
 419 |         </linearGradient>
 420 |         <linearGradient id="SVGID_33_" y2="51.645" gradientUnits="userSpaceOnUse" x2="88.910004" y1="51.645"
 421 |             x1="50.167999">
 422 |             <stop id="stop3781" stop-color="#FCA859" offset=".0056" />
 423 |             <stop id="stop3783" stop-color="#FDC30F" offset=".2135" />
 424 |             <stop id="stop3785" stop-color="#B51C00" offset="1" />
 425 |         </linearGradient>
 426 |         <linearGradient id="SVGID_34_" y2="52.148998" gradientUnits="userSpaceOnUse" x2="88.981003" y1="52.148998"
 427 |             x1="50.480999">
 428 |             <stop id="stop3790" stop-color="#FFF6D8" offset=".0056" />
 429 |             <stop id="stop3792" stop-color="#FDDA10" offset=".525" />
 430 |             <stop id="stop3794" stop-color="#F9BD0C" offset="1" />
 431 |         </linearGradient>
 432 |         <linearGradient id="SVGID_35_" y2="81.851997" gradientUnits="userSpaceOnUse" x2="78.352997" y1="82.317001"
 433 |             x1="78.890999">
 434 |             <stop id="stop3799" stop-color="#EAB949" offset="0" />
 435 |             <stop id="stop3801" stop-color="#EDC25A" offset=".0722" />
 436 |             <stop id="stop3803" stop-color="#F3D883" offset=".2779" />
 437 |             <stop id="stop3805" stop-color="#F8E9A4" offset=".4784" />
 438 |             <stop id="stop3807" stop-color="#FCF5BC" offset=".6698" />
 439 |             <stop id="stop3809" stop-color="#FEFCCA" offset=".8479" />
 440 |             <stop id="stop3811" stop-color="#FFFFCF" offset="1" />
 441 |         </linearGradient>
 442 |         <radialGradient id="SVGID_36_" gradientUnits="userSpaceOnUse" cy="39.194" cx="48.154999" r="43.414001">
 443 |             <stop id="stop3818" stop-color="#EFD916" offset=".0036" />
 444 |             <stop id="stop3820" stop-color="#EFD516" offset=".1053" />
 445 |             <stop id="stop3822" stop-color="#EDC715" offset=".216" />
 446 |             <stop id="stop3824" stop-color="#EBB213" offset=".3308" />
 447 |             <stop id="stop3826" stop-color="#E89312" offset=".4485" />
 448 |             <stop id="stop3828" stop-color="#E36D0F" offset=".5673" />
 449 |             <stop id="stop3830" stop-color="#E04D0D" offset=".65" />
 450 |             <stop id="stop3832" stop-color="#CE2907" offset=".7851" />
 451 |             <stop id="stop3834" stop-color="#BF0B02" offset=".9224" />
 452 |             <stop id="stop3836" stop-color="#B90000" offset="1" />
 453 |         </radialGradient>
 454 |         <linearGradient id="SVGID_38_" y2="5.2898002" gradientUnits="userSpaceOnUse" x2="22.211" y1="5.2898002"
 455 |             x1="22.032">
 456 |             <stop id="stop3860" stop-color="#FD7E36" offset="0" />
 457 |             <stop id="stop3862" stop-color="#BD6F4F" offset="1" />
 458 |         </linearGradient>
 459 |         <linearGradient id="SVGID_40_" y2="4.2667999" gradientUnits="userSpaceOnUse" x2="57.925999" y1="4.2667999"
 460 |             x1="22.120001">
 461 |             <stop id="stop3878" stop-color="#FC2B21" offset="0" />
 462 |             <stop id="stop3880" stop-color="#FF590A" offset=".236" />
 463 |             <stop id="stop3882" stop-color="#FB570B" offset=".2478" />
 464 |             <stop id="stop3884" stop-color="#E74C0E" offset=".3274" />
 465 |             <stop id="stop3886" stop-color="#D84511" offset=".4172" />
 466 |             <stop id="stop3888" stop-color="#D04013" offset=".5247" />
 467 |             <stop id="stop3890" stop-color="#CD3F13" offset=".6966" />
 468 |             <stop id="stop3892" stop-color="#D04213" offset=".7958" />
 469 |             <stop id="stop3894" stop-color="#D84B14" offset=".8688" />
 470 |             <stop id="stop3896" stop-color="#E65B16" offset=".9334" />
 471 |             <stop id="stop3898" stop-color="#F97219" offset=".9927" />
 472 |             <stop id="stop3900" stop-color="#FC7519" offset="1" />
 473 |         </linearGradient>
 474 |         <linearGradient id="SVGID_41_" y2="21.966999" gradientUnits="userSpaceOnUse" x2="22.964001" y1="21.966999"
 475 |             x1="12.904">
 476 |             <stop id="stop3909" stop-color="#FD7E36" offset="0" />
 477 |             <stop id="stop3911" stop-color="#BD6F4F" offset="1" />
 478 |         </linearGradient>
 479 |         <linearGradient id="SVGID_42_" y2="1.4118" gradientUnits="userSpaceOnUse" x2="25.65" y1="9.0417004"
 480 |             x1="59.880001">
 481 |             <stop id="stop3916" stop-color="#FE560D" offset="0" />
 482 |             <stop id="stop3918" stop-color="#8C1501" offset="1" />
 483 |         </linearGradient>
 484 |         <linearGradient id="SVGID_43_" y2="-2.4793999" gradientUnits="userSpaceOnUse" x2="39.596001" y1="8.6359997"
 485 |             x1="40.002998">
 486 |             <stop id="stop3923" stop-color="#FE560D" offset="0" />
 487 |             <stop id="stop3925" stop-color="#8C1501" offset="1" />
 488 |         </linearGradient>
 489 |         <linearGradient id="SVGID_44_" y2="23.684" gradientUnits="userSpaceOnUse" x2="58.074001" y1="23.684"
 490 |             x1="47.625">
 491 |             <stop id="stop3932" stop-color="#FD7E36" offset="0" />
 492 |             <stop id="stop3934" stop-color="#FC895B" offset="1" />
 493 |         </linearGradient>
 494 |         <linearGradient id="SVGID_45_" y2="36.240002" gradientUnits="userSpaceOnUse" x2="48.695" y1="36.240002"
 495 |             x1="12.928">
 496 |             <stop id="stop3939" stop-color="#FD9B20" offset="0" />
 497 |             <stop id="stop3941" stop-color="#FD9B20" offset=".25" />
 498 |             <stop id="stop3943" stop-color="#FDB830" offset=".3365" />
 499 |             <stop id="stop3945" stop-color="#FED23E" offset=".4292" />
 500 |             <stop id="stop3947" stop-color="#FEDB43" offset=".4851" />
 501 |             <stop id="stop3949" stop-color="#FE8411" offset=".75" />
 502 |             <stop id="stop3951" stop-color="#FE560D" offset="1" />
 503 |         </linearGradient>
 504 |         <linearGradient id="SVGID_47_" y2="5.2898002" gradientUnits="userSpaceOnUse" x2="22.212999" y1="5.2898002"
 505 |             x1="22.034">
 506 |             <stop id="stop3965" stop-color="#FD7E36" offset="0" />
 507 |             <stop id="stop3967" stop-color="#BD6F4F" offset="1" />
 508 |         </linearGradient>
 509 |         <radialGradient id="SVGID_50_" gradientUnits="userSpaceOnUse" cy="44.013" cx="49.351002" r="49.676998">
 510 |             <stop id="stop4004" stop-color="#D1E787" offset=".005" />
 511 |             <stop id="stop4006" stop-color="#CEE583" offset=".1227" />
 512 |             <stop id="stop4008" stop-color="#C4DE76" offset=".2473" />
 513 |             <stop id="stop4010" stop-color="#B3D361" offset=".3751" />
 514 |             <stop id="stop4012" stop-color="#9CC443" offset=".5051" />
 515 |             <stop id="stop4014" stop-color="#7FB01D" offset=".6356" />
 516 |             <stop id="stop4016" stop-color="#7BAE19" offset=".6495" />
 517 |             <stop id="stop4018" stop-color="#578D19" offset=".7789" />
 518 |             <stop id="stop4020" stop-color="#366E1A" offset=".922" />
 519 |             <stop id="stop4022" stop-color="#29621A" offset="1" />
 520 |         </radialGradient>
 521 |         <linearGradient id="SVGID_51_" y2="13.84" gradientUnits="userSpaceOnUse" x2="98.606003" y1="13.84"
 522 |             x1="62.728001">
 523 |             <stop id="stop4027" stop-color="#D3ED89" offset="0" />
 524 |             <stop id="stop4029" stop-color="#5F821C" offset="1" />
 525 |         </linearGradient>
 526 |         <linearGradient id="SVGID_52_" y2="26.584" gradientUnits="userSpaceOnUse" x2="57.341999" y1="26.827999"
 527 |             x1="58.195">
 528 |             <stop id="stop4036" stop-color="#D3ED89" offset=".2822" />
 529 |             <stop id="stop4038" stop-color="#D3ED89" offset=".4045" />
 530 |             <stop id="stop4040" stop-color="#5F821C" offset="1" />
 531 |         </linearGradient>
 532 |         <linearGradient id="SVGID_53_" y2="10.625" gradientUnits="userSpaceOnUse" x2="61.946999" y1="10.682"
 533 |             x1="62.764999">
 534 |             <stop id="stop4047" stop-color="#7AA922" offset="0" />
 535 |             <stop id="stop4049" stop-color="#D3ED89" offset=".2" />
 536 |             <stop id="stop4051" stop-color="#D3ED89" offset=".525" />
 537 |             <stop id="stop4053" stop-color="#7AA922" offset="1" />
 538 |         </linearGradient>
 539 |         <linearGradient id="SVGID_54_" y2="29.306" gradientUnits="userSpaceOnUse" x2="99.835999" y1="29.306"
 540 |             x1="89.855003">
 541 |             <stop id="stop4058" stop-color="#7AA922" offset=".0056" />
 542 |             <stop id="stop4060" stop-color="#1D4A20" offset=".1685" />
 543 |             <stop id="stop4062" stop-color="#26551B" offset=".382" />
 544 |             <stop id="stop4064" stop-color="#7AA922" offset="1" />
 545 |         </linearGradient>
 546 |         <linearGradient id="SVGID_55_" y2="45.007999" gradientUnits="userSpaceOnUse" x2="89.101997" y1="45.063999"
 547 |             x1="89.907997">
 548 |             <stop id="stop4073" stop-color="#7AA922" offset="0" />
 549 |             <stop id="stop4075" stop-color="#D3ED89" offset="1" />
 550 |         </linearGradient>
 551 |         <linearGradient id="SVGID_56_" y2="45.703999" gradientUnits="userSpaceOnUse" x2="89.760002" y1="45.136002"
 552 |             x1="90.272003">
 553 |             <stop id="stop4080" stop-color="#5F821C" offset="0" />
 554 |             <stop id="stop4082" stop-color="#26551B" offset="1" />
 555 |         </linearGradient>
 556 |         <linearGradient id="SVGID_57_" y2="46.138" gradientUnits="userSpaceOnUse" x2="89.521004" y1="46.138"
 557 |             x1="53.181999">
 558 |             <stop id="stop4087" stop-color="#7AA922" offset="0" />
 559 |             <stop id="stop4089" stop-color="#D3ED89" offset=".4" />
 560 |             <stop id="stop4091" stop-color="#7AA922" offset="1" />
 561 |         </linearGradient>
 562 |         <linearGradient id="SVGID_58_" y2="42.716999" gradientUnits="userSpaceOnUse" x2="52.387001" y1="43.355"
 563 |             x1="52.960999">
 564 |             <stop id="stop4102" stop-color="#1D3A19" offset="0" />
 565 |             <stop id="stop4104" stop-color="#26551B" offset=".1" />
 566 |             <stop id="stop4106" stop-color="#7AA922" offset=".65" />
 567 |             <stop id="stop4108" stop-color="#D3ED89" offset="1" />
 568 |         </linearGradient>
 569 |         <linearGradient id="SVGID_59_" y2="43.077999" gradientUnits="userSpaceOnUse" x2="53.360001" y1="42.324001"
 570 |             x1="52.942001">
 571 |             <stop id="stop4113" stop-color="#5F821C" offset="0" />
 572 |             <stop id="stop4115" stop-color="#7AA922" offset=".4045" />
 573 |             <stop id="stop4117" stop-color="#5F821C" offset=".8" />
 574 |             <stop id="stop4119" stop-color="#5F821C" offset="1" />
 575 |         </linearGradient>
 576 |         <linearGradient id="SVGID_60_" y2="13.016" gradientUnits="userSpaceOnUse" x2="99.545998" y1="13.42"
 577 |             x1="99.427002">
 578 |             <stop id="stop4124" stop-color="#5B7F30" offset="0" />
 579 |             <stop id="stop4126" stop-color="#D3ED89" offset="1" />
 580 |         </linearGradient>
 581 |         <linearGradient id="SVGID_61_" y2="8.0393" gradientUnits="userSpaceOnUse" x2="62.159" y1="18.514"
 582 |             x1="98.690002">
 583 |             <stop id="stop4131" stop-color="#1D3419" offset="0" />
 584 |             <stop id="stop4133" stop-color="#26551B" offset=".2277" />
 585 |             <stop id="stop4135" stop-color="#7AA922" offset="1" />
 586 |         </linearGradient>
 587 |         <linearGradient id="SVGID_62_" y2="28.764999" gradientUnits="userSpaceOnUse" x2="93.730003" y1="29.007999"
 588 |             x1="94.575996">
 589 |             <stop id="stop4140" stop-color="#5F821C" offset="0" />
 590 |             <stop id="stop4142" stop-color="#75C146" offset="1" />
 591 |         </linearGradient>
 592 |         <linearGradient id="SVGID_63_" y2="13.263" gradientUnits="userSpaceOnUse" x2="100.04" y1="13.263"
 593 |             x1="98.396004">
 594 |             <stop id="stop4147" stop-color="#D3ED89" offset="0" />
 595 |             <stop id="stop4149" stop-color="#5F821C" offset="1" />
 596 |         </linearGradient>
 597 |         <linearGradient id="SVGID_64_" y2="8.4527998" gradientUnits="userSpaceOnUse" x2="62.105999" y1="18.898001"
 598 |             x1="98.531998">
 599 |             <stop id="stop4154-2" stop-color="#93BF81" offset="0" />
 600 |             <stop id="stop4156" stop-color="#26551B" offset=".2277" />
 601 |             <stop id="stop4158" stop-color="#BDE256" offset="1" />
 602 |         </linearGradient>
 603 |         <linearGradient id="SVGID_65_" y2="13.016" gradientUnits="userSpaceOnUse" x2="99.547997" y1="13.42"
 604 |             x1="99.429001">
 605 |             <stop id="stop4163-7" stop-color="#5B7F30" offset="0" />
 606 |             <stop id="stop4165-9" stop-color="#D3ED89" offset="1" />
 607 |         </linearGradient>
 608 |         <linearGradient id="SVGID_66_" y2="13.264" gradientUnits="userSpaceOnUse" x2="100.04" y1="13.264"
 609 |             x1="98.396004">
 610 |             <stop id="stop4170" stop-color="#D3ED89" offset="0" />
 611 |             <stop id="stop4172-8" stop-color="#5F821C" offset="1" />
 612 |         </linearGradient>
 613 |         <filter id="filter6896" height="1.5" width="1.5" y="-0.25" x="-0.25">
 614 |             <feGaussianBlur id="feGaussianBlur6898" result="blur" stdDeviation="0.8" in="SourceAlpha" />
 615 |             <feColorMatrix id="feColorMatrix6900" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.541 0 " type="matrix"
 616 |                 result="bluralpha" />
 617 |             <feOffset id="feOffset6902" result="offsetBlur" dy="0.9" dx="1.7" in="bluralpha" />
 618 |             <feMerge id="feMerge6904">
 619 |                 <feMergeNode id="feMergeNode6906" in="offsetBlur" />
 620 |                 <feMergeNode id="feMergeNode6908" in="SourceGraphic" />
 621 |             </feMerge>
 622 |         </filter>
 623 |         <radialGradient id="SVGID_48_" cx="232.2451" cy="-168.24001" r="33.430199"
 624 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 625 |             <stop offset="0.005" style="stop-color:#D1E787" id="stop7071" />
 626 |             <stop offset="0.1227" style="stop-color:#CEE583" id="stop7073" />
 627 |             <stop offset="0.2473" style="stop-color:#C4DE76" id="stop7075" />
 628 |             <stop offset="0.3751" style="stop-color:#B3D361" id="stop7077" />
 629 |             <stop offset="0.5051" style="stop-color:#9CC443" id="stop7079" />
 630 |             <stop offset="0.6356" style="stop-color:#7FB01D" id="stop7081" />
 631 |             <stop offset="0.6495" style="stop-color:#7BAE19" id="stop7083" />
 632 |             <stop offset="0.7789" style="stop-color:#578D19" id="stop7085" />
 633 |             <stop offset="0.922" style="stop-color:#366E1A" id="stop7087" />
 634 |             <stop offset="1" style="stop-color:#29621A" id="stop7089" />
 635 |         </radialGradient>
 636 |         <linearGradient id="SVGID_49_" gradientUnits="userSpaceOnUse" x1="241.248" y1="-147.9348" x2="265.39261"
 637 |             y2="-147.9348" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 638 |             <stop offset="0" style="stop-color:#D3ED89" id="stop7094" />
 639 |             <stop offset="1" style="stop-color:#5F821C" id="stop7096" />
 640 |         </linearGradient>
 641 |         <linearGradient id="SVGID_50_-6" gradientUnits="userSpaceOnUse" x1="238.1963" y1="-156.675" x2="237.6232"
 642 |             y2="-156.5107" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 643 |             <stop offset="0.2822" style="stop-color:#D3ED89" id="stop7103" />
 644 |             <stop offset="0.4045" style="stop-color:#D3ED89" id="stop7105" />
 645 |             <stop offset="1" style="stop-color:#5F821C" id="stop7107" />
 646 |         </linearGradient>
 647 |         <linearGradient id="SVGID_51_-4" gradientUnits="userSpaceOnUse" x1="241.27251" y1="-145.8098" x2="240.7211"
 648 |             y2="-145.7713" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 649 |             <stop offset="0" style="stop-color:#7AA922" id="stop7114" />
 650 |             <stop offset="0.2" style="stop-color:#D3ED89" id="stop7116" />
 651 |             <stop offset="0.525" style="stop-color:#D3ED89" id="stop7118" />
 652 |             <stop offset="1" style="stop-color:#7AA922" id="stop7120" />
 653 |         </linearGradient>
 654 |         <linearGradient id="SVGID_52_-3" gradientUnits="userSpaceOnUse" x1="259.50201" y1="-158.343" x2="266.21881"
 655 |             y2="-158.343" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 656 |             <stop offset="0.0056" style="stop-color:#7AA922" id="stop7125" />
 657 |             <stop offset="0.1685" style="stop-color:#1D4A20" id="stop7127" />
 658 |             <stop offset="0.382" style="stop-color:#26551B" id="stop7129" />
 659 |             <stop offset="1" style="stop-color:#7AA922" id="stop7131" />
 660 |         </linearGradient>
 661 |         <linearGradient id="SVGID_53_-2" gradientUnits="userSpaceOnUse" x1="259.53909" y1="-168.9465" x2="258.99619"
 662 |             y2="-168.9086" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 663 |             <stop offset="0" style="stop-color:#7AA922" id="stop7140" />
 664 |             <stop offset="1" style="stop-color:#D3ED89" id="stop7142" />
 665 |         </linearGradient>
 666 |         <linearGradient id="SVGID_54_-8" gradientUnits="userSpaceOnUse" x1="259.7822" y1="-168.99631" x2="259.43851"
 667 |             y2="-169.3781" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 668 |             <stop offset="0" style="stop-color:#5F821C" id="stop7147" />
 669 |             <stop offset="1" style="stop-color:#26551B" id="stop7149" />
 670 |         </linearGradient>
 671 |         <linearGradient id="SVGID_55_-1" gradientUnits="userSpaceOnUse" x1="234.8242" y1="-169.6702" x2="259.27731"
 672 |             y2="-169.6702" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 673 |             <stop offset="0" style="stop-color:#7AA922" id="stop7154" />
 674 |             <stop offset="0.4" style="stop-color:#D3ED89" id="stop7156" />
 675 |             <stop offset="1" style="stop-color:#7AA922" id="stop7158" />
 676 |         </linearGradient>
 677 |         <linearGradient id="SVGID_56_-5" gradientUnits="userSpaceOnUse" x1="234.6748" y1="-167.7971" x2="234.2885"
 678 |             y2="-167.3681" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 679 |             <stop offset="0" style="stop-color:#1D3A19" id="stop7169" />
 680 |             <stop offset="0.1" style="stop-color:#26551B" id="stop7171" />
 681 |             <stop offset="0.65" style="stop-color:#7AA922" id="stop7173" />
 682 |             <stop offset="1" style="stop-color:#D3ED89" id="stop7175" />
 683 |         </linearGradient>
 684 |         <linearGradient id="SVGID_57_-0" gradientUnits="userSpaceOnUse" x1="234.6611" y1="-167.10381" x2="234.9424"
 685 |             y2="-167.6113" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 686 |             <stop offset="0" style="stop-color:#5F821C" id="stop7180" />
 687 |             <stop offset="0.4045" style="stop-color:#7AA922" id="stop7182" />
 688 |             <stop offset="0.8" style="stop-color:#5F821C" id="stop7184" />
 689 |             <stop offset="1" style="stop-color:#5F821C" id="stop7186" />
 690 |         </linearGradient>
 691 |         <linearGradient id="SVGID_58_-5" gradientUnits="userSpaceOnUse" x1="265.94339" y1="-147.6521" x2="266.02328"
 692 |             y2="-147.3804" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 693 |             <stop offset="0" style="stop-color:#5B7F30" id="stop7191" />
 694 |             <stop offset="1" style="stop-color:#D3ED89" id="stop7193" />
 695 |         </linearGradient>
 696 |         <linearGradient id="SVGID_59_-4" gradientUnits="userSpaceOnUse" x1="265.44821" y1="-151.0808" x2="240.8642"
 697 |             y2="-144.0314" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 698 |             <stop offset="0" style="stop-color:#1D3419" id="stop7198" />
 699 |             <stop offset="0.2277" style="stop-color:#26551B" id="stop7200" />
 700 |             <stop offset="1" style="stop-color:#7AA922" id="stop7202" />
 701 |         </linearGradient>
 702 |         <linearGradient id="SVGID_60_-3" gradientUnits="userSpaceOnUse" x1="262.67871" y1="-158.1414" x2="262.1095"
 703 |             y2="-157.9781" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 704 |             <stop offset="0" style="stop-color:#5F821C" id="stop7207" />
 705 |             <stop offset="1" style="stop-color:#75C146" id="stop7209" />
 706 |         </linearGradient>
 707 |         <linearGradient id="SVGID_61_-1" gradientUnits="userSpaceOnUse" x1="265.25" y1="-147.5471" x2="266.35449"
 708 |             y2="-147.5471" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 709 |             <stop offset="0" style="stop-color:#D3ED89" id="stop7214" />
 710 |             <stop offset="1" style="stop-color:#5F821C" id="stop7216" />
 711 |         </linearGradient>
 712 |         <linearGradient id="SVGID_62_-7" gradientUnits="userSpaceOnUse" x1="265.3428" y1="-151.33859" x2="240.8306"
 713 |             y2="-144.30991" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 714 |             <stop offset="0" style="stop-color:#93BF81" id="stop7221" />
 715 |             <stop offset="0.2277" style="stop-color:#26551B" id="stop7223" />
 716 |             <stop offset="1" style="stop-color:#BDE256" id="stop7225" />
 717 |         </linearGradient>
 718 |         <linearGradient id="SVGID_63_-7" gradientUnits="userSpaceOnUse" x1="265.94531" y1="-147.65359" x2="266.02551"
 719 |             y2="-147.38091" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 720 |             <stop offset="0" style="stop-color:#5B7F30" id="stop7230" />
 721 |             <stop offset="1" style="stop-color:#D3ED89" id="stop7232" />
 722 |         </linearGradient>
 723 |         <linearGradient id="SVGID_64_-6" gradientUnits="userSpaceOnUse" x1="265.25" y1="-147.5481" x2="266.35641"
 724 |             y2="-147.5481" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 725 |             <stop offset="0" style="stop-color:#D3ED89" id="stop7237" />
 726 |             <stop offset="1" style="stop-color:#5F821C" id="stop7239" />
 727 |         </linearGradient>
 728 |         <radialGradient id="SVGID_36_-4" cx="231.4404" cy="-164.9973" r="29.2155"
 729 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 730 |             <stop offset="0.0036" style="stop-color:#EFD916" id="stop6895" />
 731 |             <stop offset="0.1053" style="stop-color:#EFD516" id="stop6897" />
 732 |             <stop offset="0.216" style="stop-color:#EDC715" id="stop6899" />
 733 |             <stop offset="0.3308" style="stop-color:#EBB213" id="stop6901" />
 734 |             <stop offset="0.4485" style="stop-color:#E89312" id="stop6903" />
 735 |             <stop offset="0.5673" style="stop-color:#E36D0F" id="stop6905" />
 736 |             <stop offset="0.65" style="stop-color:#E04D0D" id="stop6907" />
 737 |             <stop offset="0.7851" style="stop-color:#CE2907" id="stop6909" />
 738 |             <stop offset="0.9224" style="stop-color:#BF0B02" id="stop6911" />
 739 |             <stop offset="1" style="stop-color:#B90000" id="stop6913" />
 740 |         </radialGradient>
 741 |         <linearGradient id="SVGID_38_-7" gradientUnits="userSpaceOnUse" x1="213.8618" y1="-142.1819" x2="213.98241"
 742 |             y2="-142.1819" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 743 |             <stop offset="0" style="stop-color:#FD7E36" id="stop6936" />
 744 |             <stop offset="1" style="stop-color:#BD6F4F" id="stop6938" />
 745 |         </linearGradient>
 746 |         <linearGradient id="SVGID_39_" gradientUnits="userSpaceOnUse" x1="213.9214" y1="-141.4929" x2="238.01559"
 747 |             y2="-141.4929" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 748 |             <stop offset="0" style="stop-color:#FC2B21" id="stop6950" />
 749 |             <stop offset="0.236" style="stop-color:#FF590A" id="stop6952" />
 750 |             <stop offset="0.2478" style="stop-color:#FB570B" id="stop6954" />
 751 |             <stop offset="0.3274" style="stop-color:#E74C0E" id="stop6956" />
 752 |             <stop offset="0.4172" style="stop-color:#D84511" id="stop6958" />
 753 |             <stop offset="0.5247" style="stop-color:#D04013" id="stop6960" />
 754 |             <stop offset="0.6966" style="stop-color:#CD3F13" id="stop6962" />
 755 |             <stop offset="0.7958" style="stop-color:#D04213" id="stop6964" />
 756 |             <stop offset="0.8688" style="stop-color:#D84B14" id="stop6966" />
 757 |             <stop offset="0.9334" style="stop-color:#E65B16" id="stop6968" />
 758 |             <stop offset="0.9927" style="stop-color:#F97219" id="stop6970" />
 759 |             <stop offset="1" style="stop-color:#FC7519" id="stop6972" />
 760 |         </linearGradient>
 761 |         <linearGradient id="SVGID_40_-4" gradientUnits="userSpaceOnUse" x1="207.71831" y1="-153.4045" x2="214.4888"
 762 |             y2="-153.4045" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 763 |             <stop offset="0" style="stop-color:#FD7E36" id="stop6981" />
 764 |             <stop offset="1" style="stop-color:#BD6F4F" id="stop6983" />
 765 |         </linearGradient>
 766 |         <linearGradient id="SVGID_41_-6" gradientUnits="userSpaceOnUse" x1="239.4238" y1="-144.7278" x2="215.336"
 767 |             y2="-139.3586" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 768 |             <stop offset="0" style="stop-color:#FE560D" id="stop6988" />
 769 |             <stop offset="1" style="stop-color:#8C1501" id="stop6990" />
 770 |         </linearGradient>
 771 |         <linearGradient id="SVGID_42_-7" gradientUnits="userSpaceOnUse" x1="225.95509" y1="-144.4333" x2="225.6814"
 772 |             y2="-136.9538" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 773 |             <stop offset="0" style="stop-color:#FE560D" id="stop6995" />
 774 |             <stop offset="1" style="stop-color:#8C1501" id="stop6997" />
 775 |         </linearGradient>
 776 |         <linearGradient id="SVGID_43_-5" gradientUnits="userSpaceOnUse" x1="231.084" y1="-154.55881" x2="238.1152"
 777 |             y2="-154.55881" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 778 |             <stop offset="0" style="stop-color:#FD7E36" id="stop7004" />
 779 |             <stop offset="1" style="stop-color:#FC895B" id="stop7006" />
 780 |         </linearGradient>
 781 |         <linearGradient id="SVGID_44_-0" gradientUnits="userSpaceOnUse" x1="207.73489" y1="-163.009" x2="231.8037"
 782 |             y2="-163.009" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 783 |             <stop offset="0" style="stop-color:#FD9B20" id="stop7011" />
 784 |             <stop offset="0.25" style="stop-color:#FD9B20" id="stop7013" />
 785 |             <stop offset="0.3365" style="stop-color:#FDB830" id="stop7015" />
 786 |             <stop offset="0.4292" style="stop-color:#FED23E" id="stop7017" />
 787 |             <stop offset="0.4851" style="stop-color:#FEDB43" id="stop7019" />
 788 |             <stop offset="0.75" style="stop-color:#FE8411" id="stop7021" />
 789 |             <stop offset="1" style="stop-color:#FE560D" id="stop7023" />
 790 |         </linearGradient>
 791 |         <linearGradient id="SVGID_45_-6" gradientUnits="userSpaceOnUse" x1="213.8618" y1="-142.1819" x2="213.98309"
 792 |             y2="-142.1819" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 793 |             <stop offset="0" style="stop-color:#FD7E36" id="stop7036" />
 794 |             <stop offset="1" style="stop-color:#BD6F4F" id="stop7038" />
 795 |         </linearGradient>
 796 |         <linearGradient id="SVGID_47_-1" gradientUnits="userSpaceOnUse" x1="213.92039" y1="-141.49339" x2="238.01559"
 797 |             y2="-141.49339" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 798 |             <stop offset="0" style="stop-color:#FC2B21" id="stop7042" />
 799 |             <stop offset="0.236" style="stop-color:#FF590A" id="stop7044" />
 800 |             <stop offset="0.2478" style="stop-color:#FB570B" id="stop7046" />
 801 |             <stop offset="0.3274" style="stop-color:#E74C0E" id="stop7048" />
 802 |             <stop offset="0.4172" style="stop-color:#D84511" id="stop7050" />
 803 |             <stop offset="0.5247" style="stop-color:#D04013" id="stop7052" />
 804 |             <stop offset="0.6966" style="stop-color:#CD3F13" id="stop7054" />
 805 |             <stop offset="0.7958" style="stop-color:#D04213" id="stop7056" />
 806 |             <stop offset="0.8688" style="stop-color:#D84B14" id="stop7058" />
 807 |             <stop offset="0.9334" style="stop-color:#E65B16" id="stop7060" />
 808 |             <stop offset="0.9927" style="stop-color:#F97219" id="stop7062" />
 809 |             <stop offset="1" style="stop-color:#FC7519" id="stop7064" />
 810 |         </linearGradient>
 811 |         <radialGradient id="SVGID_19_-5" cx="232.37891" cy="-169.2312" r="30.7768"
 812 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 813 |             <stop offset="0" style="stop-color:#FCF5B0" id="stop6728" />
 814 |             <stop offset="0.1657" style="stop-color:#F7EDA0" id="stop6730" />
 815 |             <stop offset="0.2849" style="stop-color:#F3E591" id="stop6732" />
 816 |             <stop offset="0.65" style="stop-color:#FCD118" id="stop6734" />
 817 |             <stop offset="0.8024" style="stop-color:#F7A50C" id="stop6736" />
 818 |             <stop offset="0.9288" style="stop-color:#F38603" id="stop6738" />
 819 |             <stop offset="1" style="stop-color:#F27B00" id="stop6740" />
 820 |         </radialGradient>
 821 |         <linearGradient id="SVGID_20_-7" gradientUnits="userSpaceOnUse" x1="252.8213" y1="-194.2585" x2="252.6933"
 822 |             y2="-194.73621" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 823 |             <stop offset="0" style="stop-color:#DE980D" id="stop6745" />
 824 |             <stop offset="1" style="stop-color:#A85D10" id="stop6747" />
 825 |         </linearGradient>
 826 |         <linearGradient id="SVGID_21_-8" gradientUnits="userSpaceOnUse" x1="252.8291" y1="-184.0251" x2="258.91409"
 827 |             y2="-184.0251" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 828 |             <stop offset="0" style="stop-color:#DEB150" id="stop6752" />
 829 |             <stop offset="1" style="stop-color:#FFF8B3" id="stop6754" />
 830 |         </linearGradient>
 831 |         <linearGradient id="SVGID_22_-4" gradientUnits="userSpaceOnUse" x1="258.85349" y1="-173.2937" x2="258.85349"
 832 |             y2="-173.6902" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 833 |             <stop offset="0.0056" style="stop-color:#C67C0C" id="stop6759" />
 834 |             <stop offset="1" style="stop-color:#DE980D" id="stop6761" />
 835 |         </linearGradient>
 836 |         <linearGradient id="SVGID_23_-0" gradientUnits="userSpaceOnUse" x1="257.9805" y1="-172.8289" x2="258.22781"
 837 |             y2="-173.24049" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 838 |             <stop offset="0.0056" style="stop-color:#FED40F" id="stop6766" />
 839 |             <stop offset="1" style="stop-color:#A85D10" id="stop6768" />
 840 |         </linearGradient>
 841 |         <linearGradient id="SVGID_24_-7" gradientUnits="userSpaceOnUse" x1="258.62601" y1="-173.14529" x2="258.4733"
 842 |             y2="-173.32719" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 843 |             <stop offset="0.0056" style="stop-color:#FED40F" id="stop6773" />
 844 |             <stop offset="1" style="stop-color:#A85D10" id="stop6775" />
 845 |         </linearGradient>
 846 |         <linearGradient id="SVGID_25_-3" gradientUnits="userSpaceOnUse" x1="233.9707" y1="-173.1165" x2="257.9707"
 847 |             y2="-173.1165" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 848 |             <stop offset="0" style="stop-color:#FFF8FB" id="stop6782" />
 849 |             <stop offset="1" style="stop-color:#FEC236" id="stop6784" />
 850 |         </linearGradient>
 851 |         <linearGradient id="SVGID_26_-4" gradientUnits="userSpaceOnUse" x1="255.3418" y1="-183.53" x2="254.8069"
 852 |             y2="-183.37669" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 853 |             <stop offset="0" style="stop-color:#B37E00" id="stop6791" />
 854 |             <stop offset="1" style="stop-color:#FF9E00" id="stop6793" />
 855 |         </linearGradient>
 856 |         <linearGradient id="SVGID_27_-7" gradientUnits="userSpaceOnUse" x1="252.5498" y1="-193.9778" x2="252.2829"
 857 |             y2="-194.5773" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 858 |             <stop offset="0.0056" style="stop-color:#FFD100" id="stop6800" />
 859 |             <stop offset="1" style="stop-color:#A8710A" id="stop6802" />
 860 |         </linearGradient>
 861 |         <linearGradient id="SVGID_28_-4" gradientUnits="userSpaceOnUse" x1="227.62601" y1="-194.56419" x2="252.08591"
 862 |             y2="-194.56419" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 863 |             <stop offset="0" style="stop-color:#DE980D" id="stop6807" />
 864 |             <stop offset="0.4" style="stop-color:#FDDA10" id="stop6809" />
 865 |             <stop offset="1" style="stop-color:#DE980D" id="stop6811" />
 866 |         </linearGradient>
 867 |         <linearGradient id="SVGID_29_-3" gradientUnits="userSpaceOnUse" x1="227.4561" y1="-192.8821" x2="227.06281"
 868 |             y2="-192.4453" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 869 |             <stop offset="0" style="stop-color:#DE980D" id="stop6820" />
 870 |             <stop offset="0.1" style="stop-color:#DE980D" id="stop6822" />
 871 |             <stop offset="0.7" style="stop-color:#FDDA10" id="stop6824" />
 872 |             <stop offset="1" style="stop-color:#DE980D" id="stop6826" />
 873 |         </linearGradient>
 874 |         <linearGradient id="SVGID_30_-0" gradientUnits="userSpaceOnUse" x1="227.4678" y1="-192.1497" x2="227.745"
 875 |             y2="-192.6497" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 876 |             <stop offset="0" style="stop-color:#DE980D" id="stop6831" />
 877 |             <stop offset="0.4" style="stop-color:#FEBF0F" id="stop6833" />
 878 |             <stop offset="0.8" style="stop-color:#FED40F" id="stop6835" />
 879 |             <stop offset="1" style="stop-color:#DE980D" id="stop6837" />
 880 |         </linearGradient>
 881 |         <radialGradient id="SVGID_31_-3" cx="233.6602" cy="-170.8503" r="0.3021"
 882 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 883 |             <stop offset="0" style="stop-color:#FEEB71" id="stop6844" />
 884 |             <stop offset="1" style="stop-color:#DE980D" id="stop6846" />
 885 |         </radialGradient>
 886 |         <linearGradient id="SVGID_32_-1" gradientUnits="userSpaceOnUse" x1="230.9463" y1="-181.7717" x2="230.3831"
 887 |             y2="-181.61031" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 888 |             <stop offset="0.0056" style="stop-color:#FFEFBB" id="stop6851" />
 889 |             <stop offset="1" style="stop-color:#FFBF00" id="stop6853" />
 890 |         </linearGradient>
 891 |         <linearGradient id="SVGID_33_-4" gradientUnits="userSpaceOnUse" x1="232.79491" y1="-173.37621" x2="258.86661"
 892 |             y2="-173.37621" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 893 |             <stop offset="0.0056" style="stop-color:#FCA859" id="stop6858" />
 894 |             <stop offset="0.2135" style="stop-color:#FDC30F" id="stop6860" />
 895 |             <stop offset="1" style="stop-color:#B51C00" id="stop6862" />
 896 |         </linearGradient>
 897 |         <linearGradient id="SVGID_34_-8" gradientUnits="userSpaceOnUse" x1="233.00591" y1="-173.71561" x2="258.91409"
 898 |             y2="-173.71561" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 899 |             <stop offset="0.0056" style="stop-color:#FFF6D8" id="stop6867" />
 900 |             <stop offset="0.525" style="stop-color:#FDDA10" id="stop6869" />
 901 |             <stop offset="1" style="stop-color:#F9BD0C" id="stop6871" />
 902 |         </linearGradient>
 903 |         <linearGradient id="SVGID_35_-1" gradientUnits="userSpaceOnUse" x1="252.125" y1="-194.0168" x2="251.763"
 904 |             y2="-193.7038" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 905 |             <stop offset="0" style="stop-color:#EAB949" id="stop6876" />
 906 |             <stop offset="0.0722" style="stop-color:#EDC25A" id="stop6878" />
 907 |             <stop offset="0.2779" style="stop-color:#F3D883" id="stop6880" />
 908 |             <stop offset="0.4784" style="stop-color:#F8E9A4" id="stop6882" />
 909 |             <stop offset="0.6698" style="stop-color:#FCF5BC" id="stop6884" />
 910 |             <stop offset="0.8479" style="stop-color:#FEFCCA" id="stop6886" />
 911 |             <stop offset="1" style="stop-color:#FFFFCF" id="stop6888" />
 912 |         </linearGradient>
 913 |         <radialGradient id="SVGID_5_-3" cx="232.4072" cy="-168.50459" r="33.058399"
 914 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 915 |             <stop offset="0.0011" style="stop-color:#D1E7EE" id="stop6504" />
 916 |             <stop offset="0.0979" style="stop-color:#CDE4EC" id="stop6506" />
 917 |             <stop offset="0.203" style="stop-color:#C0DCE8" id="stop6508" />
 918 |             <stop offset="0.2985" style="stop-color:#ADD0E1" id="stop6510" />
 919 |             <stop offset="0.6504" style="stop-color:#3982B1" id="stop6512" />
 920 |             <stop offset="0.7203" style="stop-color:#3474AA" id="stop6514" />
 921 |             <stop offset="0.899" style="stop-color:#285699" id="stop6516" />
 922 |             <stop offset="1" style="stop-color:#244B93" id="stop6518" />
 923 |         </radialGradient>
 924 |         <radialGradient id="SVGID_6_-4" cx="232.3887" cy="-168.27609" r="33.259701"
 925 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 926 |             <stop offset="0.0036" style="stop-color:#D8EEED" id="stop6523" />
 927 |             <stop offset="0.1733" style="stop-color:#98D8D7" id="stop6525" />
 928 |             <stop offset="0.2237" style="stop-color:#8ED3D3" id="stop6527" />
 929 |             <stop offset="0.3088" style="stop-color:#74C6CA" id="stop6529" />
 930 |             <stop offset="0.4176" style="stop-color:#49B1BA" id="stop6531" />
 931 |             <stop offset="0.4477" style="stop-color:#3CAAB5" id="stop6533" />
 932 |             <stop offset="0.56" style="stop-color:#2E81A4" id="stop6535" />
 933 |             <stop offset="0.6836" style="stop-color:#215B94" id="stop6537" />
 934 |             <stop offset="0.783" style="stop-color:#19448B" id="stop6539" />
 935 |             <stop offset="0.8448" style="stop-color:#163B87" id="stop6541" />
 936 |             <stop offset="1" style="stop-color:#0B317D" id="stop6543" />
 937 |         </radialGradient>
 938 |         <radialGradient id="SVGID_7_-4" cx="232.3857" cy="-168.4431" r="33.177502"
 939 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 940 |             <stop offset="0.0036" style="stop-color:#D8EEED" id="stop6550" />
 941 |             <stop offset="0.1733" style="stop-color:#98D8D7" id="stop6552" />
 942 |             <stop offset="0.2237" style="stop-color:#8ED3D3" id="stop6554" />
 943 |             <stop offset="0.3088" style="stop-color:#74C6CA" id="stop6556" />
 944 |             <stop offset="0.4176" style="stop-color:#49B1BA" id="stop6558" />
 945 |             <stop offset="0.4477" style="stop-color:#3CAAB5" id="stop6560" />
 946 |             <stop offset="0.56" style="stop-color:#2E81A4" id="stop6562" />
 947 |             <stop offset="0.6836" style="stop-color:#215B94" id="stop6564" />
 948 |             <stop offset="0.783" style="stop-color:#19448B" id="stop6566" />
 949 |             <stop offset="0.8448" style="stop-color:#163B87" id="stop6568" />
 950 |             <stop offset="1" style="stop-color:#152469" id="stop6570" />
 951 |         </radialGradient>
 952 |         <radialGradient id="SVGID_8_-2" cx="232.4102" cy="-168.4158" r="33.192299"
 953 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 954 |             <stop offset="0.0036" style="stop-color:#D8EEED" id="stop6579" />
 955 |             <stop offset="0.1733" style="stop-color:#98D8D7" id="stop6581" />
 956 |             <stop offset="0.2237" style="stop-color:#8ED3D3" id="stop6583" />
 957 |             <stop offset="0.3088" style="stop-color:#74C6CA" id="stop6585" />
 958 |             <stop offset="0.4176" style="stop-color:#49B1BA" id="stop6587" />
 959 |             <stop offset="0.4477" style="stop-color:#3CAAB5" id="stop6589" />
 960 |             <stop offset="0.56" style="stop-color:#2E81A4" id="stop6591" />
 961 |             <stop offset="0.6836" style="stop-color:#215B94" id="stop6593" />
 962 |             <stop offset="0.783" style="stop-color:#19448B" id="stop6595" />
 963 |             <stop offset="0.8448" style="stop-color:#163B87" id="stop6597" />
 964 |             <stop offset="1" style="stop-color:#0B317D" id="stop6599" />
 965 |         </radialGradient>
 966 |         <linearGradient id="SVGID_9_-2" gradientUnits="userSpaceOnUse" x1="230.5762" y1="-169.54131" x2="225.40559"
 967 |             y2="-187.72929" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 968 |             <stop offset="0" style="stop-color:#98D8D7" id="stop6610" />
 969 |             <stop offset="1" style="stop-color:#152469" id="stop6612" />
 970 |         </linearGradient>
 971 |         <radialGradient id="SVGID_10_-5" cx="232.418" cy="-168.40359" r="33.309898"
 972 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
 973 |             <stop offset="0.0036" style="stop-color:#D8EEED" id="stop6617" />
 974 |             <stop offset="0.1733" style="stop-color:#98D8D7" id="stop6619" />
 975 |             <stop offset="0.2237" style="stop-color:#8ED3D3" id="stop6621" />
 976 |             <stop offset="0.3088" style="stop-color:#74C6CA" id="stop6623" />
 977 |             <stop offset="0.4176" style="stop-color:#49B1BA" id="stop6625" />
 978 |             <stop offset="0.4477" style="stop-color:#3CAAB5" id="stop6627" />
 979 |             <stop offset="0.56" style="stop-color:#2E81A4" id="stop6629" />
 980 |             <stop offset="0.6836" style="stop-color:#215B94" id="stop6631" />
 981 |             <stop offset="0.783" style="stop-color:#19448B" id="stop6633" />
 982 |             <stop offset="0.8448" style="stop-color:#163B87" id="stop6635" />
 983 |             <stop offset="1" style="stop-color:#152469" id="stop6637" />
 984 |         </radialGradient>
 985 |         <linearGradient id="SVGID_11_-2" gradientUnits="userSpaceOnUse" x1="200.4502" y1="-178.6882" x2="207.3149"
 986 |             y2="-178.6882" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 987 |             <stop offset="0" style="stop-color:#DEF3F1" id="stop6644" />
 988 |             <stop offset="1" style="stop-color:#5085BC" id="stop6646" />
 989 |         </linearGradient>
 990 |         <linearGradient id="SVGID_12_-9" gradientUnits="userSpaceOnUse" x1="223.9028" y1="-179.9543" x2="230.8896"
 991 |             y2="-179.9543" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 992 |             <stop offset="0" style="stop-color:#DEF3F1" id="stop6651" />
 993 |             <stop offset="1" style="stop-color:#5085BC" id="stop6653" />
 994 |         </linearGradient>
 995 |         <linearGradient id="SVGID_13_-1" gradientUnits="userSpaceOnUse" x1="206.6411" y1="-167.06129" x2="230.79491"
 996 |             y2="-167.06129" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
 997 |             <stop offset="0" style="stop-color:#094992" id="stop6658" />
 998 |             <stop offset="0.6685" style="stop-color:#8BCDE2" id="stop6660" />
 999 |             <stop offset="1" style="stop-color:#E6F6F9" id="stop6662" />
1000 |         </linearGradient>
1001 |         <linearGradient id="SVGID_14_-1" gradientUnits="userSpaceOnUse" x1="206.6895" y1="-167.532" x2="206.6895"
1002 |             y2="-167.532" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
1003 |             <stop offset="0" style="stop-color:#7E9EC4" id="stop6667" />
1004 |             <stop offset="1" style="stop-color:#151D89" id="stop6669" />
1005 |         </linearGradient>
1006 |         <linearGradient id="SVGID_15_-8" gradientUnits="userSpaceOnUse" x1="207.2256" y1="-167.47681" x2="230.31841"
1007 |             y2="-167.47681" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
1008 |             <stop offset="0.0056" style="stop-color:#BBC7E1" id="stop6674" />
1009 |             <stop offset="0.2247" style="stop-color:#7090C3" id="stop6676" />
1010 |             <stop offset="0.5449" style="stop-color:#C8EAEF" id="stop6678" />
1011 |             <stop offset="1" style="stop-color:#FFFFFF" id="stop6680" />
1012 |         </linearGradient>
1013 |         <linearGradient id="SVGID_16_-8" gradientUnits="userSpaceOnUse" x1="206.6963" y1="-166.7756" x2="230.79491"
1014 |             y2="-166.7756" gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)">
1015 |             <stop offset="0.0056" style="stop-color:#7090C3" id="stop6685" />
1016 |             <stop offset="0.5449" style="stop-color:#C1E7ED" id="stop6687" />
1017 |             <stop offset="1" style="stop-color:#FFFFFF" id="stop6689" />
1018 |         </linearGradient>
1019 |         <radialGradient id="SVGID_17_-5" cx="206.6226" cy="-167.59891" r="0.081500001"
1020 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
1021 |             <stop offset="0" style="stop-color:#7E9EC4" id="stop6694" />
1022 |             <stop offset="1" style="stop-color:#0A50A1" id="stop6696" />
1023 |         </radialGradient>
1024 |         <radialGradient id="SVGID_18_-0" cx="190.71919" cy="-188.16721" r="40.776699"
1025 |             gradientTransform="matrix(1,0,0,-1,-270.96,-122.0747)" gradientUnits="userSpaceOnUse">
1026 |             <stop offset="0.0036" style="stop-color:#D8EEED" id="stop6701" />
1027 |             <stop offset="0.1733" style="stop-color:#98D8D7" id="stop6703" />
1028 |             <stop offset="0.2237" style="stop-color:#8ED3D3" id="stop6705" />
1029 |             <stop offset="0.3088" style="stop-color:#74C6CA" id="stop6707" />
1030 |             <stop offset="0.4176" style="stop-color:#49B1BA" id="stop6709" />
1031 |             <stop offset="0.4477" style="stop-color:#3CAAB5" id="stop6711" />
1032 |             <stop offset="0.4987" style="stop-color:#369FB5" id="stop6713" />
1033 |             <stop offset="0.6306" style="stop-color:#2A88B4" id="stop6715" />
1034 |             <stop offset="0.7129" style="stop-color:#257FB4" id="stop6717" />
1035 |             <stop offset="1" style="stop-color:#4161AB" id="stop6719" />
1036 |         </radialGradient>
1037 |         <radialGradient id="SVGID_1_" cx="256.7764" cy="-191.69119" r="30.8692"
1038 |             gradientTransform="matrix(0.9732,0,0,-0.9795,-286.1021,-136.4147)" gradientUnits="userSpaceOnUse">
1039 |             <stop offset="0.25" style="stop-color:#FFFFFF" id="stop6468" />
1040 |             <stop offset="1" style="stop-color:#000000" id="stop6470" />
1041 |         </radialGradient>
1042 |         <radialGradient id="SVGID_2_" cx="256.77829" cy="-191.69209" r="30.867001"
1043 |             gradientTransform="matrix(0.9732,0,0,-0.9795,-286.1021,-136.4147)" gradientUnits="userSpaceOnUse">
1044 |             <stop offset="0.25" style="stop-color:#FFFFFF" id="stop6475" />
1045 |             <stop offset="1" style="stop-color:#000000" id="stop6477" />
1046 |         </radialGradient>
1047 |         <radialGradient id="SVGID_3_" cx="256.77731" cy="-191.6926" r="30.868799"
1048 |             gradientTransform="matrix(0.9732,0,0,-0.9795,-286.1021,-136.4147)" gradientUnits="userSpaceOnUse">
1049 |             <stop offset="0.25" style="stop-color:#FFFFFF" id="stop6482" />
1050 |             <stop offset="1" style="stop-color:#000000" id="stop6484" />
1051 |         </radialGradient>
1052 |         <radialGradient id="SVGID_4_" cx="256.7764" cy="-191.6926" r="30.871201"
1053 |             gradientTransform="matrix(0.9732,0,0,-0.9795,-286.1021,-136.4147)" gradientUnits="userSpaceOnUse">
1054 |             <stop offset="0.25" style="stop-color:#FFFFFF" id="stop6489" />
1055 |             <stop offset="1" style="stop-color:#000000" id="stop6491" />
1056 |         </radialGradient>
1057 |         <path id="path2959"
1058 |             d="m 107.254,17.442 c 14.297,9.621 30.156,17.29 63.152,3.648 L 154.15,77.255 c -27.541,12.922 -49.002,6.278 -63.283,-3.398 z" />
1059 |         <path id="path2961"
1060 |             d="M 63.135,134.475 C 48.804,124.827 33.267,117.01 0.193,130.682 L 16.238,74.603 c 33.079,-13.68 49.107,-6.4 63.426,3.303 z" />
1061 |         <path id="path2963"
1062 |             d="M 35.432,7.781 35.25,7.729 c 0.07,-0.238 0.234,-0.323 0.298,-0.35 l 0.027,-0.008 c 10e-4,10e-4 -0.06,0.126 -0.143,0.41 z" />
1063 |         <path id="path2965"
1064 |             d="m 88.131,83.682 c 14.313,9.633 29.822,16.309 62.76,4.969 l -15.703,54.578 c -28.98,12.742 -48.541,5.09 -63.201,-3.77 z" />
1065 |         <path id="path21110"
1066 |             d="m 107.254,17.442 c 14.297,9.621 30.156,17.29 63.152,3.648 L 154.15,77.255 c -27.541,12.922 -49.002,6.278 -63.283,-3.398 z" />
1067 |         <path id="path21112"
1068 |             d="M 63.135,134.475 C 48.804,124.827 33.267,117.01 0.193,130.682 L 16.238,74.603 c 33.079,-13.68 49.107,-6.4 63.426,3.303 z" />
1069 |         <path id="path21114"
1070 |             d="M 35.432,7.781 35.25,7.729 c 0.07,-0.238 0.234,-0.323 0.298,-0.35 l 0.027,-0.008 c 10e-4,10e-4 -0.06,0.126 -0.143,0.41 z" />
1071 |         <path id="path21116"
1072 |             d="m 88.131,83.682 c 14.313,9.633 29.822,16.309 62.76,4.969 l -15.703,54.578 c -28.98,12.742 -48.541,5.09 -63.201,-3.77 z" />
1073 |         <linearGradient xlink:href="#linearGradient59028" id="linearGradient60436" x1="3131.343" y1="2403.8093"
1074 |             x2="3054.7461" y2="2327.2124" gradientUnits="userSpaceOnUse"
1075 |             gradientTransform="matrix(2.0366166,0,0,2.0366166,-3129.8852,-2397.0881)" />
1076 |         <filter style="color-interpolation-filters:sRGB" id="filter60750" x="-0.11410929" y="-0.15376239"
1077 |             width="1.2282186" height="1.3075248">
1078 |             <feGaussianBlur stdDeviation="5.1700548" id="feGaussianBlur60752" />
1079 |         </filter>
1080 |         <filter style="color-interpolation-filters:sRGB" id="filter60776" x="-0.071904999" y="-0.069731894"
1081 |             width="1.14381" height="1.1394638">
1082 |             <feGaussianBlur stdDeviation="3.2578653" id="feGaussianBlur60778" />
1083 |         </filter>
1084 |     </defs>
1085 |     <g id="layer1" transform="translate(-3044.5984,-2312.4153)">
1086 |         <rect
1087 |             style="fill:#8d4410;fill-opacity:1;stroke-width:18.3295;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1088 |             id="rect58297-2-9" width="221.45963" height="228.36111" x="3044.5984" y="2379.3333" ry="11.610024" />
1089 |         <rect
1090 |             style="fill:#000000;fill-opacity:0.796491;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;filter:url(#filter60776)"
1091 |             id="rect58297-2-8" width="108.73898" height="112.12769" x="3031.7358" y="2333.2991" ry="5.7006431"
1092 |             transform="matrix(2.0366166,0,0,2.0366166,-3129.8852,-2397.0881)" />
1093 |         <rect
1094 |             style="fill:#ffffff;fill-opacity:1;stroke-width:18.3295;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1095 |             id="rect58297-2" width="221.45963" height="228.36111" x="3044.5984" y="2354.9475" ry="11.610024" />
1096 |         <rect
1097 |             style="fill:#000000;fill-opacity:0.652632;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;filter:url(#filter60750)"
1098 |             id="rect58297-4" width="108.73901" height="80.696793" x="3031.7358" y="2352.9434" ry="5.7006431"
1099 |             transform="matrix(2.0366166,0,0,2.0366166,-3129.8852,-2397.0881)" />
1100 |         <rect
1101 |             style="fill:url(#linearGradient60436);fill-opacity:1;stroke-width:18.3295;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1102 |             id="rect58297" width="221.45963" height="228.36111" x="3044.5984" y="2330.9426" ry="11.610024" />
1103 |         <g id="g58295" style="fill:#057093;fill-opacity:1"
1104 |             transform="matrix(2.0366166,0,0,2.0366166,-3129.8852,-2397.0881)">
1105 |             <rect
1106 |                 style="fill:#057093;fill-opacity:1;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1107 |                 id="rect58246" width="72.49675" height="9.1672363" x="3049.8557" y="2351.4468" ry="3.1282878" />
1108 |             <rect
1109 |                 style="fill:#057093;fill-opacity:1;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1110 |                 id="rect58246-9" width="72.49675" height="9.1672363" x="3049.8557" y="2375.9207" ry="3.1282878" />
1111 |             <rect
1112 |                 style="fill:#057093;fill-opacity:1;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1113 |                 id="rect58246-9-7" width="72.49675" height="9.1672363" x="3049.8557" y="2400.1301" ry="3.1282878" />
1114 |         </g>
1115 |         <g id="g58244" style="fill:#057093;fill-opacity:1"
1116 |             transform="matrix(2.0366166,0,0,2.0366166,-3129.8852,-2397.0881)">
1117 |             <rect
1118 |                 style="fill:#057093;fill-opacity:1;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1119 |                 id="rect56737" width="12.534941" height="18.194374" x="3043.5403" y="2312.4153" ry="6.2674704" />
1120 |             <rect
1121 |                 style="fill:#057093;fill-opacity:1;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1122 |                 id="rect56737-6" width="12.534941" height="18.194374" x="3068.0142" y="2312.4153" ry="6.2674704" />
1123 |             <rect
1124 |                 style="fill:#057093;fill-opacity:1;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1125 |                 id="rect56737-4" width="12.534941" height="18.194374" x="3116.1021" y="2312.4153" ry="6.2674704" />
1126 |             <rect
1127 |                 style="fill:#057093;fill-opacity:1;stroke-width:8.99999;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
1128 |                 id="rect56737-6-7" width="12.534941" height="18.194374" x="3091.7605" y="2312.4153" ry="6.2674704" />
1129 |         </g>
1130 |     </g>
1131 | </svg>


--------------------------------------------------------------------------------