mirror of
https://github.com/teoxoy/factorio-blueprint-editor.git
synced 2025-01-12 01:22:43 +02:00
switch to vite
This commit is contained in:
teoxoy
parent
e275eeb8ec
commit
886ce08eb9
13
.gitignore
vendored
13
.gitignore
vendored
@ -1,8 +1,7 @@
|
||||
node_modules
|
||||
packages/website/dist
|
||||
packages/website/tools/.fusebox
|
||||
packages/exporter/data/*
|
||||
!packages/exporter/data/output
|
||||
packages/exporter/data/output/metadata.json
|
||||
packages/exporter/target
|
||||
node_modules
|
||||
packages/website/dist
|
||||
packages/exporter/data/*
|
||||
!packages/exporter/data/output
|
||||
packages/exporter/data/output/metadata.json
|
||||
packages/exporter/target
|
||||
.env
|
||||
3217
package-lock.json
generated
3217
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -6,8 +6,10 @@
|
||||
],
|
||||
"scripts": {
|
||||
"start:website": "npm --workspace=@fbe/website run start",
|
||||
"preview:website": "npm --workspace=@fbe/website run preview",
|
||||
"start:exporter": "cd ./packages/exporter && cargo run --release",
|
||||
"build:website": "npm --workspace=@fbe/website run build",
|
||||
"type-check": "tsc",
|
||||
"lint": "eslint .",
|
||||
"lint:fix": "eslint . --fix",
|
||||
"format": "prettier . --check",
|
||||
@ -17,7 +19,7 @@
|
||||
"@eslint/js": "^9.16.0",
|
||||
"eslint": "^9.16.0",
|
||||
"prettier": "^3.4.2",
|
||||
"typescript": "^4.5.4",
|
||||
"typescript": "^5.7.2",
|
||||
"typescript-eslint": "^8.17.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -10,6 +10,7 @@
|
||||
},
|
||||
"bugs": "https://github.com/Teoxoy/factorio-blueprint-editor/issues",
|
||||
"homepage": "https://github.com/Teoxoy/factorio-blueprint-editor",
|
||||
"module": "./src/index.ts",
|
||||
"dependencies": {
|
||||
"@pixi/basis": "^6.2.0",
|
||||
"ajv": "^6.12.6",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import * as PIXI from 'pixi.js'
|
||||
import { BasisLoader } from '@pixi/basis'
|
||||
import basisTranscoderJS from './basis/transcoder.1.16.4.js'
|
||||
import basisTranscoderWASM from './basis/transcoder.1.16.4.wasm'
|
||||
import basisTranscoderJS from './basis/transcoder.1.16.4.js?url'
|
||||
import basisTranscoderWASM from './basis/transcoder.1.16.4.wasm?url'
|
||||
import { loadData } from './core/factorioData'
|
||||
import G from './common/globals'
|
||||
import { Entity } from './core/Entity'
|
||||
@ -16,7 +16,7 @@ import { IllegalFlipError } from './containers/PaintContainer'
|
||||
export class Editor {
|
||||
public async init(canvas: HTMLCanvasElement, showError: (msg: string) => void): Promise<void> {
|
||||
await Promise.all([
|
||||
fetch('__STATIC_URL__/data.json')
|
||||
fetch('/data/data.json')
|
||||
.then(res => res.text())
|
||||
.then(modules => loadData(modules)),
|
||||
BasisLoader.loadTranscoder(basisTranscoderJS, basisTranscoderWASM),
|
||||
|
||||
@ -39,7 +39,7 @@ function getBT(path: string): Promise<PIXI.BaseTexture> {
|
||||
}
|
||||
|
||||
function getTexture(path: string, x = 0, y = 0, w = 0, h = 0): PIXI.Texture {
|
||||
const key = `__STATIC_URL__/${path.replace('.png', '.basis')}`
|
||||
const key = `/data/${path.replace('.png', '.basis')}`
|
||||
const KK = `${key}-${x}-${y}-${w}-${h}`
|
||||
let t = textureCache.get(KK)
|
||||
if (t) return t
|
||||
|
||||
@ -21,7 +21,10 @@ import { PaintBlueprintContainer } from './PaintBlueprintContainer'
|
||||
import { OptimizedContainer } from './OptimizedContainer'
|
||||
import { GridData } from './GridData'
|
||||
|
||||
export type GridPattern = 'checker' | 'grid'
|
||||
export enum GridPattern {
|
||||
CHECKER = 'checker',
|
||||
GRID = 'grid',
|
||||
}
|
||||
|
||||
export enum EditorMode {
|
||||
/** Default */
|
||||
|
||||
@ -5,7 +5,6 @@ import { BlueprintContainer } from './BlueprintContainer'
|
||||
|
||||
export class OptimizedContainer extends PIXI.Container {
|
||||
private bpc: BlueprintContainer
|
||||
public children: EntitySprite[]
|
||||
|
||||
public constructor(bpc: BlueprintContainer) {
|
||||
super()
|
||||
|
||||
@ -8,7 +8,6 @@ import { BlueprintContainer } from './BlueprintContainer'
|
||||
export class PaintBlueprintContainer extends PaintContainer {
|
||||
private readonly bp: Blueprint
|
||||
private readonly entities = new Map<Entity, PaintBlueprintEntityContainer>()
|
||||
public children: EntitySprite[]
|
||||
|
||||
public constructor(bpc: BlueprintContainer, entities: Entity[]) {
|
||||
super(bpc, 'blueprint')
|
||||
|
||||
@ -9,7 +9,7 @@ import { BlueprintContainer } from './BlueprintContainer'
|
||||
|
||||
export class PaintWireContainer extends PaintContainer {
|
||||
private color?: string
|
||||
private cp?: IConnectionPoint? = undefined
|
||||
private cp?: IConnectionPoint = undefined
|
||||
/** This is only a reference */
|
||||
private cursorBox: PIXI.Container
|
||||
|
||||
|
||||
@ -170,7 +170,7 @@ function getBlueprintOrBookFromSource(source: string): Promise<Blueprint | Book>
|
||||
const pathParts = url.pathname.slice(1).split('/')
|
||||
|
||||
const fetchData = (url: string): Promise<Response> =>
|
||||
fetch(`__CORS_PROXY_URL__${encodeURIComponent(url)}`).then(response => {
|
||||
fetch(`/corsproxy?url=${encodeURIComponent(url)}`).then(response => {
|
||||
if (response.ok) return response
|
||||
throw new Error('Network response was not ok.')
|
||||
})
|
||||
|
||||
@ -1,10 +1,7 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ES2016",
|
||||
"module": "CommonJS",
|
||||
"lib": ["ES2019", "DOM", "DOM.Iterable"],
|
||||
"esModuleInterop": true
|
||||
"lib": ["ESNext", "DOM", "DOM.Iterable"]
|
||||
},
|
||||
"include": ["src/**/*.ts", "src/**/*.json"]
|
||||
}
|
||||
|
||||
@ -13,17 +13,16 @@
|
||||
|
||||
<title>Factorio Blueprint Editor</title>
|
||||
|
||||
<link rel="icon" href="$import('../assets/favicon.png')" />
|
||||
$css
|
||||
<link rel="icon" href="/favicon.png" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="loadingScreen" class="active">
|
||||
<img id="logo" src="$import('../assets/logo.svg')" alt />
|
||||
<img class="loadingWheel" src="$import('../assets/loadingWheel.svg')" alt />
|
||||
<img id="logo" src="/logo.svg" alt />
|
||||
<img class="loadingWheel" src="/loadingWheel.svg" alt />
|
||||
</div>
|
||||
<div id="corner-panel">
|
||||
<img src="$import('../assets/logo-small.svg')" alt />
|
||||
<img src="/logo-small.svg" alt />
|
||||
<span>Press I for info</span>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
@ -34,7 +33,7 @@
|
||||
rel="noopener"
|
||||
>
|
||||
<span>Discord</span>
|
||||
<img src="$import('../assets/discord.svg')" alt />
|
||||
<img src="/discord.svg" alt />
|
||||
</a>
|
||||
<a
|
||||
class="github-button"
|
||||
@ -43,7 +42,7 @@
|
||||
rel="noopener"
|
||||
>
|
||||
<span>Github</span>
|
||||
<img src="$import('../assets/github.svg')" alt />
|
||||
<img src="/github.svg" alt />
|
||||
</a>
|
||||
</div>
|
||||
<div id="info-panel">
|
||||
@ -93,6 +92,6 @@
|
||||
</p>
|
||||
</div>
|
||||
<canvas id="editor" tabindex="1"></canvas>
|
||||
$bundles
|
||||
<script type="module" src="/src/index.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -3,8 +3,9 @@
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"start": "ts-node -T tools/fuse dev",
|
||||
"build": "ts-node -T tools/fuse build"
|
||||
"start": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fbe/editor": "*",
|
||||
@ -15,10 +16,8 @@
|
||||
"devDependencies": {
|
||||
"@types/dat.gui": "^0.7.7",
|
||||
"@types/file-saver": "^2.0.4",
|
||||
"@types/node": "^14.18.0",
|
||||
"fuse-box": "^4.0.1-next.8",
|
||||
"stylus": "^0.55.0",
|
||||
"ts-node": "^10.4.0",
|
||||
"typescript": "^4.5.4"
|
||||
"stylus": "^0.64.0",
|
||||
"vite": "^6.0.3",
|
||||
"vite-plugin-static-copy": "^2.2.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
/*
|
||||
X-Frame-Options: DENY
|
||||
X-Content-Type-Options: nosniff
|
||||
X-XSS-Protection: 1; mode=block
|
||||
Referrer-Policy: strict-origin
|
||||
Content-Security-Policy: default-src 'self' blob:; script-src 'self' 'unsafe-eval' https://static.cloudflareinsights.com https://embed.doorbell.io; style-src 'self' 'unsafe-inline' https://embed.doorbell.io; img-src 'self' data:; connect-src 'self' https://static-fbe.teoxoy.com https://cloudflareinsights.com https://doorbell.io; worker-src blob:;
|
||||
|
||||
https://:project.pages.dev/*
|
||||
X-Robots-Tag: noindex
|
||||
|
||||
/js/*
|
||||
Cache-Control: max-age=604800
|
||||
/css/*
|
||||
Cache-Control: max-age=604800
|
||||
/assets/*
|
||||
Cache-Control: max-age=604800
|
||||
|
||||
/data/*
|
||||
Cache-Control: max-age=86400
|
||||
/*
|
||||
X-Frame-Options: DENY
|
||||
X-Content-Type-Options: nosniff
|
||||
X-XSS-Protection: 1; mode=block
|
||||
Referrer-Policy: strict-origin
|
||||
Content-Security-Policy: default-src 'self' blob:; script-src 'self' 'unsafe-eval' https://static.cloudflareinsights.com https://embed.doorbell.io; style-src 'self' 'unsafe-inline' https://embed.doorbell.io; img-src 'self' data:; connect-src 'self' https://static-fbe.teoxoy.com https://cloudflareinsights.com https://doorbell.io; worker-src blob:;
|
||||
|
||||
https://:project.pages.dev/*
|
||||
X-Robots-Tag: noindex
|
||||
|
||||
/js/*
|
||||
Cache-Control: max-age=604800
|
||||
/css/*
|
||||
Cache-Control: max-age=604800
|
||||
/assets/*
|
||||
Cache-Control: max-age=604800
|
||||
|
||||
/data/*
|
||||
Cache-Control: max-age=86400
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
@ -1,202 +1,202 @@
|
||||
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
@ -1,93 +1,93 @@
|
||||
Copyright (c) 2009-2011 by Accademia di Belle Arti di Urbino and students of MA course of Visual design. Some rights reserved.
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
Copyright (c) 2009-2011 by Accademia di Belle Arti di Urbino and students of MA course of Visual design. Some rights reserved.
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
|
Before Width: | Height: | Size: 851 B After Width: | Height: | Size: 851 B |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 866 B After Width: | Height: | Size: 866 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 487 KiB After Width: | Height: | Size: 487 KiB |
@ -1,343 +1,344 @@
|
||||
// Fonts
|
||||
|
||||
// roboto-300 - latin
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
font-style: normal
|
||||
font-weight: 300
|
||||
src: local('Roboto Light'), local('Roboto-Light'),
|
||||
url('./../assets/fonts/roboto-v20-latin/300.woff2') format('woff2'),
|
||||
url('./../assets/fonts/roboto-v20-latin/300.woff') format('woff')
|
||||
|
||||
// roboto-400 - latin
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
font-style: normal
|
||||
font-weight: 400
|
||||
src: local('Roboto'), local('Roboto-Regular'),
|
||||
url('./../assets/fonts/roboto-v20-latin/400.woff2') format('woff2'),
|
||||
url('./../assets/fonts/roboto-v20-latin/400.woff') format('woff')
|
||||
|
||||
// roboto-500 - latin
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
font-style: normal
|
||||
font-weight: 500
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'),
|
||||
url('./../assets/fonts/roboto-v20-latin/500.woff2') format('woff2'),
|
||||
url('./../assets/fonts/roboto-v20-latin/500.woff') format('woff')
|
||||
|
||||
// titillium-web-400 - latin
|
||||
@font-face
|
||||
font-family: 'Titillium Web'
|
||||
font-style: normal
|
||||
font-weight: 400
|
||||
src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
|
||||
url('./../assets/fonts/titillium-web-v8-latin/400.woff2') format('woff2'),
|
||||
url('./../assets/fonts/titillium-web-v8-latin/400.woff') format('woff')
|
||||
|
||||
|
||||
// Normalize
|
||||
body
|
||||
margin: 0
|
||||
overflow: hidden
|
||||
|
||||
button
|
||||
input
|
||||
select
|
||||
textarea
|
||||
font-family: inherit
|
||||
font-size: 100%
|
||||
line-height: 1.15
|
||||
margin: 0
|
||||
|
||||
|
||||
html
|
||||
font-family: 'Roboto', sans-serif
|
||||
user-select: none
|
||||
|
||||
*
|
||||
box-sizing: border-box
|
||||
|
||||
#loadingScreen
|
||||
position: fixed
|
||||
top: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
background-color: #303030
|
||||
&.active
|
||||
z-index: 10
|
||||
.loadingWheel
|
||||
animation: rotating 2s linear infinite
|
||||
&.error
|
||||
z-index: 4
|
||||
cursor: default
|
||||
.loadingWheel
|
||||
animation-fill-mode: forwards
|
||||
animation-iteration-count: 1
|
||||
|
||||
#corner-panel
|
||||
z-index: 5
|
||||
position: fixed
|
||||
left: 0
|
||||
top: 0
|
||||
background-color: #303030
|
||||
border-bottom-right-radius: 10px
|
||||
padding: 5px 10px
|
||||
width: 140px
|
||||
height: 80px
|
||||
border-color: #888
|
||||
border-style: solid
|
||||
border-width: 0 1px 1px 0
|
||||
span
|
||||
color: white
|
||||
|
||||
.loadingWheel
|
||||
width: 60px
|
||||
height: 60px
|
||||
position: fixed
|
||||
right: 16px
|
||||
bottom: 16px
|
||||
|
||||
@keyframes rotating
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
to
|
||||
transform: rotate(360deg)
|
||||
|
||||
#logo
|
||||
position: fixed
|
||||
left: 50%
|
||||
top: 50%
|
||||
transform: translate(-50%, -50%)
|
||||
width: 50%
|
||||
|
||||
.dg
|
||||
font: 12px 'Roboto', sans-serif !important
|
||||
&.main
|
||||
position: fixed
|
||||
bottom: 0
|
||||
left: 0
|
||||
z-index: 5
|
||||
.slider
|
||||
margin-left: 0 !important
|
||||
width: 65% !important
|
||||
.c select
|
||||
width: 100%
|
||||
|
||||
#editor
|
||||
position: fixed
|
||||
|
||||
#doorbell
|
||||
&-submit-button
|
||||
background-color: #1E88E5
|
||||
box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5)
|
||||
transition: 0.3s all linear
|
||||
border: 0
|
||||
&:hover
|
||||
&:active
|
||||
&:focus
|
||||
text-decoration: none
|
||||
background: #1E88E5
|
||||
opacity: 0.85
|
||||
color: #ffffff
|
||||
|
||||
&-form
|
||||
box-shadow: none !important
|
||||
border: 0
|
||||
text-align: right
|
||||
fieldset
|
||||
text-align: center
|
||||
#intro-text
|
||||
margin-bottom: 10px
|
||||
|
||||
&-tags
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
margin-bottom: 10px
|
||||
div
|
||||
font-weight: normal
|
||||
cursor: pointer
|
||||
border-radius: 4px
|
||||
padding: 4px
|
||||
color: white
|
||||
transition: 0.1s all linear
|
||||
&:hover
|
||||
&.active
|
||||
transform: scale(1.05)
|
||||
box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5)
|
||||
|
||||
#buttons
|
||||
position: absolute
|
||||
z-index: 5
|
||||
top: 80px
|
||||
left: 0
|
||||
a
|
||||
button
|
||||
position: relative
|
||||
height: 35px
|
||||
display: block
|
||||
border-bottom-right-radius: 5px
|
||||
padding: 4px 8px
|
||||
color: #ffffff
|
||||
font-family: 'Titillium Web', sans-serif
|
||||
font-size: 18px
|
||||
letter-spacing: 0.6px
|
||||
line-height: 30px
|
||||
text-decoration: none
|
||||
|
||||
span
|
||||
position: absolute
|
||||
margin-left: 25px
|
||||
|
||||
img
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 17px
|
||||
transform: translateX(-50%)
|
||||
width: 22px
|
||||
height: 100%
|
||||
|
||||
transition: 0.3s all linear
|
||||
transform: translateX(-5px)
|
||||
&:hover
|
||||
&:active
|
||||
&:focus
|
||||
transform: translateX(0)
|
||||
|
||||
.discord-button
|
||||
width: 115px
|
||||
border-left: 5px solid #7289DA
|
||||
background-color: #7289DA
|
||||
|
||||
.github-button
|
||||
width: 105px
|
||||
border-left: 5px solid #31383f
|
||||
background-color: #31383f
|
||||
img
|
||||
width: 20px
|
||||
|
||||
.doorbell-button
|
||||
width: 95px
|
||||
border-left: 5px solid #1E88E5
|
||||
background-color: #1E88E5
|
||||
border: none
|
||||
outline: none
|
||||
cursor: pointer
|
||||
|
||||
#info-panel
|
||||
display: none
|
||||
position: fixed
|
||||
top: 50vh
|
||||
left: 50vw
|
||||
transform: translate(-50%, -50%)
|
||||
width: 40vw
|
||||
max-width: 640px
|
||||
z-index: 100
|
||||
color: white
|
||||
background-color: #303030
|
||||
border-radius: 10px
|
||||
padding: 4px 16px
|
||||
border: 1px solid #888
|
||||
&.active
|
||||
display: block
|
||||
ul
|
||||
position: relative
|
||||
list-style: none
|
||||
padding-left: 1em
|
||||
margin-left: 0.5em
|
||||
li:before
|
||||
color: #ffe6c0
|
||||
content: "-"
|
||||
position: absolute
|
||||
left: 0
|
||||
h1
|
||||
color: #ffe6c0
|
||||
text-align: center
|
||||
font-size: 1.8em
|
||||
font-weight: 500
|
||||
h2
|
||||
font-size: 1.6em
|
||||
font-weight: 500
|
||||
h3
|
||||
font-size: 1.2em
|
||||
font-weight: 500
|
||||
.info-list
|
||||
font-size: 1.1em
|
||||
li
|
||||
mark
|
||||
background-color: transparent
|
||||
color: #ffe6c0
|
||||
&:before
|
||||
content: ">"
|
||||
.copyright-notice
|
||||
font-size: 0.9em
|
||||
text-align: center
|
||||
|
||||
|
||||
/* TOASTS */
|
||||
.toasts
|
||||
&-container
|
||||
position: fixed
|
||||
bottom: 0
|
||||
right: 0
|
||||
width: 320px
|
||||
z-index: 20
|
||||
|
||||
&-toast
|
||||
position: relative
|
||||
padding: 12px 16px
|
||||
margin: 8px 0 5px 0
|
||||
background: #303030
|
||||
cursor: pointer
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
|
||||
|
||||
border-radius: 5px 0 0 0
|
||||
border-style: solid
|
||||
border-width: 1px 0 2px 1px
|
||||
border-color: #888
|
||||
|
||||
animation-name: toastsFadeIn
|
||||
animation-duration: .3s
|
||||
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1) // easeOutQuint
|
||||
|
||||
transition-delay: .3s
|
||||
transition-duration: .2s
|
||||
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715) // easeInSine
|
||||
transition-property: max-height margin border padding
|
||||
&-fadeOut
|
||||
animation-name: toastsFadeOut
|
||||
animation-fill-mode: forwards
|
||||
|
||||
max-height: 0 !important
|
||||
margin: 0
|
||||
border: 0
|
||||
padding: 0
|
||||
|
||||
|
||||
&-text
|
||||
font-size: 14px
|
||||
color: white
|
||||
|
||||
// toast types
|
||||
&-success
|
||||
border-bottom-color: #51C625
|
||||
&-warning
|
||||
border-bottom-color: #DB9215
|
||||
&-error
|
||||
border-bottom-color: #DB2B1D
|
||||
&-info
|
||||
border-bottom-color: #27ABDB
|
||||
|
||||
@keyframes toastsFadeIn
|
||||
from
|
||||
transform: translateX(100%)
|
||||
to
|
||||
transform: translateX(0)
|
||||
|
||||
@keyframes toastsFadeOut
|
||||
from
|
||||
transform: translateX(0)
|
||||
to
|
||||
transform: translateX(100%)
|
||||
// Fonts
|
||||
|
||||
// roboto-300 - latin
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
font-style: normal
|
||||
font-weight: 300
|
||||
src: local('Roboto Light'), local('Roboto-Light'),
|
||||
url('/fonts/roboto-v20-latin/300.woff2') format('woff2'),
|
||||
url('/fonts/roboto-v20-latin/300.woff') format('woff')
|
||||
|
||||
// roboto-400 - latin
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
font-style: normal
|
||||
font-weight: 400
|
||||
src: local('Roboto'), local('Roboto-Regular'),
|
||||
url('/fonts/roboto-v20-latin/400.woff2') format('woff2'),
|
||||
url('/fonts/roboto-v20-latin/400.woff') format('woff')
|
||||
|
||||
// roboto-500 - latin
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
font-style: normal
|
||||
font-weight: 500
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'),
|
||||
url('/fonts/roboto-v20-latin/500.woff2') format('woff2'),
|
||||
url('/fonts/roboto-v20-latin/500.woff') format('woff')
|
||||
|
||||
// titillium-web-400 - latin
|
||||
@font-face
|
||||
font-family: 'Titillium Web'
|
||||
font-style: normal
|
||||
font-weight: 400
|
||||
src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
|
||||
url('/fonts/titillium-web-v8-latin/400.woff2') format('woff2'),
|
||||
url('/fonts/titillium-web-v8-latin/400.woff') format('woff')
|
||||
|
||||
|
||||
// Normalize
|
||||
body
|
||||
margin: 0
|
||||
overflow: hidden
|
||||
|
||||
button
|
||||
input
|
||||
select
|
||||
textarea
|
||||
font-family: inherit
|
||||
font-size: 100%
|
||||
line-height: 1.15
|
||||
margin: 0
|
||||
|
||||
|
||||
html
|
||||
font-family: 'Roboto', sans-serif
|
||||
user-select: none
|
||||
|
||||
*
|
||||
box-sizing: border-box
|
||||
|
||||
#loadingScreen
|
||||
position: fixed
|
||||
top: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
background-color: #303030
|
||||
&.active
|
||||
z-index: 10
|
||||
.loadingWheel
|
||||
animation: rotating 2s linear infinite
|
||||
&.error
|
||||
z-index: 4
|
||||
cursor: default
|
||||
.loadingWheel
|
||||
animation-fill-mode: forwards
|
||||
animation-iteration-count: 1
|
||||
|
||||
#corner-panel
|
||||
z-index: 5
|
||||
position: fixed
|
||||
left: 0
|
||||
top: 0
|
||||
background-color: #303030
|
||||
border-bottom-right-radius: 10px
|
||||
padding: 5px 10px
|
||||
width: 140px
|
||||
height: 80px
|
||||
border-color: #888
|
||||
border-style: solid
|
||||
border-width: 0 1px 1px 0
|
||||
span
|
||||
color: white
|
||||
|
||||
.loadingWheel
|
||||
width: 60px
|
||||
height: 60px
|
||||
position: fixed
|
||||
right: 16px
|
||||
bottom: 16px
|
||||
|
||||
@keyframes rotating
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
to
|
||||
transform: rotate(360deg)
|
||||
|
||||
#logo
|
||||
position: fixed
|
||||
left: 50%
|
||||
top: 50%
|
||||
transform: translate(-50%, -50%)
|
||||
width: 50%
|
||||
|
||||
.dg
|
||||
font: 12px 'Roboto', sans-serif !important
|
||||
&.main
|
||||
position: fixed
|
||||
bottom: 0
|
||||
left: 0
|
||||
z-index: 5
|
||||
.slider
|
||||
margin-left: 0 !important
|
||||
width: 65% !important
|
||||
.c select
|
||||
width: 100%
|
||||
|
||||
#editor
|
||||
position: fixed
|
||||
outline: none
|
||||
|
||||
#doorbell
|
||||
&-submit-button
|
||||
background-color: #1E88E5
|
||||
box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5)
|
||||
transition: 0.3s all linear
|
||||
border: 0
|
||||
&:hover
|
||||
&:active
|
||||
&:focus
|
||||
text-decoration: none
|
||||
background: #1E88E5
|
||||
opacity: 0.85
|
||||
color: #ffffff
|
||||
|
||||
&-form
|
||||
box-shadow: none !important
|
||||
border: 0
|
||||
text-align: right
|
||||
fieldset
|
||||
text-align: center
|
||||
#intro-text
|
||||
margin-bottom: 10px
|
||||
|
||||
&-tags
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
margin-bottom: 10px
|
||||
div
|
||||
font-weight: normal
|
||||
cursor: pointer
|
||||
border-radius: 4px
|
||||
padding: 4px
|
||||
color: white
|
||||
transition: 0.1s all linear
|
||||
&:hover
|
||||
&.active
|
||||
transform: scale(1.05)
|
||||
box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5)
|
||||
|
||||
#buttons
|
||||
position: absolute
|
||||
z-index: 5
|
||||
top: 80px
|
||||
left: 0
|
||||
a
|
||||
button
|
||||
position: relative
|
||||
height: 35px
|
||||
display: block
|
||||
border-bottom-right-radius: 5px
|
||||
padding: 4px 8px
|
||||
color: #ffffff
|
||||
font-family: 'Titillium Web', sans-serif
|
||||
font-size: 18px
|
||||
letter-spacing: 0.6px
|
||||
line-height: 30px
|
||||
text-decoration: none
|
||||
|
||||
span
|
||||
position: absolute
|
||||
margin-left: 25px
|
||||
|
||||
img
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 17px
|
||||
transform: translateX(-50%)
|
||||
width: 22px
|
||||
height: 100%
|
||||
|
||||
transition: 0.3s all linear
|
||||
transform: translateX(-5px)
|
||||
&:hover
|
||||
&:active
|
||||
&:focus
|
||||
transform: translateX(0)
|
||||
|
||||
.discord-button
|
||||
width: 115px
|
||||
border-left: 5px solid #7289DA
|
||||
background-color: #7289DA
|
||||
|
||||
.github-button
|
||||
width: 105px
|
||||
border-left: 5px solid #31383f
|
||||
background-color: #31383f
|
||||
img
|
||||
width: 20px
|
||||
|
||||
.doorbell-button
|
||||
width: 95px
|
||||
border-left: 5px solid #1E88E5
|
||||
background-color: #1E88E5
|
||||
border: none
|
||||
outline: none
|
||||
cursor: pointer
|
||||
|
||||
#info-panel
|
||||
display: none
|
||||
position: fixed
|
||||
top: 50vh
|
||||
left: 50vw
|
||||
transform: translate(-50%, -50%)
|
||||
width: 40vw
|
||||
max-width: 640px
|
||||
z-index: 100
|
||||
color: white
|
||||
background-color: #303030
|
||||
border-radius: 10px
|
||||
padding: 4px 16px
|
||||
border: 1px solid #888
|
||||
&.active
|
||||
display: block
|
||||
ul
|
||||
position: relative
|
||||
list-style: none
|
||||
padding-left: 1em
|
||||
margin-left: 0.5em
|
||||
li:before
|
||||
color: #ffe6c0
|
||||
content: "-"
|
||||
position: absolute
|
||||
left: 0
|
||||
h1
|
||||
color: #ffe6c0
|
||||
text-align: center
|
||||
font-size: 1.8em
|
||||
font-weight: 500
|
||||
h2
|
||||
font-size: 1.6em
|
||||
font-weight: 500
|
||||
h3
|
||||
font-size: 1.2em
|
||||
font-weight: 500
|
||||
.info-list
|
||||
font-size: 1.1em
|
||||
li
|
||||
mark
|
||||
background-color: transparent
|
||||
color: #ffe6c0
|
||||
&:before
|
||||
content: ">"
|
||||
.copyright-notice
|
||||
font-size: 0.9em
|
||||
text-align: center
|
||||
|
||||
|
||||
/* TOASTS */
|
||||
.toasts
|
||||
&-container
|
||||
position: fixed
|
||||
bottom: 0
|
||||
right: 0
|
||||
width: 320px
|
||||
z-index: 20
|
||||
|
||||
&-toast
|
||||
position: relative
|
||||
padding: 12px 16px
|
||||
margin: 8px 0 5px 0
|
||||
background: #303030
|
||||
cursor: pointer
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
|
||||
|
||||
border-radius: 5px 0 0 0
|
||||
border-style: solid
|
||||
border-width: 1px 0 2px 1px
|
||||
border-color: #888
|
||||
|
||||
animation-name: toastsFadeIn
|
||||
animation-duration: .3s
|
||||
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1) // easeOutQuint
|
||||
|
||||
transition-delay: .3s
|
||||
transition-duration: .2s
|
||||
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715) // easeInSine
|
||||
transition-property: max-height margin border padding
|
||||
&-fadeOut
|
||||
animation-name: toastsFadeOut
|
||||
animation-fill-mode: forwards
|
||||
|
||||
max-height: 0 !important
|
||||
margin: 0
|
||||
border: 0
|
||||
padding: 0
|
||||
|
||||
|
||||
&-text
|
||||
font-size: 14px
|
||||
color: white
|
||||
|
||||
// toast types
|
||||
&-success
|
||||
border-bottom-color: #51C625
|
||||
&-warning
|
||||
border-bottom-color: #DB9215
|
||||
&-error
|
||||
border-bottom-color: #DB2B1D
|
||||
&-info
|
||||
border-bottom-color: #27ABDB
|
||||
|
||||
@keyframes toastsFadeIn
|
||||
from
|
||||
transform: translateX(100%)
|
||||
to
|
||||
transform: translateX(0)
|
||||
|
||||
@keyframes toastsFadeOut
|
||||
from
|
||||
transform: translateX(0)
|
||||
to
|
||||
transform: translateX(100%)
|
||||
|
||||
@ -1,98 +0,0 @@
|
||||
import { join } from 'path'
|
||||
import { fusebox, sparky, pluginLink, pluginReplace } from 'fuse-box'
|
||||
import { IDevServerProps } from 'fuse-box/devServer/devServerProps'
|
||||
import { IPublicConfig } from 'fuse-box/config/IConfig'
|
||||
import { IRunResponse } from 'fuse-box/core/IRunResponse'
|
||||
import { IRunProps } from 'fuse-box/config/IRunProps'
|
||||
|
||||
const port = Number(process.env.PORT) || 8080
|
||||
|
||||
const p = (p: string): string => join(__dirname, p)
|
||||
|
||||
const HEADERS_FILE = p('../src/_headers')
|
||||
const EXPORTER_DATA = p('../../exporter/data/output')
|
||||
|
||||
class Context {
|
||||
public readonly paths = {
|
||||
dist: p('../dist'),
|
||||
}
|
||||
public runDev(runProps?: IRunProps): Promise<IRunResponse> {
|
||||
return fusebox(this.getConfig(true)).runDev(runProps)
|
||||
}
|
||||
public runProd(runProps?: IRunProps): Promise<IRunResponse> {
|
||||
return fusebox(this.getConfig()).runProd(runProps)
|
||||
}
|
||||
private getConfig(runServer = false): IPublicConfig {
|
||||
return {
|
||||
compilerOptions: {
|
||||
tsConfig: p('../tsconfig.json'),
|
||||
},
|
||||
entry: p('../src/index.ts'),
|
||||
target: 'browser',
|
||||
webIndex: { template: p('../src/index.html') },
|
||||
devServer: runServer && this.getServerConfig(),
|
||||
resources: {
|
||||
resourcePublicRoot: '/assets',
|
||||
},
|
||||
plugins: [
|
||||
pluginLink(/transcoder\.(.+?)\.(js|wasm)$/, { useDefault: true }),
|
||||
pluginReplace({
|
||||
__CORS_PROXY_URL__: runServer
|
||||
? 'https://api.allorigins.win/raw?url='
|
||||
: '/corsproxy?url=',
|
||||
__STATIC_URL__: '/data',
|
||||
}),
|
||||
],
|
||||
cache: { enabled: runServer, strategy: 'memory' },
|
||||
hmr: { plugin: p('./hmr.ts') },
|
||||
sourceMap: {
|
||||
css: !runServer,
|
||||
project: true,
|
||||
vendor: false,
|
||||
},
|
||||
watcher: {
|
||||
root: [p('../src'), p('../../editor/src')],
|
||||
},
|
||||
}
|
||||
}
|
||||
private getServerConfig(): IDevServerProps {
|
||||
return {
|
||||
httpServer: { port },
|
||||
hmrServer: { port },
|
||||
proxy: [
|
||||
{
|
||||
path: '/data',
|
||||
options: {
|
||||
target: `http://127.0.0.1:8081`,
|
||||
pathRewrite: { '^/data': '' },
|
||||
},
|
||||
},
|
||||
],
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const { src, rm, task } = sparky(Context)
|
||||
|
||||
task('dev', async ctx => {
|
||||
rm(ctx.paths.dist)
|
||||
await ctx.runDev({
|
||||
bundles: { distRoot: ctx.paths.dist },
|
||||
})
|
||||
})
|
||||
|
||||
task('build', async ctx => {
|
||||
rm(ctx.paths.dist)
|
||||
await ctx.runProd({
|
||||
bundles: {
|
||||
distRoot: ctx.paths.dist,
|
||||
app: 'js/app.$hash.js',
|
||||
vendor: 'js/vendor.$hash.js',
|
||||
styles: 'css/styles.$hash.css',
|
||||
},
|
||||
})
|
||||
|
||||
await src(HEADERS_FILE).dest(ctx.paths.dist, 'src/').exec()
|
||||
|
||||
await src(`${EXPORTER_DATA}/**/**.*`).dest(`${ctx.paths.dist}/data`, 'output/').exec()
|
||||
})
|
||||
@ -1,20 +0,0 @@
|
||||
// import { HMRHelper, HMRPayload } from 'fuse-box/types/hmr'
|
||||
|
||||
// export default function (payload: HMRPayload, helper: HMRHelper): void {
|
||||
// const { updates } = payload
|
||||
// console.log('__HMR__', payload, helper)
|
||||
// if (helper.isStylesheeetUpdate) {
|
||||
// helper.flushModules(updates)
|
||||
// helper.updateModules()
|
||||
// helper.callModules(updates)
|
||||
// } else {
|
||||
// helper.flushAll()
|
||||
// helper.updateModules()
|
||||
// helper.callEntries()
|
||||
// }
|
||||
// }
|
||||
|
||||
export default function (): void {
|
||||
// @ts-ignore
|
||||
window.location.reload()
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
{
|
||||
"extends": "../../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ES2016",
|
||||
"module": "CommonJS",
|
||||
"lib": ["ES2016"],
|
||||
"esModuleInterop": true
|
||||
},
|
||||
"include": ["*.ts"]
|
||||
}
|
||||
@ -1,10 +1,8 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"target": "ES2016",
|
||||
"module": "CommonJS",
|
||||
"lib": ["ES2016", "DOM"],
|
||||
"esModuleInterop": true
|
||||
"lib": ["ESNext", "DOM"],
|
||||
"types": ["vite/client"]
|
||||
},
|
||||
"include": ["src"]
|
||||
"include": ["src", "../editor/src/global.d.ts"]
|
||||
}
|
||||
|
||||
45
packages/website/vite.config.js
Normal file
45
packages/website/vite.config.js
Normal file
@ -0,0 +1,45 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import { viteStaticCopy } from 'vite-plugin-static-copy'
|
||||
|
||||
const fullReloadAlways = {
|
||||
name: 'full-reload',
|
||||
handleHotUpdate({ server }) {
|
||||
server.ws.send({ type: 'full-reload' })
|
||||
return []
|
||||
},
|
||||
}
|
||||
|
||||
export default defineConfig(({ command, mode }) => {
|
||||
const proxy = {
|
||||
'/corsproxy': {
|
||||
target: 'https://fbe.teoxoy.com',
|
||||
changeOrigin: true,
|
||||
},
|
||||
}
|
||||
if (mode !== 'production') {
|
||||
proxy['/data'] = {
|
||||
target: 'http://127.0.0.1:8081',
|
||||
rewrite: path => path.replace(/^\/data/, ''),
|
||||
}
|
||||
}
|
||||
return {
|
||||
build: { sourcemap: true },
|
||||
preview: { port: 8080 },
|
||||
server: {
|
||||
port: 8080,
|
||||
proxy,
|
||||
},
|
||||
plugins: [
|
||||
command === 'build'
|
||||
? viteStaticCopy({
|
||||
targets: [
|
||||
{
|
||||
src: '../exporter/data/output/*',
|
||||
dest: 'data',
|
||||
},
|
||||
],
|
||||
})
|
||||
: fullReloadAlways,
|
||||
],
|
||||
}
|
||||
})
|
||||
@ -1,19 +1,22 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"pretty": true,
|
||||
"sourceMap": true,
|
||||
"alwaysStrict": true,
|
||||
"removeComments": true,
|
||||
"noImplicitAny": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"preserveConstEnums": true,
|
||||
"target": "ESNext",
|
||||
"module": "ES6",
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
|
||||
// "strict": true, // TODO: enable
|
||||
|
||||
"rootDir": ".",
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@fbe/*": ["packages/*/src/index.ts"],
|
||||
"mini-signals": ["node_modules/resource-loader/typings/mini-signals.d.ts"]
|
||||
"@fbe/*": ["packages/*/src/index.ts"]
|
||||
},
|
||||
|
||||
"typeRoots": ["./node_modules/@types"]
|
||||
|
||||
Loading…
Reference in New Issue
Block a user